Animation Scribe vidéo tableau blanc - Chemin de Bézier

• Mai 5, 2024

Dans ce didacticiel, nous allons continuer à créer une simple vidéo de tableau blanc dans Motion^R. L'étape suivante consiste à dessiner le chemin de Bézier qui est la base de l'animation.

Vous dessinerez un chemin de Bézier qui contrôlera le mouvement de la main. Un double de ce chemin de Bézier sera utilisé pour créer le masque qui masquera le graphique qui est dessiné à l'écran et le révélera au passage du bras. Étant donné que le masque est créé à partir d'un doublon du chemin de Bézier que la main suivra, le résultat est une simulation du dessin de la main à l'écran.

Avant de dessiner le chemin de Bézier, nous devons ajuster le point d'ancrage du graphique Hand. Par défaut, Motion place le point d'ancrage au centre du graphique. Mais ce point d'ancrage sera ce qui suit le chemin. Nous ne voulons pas que le centre du bras dessine sur l'écran. Nous voulons que la pointe du crayon dessine sur l'écran. Corrigeons cela.

1. Sélectionnez le graphique Main, puis sélectionnez l'outil Point d'ancrage. Utilisez les flèches rouge et bleue pour placer le point d'ancrage sur la pointe du crayon.
   
   Maintenant, nous arrivons à cette bonne partie.
   
   
2. Sélectionnez le calque graphique Main, puis sélectionnez l'outil Bézier. Placez le premier point de Bézier sur la pointe du crayon. Ensuite, passez au logo et tracez un chemin en zigzag sur le logo. Enfin, revenez à la Main et ajoutez le dernier point. Ne fermez pas le chemin.
   
   
3. Pour indiquer à Motion que vous avez fini de dessiner le chemin de Bézier, sélectionnez l'outil Sélectionner / Transformer. Vous obtiendrez un nouveau calque Bézier dans le volet Calques. Faites glisser ce nouveau calque sous le calque Hand et renommez-le "Bezier_Logo" car il s'agit du chemin Bézier pour dessiner l'image du logo.
   
   Maintenant que nous avons le chemin de Bézier, nous pouvons ajouter le comportement Motion Path au graphique Hand. C'est ce comportement qui provoquera l'animation de la main. Mais nous voulons que la main suive le chemin de Bézier_Logo. Nous dirons donc à Motion d'utiliser le chemin Bezier_Logo pour ce comportement de chemin de mouvement.
   
   
4. Pour ajouter le comportement au graphique Hand, sélectionnez le calque Graphic Hand dans le volet Calques. Dans le menu Comportements en bas à droite, choisissez Motion Path. Vous verrez une nouvelle couche Motion Path ajoutée sous la couche Hand.
   
   
5. Sélectionnez le calque Path Motion et accédez à l'inspecteur (Inspector - Behaviors - Motion Path). Définissez le menu Forme du chemin sur Géométrie. Décochez l'option Attacher à la forme. Revenez au calque Bezier_Logo dans le volet Calques et cliquez / glissez sur le puits Source de forme. Lorsque vous voyez la petite flèche, relâchez votre souris.
   
   Avec la tête de lecture toujours sur la première image, testez l'animation. Si le crayon ne suit pas directement le chemin, ajustez le point d'ancrage à la pointe du crayon si nécessaire.
   
   La main semble-t-elle dessiner un peu trop lentement pour une animation de tableau blanc? Eh bien, nous pouvons l'accélérer en raccourcissant les pistes Motion Path et Bezier_Logo dans la timeline.
   
   
6. Accédez à la chronologie et recherchez la piste de trajectoire de mouvement de couleur violette. Faites glisser le bord droit vers la piste du chemin vers la gauche jusqu'à ce qu'il soit à la seconde position sur la timeline (02:00). Répétez cette opération pour la piste Bezier_Logo.
   
   

OK, il est temps pour une pause-café. Dans le prochain tutoriel, nous allons créer le masque qui révèle le logo.

← Retour | Suivant →

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: Un massif forestier au service des métropoles - Video scribing (Mai 2024).