BenVonWong Tutorial 1 TH

Report 2 Downloads 52 Views
วิธีการ

สร้างเอฟเฟกต์ โมชั่นเบลอ บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว โดย Benjamin Von Wong

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

“ปลุกซูเปอร์ฮีโร่ในตัวคุณให้ออกมาแสดงพลัง” - Benjamin Von Wong

© 2015 Wacom

02

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ถ่ายภาพความเร็วสูง

© 2015 Wacom

03

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

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

ผลงานดิจิทัลทั้งหมดที่แสดงใน eBook นี้ วาดขึ้นด้วยเมาส์ปากกา Intuos Pro จาก Wacom โดยใช้โปรแกรม Adobe© Photoshop ลองเยี่ยมชมเว็บไซต์ Wacom เพื่อค้นหาวิธียกระดับขั้นตอน การท�ำงานและประสิทธิภาพของคุณในฐานะ ศิลปินด้วยเทคโนโลยีดิจิทัลที่ทันสมัย ปากกาและแท็บเล็ตของเราพร้อมรองรับ ความสามารถใหม่ๆ เพื่อความรวดเร็ว และแม่นย�ำ มอบอิสระที่มากยิ่งขึ้นในการ ทดลองงานสร้างสรรค์

Benjamin Von Wong ช่างภาพและนักสร้างสรรค์ภาพ www.vonwong.com

© 2015 Wacom

04

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ผลงานของ Benjamin Von Wong

© 2015 Wacom

05

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

© 2015 Wacom

06

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

1.

© 2015 Wacom

เลือกภาพที่ถูกใจ: เลือกภาพที่ดีที่สุดใน Adobe Lightroom ให้คะแนนภาพที่คุณชอบมากที่สุดโดยการ ให้ดาว

07

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

2.

© 2015 Wacom

เริ่มการสร้างคอมโพสิต: ลากภาพมาวางลงในไฟล์ แล้วเริ่มมาสก์ขอบ ออก สิ่งส�ำคัญที่สุดอย่างหนึ่งในการสร้าง คอมโพสิตคือ การเช็คให้แน่ใจว่าไม่มีขอบ แสดงออกมาให้เห็น ค่อยๆ มาสก์ขอบออก (ยังไม่ต้องกังวล กับรายละเอียดมากเกินไปนัก) โดยใช้พู่กัน Soft Brush (หัวแปรงอ่อน) ขนาดใหญ่ วิธีนี้ให้ผลลัพธ์ออกมาดีโดยไม่ต้องยุ่งยาก กับการเลือกการตั้งค่าต่างๆ

08

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ดูวธิ ที ำ� งานกับองค์ประกอบของภาพ

© 2015 Wacom

09

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

3.

© 2015 Wacom

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

10

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

© 2015 Wacom

11

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

เริ่มการแยกส่วนของโมชั่นเบลอ ตามความเหมาะสม: ก่อนที่จะท�ำการปรับแต่งใดๆ ให้เตรียมไฟล์ ใน Lightroom โดยการเพิ่ม Contrast (คอนทราสต์) เพิ่ม Highlights (ไฮไลต์) และลด Blacks (สีด�ำ) กลับไปที่ Lightroom แล้วซิงค์ภาพถ่าย ทั้งหมดเข้ากับไฟล์คอนทราสต์สูงที่เราท�ำไว้ สวยแล้ว คราวนีเ้ ราจะเพิม่ Highlights (ไฮไลต์) ลด Shadows (เงา) และเพิ่ม Contrast (คอนทราสต์) โดยรวมในภาพของเราให้มาก ที่สุดเท่าที่จะท�ำได้ เพื่อให้ได้เอฟเฟกต์เบลอ อย่างที่ต้องการ หลักการคือเราจะต้องเห็น เฉพาะส่วนที่สว่างกว่าในภาพหลังจากที่น�ำมา คอมโพสิตเข้าด้วยกัน

4.

© 2015 Wacom

12

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

5.

© 2015 Wacom

มาสก์องค์ประกอบต่างๆ เข้าไป: ใช้เครือ่ งมือ Transform (การเปลีย่ นรูปร่าง) เพื่อรวมส่วนต่างๆ เข้าด้วยกันให้เหมาะเจาะ ใช้โหมดการผสมสีแบบ Screen (สกรีน) เพื่อให้เห็นเฉพาะส่วนที่เบลอ หลังจากทีเ่ ราได้สว่ นทีเ่ ป็นเอฟเฟกต์เบลอแล้ว ที่เหลือที่ต้องท�ำคือแค่โอเวอร์เลย์ลงไป บนภาพที่เราปรับแต่งไว้ หลักการในขั้นตอน นี้คือการพยายามเรียงสีต่างๆ เพื่อให้ดู “น่าเชื่อ” ให้ลองจินตนาการถึงเส้นสายของ การเคลื่อนไหวที่เกิดขึ้นจากคนที่ก�ำลังวิ่ง แล้วใส่โมชั่นเบลอที่ต�ำแหน่งดังกล่าว ใช้โหมดการผสมสีแบบ Screen (สกรีน) เพื่อให้เห็นเฉพาะส่วนที่สว่างเท่านั้น

13

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ดูวธิ เี พิม่ เส้นเคลือ่ นไหว

© 2015 Wacom

14

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

© 2015 Wacom

15

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

6.

© 2015 Wacom

เลือกองค์ประกอบเพิ่มเติม: การเคลื่อนไหวเป็นเพียงส่วนหนึ่งของภาพ เท่านั้น ตอนนี้ เราจะมาใส่เศษกระดาษ ปลิวว่อนเข้าไป หลักการของภาพคอมโพสิตที่ดีคือมีการ เคลื่อนไหวทั้งพื้นหน้าและพื้นหลัง ในกรณี นี้ เราจะต้องแน่ใจว่ากระดาษเป็นวัตถุทึบแสง ไม่ใช่แค่โปร่งแสง เราเลือกใช้เทคนิค Channel Masking (การมาสก์ช่องสี) โดยการไปที่ Channels (ช่องสี) > ท�ำซ�้ำเลเยอร์ที่มีคอนทราสต์ สูงสุด > เพิ่มเลเวล > และเปลี่ยนส่วน ดังกล่าวให้เป็นส่วนที่เลือกโดยการกด Cmd+คลิก จากนั้น เราจะเปลี่ยนส่วนที่ เลือกให้เป็นมาสก์

16

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

การท�ำ Dodge (ปรับความสว่างเฉพาะจุด) และ Burn (ปรับความเข้มเฉพาะจุด) ด้วยค�ำสั่ง Curves (เส้นโค้ง): สร้างเลเยอร์ให้สว่างขึ้นหรือมืดลงโดยใช้ ค�ำสั่ง Curves (เส้นโค้ง) แล้วปรับเส้นกราฟ ขึ้นหรือลงตามล�ำดับ กลับเส้นกราฟและ เน้นส่วนที่สว่างกว่าและมืดกว่าโดยการเพิ่ม คอนทราสต์ของภาพเพื่อให้ส่วนดังกล่าว ดูโดดออกมา การใช้วิธีนี้มีข้อดีหลักคือ ช่วยให้ภาพมี ความคล้ายกับ “ภาพวาด” มากขึ้นเนื่องจาก มีคอนทราสต์สูง 7.

© 2015 Wacom

17

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

8.

© 2015 Wacom

ปรับโทนของภาพ: เช่นเดียวกับการท�ำงานกับภาพคอมโพสิต ทุกรูปแบบ ผมแนะน�ำให้เพิ่มเลเยอร์ Desaturation (ลดความอิ่มสี) ไว้บนภาพ คอมโพสิตอีกทีหนึ่งหลังจากท�ำภาพเสร็จ แล้ว ค่าที่แนะน�ำให้ใช้คือ –20 ซึ่งจะช่วย ผสานสีทั้งหมดให้กลมกลืนกัน จากนั้น เราจะเข้าสู่ขั้นตอนการเติมสีกลับเข้าไปในภาพ ซึง่ เครือ่ งมือทีผ่ มมักจะใช้คอื Curves (เส้นโค้ง) และ Color Balance (ความสมดุลของสี) การเพิ่มเงาให้กับสีฟ้า (น�้ำเงินเขียว) และการ เพิ่มสีเหลืองให้กับแสงเป็นวิธีที่ผมชอบใช้ แต่จริงๆ แล้วไม่มีค�ำตอบที่ถูกหรือผิด เรา ไม่มีข้อจ�ำกัดส�ำหรับจ�ำนวนเลเยอร์การปรับ ที่จะเพิ่มเข้าไป เพียงแต่การเพิ่มเลเยอร์นั้นจะ ต้องใช้ความระมัดระวังเล็กน้อยและไม่ต้อง กลัวที่จะมาสก์สี/คอนทราสต์ต่างๆ ให้กับ แต่ละส่วนของภาพ

18

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

9.

© 2015 Wacom

เพิ่มความอุ่นของภาพด้วย Radial Blur (การเบลอแบบวงกลม): พอลองมองดูภาพแล้ว ผมอดไม่ได้ที่จะรู้สึก ว่าฝั่งซ้ายของภาพดูเหมือนจะขาดความ อบอุ่นไปสักหน่อย ผมจึงตัดสินใจเพิ่มเอฟเฟกต์เบลอแสงเล็ก น้อยให้กับภาพโดยการสร้างภาพเบลอแบบ พุ่งจากจุดศูนย์กลาง (Filter (ฟิลเตอร์) > Blur (เบลอ) > Radial Blur (การเบลอแบบ วงกลม)) และใช้ค่า Zoom (ซูม) ประมาณ 50 จากนั้น ผมจึงใส่ Gaussian Blur (การเบลอ แบบเกาส์) เพื่อให้ริ้วแสงดูอ่อนลงและเริ่ม มาสก์บางส่วนของรูปตัวผมเองออก ก่อน ที่จะเปลี่ยนโหมดการผสมสีเป็นแบบ Screen (สกรีน) และตั้งค่า Opacity (ความทึบแสง) ที่ 20%

19

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

10. เพิ่มคอนทราสต์ด้วย Gradient Map (รูปแบบการไล่ส)ี และ Soft Light (แสงอ่อน):

ส�ำหรับการเพิ่มเลเยอร์คอนทราสต์แบบง่ายๆ ให้กับภาพของผม ผมมักจะใช้วิธีเพิ่ม Gradient Map (รูปแบบการไล่สี) เช็คให้แน่ใจ ว่า Gradient Map (รูปแบบการไล่สี) ที่เลือก เป็นแบบขาว-ด�ำโดยการกดปุม่ D ถ้า Gradient Map (รูปแบบการไล่สี) กลับสีอยู่ อย่าลืม กดปุม่ Cmd+I เพือ่ กลับสีให้คนื มาเหมือนเดิม จากนัน้ ให้เปลีย่ นโหมดการผสมสีของเลเยอร์ เป็น “Soft Light” (แสงอ่อน) และปรับค่า Opacity (ความทึบแสง) เป็น 15% ซึ่งดูแล้ว ท�ำให้ภาพออกมาดีทีเดียว

© 2015 Wacom

20

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ดูวธิ ปี รับแต่งรูปภาพของคุณ

© 2015 Wacom

21

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

11. เพิ่ม Backdrop (ฉากหลัง):

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

© 2015 Wacom

22

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

12. ปรับความคมชัดของภาพ:

การเพิ่มฟิลเตอร์ High Pass (ไฮพาส) เป็นวิธีที่ยอดเยี่ยมส�ำหรับการสร้างเลเยอร์ ความคมชัดลงบนภาพ กดปุ่ม Cmd+N เพื่อสร้างเลเยอร์ใหม่ จากนั้น กดปุ่ม Cmd+Alt+Shift+E เพื่อ รวมเลเยอร์ทั้งหมดเข้าด้วยกันเป็นเลเยอร์ ใหม่ ใช้ค�ำสั่ง Filter (ฟิลเตอร์) > High Pass (ไฮพาส) โดยใช้ค่า Radius (รัศมี) ประมาณ 5 เพื่อให้ภาพออกมาดูดี จากนั้น ให้เปลี่ยนโหมดการผสมสีของ เลเยอร์เป็น Soft Light (แสงอ่อน) หรือ Hard Light (แสงเข้ม) ทั้งสองโหมดให้ ผลลัพธ์ที่ยอดเยี่ยม ซึ่งขึ้นอยู่กับรสนิยม ของคุณ ผมชอบมาสก์ใส่รายละเอียดลงไป เพื่อให้มีการเพิ่มความคมชัดเฉพาะส่วนที่ ส�ำคัญของภาพเท่านั้น ซึ่งในกรณีนี้คือ ใบหน้าและมือของผม

© 2015 Wacom

23

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ดูวธิ เี พิม่ ความคมชัดให้กบั รูปภาพ

© 2015 Wacom

24

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

© 2015 Wacom

25

เอฟเฟกต์โมชั่นเบลอ

บทช่วยสอนทีละขั้นตอนเพื่อสร้างความรู้สึกของการเคลื่อนไหว

ข้อมูลเกีย่ วกับศิลปิน แรงผลักดันของศิลปินจากมอนทรีออล อย่าง Benjamin Von Wong มาจาก ความปรารถนาที่จะก้าวข้าม “ขีดจ�ำกัด” ของงานสร้างสรรค์ ภาพถ่ายที่ดูเหนือจริง ของเขาคือสิ่งที่สร้างชื่อเสียงให้กับเขาใน วันนี้ Benjamin สะกดคนดูด้วยงานศิลปะ สไตล์เหนือจริง ซึ่งเป็นการหลอมรวม ภาพถ่ายเข้ากับสเปเชียลเอฟเฟกต์ในรูปแบบ ใหม่ อย่างเช่นในผลงานชุด “Rooftop Superheroes” ของเขา พื้นฐานทาง ด้านวิศวกรรมของ Benjamin ท�ำให้เขา มีเอกลักษณ์ความโดดเด่นในการแก้ปัญหา เกี่ยวกับการสร้างสรรค์งาน ซึ่งส�ำหรับเขา แล้ว นั่นคือช่วงเวลาที่ความท้าทายด้าน เทคนิคกลายเป็นเหมือนกับการแข่งขันใน หมู่มิตร Benjamin เชื่อว่าภาพถ่ายแต่ละภาพบอก

เล่าเรื่องราวสองเรื่องอยู่ภายในตัวเอง และเขาต้องการแบ่งปันเรื่องราวเหล่านั้น ให้กับคนทั้งโลก ทั้งเรื่องราวที่สื่อออกมา จากตัวภาพและเรื่องราวเบื้องหลังของการ สร้างสรรค์ภาพนั้นขึ้นมา ความชื่นชอบใน

© 2015 Wacom

การสร้างปฏิสัมพันธ์กับผู้คนท�ำให้ศิลปิน คนนี้หลงใหลเป็นพิเศษในการค้นหาคนที่มี พรสวรรค์ที่จะใส่ชีวิตชีวาให้กับการบอก เล่าเรื่องราวอันซับซ้อนของเขา นอกจากนี้ Benjamin ยังมีส่วนร่วมอย่างมากกับ สังคมของผู้ชื่นชอบการถ่ายภาพ โดยการ แบ่งปันประสบการณ์และเทคนิคการท�ำงาน ผ่านทางบล็อก โซเชยี ลมีเดยี การจัดเวริ ก์ ช็อป และคลิปวิดีโอ หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับงานของเขา โปรดไปที่: vonwong.com facebook.com/thevonwong @thevonwong

26

เรียนรู้เพิ่มเติม ©2015 Wacom Co., Ltd. สงวนลิขสิทธิ์ Wacom และโลโก้ของ Wacom

จดทะเบียนของเจ้าของชื่อนั้นๆ

เป็นเครื่องหมายการค้าจดทะเบียนของ Wacom Co., Ltd. ชื่อบริษัทและชื่อผลิตภัณฑ์อื่นๆ ทั้งหมดเป็นเครื่องหมายการค้าและ/หรือเครื่องหมายการค้า

โปรดตระหนักว่าเรามุ่งมั่นและทุ่มเทอย่างมากในการออกแบบและพัฒนา e-Book นี้ ด้วยเหตุนี้ Wacom จึงขอสงวนลิขสิทธิ์ทั้งหมด ที่เกี่ยวข้องกับ e-Book นี้รวมทั้งเนื้อหาทั้งหมด คุณสามารถ ใช้ความรู้ทั้งหมดที่ได้จาก e-Book นี้ได้อย่างอิสระ แต่ห้ามมิให้คุณ แจกจ่ายต่อหรือขาย e-Book หรือเนื้อหาภายใน e-Book นี้ โพสต์บนเว็บไซต์เพื่อให้ดาวน์โหลด หรือแชร์ในสื่อสังคมออนไลน์ © Adobe, โลโก้ Adobe, Creative Cloud และโลโก้ Creative Cloud เป็นเครื่องหมายการค้าจดทะเบียนและ/หรือ เครื่องหมายการค้าของ Adobe Systems Incorporated

ในสหรัฐอเมริกาและ/หรือประเทศอื่นๆ

คุณสามารถดูข้อมูลเพิ่มเติมได้ที่ www.wacom.com