Animation Scribe vidéo tableau blanc - Terminer

• Mai 19, 2024

Dans cette motion^R tutoriel, nous terminerons l'animation du tableau blanc. Nous avons déjà animé la simulation de dessin du logo. Nous allons maintenant créer une simulation d'écriture pour le nom de l'entreprise.

La méthode que nous nous apprêtons à utiliser créera une bonne simulation de la main qui écrit le nom de l'entreprise à l'écran, car le crayon tracera chaque lettre individuelle du texte. C'est idéal pour une vidéo de tableau blanc personnalisée pour un client. Mais si vous créez un modèle qui permettra de remplacer le texte de l'espace réservé par un autre texte, vous voudrez utiliser le même type de simulation que nous avons utilisé pour dessiner le logo.

Par exemple, vous allez faire le chemin de Bézier en zigzag sur le texte de l'espace réservé au lieu de tracer les lettres individuelles. Bien que la simulation ne soit pas aussi réaliste que la simulation d'écriture que nous apprendrons à créer ici, elle est suffisamment flexible pour un modèle.

Mais supposons qu'il s'agit d'une vidéo de tableau blanc personnalisée pour un client et que nous allons créer la simulation d'écriture réaliste.

Nous utiliserons l'outil Texte dans Motion pour ajouter le nom de l'entreprise au projet. Nous voulons que cette animation commence quelques images après la fin de la première animation, qui se situe à 02:00 sur la timeline. Commençons donc cette animation à 02:10 et elle durera deux secondes.

1. Avec la tête de lecture à la marque 02:10, ajoutez un nouveau groupe au volet Calques au-dessus du groupe BG et nommez-le "Texte". Cliquez sur l'écran avec l'outil Texte à l'emplacement où vous souhaitez commencer à ajouter du texte. Stylisez le texte selon les besoins de votre client.
   
   Commençons maintenant. Lors de la création du chemin de Bézier, ajoutez des points d'ancrage sur chaque lettre comme si vous écriviez le texte à l'écran.
   
   
2. Sélectionnez le calque graphique Main et l'outil Bézier. Placez le premier point d'ancrage au-dessus de la pointe du crayon. Passez ensuite au texte et commencez à ajouter des points d'ancrage sur le texte. Comme il s'agit de la fin de la partie tableau blanc de la vidéo, ajoutez le dernier point d'ancrage juste en dessous de la dernière lettre à l'écran.
   
   
3. Sélectionnez l'outil Sélectionner / Transformer pour terminer le chemin et renommer le nouveau calque de chemin Bézier en "Bezier_Text". Faites glisser le calque Bezier_Text sous le calque Bezier_Logo dans le groupe Main.
   
   Nous allons maintenant ajouter un autre comportement de trajectoire de mouvement à la couche graphique Hand.
   
   
4. Sélectionnez le calque graphique Hand et ajoutez un comportement Motion Path. Nommez-le Motion Path 2.
   
   
5. Avec la couche de comportement Motion Path 2 sélectionnée, accédez à l'inspecteur et définissez la forme de la trajectoire sur Géométrie. Décochez l'option Attacher à la forme et faites glisser le calque Bézier_Text dans le puits Source de forme.
   
   
6. Déplacez la tête de lecture jusqu'à la marque 02:10 sur la timeline. Faites glisser le bord gauche de la piste Motion Path 2 du début de la timeline jusqu'à la marque 02:10. Faites glisser le bord droit de la piste jusqu'à la marque 04:10. Répétez cette opération pour la piste Bezier_Text.
   
   Nous allons maintenant créer le masque.
   
   
7. Faites un double du calque Bezier_Text et faites glisser ce calque de copie Bezier_Text dans le groupe Texte et placez-le au-dessus du calque Texte. Désactivez la visibilité du calque Bezier_Text d'origine.
   
   
8. Avec le calque de copie Bézier_Text toujours sélectionné, augmentez la largeur du chemin jusqu'à ce que le texte soit masqué sous le masque.
   
   
9. Ajoutez un masque d'image au calque de texte et faites glisser le calque de copie Bézier_Text dans le nouveau calque de masque d'image.
   
   
10. Sur la timeline, faites glisser le bord droit de la piste Masque d'image jusqu'à la marque 04:10.
    
    Nous allons maintenant ajouter les images clés pour animer le masque.
    
    
11. Placez la tête de lecture à la marque 02:10 et sélectionnez le calque de copie Bezier_Text. Accédez à l'inspecteur (Inspecteur - Forme - Style - Contour) et réglez le curseur Dernier décalage de point sur zéro. Ajoutez une image clé.
    
    
12. Déplacez la tête de lecture jusqu'à la marque 04:10 et remettez le curseur Last Point Offset à 100.
    
    Testez l'animation. Notre dernière tâche consiste à supprimer le graphique Hand de l'écran.
    
    
13. Avec la tête de lecture toujours à 04:10, sélectionnez le calque graphique Hand. Dans l'inspecteur (Inspecteur - Propriétés - Fusion), ajoutez une image clé en cliquant sur l'icône à droite du curseur Opacité. Déplacez la tête de lecture à 04:20 et réduisez l'opacité à zéro.
    

← Retour

Exemple de didacticiel:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie et Mac sont des marques d'Apple Inc., déposées aux États-Unis et dans d'autres pays.
CoffeBreakBlog est une publication indépendante et n'a pas été autorisée, sponsorisée ou autrement approuvée par Apple Inc. Captures d'écran utilisées avec permission.
Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'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 et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Exemple de Video Scribing Par VideoTelling (Mai 2024).