วิธีทำ Animation gif ค่ะ เพื่อใครอยากได้ลายเซ็นต์เท่ห์ๆ หรืออวาตาร์เจ๋งๆ
คงไม่ข้ามขั้นตอนไปหรอกนะ 555QUOTE
วิธีทำนะค่ะ ก่อนอื่นเลยต้องมีคอมพิวเตอร์..หลังจากนั้นก็เปิดสวิทต์คอมฯขึ้นมา เมื่อเครื่องบู้ทเสร็จแล้วก็เอออ....
เล่นอะไรเนี่ย....
เอาเป็นว่าใช้โปรแกรม photo shop แต่ต้องเป็น CS2 นะค่ะ
เราก็จัดเตรียมไฟล์ภาพไว้ แนะนำว่าควรทำเป็นเลเยอร์ค่ะ เพื่อง่ายต่อการทำเป็นอนิเม
ก็ใส่เลเยอร์หยาบเข้าไปก่อนนะค่ะ ตำแหน่งคร่าวๆ เดียวเราไปทำเนียนที่หลังได้..
ก็จากรูปอะนะ ก็กะทำให้มันหมุนวนไปเรื่อยๆนั้นแหละ
หลังจากเตรียมภาพเสร็จแล้วนะ...โดยลำดับการเคลื่อนไหวของภาพตามเลเยอร์...
1.ก็ไปที่ window เลือก animation ก็จะมีแทบเครื่องมือข้างล่างออกมาค่า
2.ก็คลิกตรงปุ่มที่เลขสองนั้นแหละค่ะ..เป็นการสร้างเฟรมภาพเคลื่อนไหว..เราก็เลือกเฟ
รมให้เป็นสีนำเงินคลุมก่อน แล้วก็เปิด+ปิดเลเยอร์ เพื่อให้ตัววัตถุเคลื่อนที่นะค่ะ
3.ตอนนี้เวลาของเราต่อภาพเป็น 0 วินาที..คลิกตรง ศูนย์นั้นแหละค่ะ แล้วก็ใส่เวลาเข้าไป ซักหน่อย .1 หรือ .2 ก็ได้ค่ะ แล้วแต่ความเร็วที่ต้องการจ้า
ตรงแถบเครื่องมือ อนิเมชั่นเราก็กำหนดค่าได้หลายอย่างค่ะ
ตรงข้างล่างซ้ายสุดนะค่ะ..เลข 1 เราเลือกการกระทำให้วนตลอด หรือเล่นครั้งเดียวก็ได้..
จากนั้นเพิ่มความเนียนให้อนิเมชั่น ด้วย เลข 2 เป็นคำสั่ง tween ค่ะ พอเราคลิกไปแล้วจะมี หน้าต่างใหม่เด้งขึ้นมาให้เรากำหนดค่าค่ะ..
หลังจากเราคลิกไปแล้ว ก็จะมีหน้าต่าง tween ขึ้นมาค่ะ
ใช้เพิ่มความเนียนให้กับอนิเมชั่นของเรา ตรงตัวเลข 5นั้นเป็นการเพิ่มเฟรมขึ้นมา ระหว่างเฟรมเก่า ที่เรามีอยู่น้อยนิดค่ะ
และก็ตรงที่ติ้กถูกนะค่ะ กำหนดค่าต่างๆ การเคลื่อนที่ ความโปร่งใส.. ลองคลิกเล่นดูเอาเองละกัน
ขั้นตอนสุดท้าย เซฟค่ะ
เซฟไฟล์ออกมา ใช้ (1) save for web นะค่ะ
แล้วก็ (2) เลือกไฟล์เป็น gif ด้วยนะ.. ส่วนที่เลข 2 มันบังอยู่นั้นเป็นการกำหนดค่าความละเอียดของภาพ คิดไหร่ไม่ออกก็ 256 สี กับ 100 เปอร์เซ็นต์เลยละกันค่ะ..
(3)อ้อ..ลืมไปในตัวหน้าต่าง animat ก็มีปุ่มเล่นอยู่ด้วยเหมือนกันนะค่ะ ทดสอบครั้งสุดท้าย แล้วก็กดปุ่มเซฟเลยค่ะ..เครื่องจะถามเราอีกครั้งว่าไปเซฟไฟล์ไว้ที่ไหนชื่ออะไร..นั้
นเป็นไฟล์ที่เราจะมาอัพเป็นลายเซ็นต์ หรือเอาไปทำหน้าจอโทรศัพท์ก็ได้ค่ะ
แต่อย่าลืม save เออ ที่เป็นเซฟอย่างเดียวด้วยนะค่ะ เป็น psd ไว้เพื่อแก้ไขอะไรนะค่ะ...
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)