Kwik 2 Path Animation สำหรับ Movie Clip หรือ Sprite

• เมษายน 25, 2024

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

1. เมื่อเลือกเลเยอร์ที่มีวัตถุ (คลิปภาพยนตร์ลอย) ให้คลิกที่เครื่องมือ Fly พร้อมปากกา เราจะวางจุดที่สองสำหรับเส้นทางประมาณ 3 fly-lenghts เหนือด้านบนของหน้า คลิกที่จุดที่สองแล้วลากเม้าส์ขึ้นและไปทางขวาเพื่อทำเส้นโค้ง
   
   
2. ในพาเนลพา ธ (จัดกลุ่มกับพาเนลเลเยอร์) เปลี่ยนชื่อพา ธ การทำงานเป็น "flypath1"
   
   ตอนนี้เราสามารถบอก Kwik ให้ใช้เส้นทางนี้สำหรับ Path Animation ของเรา
   
   
3. เมื่อเลือกเลเยอร์ fly_pg8 ไว้ให้คลิกที่ ไอคอนภาพเคลื่อนไหวในแถบหมวดหมู่
   
   
4. คลิกที่ ไอคอน Path Animation เพื่อเปิดกล่องโต้ตอบ
   
   
5. ตั้งชื่อภาพเคลื่อนไหวนี้ "fly1Ani"
   
   
6. ภาพเคลื่อนไหวนี้จะใช้สำหรับเลเยอร์ fly_pg8
   
   
7. Path: เลือกเส้นทาง flypath1 จากรายการดรอปดาวน์
   
   ในขณะที่แมลงวันเคลื่อนที่ไปตามโค้งเราต้องการให้เขาหมุนเล็กน้อยเพื่อให้หัวของเขายังคงชี้ไปในทิศทางของเส้นทาง
   
   
8. ทำเครื่องหมายที่ช่องสำหรับเปิดอัตโนมัติและตั้งค่าจำนวนมุมหมุนเป็น -10 องศา
   
   
9. แมลงวันเคลื่อนไหวเร็ว มาตั้งค่า Duration เป็น 1 หรือ 0.5 วินาที
   
   
10. เราต้องการให้แมลงปีกแข็งปิดหน้าหลังจากเคลื่อนไหว ทำเครื่องหมายที่ช่องเพื่อหยุดชั่วคราวเมื่อเสร็จสิ้นและตั้งค่า Loop เป็น 1 ครั้ง ปล่อยให้ย้อนกลับเมื่อสิ้นสุดไม่เลือก
    
    
11. มาเพิ่มความสมจริงเล็กน้อยด้วยการทำให้แมลงวันลังเลเมื่อมันคลิกแล้วบินออกไป เราสามารถทำได้โดยการตั้งค่าการทำให้สบายเป็น inOutExpo
    
    
12. ตั้งค่า Anchor Point เป็น TopCenter เพื่อให้ร่างกายของเขาหมุนได้มากกว่าศีรษะของเขา
    
    
13. เราไม่ต้องการให้แมลงวันเคลื่อนที่จนกว่าจะคลิกปุ่ม ตั้งค่าคำขอรอ
    
    
14. ไม่ต้องทำเครื่องหมายในช่องเพื่อกลับสู่ตำแหน่งเริ่มต้น
    
    
15. คลิกสร้าง
    
    

ตอนนี้เราสามารถเพิ่มปุ่ม ยังอยู่ในเลเยอร์ fly_pg8

1. คลิก ไอคอนการโต้ตอบจากแถบหมวดหมู่
   
   
2. คลิก ไอคอนเพิ่มปุ่มเพื่อเปิดกล่องโต้ตอบ
   
   
3. ตั้งชื่อปุ่ม "fly1btn"
   
   
4. เราต้องการเลเยอร์ fly_pg8 สำหรับทั้งปุ่มเริ่มต้นและสูงกว่า
   
   
5. จากส่วนการโต้ตอบให้ขยายส่วนภาพเคลื่อนไหว
   
   
6. เลือกเล่นภาพเคลื่อนไหว เลือก fly1Ani จากรายการดรอปดาวน์
   
   
7. ขยายส่วนของเสียง
   
   เลือกหยุดเสียงและเลือกเสียงแรกจากรายการแบบหล่นลง
   
   ยังคงอยู่ในส่วนเสียงเลือกเล่นเสียงและเลือกไฟล์เสียงที่สองจากรายการแบบเลื่อนลง
   
   
8. คลิกสร้าง
   
   

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

บันทึกการเปลี่ยนแปลงไปยังหน้า 8

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

ไปที่โฟลเดอร์ LearnKwik ของคุณและทำสำเนาสำรองของโฟลเดอร์โครงการแม่แบบ เปลี่ยนชื่อโฟลเดอร์สำรองโดยเพิ่มวันที่ปัจจุบันไปยังจุดสิ้นสุด (TemplateMM-DD-YY)

←ย้อนกลับ

บทช่วยสอนเหล่านี้มีไว้สำหรับ Kwik 2 รุ่นเก่ากว่าและอาจไม่ช่วยได้มากนักเมื่อใช้ Kwik 3 ขึ้นไป หากคุณมีปัญหาโปรดใช้ฟอรั่มควิก

ลิขสิทธิ์ 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 ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ
ผลิตภัณฑ์ควิก, โลโก้ควิกและควิกเชอร์เป็นทรัพย์สินของ Kwiksher.com - ลิขสิทธิ์ 2011 ภาพหน้าจอที่ใช้โดยได้รับอนุญาต

คำแนะนำวิดีโอ: Timeline Quick Mode - Google Web Designer (เมษายน 2024).