หัวข้อ: วิธีทำภาพเคลื่อนไหว เริ่มหัวข้อโดย: 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) |