วิธีทำภาพเคลื่อนไหว
LSVคลังสมองออนไลน์ "ปีที่14"
พฤศจิกายน 27, 2024, 04:49:04 pm *
ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
 
   หน้าแรก   ช่วยเหลือ เข้าสู่ระบบ สมัครสมาชิก  
หน้า: [1]   ลงล่าง
  พิมพ์  
ผู้เขียน หัวข้อ: วิธีทำภาพเคลื่อนไหว  (อ่าน 8577 ครั้ง)
krittiya
member
*

คะแนน63
ออฟไลน์ ออฟไลน์

กระทู้: 305


« เมื่อ: กุมภาพันธ์ 29, 2008, 11:07:49 am »

เริ่มต้นกันตั้งแต่เปิดโปรแกรม 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[/font][/size]





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

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





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



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

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




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

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


บันทึกการเข้า

kusol-LSV team
.กลุ่มผู้มีน้ำใจงาม.
member
*

คะแนน352
ออฟไลน์ ออฟไลน์

กระทู้: 601



« ตอบ #1 เมื่อ: กุมภาพันธ์ 29, 2008, 05:38:01 pm »

 Smiley
บันทึกการเข้า
sirirrin
สนับสนุนLSV-server
member
***

คะแนน180
ออฟไลน์ ออฟไลน์

กระทู้: 301



« ตอบ #2 เมื่อ: กุมภาพันธ์ 29, 2008, 10:34:38 pm »

บันทึกการเข้า
หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  

Powered by MySQL Powered by PHP Powered by SMF 1.1 RC2 | SMF © 2001-2006, Lewis Media

lsv2555Please follow the new website at https://www.pohchae.com

Valid CSS!