6.2 ภาพเคลื่อนไหวแบบ Frame by Frame

ภาพที่ 6.12  การกำหนดคุณสมบัติของชิ้นงาน

ที่มา : สุชาดา ทิพโรจน์, 2560

                2. สร้างรูปสี่เหลี่ยมผืนผ้าด้วยเครื่องมือ Rectangle Tool และใช้เครื่องมือ Free Transform ปรับเปลี่ยนรูปร่าง

ภาพที่ 6.13  การวาดภาพประกอบชิ้นงาน

ที่มา : สุชาดา ทิพโรจน์, 2560

                3. ขยายจำนวน Keyframe ให้ภาพจาก Frame 1 แสดงผลไปจนถึง Frame 30 โดยคลิกขวา Frame 30 เลือก Insert Keyframe หรือกดปุ่ม F6 จะปรากฏว่า Frame 1-30 จะเป็นสีเทา และ Frame 30 มีจุดสีดำ

ภาพที่ 6.16  การเพิ่ม Layer ใหม่

ที่มา : สุชาดา ทิพโรจน์, 2560

                6. ที่ Layer บอล Frame 1 วาดภาพลูกบอลที่ต้องการ โดยอาจทำเป็น Symbol หรือวาดโดยตรงบนพื้นที่สเตจเลยก็ได้ 

ภาพที่ 6.17  วาดภาพลูกบอล

ที่มา : สุชาดา ทิพโรจน์, 2560

                7. ที่ Layer บอล กำหนดให้ลูกบอลเคลื่อนไหวทีละ Frame โดยคลิกเมาส์ขวา Frame 2 เลือก Insert Keyframe หรือกดปุ่ม F6

ภาพที่ 6.18  การกำหนด Keyframe

ที่มา : สุชาดา ทิพโรจน์, 2560

                8. คลิกเมาส์ที่ Onion Skin เพื่อเป็นไกด์ให้เราเห็นว่าวัตถุก่อนหน้าอยู่ตำแหน่งใดช่วยให้สามารถสร้างภาพเคลื่อนไหวได้ต่อเนื่องกัน

ภาพที่ 6.19  การใช้ Onion Skin แสดงชิ้นงานที่อยู่บน Frame ก่อนหน้า

ที่มา : สุชาดา ทิพโรจน์, 2560

                9. คลิกเมาส์ลากลูกบอลไปยังตำแหน่งที่ต้องการ สังเกตว่าจะปรากฏภาพลูกบอลจาง ๆ ของ Frame ก่อนหน้า จากนั้นทำการเพิ่ม Keyframe ด้วยการกดปุ่ม F6 แล้วลากภาพลูกบอลเปลี่ยนตำแหน่งลูกบอลจนถึง Frame 30

ภาพที่ 6.20  การลากลูกบอลไปยังตำแหน่งที่ต้องการ

ที่มา : สุชาดา ทิพโรจน์, 2560