การทำ Animation โดย IllustratorCS2

        โดยส่วนใหญ่เราจะนิยมใช้โปรแกรมในการทำงานด้านกราฟิค ภาพนิ่งเท่านั้นซึ่งโปรแกรมนี้ยังสามารถทำภาพเคลื่อนไหว คือ gif. , swf.  ในวันนี้จะสาธิตการทำข้อความกระพริบ

ขั้นตอนการทำ

1.สร้างเอกสารใหม่ขึ้นมา ขนาดตั้งไดตามความต้องการของผู้ทำ เลือกขนาดเป็น A4 และตั้งหน้ากระดาษเป็นแนวนอน

 

3.วาดรูปหัวใจเพื่อนำมาวางล้อมรอบ ข้อความทำเป็นกรอบ อาจใช้เครื่องมือ Ellipse Tool ( L)   หรือ Pen Tool

5.เมื่อ CopyLayer มาแล้วจะเห็นว่าภาพจะเหมือนต้นฉบับ ให้เราทำการแก้ไข้ข้อความ โดยการเปลี่ยนสีข้อความ หรือรูปหัวใจ ตามที่เราต้องการ เพื่อไม่ให้ซำกับภาพต้นฉบับ  ( เปลี่ยนสีเท่านั้น)

**  จากนั้นให้กับการ Save ดังนี้ File > Save for Web โดยเวลาในการ Save ให้เราทำการ Save ทีละเลเยอร์ โดยให้เราปิดตาเลเยอร์ที่ยังไม่ได้ save ไว้ก่อน

เมื่อ save แล้วภาพที่ได้จะเป็นนามสกุล gif. ซึ่งเป็นภาพเคลื่อนไหว แต่จะมี 2 แฟลม  

หมายเหตุ** เราสามารถ Copy ได้มากกว่า 2 เลเยอร์น่ะค่ะ แล้วแต่ผู้ทำต้องการ ยิ่งเลเยอร์มาก ภาพที่เคลื่อนไหวก้อจะยิ่งละเอียดค่ะ

6.เปิดโปรแกรม Adobe ImageReady CS2 ขั้นมา

  เราจะ Import ไฟล์ภาพที่เรา Save ไว้เมื่อกี้เข้ามาเพื่อทำให้เกิดความเคลื่อนไหว

 วิธีคือ File > Import > Folder as Frames ซึ่งเป็นการนำภาพเข้ามาทั้ง Folder จากนั้นจะมีไดอะล็อคบล๊อกขึ้นมาให้เราเลือกที่อยู่ของ Folder ภาพ ให้เราคลิกเลือกที่อยู่ของ Folder โดยเลือกเฉพาะ Folder งานที่เรา save เท่านั้น

ในที่นี้ผู้ทำตั้งชื่อ Folder ว่า วาเลนไทน์

7.เมื่อภาพเข้ามาแล้ว เราสามารถคลิก Play เพื่อดูว่าภาพมีการเคลื่อนไหว แต่ภาพที่นพเข้ามาจะมีการเคลื่อนไหวที่เร็วมาก เราสามารถตั้ง

เวลาในการเล่นของมันได้

เช่น 0.2 ส่วนการตั้งภาพให้ตั้งเป็น forever เพราะภาพจะเล่นแบบวนลูป ไปเรื่อยๆไม่หยุด

จากนั้นทำการ Save > Optimized  เป็นการเสร็จสิ้น

** ขออภัย ณ ที่นี้ด้วยค่ะ ที่ไม่สามารถแสดงภาพที่ทำเสร็จสิ้นแล้วได้ อัพไฟล์ gif. แล้วพอ Insert เข้ามามันไม่เล่นให้กลายเป็นภาพนิ่งเฉยเลย แย่เลยค่ะ **

      **   หากมีข้อสงสัย  สามารถสอบถามได้น่ะค่ะ