วิธีทำภาพเคลื่อนไหว

[กฤติยา]

เริ่มต้นกันตั้งแต่เปิดโปรแกรม Adobe Imageready ขึ้นมา

หน้าตาโปรแกรมจะคล้ายๆ แบบนี้ ถ้าเปิดมาแล้วมีหน้าต่างอื่นๆ เยอะกว่านี้ก็ไม่เป็นไรจ้า ไม่ต้องตกใจ

ลองเซฟเอาภาพตัวกลมๆ ลอยๆ นี้ไปเปิดในโปรแกรมดูนะ

[กฤติยา]

[]

พอเปิดแล้วจะเห็นว่ามันแยกออกเป็นตัวกลมๆ นี่ 3 รูป ซึ่งแต่ละรูปก็แตกต่างกันไป

- ลองกดปุ่ม play ดู (วงสีแดงหมายเลข 2)

- ดูในวงแดงหมายเลข 1 จะเห็นว่าภาพมันขยับ

* แถบยาวๆ หมายเลข 2 จะสัมพันธ์กับกล่องหมายเลข 3 (เรียกว่า Layer)

[กฤติยา]

=======================================
=======================================
ข้างบนให้ดูเฉยๆ ดูหลักการของมัน ต่อไปเราจะมาทำภาพขึ้นเองกัน
=======================================
=======================================

สมมติว่าเราจะมี

- รูปบ้าน
- รูปหัวใจ เล็ก, กลาง, ใหญ่

จะเอามารวมกันให้เป็น 1 ภาพ ก็ให้เปิดรูปทั้งหมดขึ้นมา

[กฤติยา]

]

ถ้าอยากจะทำตามไปด้วยก็เซฟเอาภาพต่อไปนี้ไปเปิด แล้วทำตามไปด้วยก็ได้จ้า

[กฤติยา]

หัวใจเล็ก

หัวใจกลาง
 หัวใจใหญ่่

-ใช้เครื่องมือ move ในวงที่ 1 (คลิกเมาส์ 1 ที)

- แล้วไปคลิกที่รูปหัวใจสีชมพู ให้คลิกค้างไว้ แล้วลากไปปล่อยในรูปบ้าน

- รูปหัวใจก็จะไปอยู่ในรูปบ้านแล้ว สามารถขยับให้อยู่ในตำแหน่งตามใจชอบได้

[กฤติยา]

- ทำอย่างนี้เหมือนกันกับรูปหัวใจอีก 2 ดวงที่เหลือ

*** จะสังเกตว่า ในแต่ละครั้งที่เราเพิ่มภาพหัวใจเข้าไป ก็จะมีเลเยอร์เพิ่มขึ้นมา 1 ชั้นเสมอ (เลเยอร์คือที่อยู่ในวงสีแดงด้านขวา ยาวๆ)


- ตอนนี้มี 4 เลเยอร์คือ บ้าน, หัวใจเล็ก, หัวใจกลาง, หัวใจใหญ่

*** ถ้าเราต้องการจะจัดการกับภาพไหน (หัวใจเล็ก, กลาง, ใหญ่ หรือว่า บ้าน) เราก็ต้องคลิกเลือกเลเยอร์ของภาพนั้นๆ ก่อน

- คลิกรูปกระดาษพับมุม (ในวงสีแดง) เพื่อเป็นการเพิ่มเฟรมขึ้นมา

- คลิก 1 ที จะเพิ่ม 1 เฟรม
- ให้คลิก 3 ที (รวมทั้งหมดจะได้ 4 เฟรม)

[กฤติยา]

- คลิกรูปกระดาษพับมุม (ในวงสีแดง) เพื่อเป็นการเพิ่มเฟรมขึ้นมา

- คลิก 1 ที จะเพิ่ม 1 เฟรม
- ให้คลิก 3 ที (รวมทั้งหมดจะได้ 4 เฟรม)

- คลิกเฟรมที่ 2
- คลิกที่ช่องหน้าเลเยอร์ที่ 2 (คลิกตรงช่องที่หัวลูกศรจิ้ม) จะเห็นว่ามีรูปตาขึ้นมา , รูปหัวใจชมพูโผล่ที่ภาพใหญ่

[กฤติยา]

- คลิกเฟรมที่ 3
- เปิดตาให้สองเลเยอร์ในวงสีแดง

- คลิกเฟรมที่ 4
- คลิกเปิดตาให้ 3 เฟรมในวงสีแดง

[กฤติยา]

ลองคลิกที่ปุ่ม play แล้วดูที่รูปใหญ่ จะเห็นว่ามันเคลื่อนไหวแล้ว
(มองดูเหมือนรูปหัวใจลอยออกมาจากปล่องควัน)

- จะเห็นว่าภาพมันเคลื่อนไหวเร็ว
- เราสามารถกำหนดความเร็วในการกระพริบรูปแต่ละครั้งได้
- โดยการคลิกที่คำว่า 0 sec.
- จะมีเมนูเลื่อนออกมาให้เลือกเวลา
- ในที่นี้จะเลือก 0.5 sec.
- ทำอย่างนี้กับทุกเฟรม

(สามารถกำหนดค่าอื่นๆ สำหรับแต่ละเฟรมได้ ตามชอบใจ)

[กฤติยา]

ถ้าเห็นว่าเมื่อกี๊มันเล่นแค่ 1 รอบ

- แต่เราจะให้มันเล่นวนๆ ไปตลอด ก็ให้คลิกที่คำว่า Once
- จะมีเมนูออกมาให้เลือก
- ให้เลือกเป็น Forever

- เมื่อแก้ไขจนพอใจแล้ว ก็ถึงขั้นตอนการเซฟ
- คลิกที่ File > Save Optimized As..

** ถ้าต้องการกลับมาแก้ไขไฟล์นี้อีกครั้ง ให้เลือก Save เฉยๆ ด้วย

- เวลาเซฟไฟล์ให้ดูด้วยนะคะว่าเป็น .gif
===== Image Only (*.gif) ====

[กฤติยา]

เสร็จแล้วจ้า

รูปอื่นๆ ก็มีขั้นตอนการทำเหมือนๆ กันเนี่ยแหละจ้า ประยุกต์เอาตามอัธยาศัย

ขอบคุณ คุณเจนนี่ในเว็บ

http://www.yimwhan.com/board/show.php?user=jiajiaka&page=1&topic=1&Cate=10

[nonkung]

ขอบคุณมากๆครับ ผมทำเป็นแล้ว ถ้าไม่ได้น้าผมทำไม่ได้หรอกครับ ถึงทำไม่สวย แต่จะเอามาให้ดู

ไม่สวยไม่ว่ากันนะครับ



กดที่ภาพไม่ได้ครับ เพราะไม่ได้ใส่ลิงค์ นี้คือผลงานแรกครับ

[กฤติยา]

ขอบคุณมากๆครับ ผมทำเป็นแล้ว ถ้าไม่ได้น้าผมทำไม่ได้หรอกครับ ถึงทำไม่สวย แต่จะเอามาให้ดู

ไม่สวยไม่ว่ากันนะครับ



กดที่ภาพไม่ได้ครับ เพราะไม่ได้ใส่ลิงค์ นี้คือผลงานแรกครับ

มิเป็นไรหลานรัก

[tummot]

ขอบคุณครับ แล้วจะลองทำดู

[สายลมที่หวังดี...™]

ขอบคุณครับ... คุณ ยุ

[natha]

ขอบคุณมาก ๆ  ค่ะ คุณกฤติยา

[Google-Plex]

ขอบคุณครับ

[ไอติม™]

 
ดีครับ
เหมือน Friework

[Cruzz]

งืมๆเคยลองแล้วงับ ผลปรากฏว่าโอยมายก๊อด เป็น gif ที่ขนาดมโหฬารจริงๆ -*-

[มารเหนือเทพ]

ขอบคุณครับ