กันชนนิเมชั่นยี่ห้อ - สั้น

• อาจ 6, 2024

ในบทช่วยสอนนี้เราจะสร้างกันชนเคลื่อนไหวแบบย่อสำหรับแคมเปญการตลาดวิดีโอ จากเวอร์ชั่นสั้นนี้เราจะสร้างกันชนที่มีรายละเอียดมากขึ้น กันชนแต่ละอันสามารถใช้งานได้หลายวิธีเช่นการเริ่มต้นหรือสิ้นสุดของหนังสือตัวอย่างวิดีโอการฝึกอบรมและการตลาดวิดีโอประเภทอื่น ๆ ผลิตภัณฑ์ที่เราทำการตลาดคือชุด DIY ebooks ของฉันสำหรับการสร้างและการตลาดแอพหนังสือ

ภาพเคลื่อนไหวแบบสั้นของบัมเปอร์จะมีเนื้อหาที่สำคัญที่สุดในการสร้างแบรนด์ ตัวละครของเมาส์คำบรรยายของหนังสือ“ ทั้งหมดที่คุณต้องการคือเม้าส์” ชื่อ บริษัท และ URL

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

ภาพเคลื่อนไหวหน้ากากวาดเส้น

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

1. เปิดการไหลของหน้าจอ เมื่อหน้าต่าง Configure Recording เปิดขึ้นให้คลิก X ที่มุมซ้ายเพื่อปิดกล่องโต้ตอบ เราจะไม่เริ่มโครงการนี้ด้วยการสร้างการส่งหน้าจอ
   
   
2. จาก ScreenFlow Menubar ที่ด้านบนเดสก์ท็อปของคุณคลิก File - New Empty Document
   
   
3. ในกล่องโต้ตอบสร้างเอกสารเปล่าให้ตั้งค่าล่วงหน้าเป็น 1080p HD ซึ่งจะให้ความกว้างของหน้าจอที่ 1920 และความสูง 1080 ซึ่งเป็นความละเอียดหน้าจอที่ใหญ่ที่สุดที่นำเสนอบน YouTube^R.
   
   
4. มาเติม Timeline ที่ว่างเปล่าเริ่มต้นด้วย jpg ไล่ระดับสีพื้นหลัง จากแถบเมนูคลิกแทรก - เลือกและเรียกดู jpg ของคุณ คุณจะเห็น jpg ปรากฏบนผืนผ้าใบและบนไทม์ไลน์เป็นแถบสี่เหลี่ยมเล็ก ๆ ที่ด้านบนแทร็ก
   
   
5. บัมเปอร์ของเราจะอยู่ในระยะเวลา 5 วินาที ดังนั้นขยายเลเยอร์พื้นหลังเป็น 5 วินาทีโดยการลากขอบขวา วางเคอร์เซอร์เมาส์เหนือขอบจนกว่าคุณจะเห็นลูกศรคู่และลากขอบไปที่เครื่องหมาย 5 วินาทีบน Timeline คุณอาจต้องขยาย Timeline เพื่อแสดงการเพิ่มขึ้นเล็กน้อยโดยใช้ Timeline Magnification Slider ที่ด้านล่างของพื้นที่ทำงาน
   
   
6. นำเข้าเส้นโค้ง png ควรวางไว้ที่กึ่งกลางแนวตั้งของหน้าจอและบนแทร็กเหนือแทร็กพื้นหลัง อย่างที่คุณเห็นแทร็กจะมีชื่อกำกับด้วยภาพที่บรรจุ
   
   
7. เราจะนำเข้ารูปแบบกราฟิกทันที เช่นเดียวกับ png เส้นโค้งมันจะถูกวางไว้กึ่งกลางหน้าจอโดยอัตโนมัติ
   
   
8. สุดท้ายเราจะนำเข้าไฟล์. mp3 อย่างที่คุณเห็นมันไม่ได้ถูกเพิ่มลงในหน้าจอ แต่ถูกเพิ่มในแทร็กในไทม์ไลน์
   
   เราต้องการให้มาสก์เอฟเฟกต์เริ่มขึ้นทันทีที่วิดีโอเริ่มต้นและ 3 วินาทีสุดท้าย เอฟเฟกต์มีสาเหตุมาจากมาสก์เคลื่อนไหวผ่านหน้าจอและแสดงบรรทัดด้านล่าง เราสามารถทำได้ด้วย Video Action ง่ายๆกับเลเยอร์ Mask
   
   
9. เลือก Mask Track บน Timeline และวาง Scrubber ที่จุดเริ่มต้นของ Timeline จากบานหน้าต่างคุณสมบัติวิดีโอคลิกปุ่มเพิ่มวิดีโอแอ็คชันที่ด้านล่าง คุณจะเห็นสี่เหลี่ยมเล็ก ๆ ที่ถูกเพิ่มเข้าไปใน Mask Track สิ่งนี้แสดงถึงการทำงานของวิดีโอ ลากขอบของกรอบสี่เหลี่ยมการกระทำไปที่เครื่องหมาย 3 วินาทีบนเส้นเวลา
   
   
10. วาง Scrubber ที่ส่วนท้ายของสี่เหลี่ยมผืนผ้าแอคชั่นวิดีโอแล้วเลือก Mask Track อีกครั้ง
    
    
11. หน้ากากกราฟิกอยู่ในตำแหน่งเริ่มต้นสำหรับภาพเคลื่อนไหวแล้ว ตอนนี้เราจะกำหนดตำแหน่งสิ้นสุดสำหรับหน้ากากกราฟิค ลากหน้ากากกราฟิกไปทางขวาจนกว่าจะปิดหน้าจอ กดแป้น Shift ค้างไว้เพื่อเลื่อนมาสก์ตามแนวเส้นตรง
    
    ตอนนี้เรามีองค์ประกอบหลักใน Timeline แล้วทดสอบแอนิเมชันโดยวาง Scrubber ไว้ที่จุดเริ่มต้นของ Timeline แล้วคลิกปุ่ม Play เหนือ Timeline
    
    ต่อไปเราจะเพิ่มเมาส์และองค์ประกอบการสร้างแบรนด์อื่น ๆ
    
    สกรีนช็อต ScreenFlow ที่ใช้โดยได้รับอนุญาตจาก Telestream
    
    
    Brand Animation Bumper - สั้น, แฟลชและแอนิเมชัน, เทคนิคการพรางหน้าจอ, การสร้างตราสินค้ากันชน, การตลาดแอพหนังสือ