Whiteboard Video Scribe Animation - Finish

• قد 1, 2024

في هذا الاقتراح^R البرنامج التعليمي ، وسوف ننهي الرسوم المتحركة السبورة. لدينا بالفعل محاكاة الرسم للشعار. الآن سنقوم بإنشاء محاكاة الكتابة لاسم الشركة.

ستنشئ الطريقة التي نوشك استخدامها محاكاة جيدة لليد التي تكتب اسم الشركة على الشاشة ، لأن القلم الرصاص سيتتبع كل حرف فردي في النص. هذا شيء رائع بالنسبة لفيديو السبورة المخصص للعميل. ولكن إذا كنت تقوم بإنشاء قالب يسمح باستبدال نص العنصر النائب بنص آخر ، فستحتاج إلى استخدام نفس نوع المحاكاة الذي استخدمناه لرسم الشعار.

على سبيل المثال ، ستجعل Bezier path zig zag فوق نص العنصر النائب بدلاً من تتبع الحروف الفردية. على الرغم من أن المحاكاة ليست واقعية مثل محاكاة الكتابة التي سنتعلم إنشاءها هنا ، إلا أنها مرنة بدرجة كافية بالنسبة للقالب.

لكن لنفترض أن هذا فيديو مخصص للسبورة البيضاء للعميل وسوف نقوم بإنشاء محاكاة واقعية للكتابة.

سوف نستخدم أداة النص في الحركة لإضافة اسم الشركة إلى المشروع. نريد أن تبدأ هذه الرسوم المتحركة بعدد قليل من الإطارات بعد انتهاء الرسوم المتحركة الأولى ، والتي تكون في 02:00 على الخط الزمني. لذلك ، دعونا نبدأ هذه الرسوم المتحركة في علامة 02:10 وسوف تستمر ثانيتين.

1. باستخدام Playhead في 02:10 ، أضف مجموعة جديدة إلى لوحة Layers أعلى المجموعة BG وقم بتسميتها "Text". انقر فوق الشاشة باستخدام أداة النص في الموقع الذي ترغب في بدء إضافة نص إليه. نمط النص حسب الحاجة لعميلك.
   
   الآن لنبدأ. عند إنشاء مسار Bezier ، أضف نقاط ربط على كل حرف كما لو كنت تكتب النص على الشاشة.
   
   
2. حدد طبقة الرسم اليدوي وأداة بيزير. ضع نقطة الربط الأولى أعلى طرف القلم الرصاص. ثم انتقل إلى النص وابدأ في إضافة نقاط ربط فوق النص. نظرًا لأن هذه هي نهاية جزء السبورة في الفيديو ، قم بإضافة آخر نقطة ربط أسفل الحرف الأخير على الشاشة.
   
   
3. حدد أداة تحديد / تحويل لإنهاء المسار وإعادة تسمية طبقة مسار بيزير الجديدة إلى "Bezier_Text". اسحب طبقة Bezier_Text أسفل طبقة Bezier_Logo في المجموعة Hand.
   
   الآن سنضيف سلوك مسار الحركة الآخر إلى طبقة الرسوم Hand.
   
   
4. حدد طبقة الرسم Hand وأضف سلوك مسار الحركة. سمها مسار الحركة 2.
   
   
5. بعد تحديد طبقة سلوك Motion Path 2 ، انتقل إلى المفتش واضبط شكل المسار على الشكل الهندسي. قم بإلغاء تحديد خيار "إرفاق بالشكل" واسحب طبقة Bezier_Text إلى مصدر الشكل جيدًا.
   
   
6. نقل Playhead إلى 02:10 علامة على الجدول الزمني. اسحب الحافة اليسرى لمسار Motion Path 2 من بداية الجدول الزمني إلى علامة 02:10. اسحب الحافة اليمنى من المسار إلى علامة 04:10. كرر هذا المسار Bezier_Text.
   
   الآن سنقوم بإنشاء القناع.
   
   
7. قم بعمل نسخة مكررة من طبقة Bezier_Text واسحب طبقة نسخة Bezier_Text هذه إلى مجموعة النص ووضعها أعلى طبقة النص. قم بإيقاف تشغيل رؤية طبقة Bezier_Text الأصلية.
   
   
8. مع استمرار تحديد طبقة النسخ Bezier_Text ، قم بزيادة عرض المسار حتى يتم إخفاء النص أسفل القناع.
   
   
9. أضف قناع صورة إلى طبقة النص واسحب طبقة نسخ Bezier_Text إلى طبقة قناع الصورة الجديدة.
   
   
10. في المخطط الزمني ، اسحب الحافة اليمنى لمسار قناع الصورة إلى علامة 04:10.
    
    الآن سنضيف Keyframes لتحريك القناع.
    
    
11. ضع Playhead في علامة 02:10 وحدد طبقة نسخة Bezier_Text. انتقل إلى المفتش (المفتش - الشكل - النمط - المخطط التفصيلي) واضبط شريط تمرير إزاحة النقطة الأخيرة على الصفر. أضف Keyframe.
    
    
12. انقل Playhead إلى علامة 04:10 ثم أعد منزلق Last Point Offset إلى 100.
    
    اختبار الرسوم المتحركة. مهمتنا الأخيرة هي إزالة الرسم اليدوي من الشاشة.
    
    
13. مع استمرار Playhead في الساعة 04:10 ، حدد طبقة الرسوم Hand. في Inspector (Inspector - Properties - Blending) ، أضف Keyframe بالنقر فوق الرمز الموجود على يمين منزلق Opacity. انقل Playhead إلى 04:20 وقم بتقليل العتامة إلى صفر.
    

← رجوع

مثال تعليمي:


Apple و Motion و iBooks Author و GarageBand و TextEdit و Pages و iMovie و Mac هي علامات تجارية لشركة Apple Inc. ، مسجلة في الولايات المتحدة ودول أخرى.
CoffeBreakBlog هو منشور مستقل ولم يتم اعتماده أو رعايته أو الموافقة عليه بطريقة أخرى بواسطة Apple Inc.
حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: Best Explainer Video Whiteboard Video | Explainer Video Whiteboard Animation Videos (قد 2024).