รูปภาพกลายเป็นภาพเคลื่อนไหว Tween ได้อย่างไร

• เมษายน 29, 2024

ในบทช่วยสอนก่อนหน้านี้เราได้พูดถึงว่าภาพเคลื่อนไหวประกอบไปด้วยเฟรมภาพต่อเนื่องที่ทำงานบน Flash^R เส้นเวลา. เมื่อวางแผนภาพแต่ละภาพที่จะวางในเฟรมเหล่านี้และลำดับของภาพเราต้องพิจารณาความซับซ้อนของภาพเคลื่อนไหวที่คุณต้องการสร้าง


นิเมชั่นที่เรียบง่าย

แอนิเมชั่นพื้นฐานที่สุดในการสร้าง Flash คือการย้ายวัตถุที่อยู่กับที่ (นิ่ง) ข้ามระยะ ตัววัตถุเองเช่นนกไม่เคลื่อนไหวจริงๆมันคือการเปลี่ยนแปลงตำแหน่งของมันบนเวทีที่สร้างภาพเคลื่อนไหว สำหรับอนิเมชั่นประเภทนี้คุณจะต้องมีวัตถุเพียงภาพเดียว สำหรับแต่ละเฟรมตามเส้นลำดับเวลาของแฟลชคุณจะเปลี่ยนตำแหน่ง X และ Y ในขณะที่คุณย้ายรูปภาพนั้นใกล้กับปลายทางเพียงเล็กน้อย เมื่อหัวไม้เคลื่อนที่ข้ามเส้นเวลานกจะเคลื่อนไหว


อนิเมชั่น จำกัด

แอนิเมชันประเภทถัดไปนั้นสร้างขึ้นโดยการเปลี่ยนขนาดสเกลลักษณะหรือตำแหน่งของวัตถุตั้งแต่หนึ่งส่วนขึ้นไปในขณะที่วัตถุอื่น ๆ ยังคงอยู่ สำหรับตัวอย่างนกของเราเราต้องพิจารณาการเคลื่อนไหวที่คุณเห็นเมื่อนกบิน การเคลื่อนไหวที่ชัดเจนที่สุดคือปีกที่เลื่อนขึ้นและลง

ในการสร้างภาพเคลื่อนไหวในการบินคุณจะต้องสร้างสามส่วนกับนกร่างกายและปีกทั้งสองของคุณ คุณจะวาดส่วนเหล่านี้โดยตรงบนเวทีด้วยเครื่องมือวาดภาพ Flash หรือวาดภาพในโปรแกรมกราฟิกเช่น Photoshop^R และนำเข้าสู่ Flash เราจะวางส่วนของนกแต่ละตัวลงในเลเยอร์ของตัวเองใน Flash Timeline โดยไม่คำนึงถึงวิธีการ

ณ จุดนี้เรามีนกบนเวทีกระพือปีก แต่เขาไม่ได้ไปไหนเลยเพราะเขายังคงอยู่ในตำแหน่งเดียวกันบนเวที ขั้นตอนต่อไปของเราคือการเพิ่มภาพเคลื่อนไหวอย่างง่ายที่จะย้ายนกข้ามเวที


ภาพเคลื่อนไหวที่ซับซ้อน

ตามที่คุณคาดหวังคุณสามารถสร้างภาพเคลื่อนไหวที่ซับซ้อนมากใน Flash โดยทั่วไปโดยการรวมภาพเคลื่อนไหวที่เรียบง่ายและ จำกัด จำนวนมาก ActionScript เสียงตัวกรองมาสก์และอื่น ๆ เป็นภาพเคลื่อนไหวหลักเดียว

สำคัญ: บทเรียนการพัฒนาแอปเหล่านี้เขียนขึ้นโดยคำนึงถึง Flash สามเณร คุณจะต้องเพิ่มประสิทธิภาพแอปของคุณเกินกว่าสิ่งที่กล่าวถึงในบทช่วยสอนเหล่านี้ก่อนที่จะจบแอปของคุณสำหรับ app store

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ