สร้างเฟรมสไตล์ใน Photoshop

Sep 11, 2025

วิธีการ

หน้า 1 จาก 2:

หน้า 1

หน้า 1
หน้า 2

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

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

ปริญญาโทศิลปะของกระดานเรื่องราว

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image] — ตัวอย่างเหล่านี้แตกต่างกันมาก แต่ทั้งหมดทำงานได้ดีในการสื่อสารกับสิ่งที่ชิ้นสุดท้ายจะมีลักษณะอย่างไร [คลิกที่ไอคอนเพื่อขยายภาพ]

คุณสามารถดูในตัวอย่างด้านบนกรอบรูปแบบนั้นไม่แสดงทุกเฟรมของวิดีโอในฐานะกระดานเรื่องราวจะ

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

สำหรับการกวดวิชานี้เราจะใช้ตัวอย่างสำหรับลำดับชื่อที่จะนำหน้ารายการทีวีใหม่ การแสดงนี้มีธีมแห่งความลึกลับแนวคิดที่ได้รับอุปการะเกี่ยวกับชั้นเรียนและอยู่ใกล้กับมหาสมุทร

5 แล็ปท็อปที่ดีที่สุดสำหรับ Photoshop

01. เริ่มต้นด้วยภาพเดียว

This image will be our starting point. Click the image to download it — ภาพนี้จะเป็นจุดเริ่มต้นของเรา คลิกที่ภาพเพื่อดาวน์โหลด

ก่อนอื่นให้ดูที่ดาวของการแสดงของเรา ภาพถ่ายด้านบนจะเป็นจุดเริ่มต้นของเราและฉันมีแผนมากมายสำหรับมัน ฉันต้องการแยกฮีโร่ของเราออกจากพื้นหลังห่อแสงนีออนรอบ ๆ เธอและรวมเข้าด้วยกันโดยปรับแสง

02. ตัดร่าง

Start by quickly selecting the rough silhouette [click the icon to enlarge the image] — เริ่มต้นด้วยการเลือก Silhouette หยาบอย่างรวดเร็ว [คลิกที่ไอคอนเพื่อขยายภาพ]

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

03. มุ่งเน้นไปที่ผม

ทีนี้มาจัดการกับขนเหล่านั้นเหล่านั้น มันจะเป็นเรื่องยากที่จะตัดสิ่งเหล่านี้โดยใช้เครื่องมือการเลือกปรับแต่ง แต่ Photoshop CC 2017 ฟังก์ชั่นการเลือกและหน้ากากใหม่ทำให้สิ่งต่าง ๆ ง่ายขึ้นมากแม้จะพิจารณาสภาพแสงน้อยในภาพของเรา

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

04. เสร็จสิ้นการเลือกของคุณ

Refine your selection until you're happy with the result [click the icon to enlarge] — ปรับแต่งการเลือกของคุณจนกว่าคุณจะมีความสุขกับผลลัพธ์ [คลิกที่ไอคอนเพื่อดูภาพขยาย]

ทำซ้ำขั้นตอนเหล่านี้ไปมาจนกว่าคุณจะมีความสุขกับการเลือกผม ณ จุดนี้เพิ่มความคมชัดของคุณเพียงเล็กน้อยเช่นเดียวกับความแตกต่างและเพิ่มขนถ่ายขนเล็กน้อย (2px) คลิกตกลง คลิกปุ่ม Layer Mask เพื่อมอบการเลือกนี้เป็นหน้ากาก

05. ปรับพื้นหลัง

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

06. สีในไฟนีออน

The swirls should both overlap the figure’s head [click the icon to enlarge] — Swirls ควรทับซ้อนหัวของรูป [คลิกที่ไอคอนเพื่อดูภาพขยาย]

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

ตอนนี้คุณสามารถสนุกสนานได้ - ในสองชั้นที่แตกต่างกันวาด Neon Swirls สีชมพูและสีน้ำเงิน

07. เพิ่มเรืองแสง

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge] — แถบสีขาวที่แคบกว่าสร้างภาพลวงตาว่าไฟส่องสว่าง [คลิกที่ไอคอนเพื่อดูภาพขยาย]

ตอนนี้ทำซ้ำทั้งสองรูปร่างเปลี่ยนสีจังหวะเป็นสีขาวและลดความกว้างของจังหวะเป็น 9px แถบสีขาวนี้ควรนั่งตรงกลางของการหมุนแต่ละครั้ง - หากคุณสังเกตเห็นว่ามันไม่ได้เรียงกันอย่างถูกต้องให้เลือกจังหวะทั้งหมดของคุณและใช้ประเภทการกำหนดแบบ SET SHAPE แบบเลื่อนลงเพื่อเลือกการจัดตำแหน่งศูนย์กลาง

เปลี่ยนขนนกของจังหวะที่กว้างขึ้นเป็น 9px และขนนกของสีขาวแคบถึง 5px หากคุณรู้สึกว่าเอฟเฟกต์ไม่ค่อยมีชีวิตชีวาพอให้ทำซ้ำจังหวะสีและขนนกที่ 6px

ทำความสะอาดและจัดกลุ่มทั้งหมดโดยเลือกและกดปุ่มสร้างกลุ่ม ในที่สุดเพิ่มหน้ากากเลเยอร์ให้กับกลุ่มและทาสีพื้นที่ของแสงที่อยู่ด้านหลังหัวของร่าง

08. เริ่มการโหลดซ้ำ

Use the neon shades to paint over the wispy hairs [click the icon to enlarge] — ใช้เฉดสีนีออนเพื่อระบายสีบนเส้นผม wispy [คลิกที่ไอคอนเพื่อดูภาพขยาย]

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

แปลงเลเยอร์ทาสีทั้งหมดของคุณสำหรับตัวกรองสมาร์ทและเพิ่ม Blur Gaussian คุณต้องการที่จะเบลอจังหวะที่ใหญ่ที่สุดมากที่สุด - สำหรับจังหวะที่เล็กกว่าคุณอาจต้องการเปลี่ยนความทึบลง

09. หน้ากากเลเยอร์ของคุณ

Save time by reusing our mask from earlier [click the icon to enlarge] — ประหยัดเวลาโดยการนำหน้ากากมาใช้ใหม่จากก่อนหน้านี้ [คลิกที่ไอคอนเพื่อดูภาพขยาย]

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

10. ปรับแต่งงานของคุณ

Change the blend modes on your relighting layers [click the icon to enlarge] — เปลี่ยนโหมดการผสมผสานในเลเยอร์การโหลดของคุณ [คลิกที่ไอคอนเพื่อดูภาพขยาย]

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

เปลี่ยนโหมดการผสมผสานสำหรับเลเยอร์เหล่านี้ไปยังบางสิ่งบางอย่างเช่น Lighten, Screen หรือ Color Dodge ฉันเพิ่มทาสีด้วยมือเปล่าอีกชั้นหนึ่งที่ด้านบนของเส้นผมเพื่อให้ความลึกของสีเพิ่มขึ้นเล็กน้อย ใส่เลเยอร์เหล่านี้ทั้งหมดในกลุ่มที่เรียกว่า 'relighting'

11. เพิ่มฝุ่น

Motion-blurred dust particles really bring the image together [click the icon to enlarge] — อนุภาคฝุ่นที่มีการเคลื่อนไหวเบลอนำภาพมารวมกันจริงๆ [คลิกที่ไอคอนเพื่อดูภาพขยาย]

ตอนนี้จะดึงมันทั้งหมดเข้าด้วยกันฉันต้องการเพิ่มเลเยอร์ที่ด้านบนของทุกสิ่งที่ดูเหมือนฝุ่นที่เบลอบางอย่าง ( ดาวน์โหลดรูปภาพจาก Shutterstock .

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

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

หน้าปัจจุบัน: หน้า 1

หน้าต่อไป หน้า 2

สร้างเฟรมสไตล์ใน Photoshop

01. เริ่มต้นด้วยภาพเดียว

02. ตัดร่าง

03. มุ่งเน้นไปที่ผม

04. เสร็จสิ้นการเลือกของคุณ

05. ปรับพื้นหลัง

06. สีในไฟนีออน

07. เพิ่มเรืองแสง

08. เริ่มการโหลดซ้ำ

09. หน้ากากเลเยอร์ของคุณ

10. ปรับแต่งงานของคุณ

11. เพิ่มฝุ่น

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

6 เคล็ดลับด่วนเพื่อปรับปรุงการวาดปากกาแปรงของคุณ

วิธีการวาดช้าง

วิธีการปรับปรุงศิลปะตัวละครของคุณ

วิธีการทำ Mandelbulb

การแนะนำคุณสมบัติที่กำหนดเอง CSS

บทช่วยสอนข้อความ 3D สำหรับนักออกแบบกราฟิก

สร้างภาพประกอบง่ายๆสำหรับเว็บ

พลังที่เหลือเชื่อของ Flexbox

หมวดหมู่