วิธีการกระดานเรื่องราวใน Photoshop

Sep 15, 2025
วิธีการ
storyboard in Photoshop
(เครดิตรูปภาพ: Mark Evan Lim)

กระดานเรื่องราวใน Photoshop อาจเป็นวิธีที่ยอดเยี่ยมในการทำให้ความคิดของคุณถูกแมป ในการประชุมเชิงปฏิบัติการนี้เราจะเรียนรู้เกี่ยวกับเลเยอร์คอมพ์และวิธีการที่เครื่องมือ Photoshop นี้สามารถช่วยให้คุณเพิ่มความเร็วเวิร์กโฟลว์และองค์กรของคุณสำหรับ (แต่ไม่ จำกัด ) เป้าหมายของฉันคือการเน้นชุดเมนูนี้อธิบายวิธีการทำงานของเลเยอร์และโน้มน้าวให้คุณลองใช้พวกเขา เราจะเริ่มต้นการประชุมเชิงปฏิบัติการนี้ด้วยสมมติฐานที่เรามีรูปขนาดย่อและเรื่องราวที่ถูกล็อคและคุณพร้อมที่จะดำน้ำในภาพวาด

สิ่งสำคัญคือต้องรู้ว่าชั้นของคุณไม่ทำลาย: คุณสามารถลบพวกเขาและมีเลเยอร์ของคุณในขณะที่คุณทาสี พวกเขาทำหน้าที่เป็นหลักในการดูเลเยอร์ของคุณแตกต่างกัน ก่อนที่เราจะเริ่มต้นฉันต้องการพูดถึงว่าฉันจะใช้เรื่องราวห้าแผงที่นี่ แต่คุณสามารถสร้างได้หลายเลเยอร์คอมพ์ตามที่คุณต้องการสำหรับเรื่องราวของคุณ

หากคุณต้องการเคล็ดลับและเทคนิคเพิ่มเติมให้ดูของเรา บทเรียน Photoshop และตรวจสอบของเรา วาดอย่างไร บทเรียน

01. ตั้งค่าเอกสารของคุณ

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

คุณมีภาพขนาดย่อและสคริปต์ของคุณพร้อมที่จะไป - ตอนนี้ถึงเวลาเริ่มวาดแล้ว! ฉันมักจะเริ่มต้นด้วยการสร้างอัตราส่วนภาพของฉัน คุณอาจต้องการตรวจสอบข้อกำหนดของโครงการหรือการมอบหมายของคุณก่อนที่จะเริ่ม สำหรับการประชุมเชิงปฏิบัติการนี้เราจะทำงานใน 1,080 x 720 ซึ่งเป็นความละเอียดทั่วไปสำหรับโครงการอนิเมชั่นส่วนใหญ่ ผืนผ้าใบของคุณถูกตั้งค่าและตอนนี้ถึงเวลาวาดแล้ว!

ส่วนที่ดีที่สุดเกี่ยวกับเครื่องมือชั้นวางของเลเยอร์คือสามารถรองรับวิธีการทำงานของคุณ ไม่มีโฟลเดอร์ภายในโฟลเดอร์ถ้าคุณไม่ชอบ มันขึ้นอยู่กับคุณอย่างสมบูรณ์ เราจะทำงานกับห้าแผงจากข้อความที่ตัดตอนมาจากโครงการกระดานเรื่องราวเป็นตัวอย่าง การใช้เครื่องมือเลเยอร์ Comps จะช่วยให้คุณสามารถสร้างจัดการและจัดระเบียบหลายเลย์เอาต์ภายในไฟล์ Photoshop เดียว คิดว่าแต่ละเลเยอร์คอมพ์เป็นสกรีนช็อตของชั้นปัจจุบันที่คุณมองเห็นได้

02. เพิ่มข้อความและเริ่มรูปวาดของคุณ

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

ขั้นตอนต่อไปเป็นทางเลือก แต่ถ้าเรื่องราวของคุณมีการสนทนาฉันมักจะปิดกั้นสี่เหลี่ยมสีดำที่ด้านล่างสำหรับข้อความหรือเอฟเฟกต์เสียงที่ฉันอาจใช้ จากที่นี่ฉันนำภาพขนาดย่อของฉันออกจาก iPad แล้วเริ่มทำความสะอาด เมื่อฉันทำความสะอาดภาพวาดของฉันฉันมักจะแยกชั้นของฉันขึ้นมาจากด้านหลังไปที่ด้านหน้า (ด้านหลัง - กลางและเบื้องหน้า) มันเป็นสิ่งสำคัญที่จะต้องจัดระเบียบ; สิ่งนี้จะช่วยให้เลเยอร์ทำงานได้ในภายหลัง

03. เพิ่มเลเยอร์ของศิลปะบรรทัด

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

ที่นี่ฉันนอนลงเส้นโทนและเลเยอร์บทสนทนาของฉัน คุณสามารถเพิ่มเลเยอร์มากขึ้นหากจำเป็นเช่นเลเยอร์โปแลนด์เพิ่มเติม ช่วยในการคิดเกี่ยวกับการยิงของคุณเหมือนเค้กชั้นหนึ่งและค่อยๆสร้างขึ้นจากสายงานให้กับโทนเสียง ถัดไปก็ถึงเวลาสร้างชั้นของเรา

04. สำรวจหน้าต่าง Comps เลเยอร์

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

บนแถบเครื่องมือยอดนิยมของ Photoshop คลิกหน้าต่าง & GT; ชั้น comps และหน้าต่างจะปรากฏขึ้น นี่คือหน้าต่าง Comp เลเยอร์ที่ช่วยให้คุณจัดการและจัดระเบียบภาพและฉากของคุณ เครื่องมือนี้ให้ความยืดหยุ่นในการจัดเรียงภาพใหม่ทดสอบการสลายและแก้ไข - ทั้งหมดจากแผงเดียว

05. สร้างเลเยอร์แรกของคุณ

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

ดังนั้นตอนนี้เรารู้มากขึ้นเกี่ยวกับเลเยอร์คอมม. นิดหน่อยมาสร้างอันแรกของเรา คลิกไอคอน Plus และหน้าต่างที่แสดงด้านบนควรปรากฏขึ้น นี่คือที่ที่คุณสามารถเปลี่ยนชื่อเลเยอร์คอมพ์ ถัดไปตรวจสอบให้แน่ใจว่าได้ตรวจสอบการมองเห็นตำแหน่งและลักษณะที่ปรากฏ (สไตล์เลเยอร์) แล้วกดตกลง Voilàคุณมีชั้นแรกของคุณ!

06. ทำเช่นเดียวกันสำหรับแผงต่อไปของคุณ

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

ตอนนี้คุณสามารถปิดเลเยอร์เหล่านั้นที่คุณเพิ่งดึงและเริ่มทำซ้ำขั้นตอนสำหรับแผงที่สองของคุณ หากคุณต้องการอ้างอิงแผงก่อนหน้านี้เพียงคลิกกล่องเล็ก ๆ ถัดจากชื่อของเลเยอร์คอมพ์และเลเยอร์ทั้งหมดที่ใช้ในแผงนั้นจะเปิดอยู่ ต่อไปในการสร้างเลเยอร์ comps สำหรับทุกช็อตจนกว่าคุณจะทำเรื่องราวของคุณเสร็จ ตามที่คุณไปคุณสามารถดูว่ามันดูทั้งหมดโดยการกดปุ่มลูกศรในหน้าต่าง Comp Layer หากคุณเห็นเครื่องหมายอัศเจรีย์ถัดจาก Comp Layer ของคุณหมายความว่าไม่ได้รับการอัพเดตและบางส่วนของเลเยอร์ใหม่ของคุณยังไม่ได้ถูกเพิ่มเข้าไป

07 เตรียมส่งออก

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

ในขั้นตอนนี้คุณมีชั้นของคุณ comps และคุณพร้อมที่จะส่งออกพวกเขาดังนั้นนี่คือวิธีการทำ ในแฟชั่นที่คล้ายคลึงกันเพื่อส่งออกภาพปกติจาก Photoshop เลือกไฟล์ & GT; ส่งออก & GT; เลเยอร์คอมพ์กับไฟล์ ที่นี่คุณจะได้รับหลายตัวเลือกให้เลือก เหล่านี้รวมถึงไดเรกทอรีที่คุณต้องการให้เลเยอร์เหล่านี้เข้าร่วมหรือประเภทไฟล์ที่ควรจะเป็น

08. ส่งออกเลเยอร์ของคุณ comps

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

เมื่อเสร็จแล้วให้คลิกเรียกใช้และควรเริ่มส่งออกแต่ละเลเยอร์คอมพ์ หน้าต่างจะปรากฏขึ้นเพื่อบอกคุณเมื่อกระบวนการเสร็จสมบูรณ์ จากที่นี่คุณสามารถไปที่ชุดไดเรกทอรีและดูทั้งหมด comps / รูปภาพที่นั่น

09. ตรวจสอบการส่งออกของคุณ

storyboard in Photoshop

(รูปภาพ: © Mark Evan Lim)

รูปภาพทั้งหมดได้ส่งออกไปยังชุดไดเรกทอรี นี่คือที่ที่คุณสามารถรวมเข้ากับ PDF หรือเก็บสิ่งต่าง ๆ ไว้ในขณะที่มีอยู่ในระดับเสียงหรืองานนำเสนอ ตอนนี้คุณมีโฟลเดอร์ของแผงทั้งหมดของคุณพร้อมสำหรับขั้นตอนต่อไปของกระบวนการสร้างสรรค์ของคุณ

ฉันหวังว่านี่จะสมเหตุสมผลและคุณพบสถานที่สำหรับชั้น Comps ในเวิร์กโฟลว์ของคุณ

บทความนี้ปรากฏใน ImagineFX นิตยสารศิลปะดิจิทัลชั้นนำของโลก สมัครสมาชิก ImagineFX ที่นี่ .

อ่านเพิ่มเติม:

  • ดาวน์โหลด Photoshop: ทั้งหมดที่คุณต้องรู้
  • ทางลัด Photoshop คุณต้องรู้
  • ฟรีที่ดีที่สุด แปรง Photoshop

วิธีการ - บทความยอดนิยม

วิธีการวาดหัว: คู่มือฉบับสมบูรณ์

วิธีการ Sep 15, 2025

(เครดิตภาพ: Oliver Sin) หน้า 1 จาก 2: วิธีการ..


ใช้ Brain.js เพื่อสร้างเครือข่ายประสาทเทียม

วิธีการ Sep 15, 2025

(เครดิตรูปภาพ: Getty Images) Brain.js เป็นวิธีที่ยอดเยี่�..


เปลี่ยนสี Photoshop: 2 เครื่องมือที่คุณต้องรู้

วิธีการ Sep 15, 2025

ข้ามไปที่: เครื่องมือเปลี่ยนสี ..


เริ่มต้นใช้งานสินทรัพย์ในผู้ออกแบบที่เกี่ยวข้อง

วิธีการ Sep 15, 2025

เมื่อทำงานกับโครงการเช่นการออกแบบแอพหรือหลั..


วิธีการลบพื้นหลังใน Photoshop

วิธีการ Sep 15, 2025

หน้า 1 จาก 4: เครื่องมือ Magic Wand เครื่องมือ Magic Wand ..


เริ่มต้นด้วยสนิม

วิธีการ Sep 15, 2025

หน้า 1 จาก 2: หน้า 1 หน้า 1 ..


วิธีการสร้างเลย์เอาต์ที่ซับซ้อนโดยใช้ CSS

วิธีการ Sep 15, 2025

เลย์เอาต์สำหรับเว็บได้รับการ จำกัด อยู่เสมอม�..


สร้างภาพเคลื่อนไหว GIF ใน Photoshop

วิธีการ Sep 15, 2025

Adobe กำลังเปิดตัวชุดวิดีโอชุดใหม่วันนี้เรียกว่าตอนนี้ซึ่งมีวัตถุปร�..


หมวดหมู่