แอนิเมชั่นวิดีโอไวท์บอร์ด Scribe - การเตรียมการ

• อาจ 5, 2024

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

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

ถัดไปคุณจะต้องมีกราฟิกของสิ่งที่มือจะวาดบนหน้าจอ รูปภาพนี้ควรอยู่บนพื้นหลังโปร่งใส ลูกค้าของคุณใช้เวลาส่วนใหญ่กับกราฟิกนี้ แต่คุณสามารถสร้างกราฟิกนี้ได้ตั้งแต่เริ่มต้นจากภายใน Inside Motion^R หรือ Photoshop^R.

วิธีที่ง่ายที่สุดในการนำกราฟิกเหล่านี้ไปใช้ใน Motion คือการวางไว้ในรูปภาพ Photoshop ที่มีเลเยอร์ เปิดภาพ Photoshop ใหม่ที่มีขนาด 1280 x 720 พิกเซลซึ่งเป็นขนาดของหน้าจอวิดีโอ วางกราฟิกของคุณในภาพนี้เพื่อให้แน่ใจว่าสามารถมองเห็นได้ทั้งแขน นอกจากนี้แขนควรอยู่บนชั้นเหนือโลโก้ชั้น สำหรับชื่อ บริษัท เราจะใช้เครื่องมือข้อความของโมชั่น บันทึกภาพนี้เป็นภาพ Photoshop. psd แบบเลเยอร์

มาลงมือกันต่อเถอะ

1. เปิดเอกสารเคลื่อนไหวใหม่ ฉันใช้ความละเอียด 1280 x 720 พิกเซลและ 29.97 fps (NTSC) เพราะเป็นการแลกเปลี่ยนขนาดหน้าจอและเวลาดาวน์โหลดที่ดีที่สุด กำหนดจำนวนวินาทีสำหรับวิดีโอ สำหรับตัวอย่างนี้ฉันใช้เวลา 5 วินาที
   
   
2. จากแถบเมนูทางด้านขวาให้ตั้งค่าหน้าจอเป็นโปร่งใส
   
   
3. ในบานหน้าต่างเลเยอร์เปลี่ยนชื่อเลเยอร์โครงการเป็น "ไวท์บอร์ด" เปลี่ยนชื่อเลเยอร์กลุ่มเป็น "BG" สำหรับพื้นหลัง
   
   
4. หากคุณไม่ได้ใช้กราฟิกพื้นหลังให้จับหนึ่งจาก Motion Library หรือวาดหนึ่งบนหน้าจอ ในการวาดพื้นหลังใช้เครื่องมือ Rectangle และตั้งค่า Fill เป็นสีที่คุณเลือกในตัวตรวจสอบ
   
   ตอนนี้เราพร้อมสำหรับกราฟิกของคุณแล้ว
   
   
5. นำเข้าภาพ Photoshop ของคุณและบอกให้ Motion ไม่รวมเลเยอร์ เมื่อเราวางมันลงในภาพ Photoshop มืออยู่บนเลเยอร์เหนือกราฟิกที่มันจะวาด (โลโก้) จัดเรียงมือและโลโก้บนหน้าจอให้อยู่ในตำแหน่งเฟรมแรกของภาพเคลื่อนไหวของคุณ
   
   เป็นการง่ายที่สุดที่จะวางมือและกราฟิกแต่ละอันที่จะวาดลงในกลุ่มเลเยอร์ของตนเอง สำหรับบทช่วยสอนนี้เราจะวางกราฟิกมือในกลุ่มชื่อ "มือ" และกราฟิกโลโก้ในกลุ่มชื่อ "โลโก้" กลุ่มมือควรอยู่เหนือกลุ่มโลโก้ซึ่งควรอยู่เหนือกลุ่ม BG
   
   
6. เลือกเลเยอร์ BG และคลิกที่ไอคอนเครื่องหมายบวกที่ด้านล่างของบานหน้าต่างเพื่อเพิ่มเลเยอร์กลุ่มใหม่ ตั้งชื่อกลุ่ม "โลโก้" และลากกราฟิกโลโก้ลงในเลเยอร์นี้ ทำซ้ำสำหรับกราฟิคมือวางกลุ่มมือเหนือกลุ่มโลโก้
   
   
7. ตอนนี้เลเยอร์เริ่มต้นของกลุ่มว่างเปล่าเราสามารถลบออกได้ เราควรมีสามกลุ่มเลเยอร์: มือโลโก้และ BG
   
   

ในบทช่วยสอนถัดไปเราจะวาดเส้นทาง Bezier ที่จะทำให้มือเคลื่อนไหว

ถัดไป→

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


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 ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ