ไวท์บอร์ดวิดีโอ Scribe Animation - Bezier Path

• อาจ 3, 2024

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

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

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

1. เลือกกราฟิกมือแล้วเลือกเครื่องมือจุดยึด ใช้ลูกศรสีแดงและสีน้ำเงินเพื่อวางจุดยึดเหนือส่วนท้ายของดินสอ
   
   ตอนนี้เราไปถึงส่วนที่ดี
   
   
2. เลือกเลเยอร์กราฟิกมือแล้วเลือกเครื่องมือ Bezier วางจุด Bezier แรกเหนือปลายดินสอ ถัดไปย้ายไปที่โลโก้และวาดเส้นทางซิกแซกเหนือโลโก้ ในที่สุดกลับไปที่มือและเพิ่มจุดสุดท้าย อย่าปิดเส้นทาง
   
   
3. หากต้องการบอกให้ Motion ทราบว่าคุณวาดเส้นทาง Bezier เสร็จแล้วให้เลือกเครื่องมือเลือก / แปลง คุณจะได้เลเยอร์ Bezier ใหม่ในบานหน้าต่างเลเยอร์ ลากเลเยอร์ใหม่นี้ภายใต้แฮนด์เลเยอร์แล้วเปลี่ยนชื่อเป็น "Bezier_Logo" เพราะนี่คือเส้นทาง Bezier สำหรับการวาดภาพโลโก้
   
   ตอนนี้เรามีเส้นทาง Bezier แล้วเราสามารถเพิ่มลักษณะการทำงานของเส้นทางเคลื่อนไหวให้กับกราฟิกมือ พฤติกรรมนี้เป็นสิ่งที่จะทำให้มือเคลื่อนไหว แต่เราต้องการให้มือไปตามเส้นทาง Bezier_Logo ดังนั้นเราจะบอกให้ Motion ใช้เส้นทาง Bezier_Logo สำหรับพฤติกรรม Motion Path นี้
   
   
4. ในการเพิ่มการทำงานให้กับกราฟิคมือให้เลือกเลเยอร์กราฟิกมือในบานหน้าต่างเลเยอร์ จากเมนูพฤติกรรมที่ด้านล่างขวาให้เลือกเส้นทางการเคลื่อนไหว คุณจะเห็นเลเยอร์ Motion Path ใหม่เพิ่มด้านล่างเลเยอร์มือ
   
   
5. เลือกเลเยอร์เส้นทางการเคลื่อนที่และไปที่ตัวตรวจสอบ (สารวัตร - พฤติกรรม - เส้นทางการเคลื่อนไหว) ตั้งเมนู Path Shape เป็น Geometry ยกเลิกการเลือกตัวเลือกแนบกับรูปร่าง กลับไปที่เลเยอร์ Bezier_Logo ในบานหน้าต่างเลเยอร์แล้วคลิก / ลากไปยังแหล่งที่มาของรูปร่างได้ดี เมื่อคุณเห็นลูกศรเล็ก ๆ ให้ปล่อยเมาส์
   
   ขณะที่ Playhead ยังอยู่ในเฟรมแรกให้ทดสอบภาพเคลื่อนไหว หากดินสอไม่ตรงไปตามเส้นทางให้ปรับจุดยึดที่ปลายดินสอตามต้องการ
   
   มือดูเหมือนจะวาดภาพเคลื่อนไหวไวท์บอร์ดเล็ก ๆ หรือช้าไปหน่อย? เราสามารถเร่งความเร็วได้โดยการทำให้แทร็ก Motion Path และ Bezier_Logo สั้นลงในไทม์ไลน์
   
   
6. ไปที่ไทม์ไลน์และค้นหาแทร็ค Motion Path สีม่วง ลากขอบขวาไปยังแทร็กพา ธ ไปทางซ้ายจนกระทั่งอยู่ที่ตำแหน่งสองวินาทีบน Timeline (02:00) ทำซ้ำสำหรับแทร็ก Bezier_Logo
   
   

ตกลงได้เวลาพักดื่มกาแฟแล้ว ในบทช่วยสอนถัดไปเราจะสร้างหน้ากากที่เผยให้เห็นโลโก้

←ย้อนกลับ | ถัดไป→

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


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, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ