การทำ ภาพ GIF เคลื่อนไหว ครั้งแรกไม่ต้องใช้ตัวละครซับซ้อนหรือหลายสิบเฟรม รูปทรงหนึ่งรูปกับการเคลื่อนไหวหนึ่งอย่างก็ฝึกน้ำหนัก จังหวะ และทิศทางได้ WigglyPaint ทำให้ทุกเส้นสั่นไหวอัตโนมัติ และเพิ่มเฟรมได้เมื่ออยากให้ท่ายาวขึ้น จึงเริ่มทำ ภาพ GIF เคลื่อนไหวฟรี ได้โดยไม่ต้องติดตั้งโปรแกรมใหญ่
เริ่มจากภาพ GIF เคลื่อนไหวชิ้นเล็ก
สำหรับ ภาพ GIF เคลื่อนไหว ให้เลือกบอล ดอกไม้ ดาว หรือใบหน้า เลือกเพียงการเด้ง กะพริบ หรือแกว่ง ใช้สีไม่เกินสามสี และกำหนดจุดเริ่มกับจุดจบของแอนิเมชันวนซ้ำก่อนลงรายละเอียด
1. การยืดและหด
วาดบอลให้แบนเมื่อแตะพื้นและยาวเมื่อพุ่งขึ้น โดยรักษาปริมาตรใกล้เคียงเดิม ใน ภาพ GIF เคลื่อนไหว เงาร่างที่ชัดสำคัญกว่ารายละเอียด นี่เป็นหลักการแอนิเมชันพื้นฐานของแอนิเมชัน 2D
2. การเตรียมท่า
ตัวละครย่อตัวก่อนกระโดดและดึงแขนกลับก่อนโบกมือ ทำ ภาพ GIF เคลื่อนไหว ด้วยท่าเตรียมเล็กๆ กับท่าหลักที่ใหญ่กว่า ถ้าไม่ต้องมีคำอธิบายก็ยังเข้าใจ แสดงว่าท่าชัดเจน
3. เวลาและระยะห่าง
ตำแหน่งใกล้กันดูช้า ตำแหน่งห่างกันดูเร็ว วางจุดสามจุดบนเส้นทาง โดยสองจุดแรกอยู่ใกล้และจุดสุดท้ายไกลกว่า เล่น ภาพ GIF เคลื่อนไหว ซ้ำเพื่อแก้รอยต่อระหว่างเฟรมสุดท้ายกับเฟรมแรก แบบฝึกนี้ใช้กับแอนิเมชันทีละเฟรมได้เช่นกัน
4. เส้นโค้งและการเคลื่อนไหวต่อเนื่อง
แขน ลูกบอล และใบไม้มักเคลื่อนตามเส้นโค้ง ส่วนผม ริบบิ้น หรือหางยังขยับต่อหลังลำตัวเปลี่ยนทิศ เพิ่มองค์ประกอบที่ขยับตามหลังเพียงชิ้นเดียวใน ภาพ GIF เคลื่อนไหว เพื่อไม่ให้ภาพเล็กรก
5. การเคลื่อนไหวรองและลูป
เมื่อต้นไม้แกว่ง ให้ใบหนึ่งตามมาช้ากว่าเล็กน้อย เชื่อมท่าปกติ—ท่าหลัก—ผ่อนลง—ท่าปกติ เพื่อให้ ภาพ GIF เคลื่อนไหว กลับสู่จุดเริ่ม เหมาะทั้งกับแอนิเมชันวาดมือและภาพวาดเคลื่อนไหวสั้นๆ
ตรวจสอบก่อนส่งออก
ตั้งชื่อการกระทำด้วยคำกริยาหนึ่งคำได้ไหม เงาร่างยังอ่านออกเมื่อย่อไหม และปลายลูปต่อกับต้นลูปหรือไม่ ภาพ GIF เคลื่อนไหว อาจดูดิบได้ แต่ทิศทางต้องชัด
หากกำลังหาวิธีทำแอนิเมชัน ให้ทำบอลเด้ง ใบหน้ากะพริบ และต้นไม้แกว่ง อย่างละสิบนาที แต่ละ ภาพ GIF เคลื่อนไหว ควรแก้ปัญหาเพียงเรื่องเดียว
เปิด WigglyPaint เพื่อทำ ภาพ GIF เคลื่อนไหว และวาดภาพเคลื่อนไหวในเบราว์เซอร์ เลือกรูปทรงหนึ่งรูป ให้แปรงเพิ่มการสั่น แล้วค่อยเพิ่มเฟรมเมื่อจำเป็น
ข้อผิดพลาดที่ควรเลี่ยง
อย่าขยับศีรษะ มือ ตา และฉากหลังพร้อมกัน เพราะผู้ชมจะไม่รู้ว่าควรมองตรงไหน และอย่าเพิ่มเฟรมที่ไม่เปลี่ยนท่า แบ่งการฝึกเป็นร่างสองนาที ทำ ภาพ GIF เคลื่อนไหว สิบนาที และตรวจที่ขนาดสติกเกอร์หนึ่งนาที นี่คือแบบฝึกหัดแอนิเมชันที่ช่วยให้ตัดสิ่งไม่จำเป็นออก
วงกลมกับเส้นก็เพียงพอ ไม่ต้องวาดเก่ง เปิดลูปโดยไม่มีเสียงหรือข้อความ หากยังอ่านท่าได้และรอยต่อไม่สะดุด ถือว่าแบบฝึก ภาพ GIF เคลื่อนไหวฟรี ชิ้นนั้นสำเร็จ