Animation Photoshop - Animation de texte

• Mai 2, 2024

Dans ce didacticiel Photoshop, nous allons commencer à animer les éléments de conception dans notre modèle de couverture vidéo Facebook. Chaque élément est sur son propre calque, nous pouvons donc les contrôler individuellement.

Comme vous pouvez le voir à ce stade, nous avons deux couches graphiques d'espace réservé en bas et huit couches de texte d'espace réservé (voir capture d'écran). Nous avons déjà étendu les couches graphiques à la durée totale (20 secondes) de notre vidéo, mais les couches de texte sont toujours définies sur les cinq secondes par défaut (voir capture d'écran). C'est OK pour l'instant, car nous déplacerons ces pistes le long de la Timeline selon les besoins. Pour l'instant, désactivons la visibilité (icône en forme d'œil dans le panneau Calques) de tous les calques, à l'exception du calque inférieur.

Scène 1 image par image

Timecode (0: 00: 00: 00) Image 1: La vidéo commencera avec le graphique d'arrière-plan inférieur visible.

Timecode (0: 00: 01: 00) Image 30: Une seconde (30 images) après le début de la vidéo, le Nom de l'entreprise le texte disparaîtra à l'écran. (durée: 0,5 s)

Timecode (0: 00: 02: 00) Image 60: Deux secondes après le début de la vidéo, le Type de commerce le texte apparaît en fondu. (durée: .5 sec)

Nous ferons tout cela dans le panneau Chronologie.

Dans le panneau Montage, chaque calque de texte a ses propres propriétés que nous pouvons animer.


1. Développez le calque Groupe de textes dans le panneau Montage pour afficher tous les calques de texte (voir capture d'écran).
   
   
2. Déplacez la tête de lecture vers le timecode (0: 00: 01: 00) et faites glisser le bord gauche de chaque calque de texte vers la tête de lecture. Cela rendra les calques de texte invisibles jusqu'au Timecode (0: 00: 01: 00).
   
   
3. Élargir le Nom de l'entreprise calque de texte pour afficher la liste des propriétés. Avec la tête de lecture au timecode (0: 00: 01: 00), cliquez sur l'icône Stop Watch pour la propriété Opacity.
   
   Vous devriez voir (voir capture d'écran) une petite image clé jaune ajoutée à la propriété Opacity. Cela définit le début de cette animation de calque de texte.
   
   
4. Déplacez la tête de lecture de 15 images vers la droite. Timecode (0: 00: 01: 15)
   
   
5. Avec seulement le Nom de l'entreprise calque sélectionné, cliquez sur le petit triangle de la propriété Opacité dans la liste des propriétés pour ajouter une deuxième image clé.
   
   Vous devez maintenant avoir deux images clés sur la propriété Opacity.
   
   À ce stade, le texte est toujours visible aux deux emplacements d'images clés. Cachons le texte sur la première image de ce fondu en animation.
   
   
6. Replacez la tête de lecture sur l'image de début. Accédez maintenant au panneau Calque et réduisez l'opacité du calque à 0%.
   
   Notre dernière tâche est d’animer Type de commerce texte.
   
   
7. Déplacez la tête de lecture vers la marque de deux secondes sur la règle temporelle (02:00) ou le code temporel (0: 00: 02: 00). Faites glisser le bord gauche de cette piste vers la tête de lecture.
   
   
8. Sélectionnez le Type de commerce texte et développez pour voir les propriétés. Répétez les étapes précédentes pour ajouter les deux images clés et réduire l'opacité à 0% lors de la première image clé.
   
   

Déplacez la tête de lecture au début de la chronologie et cliquez sur le bouton Lecture pour tester l'animation. Sauvegardez votre travail.

Dans le prochain didacticiel, nous utiliserons la propriété Transform pour animer le deuxième graphique d'espace réservé.

Retour | Prochain

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 est / sont soit une [des] marque (s) déposée (s) ou une (des) marque (s) d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: How to Animate Text in Adobe Photoshop Timeline Animation Tutorial | Create Motion Text (Mai 2024).