World Cup Graphic ทำกราฟิกสไตล์กีฬาด้วย Clipping mask

Update

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

สิ่งที่ต้องเตรียม

 

ขั้นตอนที่ 1

ตั้งค่าไฟล์ตามต้องการโดยตามตัวอย่างนี้ผมจะตั้งขนาดไฟล์ที่มีรายละเอียดคือ ขนาดของภาพ 800×600 px ตั้งค่าความละเอียด (Resolution) 72ppi

 

ขั้นตอนที่ 2

ทำการเพิ่มพื้นหลังโดยใช้เครื่องมือ Rectangle Tools ใส่สีเท่า #d3d7d8 ลงไปและใช้เครื่องมือ Type Tools พิมพ์เลข 16 ซึ่งเป็นเบอร์เสื้อของภาพนักฟุตบอลที่ผมหามา

ในขั้นตอนนี้ตัวอักษรมีความสำคัญเป็นอย่างมาก ควรจะหารูปแบบข้อง Fonts ที่มีความหนาลักษณะดูแข็งแรง

 

ขั้นตอนที่ 3

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

 

หลังจากที่เราสร้างเส้น selection ใน Photoshop เรียบร้อยแล้วให้ทำการ Copy Layer ภาพนักฟุตบอลของเราซึ่งเราจะแบ่ง Layer ของนักฟุตบอลออกเป็น 2 ส่วนคือ

เลเยอร์ภาพนักฟุตบอล
เลเยอร์ภาพนักฟุตบอล
เลเยอร์ภาพที่ตัดเฉพาะตัวนักฟุตบอล
เลเยอร์ภาพที่ตัดเฉพาะตัวนักฟุตบอล

ขั้นตอนที่ 4

เลือกเลเยอร์ทั้ง 2 ที่เราทำไว้โดยการกดที่เลเยอร์แรกที่ต้องการและกดปุ่ม Shift ค้างไว้ก่อนที่จะเลือกเลเยอร์ที่เหลือ

 

ขั้นตอนที่ 5

ทำการลากเลเยอร์ที่เราเลือกไว้ทั้งหมด นำมาวางบน Workspace ที่เราสร้างเอาไว้ตอนแรกได้เลย

 

เมื่อลากภาพนักฟุตบอลทั้ง 2 เลเยอร์มาบน Workspace ของเราเรียบร้อยให้ทำการกดปุ่ม Command + T หรือ CTRL + T เพื่อทำการย่อขนาดของนักฟุตบอล

เมื่อทำการปรับขนาดจนพอใจแล้วกดปุ่ม Enter เพื่อย่อขนาดภาพตามที่เราต้องการ

 

ขั้นตอนที่ 6

Clipping mask
Clipping mask

และแล้วก็มาถึงเครื่องมือที่เป็นหัวใจหลักของบทความนี้แล้วกับเครื่องมือ Clipping mask โดยจุดหลักที่เราจะต้องทำความเข้าใจคือ เครื่องมือ Clipping mask จะกระทำกับเลเยอร์ที่อยู่ด้านล่างของเลเยอร์ที่เราต้องการจะ Clipping mask เท่านั้น เช่น เรามีเลเยอร์ A และ B ถ้าเลเยอร์ B อยู่ด้านบนเลเยอร์ A เครื่องมือนี้ก็จะทำให้เลเยอร์ B แสดงผล (Mask) อยู่บนเลเยอร์ A

เพราะฉะนั้นในหัวข้อนี้เราจะทำการ Clipping mask เลเยอร์ภาพนักฟุตบอล(ที่ไม่ได้ Diecut) ให้แสดงผลอยู่บนข้อความเลข 16 ก็ทำนำเลเยอร์ภาพนักฟุตบอลนำไปนำไปวางไว้ที่ด้านบนของเลเยอร์เลข 16

หลังจาก Clipping mask
หลังจาก Clipping mask

หลังจากที่แล้วทำการ Clipping mask เรียบร้อยจะเห็นได้ว่าภาพนักฟุตบอล(แบบไม่ได้ Diecut) จะแสดงผลอยู่บนแค่เลข 16 เท่านั้น หลังจากนี้เราสามารถตกแต่งและใส่ effect อื่นเพื่อเพิ่มความน่าสนใจหรือตัดส่วนที่ไม่ต้องการออกได้