การงานอาชีพและเทคโนโลยี

สร้างภาพเคลื่อนไหวอย่างง่าย

EX. I กับ U อยู่ชิดกัน แล้วค่อยให้เคลื่อนออกห่างกันช้า ๆ พอตรงกลางว่าให้มีรูปหัวใจแสดงขึ้นมา

  • ที่โปรแกรม Photoshop สร้างภาพขนาด 100 * 50
  • เตรียมสร้างเลเยอร์ให้พร้อม มีเลเยอร์ดังนี้
    • Layer1 = Backgound
    • Layer2 = I
    • Layer3 = U
    • Layer4 = รูปหัวใจ

  • ไปโปรแกรม Image Ready โดยคลิกที่กล่องเครื่องมือด้านล่างสุด
  • เมื่อโปรแกรม Image Ready ถูกเปิดขึ้น ให้ทำการเปิดหน้าต่างคำสั่ง Animation ขึ้นมา เข้าไปที่เมนู Window à Animation
  • ที่หน้าต่างเลเยอร์ปิดตาเลเยอร์หัวใจ
  • ที่หน้าต่าง Animation สังเกตว่าจะมีเฟรมอยู่ 1 เฟรม จะต้องทำการเพิ่มเฟรมที่ 2 ขึ้น ให้คลิกที่รูป (ซึ่งจะเหมือนกับที่อยู่ตรงหน้าต่างเลเยอร์ ห้ามคลิกผิดที่ป
  • ตอนนี้จะมีเฟรมเป็น 2 เฟรม ให้ทำการเปลี่ยนเครื่องมือเป็น Move tool แล้วค่อย ๆ เลื่อน I กับ U เหยิบมาทีละนิด
  • เพิ่มเฟรมที่ 3 เลื่อน I กับ U อีกทีละนิด
  • เพิ่มเฟรมที่ 4 เลื่อน I กับ U อีกทีละนิด เพิ่มเฟรมไปเรื่อย จนกว่า จะชิดกัน (น่าจะประมาณ 5 – 6 เฟรม)
  • เพิ่มเฟรมต่อไป ทีนี้เอา I กับ U ออกจากกัน จนเหมือนเดิม
  • เพิ่มเฟรมต่อไป ให้เปิดตาเลเยอร์หัวใจ
  • เพิ่มเฟรมอีก ให้ปิดตาเลเยอร์หัวใจ
  • เพิ่มเฟรม ให้เปิดตาเลเยอร์หัวใจ
  • ทดสอบการเคลื่อนไหวด้วยปุ่ม
  • เมื่อไม่มีอะไรเปลี่ยนแปลงแล้ว ทำการบันทึกให้เป็นภาพเคลื่อนไหว ไปที่เมนู File à Save Optimize as à เลือกแฟ้มเก็บไฟล์ à พิมพ์ชื่องาน à กด Save

 

เรื่องที่ 1 สร้างภาพเคลื่อนไหวอย่างง่าย
เรื่องที่ 2
เรื่องที่ 3
เรื่องที่ 4
เรื่องที่ 5
เรื่องที่ 6