Want to create interactive content? It’s easy in Genially!

Get started free

2 - Les animations de texte

n.gouzien

Created on May 11, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Visual Presentation

Terrazzo Presentation

Colorful Presentation

Modular Structure Presentation

Chromatic Presentation

City Presentation

News Presentation

Transcript

Les animations de texte

1. Animations de texte

1.1. Calque de texte

1.2. Texte manuscit

Sommaire

1.3. Apparition de caractères

1.4. Caractères décalés

Objectifs : Découvrir comment créer et animer des calques de texte avec le logiciel After Effects

1.5. 3D par caractères

Animations de texte

1 - Animations de texte

1-Calque de texte

  • Pour insérer du texte, sélectionnez l'outil Texte dans le panneau Outils, cliquez dans le panneau Composition et saisissez votre texte.
  • Choisissez la police, la couleur etc. dans le panneau "Caractère" et choisissez l'alignement, la justification de votre texte dans le panneau "Paragraphe".
  • Les calques de texte disposent de leurs propres paramètres et transformations, en plus des propriétés de transformation classiques associées à n'importe quel type de calque.

1 - Animations de texte

2-Texte manuscrit

Dans cet exemple, nous allons voir comment animer le texte comme s'il était écrit "à la main".

  • Commencez par crée un nouveau calque de texte et écrivez le mot de votre choix. Afin que l’effet soit réaliste, nous vous conseillons de choisir une police "manuscrite".
  • Vérifiez que le calque texte est bien sélectionné et prenez l’outil Plume :

1 - Animations de texte

  • Dessinez maintenant par dessus chaque lettre de votre mot. Vous allez alors créer un masque sur votre calque de texte (ici en rose) :
  • Pour la barre du "t" et le point du "i", il faut créer créer un deuxième masque car ces éléments sont "détachés" du reste du mot. Pour cela, veillez à ce que le calque de texte soit sélectionné mais pas le masque précédemment créé.

1 - Animations de texte

Voici ce que l'on obtient :

1 - Animations de texte

  • Choisissez ensuite, dans le panneau Effet > générer > trait tout en veillant à avoir sélectionné le calque de texte (et non un masque).
  • Sur le panneau des effets :
  1. Cochez « tous les masques »
  2. Modifiez « Épaisseur » pour que le trait recouvre les lettres et veillez à utiliser la même couleur que votre fond.
  3. Assurez-vous que le « style de peinture » soit paramétré sur « Afficher originale »

Voici ce que vous obtenez, seuls les masques sont visibles :

1 - Animations de texte

  • Indiquez « 0% » pour la valeur « début » (sans activer le chrono).
  • Activez ensuite le chrono « fin » et indiquez « 100% » à 0s. Déplacez la barre de temps à 2s (par exemple), et indiquez « 0% » à la valeur fin.

1 - Animations de texte

Et voici le résultat final !

1 - Animations de texte

3-Apparition de texte

Dans cet exemple, nous allons voir comment faire apparaitre un texte de gauche à droite à l'aide d'un masque.

  • Créez un nouveau calque « Texte » et écrire le mot choisi
  • Vérifiez que le calque texte est bien sélectionné, puis créer un masque sur le texte avec l’outil rectangle
  • Redimensionnez le masque afin que votre texte soit caché

1 - Animations de texte

  • Déroulez les options du masque, et cliquez maintenant sur le chrono « Tracé du masque ».
  • Déplacez votre barre de temps, et agrandissez le cadre afin de faire apparaître le texte (double-clic sur le cadre du masque dans la composition).

1 - Animations de texte

Et voici le résultat final !

1 - Animations de texte

4-Caractères décalés

Dans cet exemple, nous allons voir comment animer les lettres d'un mot, d'une phrase, de façon aléatoire, jusqu'à ce qu'ils forment le mot voulu.

  • Créez un calque de texte avec le mot que vous voulez
  • Sélectionnez Animation > Animer texte > Décalage de caractères ou passez directement par« Animer » comme ci-dessous :

1 - Animations de texte

  • Définissez la valeur Décalage de caractère sur 10 (par exemple).
  • Développez le sélecteur de plage 1 et définissez l’alignement des caractères sur « Régler le crénage » (ainsi, les lettres ne se chevaucheront pas)

1 - Animations de texte

  • Cliquez ensuite sur le chronomètre Début définissez la valeur à 0 % à 0 seconde.
  • Déplacez la barre de temps à 3 secondes et définissez la valeur Début sur 100 %.

1 - Animations de texte

Et voici le résultat final !

1 - Animations de texte

5-3D par caractères

Dans cet exemple, nous allons voir comment animer les lettres d'un mot, d'une phrase, de façon aléatoire, jusqu'à ce qu'ils forment le mot voulu.

  • Créez un calque de texte avec le mot que vous voulez
  • Sélectionnez Animer > Activer la 3D par caractère
  • Sélectionnez à nouveau Animer mais choisissez cette fois Position, puis Animer > Rotation
  • Dans le groupe "Animation 1", définissez la propriété de « Rotation X » sur 45,0° et position sur (0.0, 0.0, -100.0)

1 - Animations de texte

  • Développez le sélecteur de plage 1 et cliquez sur le chrono « Décalage » : définissez la valeur à - 15 % et la valeur de la propriété « Fin » sur - 15 %
  • Déplacez le repère d’instant présent à 10 secondes et définissez la valeur Décalage sur 100 %
  • Spécifiez -45 pour la valeur « rotation Y » du calque

1 - Animations de texte

Et voici le résultat final !

Conclusion

Terminé !

Il existe de nombreuses autres animations de texte à explorer, alors n'hésitez pas à tester les différents paramètres d'animation. Et n'oubliez pas, la pratique vous permettra de maîtriser ce logiciel !

Retour sur VirtualSchool