ไวท์บอร์ดวิดีโอแอนิเมชั่น Scribe - เสร็จสิ้น

• อาจ 1, 2024

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

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

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

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

เราจะใช้เครื่องมือข้อความใน Motion เพื่อเพิ่มชื่อ บริษัท ลงในโครงการ เราต้องการให้อนิเมชั่นนี้เริ่มเฟรมไม่กี่เฟรมหลังจากภาพเคลื่อนไหวแรกสิ้นสุดซึ่งอยู่ที่เครื่องหมาย 02:00 บน Timeline ดังนั้นเรามาเริ่มแอนิเมชั่นนี้ที่เครื่องหมาย 02:10 และมันจะใช้เวลาสองวินาที

1. ด้วย Playhead ที่เครื่องหมาย 02:10 ให้เพิ่มกลุ่มใหม่ลงในบานหน้าต่างเลเยอร์เหนือกลุ่ม BG และตั้งชื่อว่า "ข้อความ" คลิกที่หน้าจอด้วยเครื่องมือข้อความที่ตำแหน่งที่คุณต้องการเริ่มเพิ่มข้อความ จัดรูปแบบข้อความตามที่ต้องการสำหรับลูกค้าของคุณ
   
   ตอนนี้เริ่มกันเลย เมื่อสร้างเส้นทาง Bezier เพิ่มจุดยึดบนตัวอักษรแต่ละตัวราวกับว่าคุณกำลังเขียนข้อความบนหน้าจอ
   
   
2. เลือกเลเยอร์กราฟิกมือและเครื่องมือ Bezier วางจุดยึดจุดแรกเหนือปลายดินสอ จากนั้นเลื่อนไปที่ข้อความและเริ่มเพิ่มจุดยึดเหนือข้อความ เนื่องจากนี่คือจุดสิ้นสุดของส่วนไวท์บอร์ดของวิดีโอให้เพิ่มจุดยึดสุดท้ายใต้ตัวอักษรสุดท้ายบนหน้าจอ
   
   
3. เลือกเครื่องมือ Select / Transform เพื่อเสร็จสิ้นเส้นทางและเปลี่ยนชื่อเลเยอร์ของ Bezier ใหม่เป็น "Bezier_Text" ลากเลเยอร์ Bezier_Text ใต้เลเยอร์ Bezier_Logo ในกลุ่ม Hand
   
   ตอนนี้เราจะเพิ่มพฤติกรรมการเคลื่อนไหวเส้นทางอื่นให้กับเลเยอร์กราฟิกมือ
   
   
4. เลือกเลเยอร์กราฟิกมือและเพิ่มพฤติกรรมการเคลื่อนไหวเส้นทาง ตั้งชื่อมันว่า Motion Path 2
   
   
5. เมื่อเลือกเลเยอร์พฤติกรรมการเคลื่อนไหว 2 แล้วให้ไปที่ตัวตรวจสอบและตั้งค่ารูปร่างของเส้นทางเป็นรูปทรงเรขาคณิต ยกเลิกการเลือกตัวเลือกแนบกับรูปร่างและลากเลเยอร์ Bezier_Text ลงในแหล่งที่มาของรูปร่างได้ดี
   
   
6. ย้าย Playhead ไปที่เครื่องหมาย 02:10 บน Timeline ลากขอบด้านซ้ายของแทร็ก Motion Path 2 จากจุดเริ่มต้นของ Timeline ไปยังเครื่องหมาย 02:10 ลากขอบด้านขวาของแทร็กไปที่เครื่องหมาย 04:10 ทำซ้ำสำหรับแทร็ก Bezier_Text
   
   ตอนนี้เราจะสร้างหน้ากาก
   
   
7. ทำซ้ำเลเยอร์ Bezier_Text แล้วลากเลเยอร์สำเนา Bezier_Text นี้ไปไว้ในกลุ่มข้อความและวางไว้เหนือเลเยอร์ข้อความ ปิดการมองเห็นของเลเยอร์ Bezier_Text ดั้งเดิม
   
   
8. เมื่อเลือกเลเยอร์การคัดลอก Bezier_Text ให้เพิ่มความกว้างของเส้นทางจนกว่าข้อความจะถูกซ่อนไว้ใต้หน้ากาก
   
   
9. เพิ่ม Image Mask ลงในเลเยอร์ข้อความและลากเลเยอร์สำเนา Bezier_Text ไปไว้ในเลเยอร์ Image Mask ใหม่
   
   
10. บนไทม์ไลน์ลากขอบขวาของแทร็กมาสก์ภาพไปที่เครื่องหมาย 04:10
    
    ตอนนี้เราจะเพิ่ม Keyframes ให้กับหน้ากาก
    
    
11. วาง Playhead ที่เครื่องหมาย 02:10 แล้วเลือกเลเยอร์การคัดลอก Bezier_Text ไปที่สารวัตร (สารวัตร - รูปร่าง - รูปแบบ - โครงร่าง) และตั้งค่าตัวเลื่อนจุดหักล้างจุดสุดท้ายเป็นศูนย์ เพิ่มคีย์เฟรม
    
    
12. ย้าย Playhead ไปที่เครื่องหมาย 04:10 และตั้งค่าตัวเลื่อนจุดหักล้างจุดสุดท้ายกลับเป็น 100
    
    ทดสอบภาพเคลื่อนไหว งานสุดท้ายของเราคือการลบกราฟิกมือออกจากหน้าจอ
    
    
13. ขณะที่ Playhead ยังคงอยู่ที่ 04:10 ให้เลือกเลเยอร์กราฟิกมือ ในตัวตรวจสอบ (ตัวตรวจสอบ - คุณสมบัติ - การผสม) เพิ่มคีย์เฟรมโดยคลิกที่ไอคอนทางด้านขวาของแถบเลื่อนความทึบ ย้าย Playhead ไปที่ 04:20 และลด Opacity ให้เป็นศูนย์
    

←ย้อนกลับ

ตัวอย่างการสอน:


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