Animation Scribe Vidéo Tableau Blanc - Préparation

• Mai 16, 2024

Si vous souhaitez créer une animation de tableau blanc ou de scribe vidéo dans Motion^R et je ne sais pas par où commencer, ce tutoriel peut vous aider. Il existe deux types de simulations utilisées dans une animation de tableau blanc. L'un est une simulation de dessin et l'autre est une simulation d'écriture. Dans ce didacticiel, nous allons créer une animation de tableau blanc très simple qui anime une main en dessinant un logo et en écrivant le nom d'une entreprise à l'écran.

Vous aurez besoin de quelques graphiques tels qu'un graphique main / crayon. Cela peut être une photographie ou une illustration d'un bras avec la main tenant un crayon, un pinceau ou autre. Le graphique doit être sur un fond transparent. À moins que vous ne vouliez que votre main flotte dans l'espace, le bras doit être suffisamment long pour que l'extrémité du bras soit sous l'écran tout au long de l'animation.

Ensuite, vous aurez besoin du graphique de ce que la main dessinera à l'écran. Cette image doit également être sur un fond transparent. La plupart du temps, ce graphique vous sera fourni par votre client, mais vous pouvez également créer ce graphique à partir de zéro dans Motion^R ou Photoshop^R.

Le moyen le plus simple pour intégrer ces graphiques dans Motion consiste à les placer dans une image Photoshop en couches. Ouvrez une nouvelle image Photoshop de 1280 x 720 pixels, qui correspond aux dimensions de l'écran vidéo. Placez vos graphiques dans cette image, en étant sûr que tout le bras est visible. De plus, le bras doit être sur une couche au-dessus de la couche du logo. Quant au nom de l'entreprise, nous utiliserons l'outil Texte de Motion. Enregistrez cette image en tant qu'image Photoshop .psd en couches.

Allons-y en mouvement.

1. Ouvrez un nouveau document Motion. J'utilise la résolution 1280 x 720 pixels et 29,97 ips (NTSC) car c'est le meilleur compromis entre la taille de l'écran et le temps de téléchargement. Définissez le nombre de secondes pour la vidéo. Pour cet exemple, j'ai utilisé 5 secondes.
   
   
2. Dans la barre de menus de droite, réglez l'écran sur Transparent.
   
   
3. Dans le volet Calques, renommez le calque Projet en "Tableau blanc". Renommez le calque Groupe en "BG" pour le fond.
   
   
4. Si vous n'utilisez pas de graphique d'arrière-plan, prenez-en un dans la bibliothèque de mouvements ou dessinez-en un à l'écran. Pour dessiner un arrière-plan, utilisez l'outil Rectangle et définissez le remplissage sur la couleur de votre choix dans l'inspecteur.
   
   Nous sommes maintenant prêts pour vos graphiques.
   
   
5. Importez votre image Photoshop et dites à Motion de ne pas fusionner les calques. Comme nous les avons placés dans l'image Photoshop, la main est sur un calque au-dessus du graphique qu'elle dessinera (logo). Disposez la main et le logo sur l'écran en position pour la première image de votre animation.
   
   Il est plus facile de mettre la main et chaque graphique à dessiner dans leur propre groupe de calques. Pour ce didacticiel, nous allons placer le graphique de la main dans un groupe nommé "Main" et le graphique du logo dans un groupe nommé "Logo". Le groupe Hand doit être au-dessus du groupe Logo, qui doit être au-dessus du groupe BG.
   
   
6. Sélectionnez le calque BG et cliquez sur l'icône Plus en bas du volet pour ajouter un nouveau calque de groupe. Nommez ce groupe "Logo" et faites glisser le graphique Logo dans ce calque. Répétez cette opération pour le graphique Main, en plaçant le groupe Main au-dessus du groupe Logo.
   
   
7. Maintenant que la couche Group par défaut est vide, nous pouvons la supprimer. Nous devrions avoir trois couches de groupe: Main, Logo et BG.
   
   

Dans le prochain tutoriel, nous allons dessiner le chemin de Bézier qui animera la main.

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: Vidéo Explicative Réalisée Par Notre Agence Vidéo Française (Mai 2024).