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

LSVคลังสมองออนไลน์ "ปีที่21"

ห้องคอมพิวเตอร์ => มาช่วยกันรวมเทคนิคโฟโต้ชอฟ => ข้อความที่เริ่มโดย: krittiya ที่ กุมภาพันธ์ 29, 2008, 11:07:49 AM



หัวข้อ: วิธีทำภาพเคลื่อนไหว
เริ่มหัวข้อโดย: krittiya ที่ กุมภาพันธ์ 29, 2008, 11:07:49 AM
เริ่มต้นกันตั้งแต่เปิดโปรแกรม Adobe Imageready ขึ้นมา


(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_1.jpg)


]หน้าตาโปรแกรมจะคล้ายๆ แบบนี้ ถ้าเปิดมาแล้วมีหน้าต่างอื่นๆ เยอะกว่านี้ก็ไม่เป็นไรจ้า ไม่ต้องตกใจ
(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_2.jpg)




(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_3.gif)


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

[](http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_4.jpg)

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




(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_5.jpg)

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

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

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

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




(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_7.jpg)

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

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

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


](http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_8.gif)

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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_9.gif)หัวใจเล็ก
(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_10.gif)
หัวใจกลาง
 (http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_11.gif)หัวใจใหญ่


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

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

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


(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_13.jpg)


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

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


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

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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_14.jpg)




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

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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_15.jpg)
คลิกรูปกระดาษพับมุม (ในวงสีแดง) เพื่อเป็นการเพิ่มเฟรมขึ้นมา

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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_16.jpg)




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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_16.jpg)
คลิกเฟรมที่ 3
- เปิดตาให้สองเลเยอร์ในวงสีแดง

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_16.jpg)




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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_19.jpg)

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


(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_19.jpg)

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

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

(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_21.jpg)

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


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




(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_23.jpg)

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

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




(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_22.jpg)

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


(http://www.yimwhan.com/board/data_user/jiajiaka/photo/cate_10/r1_24.gif)

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

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




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

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


หัวข้อ: Re: วิธีทำภาพเคลื่อนไหว
เริ่มหัวข้อโดย: kusol-LSV team ที่ กุมภาพันธ์ 29, 2008, 05:38:01 PM
 :)


หัวข้อ: Re: วิธีทำภาพเคลื่อนไหว
เริ่มหัวข้อโดย: sirirrin ที่ กุมภาพันธ์ 29, 2008, 10:34:38 PM
(http://i246.photobucket.com/albums/gg100/jairuk/503t.gif)