Kwik Movie Clip Replacement

• อาจ 9, 2024

ในบทช่วยสอนสุดท้ายเราสร้างภาพสาม png ที่เราจะใช้สำหรับเลเยอร์การเปลี่ยนคลิปภาพยนตร์ของเรา

ตอนนี้เราพร้อมที่จะเพิ่มคลิปภาพยนตร์ไปยังเลเยอร์บนหน้า ก่อนอื่นเราจะเพิ่มเลเยอร์ใหม่ไปยังหน้าสำหรับภาพเคลื่อนไหวการบินของเรา จากนั้นเราจะเพิ่มสำเนาของ fly_1.png ไปที่เลเยอร์นี้ สำเนาการบินนี้จะทำหน้าที่เป็นตัวยึดสำหรับคลิปภาพยนตร์ เมื่อ Kwik สร้างแอปของคุณมันจะแทนที่ภาพของแมลงวันด้วยคลิปภาพยนตร์

เปิดโครงการของคุณใน Photoshop

1. เลือก page8 จากรายการหน้าในแผง Kwik ในส่วนหน้า / ส่วนประกอบของแผง Kwik คุณควรเห็น "@ page8" ที่ด้านบนของส่วน
   
   
2. เพิ่มเลเยอร์ใหม่เหนือเลเยอร์ด้านล่างและตั้งชื่อเป็น fly_pg8
   
   เลเยอร์นี้ไม่มีวัตถุที่ใช้ร่วมกันและจะไม่ถูกส่งออกเป็นรูปภาพ jpg ดังนั้นเราไม่จำเป็นต้องตั้งค่าคุณสมบัติเลเยอร์ใด ๆ
   
   
3. จากไฟล์ mockup ให้คัดลอกไฟล์ fly (ซึ่งเป็นสำเนาของรูปภาพ fly_1 png)
   
   
4. วาง fly ไปที่เลเยอร์ fly_pg8 เพื่อเป็นตัวยึดสำหรับคลิปภาพยนตร์
   
   
5. เลือก ไอคอนเลเยอร์และการเปลี่ยนจากแถบหมวดหมู่
   
   
6. คลิกที่ เครื่องมือเปลี่ยนคลิปภาพยนตร์เพื่อเปิดกล่องโต้ตอบเปลี่ยนคลิปภาพยนตร์
   
   
7. ใช้ปุ่มเรียกดูเพื่อค้นหาตำแหน่งแรกของคลิปภาพยนตร์ pngs - fly_1.png
   
   
8. Kwik จะแทรกความกว้างและความสูงเป็นพิกเซลสำหรับ png โดยอัตโนมัติ
   
   
9. Nr รูปภาพ: เรามีสาม pngs ในลำดับคลิปภาพยนตร์ของเรา เพิ่มหมายเลข 3 ในช่องนี้
   
   เราต้องการให้ภาพเคลื่อนไหวนี้วนซ้ำตราบใดที่มีการดูหน้าเว็บ
   
   
10. วนซ้ำ: เลือกปุ่มตัวเลือกสำหรับการตั้งค่าถาวร
    
    เราต้องการให้แอนิเมชันเริ่มทำงานทันทีที่โหลดหน้าเว็บ ดังนั้นเราจะไม่หยุดการเคลื่อนไหวชั่วคราวในเฟรม 1
    
    
11. ไม่ต้องเลือกเครื่องหมายหยุดชั่วคราวที่เฟรม 1
    
    
12. คลิกสร้าง
    
    

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

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

บันทึกการเปลี่ยนแปลงที่คุณทำไว้ใน page8.psd

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

ลิขสิทธิ์ 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 ภาพหน้าจอที่ใช้โดยได้รับอนุญาต

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

คำแนะนำวิดีโอ: Age of Ultron - Quicksilver Running Scenes HD (อาจ 2024).