Guide d'utilisation Annuler

Exemples et ressources d’animation de texte

  1. Guide de lʼutilisateur dʼAfter Effects
  2. Versions Beta
    1. Présentation du programme Beta
    2. Accueil After Effects Beta
    3. Fonctionnalités de la version Beta
      1. Panneau Propriétés (Beta)
  3. Prise en main
    1. Prise en main dʼAfter Effects
    2. Nouveautés dʼAfter Effects
    3. Notes de mise à jour | After Effects
    4. Configuration requise pour After Effects
    5. Raccourcis clavier dans After Effects
    6. Formats de fichier pris en charge | After Effects
    7. Recommandations matérielles
    8. After Effects pour puce Apple
    9. Planification et configuration
    10. Configuration et installation
  4. Espaces de travail
    1. Eléments généraux de lʼinterface utilisateur
    2. Familiarisation avec lʼinterface dʼAfter Effects
    3. Workflows
    4. Espaces de travail, panneaux et visualiseurs
  5. Projets et compositions
    1. Projets
    2. Notions de base relatives aux compositions
    3. Précomposition, imbrication et prérendu
    4. Affichage dʼinformations détaillées sur les performances avec le Profileur de composition
    5. Moteur de rendu de composition CINEMA 4D
  6. Importation de métrage
    1. Préparation et importation dʼimages fixes
    2. Importation à partir dʼAfter Effects et dʼAdobe Premiere Pro
    3. Importation et interprétation vidéo et audio
    4. Préparation et importation de fichiers images 3D
    5. Importation et interprétation de métrages
    6. Utilisation des métrages
    7. Détecter les points de montage à l’aide de la détection de montage de scène
    8. Métadonnées XMP
  7. Texte et images
    1. Texte
      1. Mise en forme des caractères et panneau Caractère
      2. Effets de texte
      3. Création et modification des calques de texte
      4. Mise en forme des paragraphes et panneau Paragraphe
      5. Extrusion de calques de texte et de forme
      6. Animation de texte
      7. Exemples et ressources dʼanimation de texte
      8. Modèles Live Text
    2. Animations graphiques
      1. Utilisation de modèles dʼanimations graphiques dans After Effects
      2. Utilisation des expressions pour créer des listes déroulantes dans les modèles dʼanimations graphiques
      3. Utilisation des propriétés essentielles pour créer des modèles dʼanimations graphiques
      4. Remplacement d’images et de vidéos dans les modèles dʼanimations graphiques et les propriétés essentielles
  8. Dessin, peinture et tracés
    1. Présentation des calques de forme, des tracés et des images vectorielles
    2. Outils de peinture : Pinceau, Cloner et Gomme
    3. Comment effiler les contours de forme
    4. Attributs de forme, opérations de peinture et opérations de tracé pour les calques de forme
    5. Utilisation de lʼeffet de forme Décaler les tracés pour modifier des formes
    6. Création de formes
    7. Création de masques
    8. Suppression dʼobjets de vos vidéos avec le panneau Remplissage dʼaprès le contenu
    9. Roto-pinceau et Améliorer le cache
  9. Calques, marqueurs et caméra
    1. Sélection et disposition de calques
    2. Modes de fusion et styles de calques
    3. Calques 3D
    4. Propriétés du calque
    5. Création de calques
    6. Gestion des calques
    7. Repères de calque et repères de composition
    8. Caméras, lumières et points ciblés
  10. Animation, images clés, suivi de cible et incrustations
    1. Animation
      1. Principes de base de l’animation
      2. Animation avec les outils Marionnette
      3. Gestion et animation de tracés de forme et de masques
      4. Animation de formes Sketch et Capture à lʼaide dʼAfter Effects
      5. Outils dʼanimation divers
      6. Utilisation dʼanimations orientées données
    2. Image clé
      1. Interpolation des images clés
      2. Définition, sélection et suppression dʼimages clés
      3. Modification, déplacement et copie dʼimages clés
    3. Suivi de cible
      1. Suivi et stabilisation du mouvement
      2. Suivi du visage
      3. Suivi de masque
      4. Référence de masque
      5. Vitesse
      6. Extension temporelle et remappage temporel
      7. Code temporel et unités temporelles
    4. Masquage
      1. Incrustations
      2. Effets de masquage
  11. Transparence et montage
    1. Présentation et ressources du montage et de la transparence
    2. Couches alpha, masques et caches
  12. Réglage de la couleur
    1. Principes de base de la couleur
    2. Utilisation de lʼextension Thèmes Adobe Color
    3. Gestion des couleurs
    4. Effets de correction colorimétrique
  13. Effets et animations prédéfinies
    1. Présentation des effets et animations prédéfinies
    2. Liste dʼeffets
    3. Effets de simulation
    4. Effets esthétiques
    5. Effets audio
    6. Effets de déformation
    7. Effets de perspective
    8. Effets de couches
    9. Effets de rendu
    10. Effets de transition
    11. Effet Réparation dʼobturateur déroulant
    12. Effets de flou et de netteté
    13. Effets de couches 3D
    14. Effets Utilité
    15. Effets de cache
    16. Effets de bruit et de grain
    17. Effet Conservation des détails-Amélioration
    18. Effets obsolètes
  14. Expressions et automatisation
    1. Expression
      1. Principes de base des expressions
      2. Compréhension du langage dʼexpression
      3. Utilisation des options pour expressions
      4. Différences de syntaxe entre le moteur dʼexpressions JavaScript et lʼancien moteur dʼexpressions ExtendScript
      5. Modification des expressions
      6. Erreurs dans les expressions
      7. Utilisation de lʼéditeur dʼexpressions
      8. Utilisation d’expressions pour accéder aux propriétés du texte et les modifier
      9. Référence au langage dʼexpression
      10. Exemples dʼexpressions
    2. Automatisation
      1. Automatisation
      2. Scripts
  15. Vidéo immersive, VR et 3D
    1. Création dʼenvironnements VR dans After Effects
    2. Application d’effets de vidéo immersive
    3. Outils de composition pour les vidéos VR/360
    4. Suivi du mouvement de la caméra 3D
    5. Utilisation de lʼespace de conception 3D
    6. Widgets de transformation 3D
    7. En faire plus avec l’animation 3D
    8. Aperçu des modifications apportées aux conceptions 3D en temps réel avec le moteur en temps réel
    9. Ajout de Responsive Design à vos images
  16. Vues et prévisualisations
    1. Prévisualisation
    2. Prévisualisation vidéo à lʼaide de Mercury Transmit
    3. Modification et utilisation des vues
  17. Rendu et exportation
    1. Notions de base relatives au rendu et à lʼexportation
    2. Exportation dʼun projet After Effects en tant que projet Adobe Premiere Pro
    3. Conversion de films
    4. Rendu multi-images
    5. Rendu automatisé et rendu en réseau
    6. Rendu et exportation dʼimages fixes et de séquences dʼimages fixes
    7. Utilisation du codec GoPro CineForm dans After Effects
  18. Utilisation dʼautres applications
    1. Dynamic Link et After Effects
    2. Utilisation dʼAfter Effects et dʼautres applications
    3. Synchronisation des paramètres dans After Effects
    4. Bibliothèques Creative Cloud dans After Effects
    5. Plug-ins
    6. CINEMA 4D et Cineware
  19. Collaboration : Frame.io et Projets d’équipe
    1. Collaboration dans Premiere Pro et After Effects
    2. Frame.io
      1. Installation et activation de Frame.io
      2. Utilisation de Frame.io avec Premiere Pro et After Effects
      3. Foire aux questions
    3. Projets dʼéquipe
      1. Prise en main des projets d’équipe
      2. Créer un projet d’équipe
      3. Collaborer sur les projets d’équipe
  20. Mémoire, stockage et performances
    1. Mémoire et stockage
    2. Amélioration des performances
    3. Préférences
    4. Configuration requise du GPU et du pilote GPU pour After Effects

After Effects propose un large éventail de fonctionnalités pour produire des animations de texte 2D et 3D à la fois efficaces et créatives. Les ressources et exemples que vous trouverez ici contiennent des instructions détaillées sur la façon d’animer du texte dans After Effects.

Harry Frank met à votre disposition un tutoriel portant sur l’animation de texte avec des animateurs de texte sur le site Web Digital Arts Online.

Sur le site Web Layers Magazine, Steve Holmes propose un tutoriel qui crée une animation de texte à l’aide de trois animations de texte et de l’animation de texte 3D par caractère.

Sur son site Web, Colin Braley propose un tutoriel et un exemple de projet qui illustrent l’utilisation d’une expression sur la propriété Texte source pour animer du texte et surmonter ainsi certaines limitations de l’effet Nombres.

Dans un tutoriel vidéo disponible sur le site web Creative COW, Eran Stern explique comment utiliser l’animation de texte 3D par caractère pour animer du texte le long d’un chemin en lui donnant la forme d’une tornade en 3D.

Dans un tutoriel disponible sur le site web Digital Arts, Angie Taylor explique comment utiliser une animation de texte 3D par caractère avec une solution de contournement simple pour simuler du texte 3D extrudé.

Eran Stern fournit un tutoriel vidéo sur le site Web d’Artbeats qui montre comment utiliser le système d’animation de texte d’After Effects sous la forme d’un système de particules.

Rich Young regroupe plusieurs ressources et tutoriels de création de texte 3D extrudé dans After Effects.

Sur le site Web ProVideo Coalition, Chris et Trish Meyer proposent divers conseils sur l’animation de texte dans After Effects.

Toby Pitman présente des astuces d’utilisation des calques de forme pour animer du texte sur le site Web MacProVideo.

Exemple : animation des caractères avec des propriétés 3D par caractère

Cet exemple illustre la facilité avec laquelle on peut animer des caractères en 3D pour que chaque caractère s’écarte de la ligne pour se positionner en forme d’arc.

  1. Créez une nouvelle composition.
  2. Créez un calque de texte comprenant le mot ovation.
  3. Sélectionnez Animation > Animer texte > Activer la 3D par caractère.
  4. Sélectionnez Animation > Animer texte > Position.
  5. Sélectionnez Animation > Animer texte > Rotation.
  6. Dans le panneau Montage, dans le groupe d’animation, définissez la propriété de rotation X sur 45 et la valeur de position sur (0.0, 0.0, -100.0).
  7. Développez le sélecteur de plage 1.
  8. Cliquez sur l’icône de chronomètre de la propriété Décalage pour définir la valeur d’une première image clé à 0 seconde.
  9. Définissez la valeur de la propriété Décalage sur - 15 %.
  10. Définissez la valeur de la propriété Fin sur - 15 %.
  11. Déplacez le repère d’instant présent à 10 secondes et définissez la valeur Décalage sur 100 %.
  12. Appuyez sur la touche R pour afficher les propriétés de Rotation sur tout le calque.
  13. Spécifiez -45 pour la valeur Rotation Y du calque, afin de faire pivoter l’ensemble du calque et obtenir ainsi une vision plus claire du mouvement 3D des caractères.
  14. Prévisualisez la composition.

Exemple : caractères décalés

Cet exemple montre comment procéder pour animer des caractères aléatoires de façon à ce qu’ils forment un mot ou une phrase lisible, simplement en spécifiant une valeur de décalage de caractères et en animant le sélecteur de plage.

Caractères décalés : animation des valeurs de décalage pour les caractères du mot Galaxy
Animation des valeurs de décalage pour les caractères du mot Galaxy

  1. Créez une nouvelle composition.
  2. Créez un calque de texte comprenant le mot Galaxy.
  3. Sélectionnez Animation > Animer texte > Décalage de caractères.
  4. Dans le panneau Montage, définissez la valeur Décalage de caractère sur 5.
  5. Développez le sélecteur de plage 1.
  6. Cliquez sur le chronomètre Début pour définir une première image clé à 0 secondes et définissez la valeur sur 0 %.
  7. Déplacez le repère d’instant présent à 5 secondes et définissez la valeur Début sur 100 %.
  8. Définissez l’alignement des caractères sur Centre.
  9. Prévisualisez la composition.

Exemple : animation des caractères avec le sélecteur Tremblement

Cet exemple démontre à quel point il est facile d’animer la position de caractères isolés. Il décrit aussi comment le sélecteur de tremblement peut produire un changement net dans l’animation par son simple ajout dans le calque.

Animation de caractères avec le sélecteur de tremblement
Animation de la couleur et de la position des caractères du mot Galaxy

  1. Créez une nouvelle composition.
  2. Créez un calque de texte comprenant le mot Galaxy et définissez la couleur sur bleu dans le panneau Caractère.
  3. Sélectionnez Animation > Animer texte > Position.
  4. Dans le panneau Montage, faites glisser vers la gauche la valeur y de la propriété Position, jusqu’à ce que tous les caractères soient hors de l’image.
  5. Développez le sélecteur de plage 1.
  6. Cliquez sur le chronomètre Début et laissez la valeur à 0 % à 0 seconde ; déplacez ensuite le repère d’instant présent sur 5 secondes et définissez la valeur Début sur 100 %.
  7. Prévisualisez la composition.
  8. Réduisez le groupe Animation 1.
  9. Assurez-vous que rien n’est sélectionné sauf le nom du calque de texte dans le panneau Montage, puis sélectionnez Couleur du fond > Teinte dans le menu Animer. Un nouveau groupe d’animation, Animation 2, apparaît dans le panneau Montage.
  10. Définissez la valeur Teinte de fond sur 1 x +0,0.
  11. Développez le sélecteur de plage de l’animation 2.
  12. Cliquez sur le chronomètre Début et laissez la valeur à 0 % à 0 seconde ; déplacez ensuite le repère d’instant présent sur 5 secondes et définissez la valeur Début sur 100 %.
  13. Prévisualisez l’animation. A présent, les couleurs changent au fur et à mesure qu’elles descendent du haut de l’écran, mais utilisent toutes la même couleur et finissent par revêtir leur couleur originale.
  14. Avec la propriété Teinte de fond sélectionnée, sélectionnez Sélecteur > Tremblement dans le menu Ajouter.
  15. Développez la propriété Sélecteur de tremblement 1 et sélectionnez Addition dans le menu Mode.
  16. Prévisualisez la composition.
    Remarque :

    Si vous ajoutez la propriété Teinte de fond à l’animation 1, puis que vous ajoutez le sélecteur de tremblement, cela a pour effet de faire trembler la position et les couleurs, et non uniquement les couleurs.

Exemple : animation de l’approche

Cet exemple démontre à quel point il est facile d’isoler des caractères lors de l’application d’approche à une ligne de texte. Les propriétés d’animation Approche et Ancrage de lignes vous permettent de déplacer facilement tous les caractères sauf certains.

Animation des valeurs d’approche pour les caractères 3579 afin que seul le 7 du milieu reste en place
Animation des valeurs d’approche pour les caractères 3579 (gauche et centre) afin que seul le 7 du milieu reste en place (droite)

  1. Créez une nouvelle composition.
  2. Créez un calque de texte et saisissez 3579.
  3. Après avoir sélectionné le calque de texte, cliquez sur le bouton Centrer le texte du panneau Paragraphe.
  4. Choisissez Affichage > Afficher la grille.
  5. Dans le panneau Montage, sélectionnez le calque de texte et choisissez Animation > Animer texte > Approche.
  6. Assurez-vous que l’option Avant & Après est spécifiée dans le menu Type d’approche.
  7. Cliquez sur l’icône de chronomètre Valeur d’approche, et laissez la valeur 0 à 0 secondes.
  8. Déplacez le repère d’instant présent sur 5 secondes et faites glisser la valeur Valeur d’approche jusqu’à ce que tous les caractères sortent de l’écran.
  9. Prévisualisez l’animation.
  10. Une fois le repère d’instant présent réglé sur 0, prenez un instantané du panneau Composition. Vous l’utiliserez, ainsi que les grilles, pour déterminer la position originale du nombre « 7 » à la fin de l’animation.
  11. Déplacez le repère d’instant présent sur 5 secondes.
  12. Cliquez sur le bouton Afficher l’instantané.
  13. Dans le panneau Montage, sélectionnez Animation 1, puis sélectionnez Ancrage de lignes dans le menu Ajouter.
  14. Faites glisser la valeur Ancrage de lignes jusqu’à ce que le 7 atteigne approximativement sa position originale au centre du panneau Composition.
  15. Cliquez sur le bouton Afficher l’instantané dans le panneau Composition afin de voir la position exacte du 7 à son emplacement d’origine. Ajustez la valeur Ancrage de lignes de façon à positionner le caractère à son emplacement original.
  16. Prévisualisez l’animation.

Exemple : utilisation des sélecteurs pour animer certains mots

Cet exemple vous présente comment utiliser les sélecteurs pour limiter une animation à un mot spécifique.

utilisation des sélecteurs pour animer certains mots
Animation des valeurs d’inclinaison dans les caractères du mot Speeding

  1. Créez une nouvelle composition.
  2. Créez un calque de texte comprenant les mots Speeding Saucer.
  3. Sélectionnez Animation > Animer texte > Inclinaison.
  4. Dans le panneau Montage, définissez la valeur Oblique sur 35.
  5. Développez le sélecteur de plage 1.
  6. Assurez-vous que le repère d’instant présent est bien sur 0 secondes et cliquez que le chronomètre Fin.
  7. Dans le panneau Composition, faites glisser les deux barres du sélecteur vers le côté gauche du S de Speeding.
  8. Déplacez le repère d’instant présent sur 2 secondes et faites glisser la barre droite du sélecteur vers le côté droit du g de Speeding.
  9. Prévisualisez la composition.

Exemple : création d’une animation avec effet d’écriture

Vous pouvez facilement produire un effet d’écriture à l’écran à l’aide de la propriété d’animation Opacité.

création d’une animation avec effet d’écriture
Ecriture de texte à l’aide de la propriété Opacité

  1. Créez une nouvelle composition.
  2. Créez un calque de texte comprenant les caractères 01234.
  3. Sélectionnez Animation > Animer texte > Opacité.
  4. Définissez la valeur Opacité sur 0 %.
  5. Développez le sélecteur de plage 1 et cliquez sur le chronomètre Début.
  6. Dans le panneau Composition, faites glisser le sélecteur de début vers le côté gauche du texte (la valeur sera égale à 0).
  7. Déplacez le repère d’instant présent à 5 secondes et faites glisser le sélecteur de début vers le côté droit du texte dans le panneau Composition (la valeur sera égale à 5).
  8. Prévisualisez la composition.
    Remarque :

    Par défaut, la propriété Lissage est définie à 100 %. Pour créer l’aspect d’une machine à écrire, développez la propriété Avancé et définissez la propriété Lissage sur 0 %.

Exemple : animation du texte avec plusieurs sélecteurs

Cet exemple utilise le paramètre selectorValue dans un sélecteur Expression, avec le sélecteur de tremblement pour faire en sorte qu’une chaîne de caractères clignote de manière aléatoire.

  1. Créez une nouvelle composition.
  2. Créez un nouveau calque de texte.
  3. Dans le panneau Montage, choisissez Opacité dans le menu Animer du calque de texte.
  4. Développez le calque de texte et son groupe d’animation dans le panneau Montage.
  5. Sélectionnez le sélecteur de plage et supprimez-le.
  6. Choisissez Ajouter > Sélecteur > Tremblement en regard du groupe de propriétés d’animation du calque de texte.
  7. Choisissez Ajouter > Sélecteur > Expression. Si le sélecteur d’expressions précède le sélecteur de tremblement, faites glisser ce dernier au-dessus du premier.
  8. Développez le sélecteur d’expressions.
  9. Développez la propriété Valeur pour afficher l’expression. L’expression suivante est alors proposée par défaut :
    selectorValue * textIndex/textTotal
  10. Remplacez le texte de l’expression par défaut par l’expression suivante :
    r_val=selectorValue[0]; si(r_val < 50)r_val=0; if(r_val > 50)r_val=100; r_val
  11. Définissez l’opacité sur 0 % et prévisualisez la composition.

Exemple : animation de la position du texte avec des expressions

Cet exemple utilise les attributs textIndex et textTotal avec l’expression wiggle pour animer une ligne de texte.

  1. Créez une nouvelle composition.
  2. Créez un nouveau calque de texte.
  3. Développez le calque de texte pour afficher les propriétés de texte. Ajoutez un groupe d’animation de position à partir du menu Animer.
  4. Supprimez le sélecteur de plage par défaut, Sélecteur de plage 1.
  5. Ajoutez un sélecteur d’expressions en sélectionnant le menu Ajouter, puis Sélecteur > Expression. Développez le sélecteur d’expressions pour afficher ses options.
  6. Développez la propriété Valeur pour afficher l’expression. L’expression suivante est alors proposée par défaut :
    selectorValue * textIndex/textTotal
  7. Remplacez le texte de l’expression par défaut par l’expression suivante :
    seedRandom(textIndex); amount=linear(temps, 0, 5, 200*textIndex/textTotal, 0); wiggle(1, amount);

    La méthode linéaire est utilisée dans cet exemple pour obtenir un dégradé du bas de la valeur de tremblement maximale dans le temps.

  8. Définissez la valeur de position verticale. Plus cette valeur est élevée, plus les caractères tremblent.
  9. Prévisualisez la composition.

Exemple : animation du texte sous forme d’affichage du code temporel

  1. Sans aucun calque sélectionné dans le panneau Montage, cliquez deux fois sur l’animation prédéfinie Format d’instant courant dans le panneau Effets et paramètres prédéfinis. (Vous pouvez rechercher l’animation prédéfinie en tapant son nom dans le champ Contenu du panneau Effets et paramètres prédéfinis.)

    Un nouveau calque de texte est créé, avec une expression dans la propriété Texte source qui affiche l’instant présent au format d’affichage de l’instant présent du projet.

    Vous pouvez utiliser d’autres expressions dans la catégorie Global pour afficher l’instant sous un autre format.

    Remarque :

    Pour voir les expressions d’un calque, sélectionnez le calque et appuyez sur EE.

Aller encore plus loin avec After Effects

Créez d’incroyables animations graphiques, animations de texte et effets visuels grâce à After Effects. Conception pour le cinéma, la télévision, les travaux vidéo et le Web.

Logo Adobe

Accéder à votre compte