HardcoreGraphic - Thailand Graphic Design Ezine

สร้างไอคอนการ์ตูน animation อย่างง่าย
Date : 28:07:05 | By : HardcoreGraphic

ถ้าคุณเป็นนักท่องเน็ต คุณจะพบว่ามีไอคอน..ที่มนุษย์ได้ออกแบบคิดค้นผลิตกันออกมาอย่างมากมาย โดยเฉพาะพวกไอคอนเคลื่อนไหว
สไตล์ Gif Animation ยังคงเป็นที่นิยมไม่เสื่อมคลาย ยิ่งเว็บการ์ตูน หรือ เว็บเกมส์แนวเกาหลี หรือ ญี่ปุ่นแล้วล่ะก็ รับรองต้องได้เห็น ทีนี้
เพื่อไม่ให้เราเสียเปรียบชาวต่างชาติ เดี๋ยวลองมาดูวิธีการทำไอคอนเล็กๆ น่ารักๆ ไปอวดชาวบ้านกันมั่งดีกว่า

เปิดโปรแกรม Photoshop เวอร์ชั่นที่คุณถนัด ผมขอใช้เวอร์ชั่น 7 ในการสาธิต จากนั้นไปที่เมนู FIle > New กำหนดขนาดกว้างยาว
เป็นกว้าง 30 x ยาว 35 Pixels พื้นหลังสีขาว เพื่อเวลาวาดไอคอนคุณจะได้เห็นเส้นชัดๆหน่อย แล้วก็กรุณาใช้เครื่องมือ zoom ภาพ
ขยายเข้าไปเน้นๆ สัก 1200 - 1600% เพื่อง่ายต่อการวาด

ใช้เครื่องมือ

วาดวงกลมลงบริเวณที่ว่างตามตัวอย่าง ถ้าวงกลมเบี้ยวให้ไปที่เมนู Select > Tranform Selection แล้วปรับขนาด
ให้เหมือนตัวอย่างให้จงได้ สังเกตว่า Selection วงกลมที่เราวาดจะต้องชิดขอบบน เพื่อเราจะให้มีพื้นที่ในการสร้างเงาของไอคอนนี้ด้วย

ให้เพิ่มเลเยอร์ขึ้นมาใหม่ 1 เลเยอร์แล้วใช้เครื่องมือดินสอ

คลิกเลือกสีที่คุณต้องการวาดเส้นขอบไปตามเส้น Selection โดยที่
คุณอยู่ที่เลเยอร์ 1 (เลเยอร์ที่สร้างขึ้นมาใหม่ ไม่ใช่เลเยอร์ Background) จำไว้ว่าค่อยๆจุด อย่างใจเย็น จนได้เส้นขอบตามรูปล่าง

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

หลังจากที่ลงสีด้านในเรียบร้อย ให้ลงสีเงาตรงขอบอีกนิดเพื่อเพิ่มมิติให้ไอคอน คลิกเลือกสีที่เข้มขึ้นมาอีกจึ๋งนึง จากนั้นค่อยๆละเลง
แล้วเลือกสีที่อ่อนกว่าอีกนิด เพื่อไล่ระดับเฉดเงาให้ไอคอนดู Smooth ขึ้น ตามภาพ

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

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

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

วิธีการนำไปใช้ เพียงไปที่เมนู FIle > Save Optomize as แล้วตั้งชื่อไฟล์ พร้อมกำหนดเป็น GIf แล้วกด Save คุณก็จะได้ไอคอน
น่ารักๆไปใช้แล้ว ลองเปลี่ยนสีดูก็ได้ เพื่อความสดใส ฉูดฉาด กระตู้ฮู้ มากยิ่งขึ้น.....

อ่านบทความอื่นเพิ่มเติม

+ HardcoreGraphic 7.0 Sponsored by Elife.co.th