Créez un calque de texte et appliquez une police variable depuis le panneau Caractère.
Dernière mise à jour le
17 juin 2026
Découvrez comment utiliser des axes de police variable dans After Effects, notamment comment y accéder, les ajouter en tant qu’animations de texte, utiliser des sélecteurs et bien plus encore.
Sur cette page :
Avant de commencer :
- Pour installer une police variable, recherchez des fichiers avec des extensions telles que .ttf, .otf ou .woff2. De nombreuses polices Adobe Fonts incluent des versions variables (marquées comme « Variable ») et vous pouvez utiliser le filtre Technologie de police pour les localiser rapidement. Vous pouvez également trouver des polices variables gratuites via des ressources comme Google Fonts et d'autres référentiels open source.
- Passez en revue les pratiques recommandées pour concevoir avec des axes de police variable, configurer efficacement des animations de texte et optimiser le workflow d’animation.
-
Lorsque vous ouvrez le menu déroulant Police, vous pouvez utiliser l'icône Afficher les polices variables pour filtrer la liste et afficher uniquement les polices qui exposent des axes variables.
Utilisez le filtre Afficher les polices variables dans le menu Police pour n'afficher que les polices variables.
Utilisez le filtre Afficher les polices variables dans le menu Police pour n'afficher que les polices variables. -
Sélectionnez le calque de texte puis, dans le panneau Propriétés sous la section Texte, sélectionnez l’icône Police variable pour ouvrir une fenêtre contextuelle affichant tous les axes disponibles pour la police actuelle.
Utilisez l’icône Police variable pour afficher tous les axes disponibles pour la police sélectionnée.
Utilisez l’icône Police variable pour afficher tous les axes disponibles pour la police sélectionnée. -
La fenêtre contextuelle affichera les éléments suivants pour vous permettre d’ajuster la valeur à l’aide du contrôle de défilement :
- Nom de l'axe : nom explicite. Par exemple, Poids et Largeur.
- Valeur actuelle : la valeur actuelle de l’axe.
Ajustez la valeur de l’axe à l’aide du contrôle de défilement pour régler le poids, la largeur ou d’autres propriétés variables de la police.
Ajustez la valeur de l’axe à l’aide du contrôle de défilement pour régler le poids, la largeur ou d’autres propriétés variables de la police. Si vous avez du texte sélectionné (en mode de modification de texte), les axes affichent les valeurs pour les caractères sélectionnés, et si rien n'est sélectionné, les axes affichent les valeurs pour le premier caractère. Les valeurs mixtes dans la sélection afficheront la plage ou indiqueront la variation
-
Faites glisser vers la gauche ou la droite sur les nombres de valeur pour les ajuster et prévisualisez les modifications instantanément dans le panneau Composition. Vous pouvez également sélectionner la valeur pour passer en mode de saisie, saisir le nombre souhaité et appuyer sur Entrée pour appliquer.
Chaque axe comprend des valeurs minimale et maximale définies par la police, et le défilement ou la saisie sont limités aux plages valides. Vous pouvez survoler le texte actif pour afficher la plage.
Le fait de pointer sur le texte actif affiche les valeurs minimale et maximale définies par la police.
Le fait de pointer sur le texte actif affiche les valeurs minimale et maximale définies par la police. -
Affichez l'aperçu des modifications qui se reflètent immédiatement dans le panneau Composition. Lorsque les modifications de largeur ou d'espacement altèrent la mise en page, le texte s'ajuste automatiquement.
Si vous souhaitez que la première lettre d’un mot soit plus épaisse, créez des variations de poids dans un même mot ou concevez des ligatures personnalisées ou des combinaisons de caractères, les polices variables vous permettent de le faire.
-
Double-cliquez sur le calque de texte pour passer en mode de modification de texte.
-
Sélectionnez le ou les caractères spécifiques que vous souhaitez modifier et ouvrez la fenêtre contextuelle Police variable dans le panneau Propriétés en sélectionnant l’icône .
Utilisez l’icône Police variable pour afficher tous les axes disponibles pour la police sélectionnée.
Utilisez l’icône Police variable pour afficher tous les axes disponibles pour la police sélectionnée. -
Ajustez les valeurs d'axe pour qu'elles s'appliquent uniquement aux caractères sélectionnés.
AnnotationSi vous ne sélectionnez pas de caractère spécifique, les valeurs s'appliqueront uniquement au premier caractère.
Les animateurs de texte vous permettent d'animer les valeurs d'axe dans le temps et de les appliquer à des plages de caractères spécifiques à l'aide de sélecteurs. Il existe plusieurs façons d'ajouter des animateurs d'axe.
- Utilisation du menu Calque de texte lors de la modification de texte
- Utilisation d'Ajouter un animateur dans la chronologie
- Utilisation du panneau Propriétés
Utilisation du menu Calque de texte lors de la modification de texte
-
Double-cliquez sur le calque de texte pour passer en mode de modification.
-
Sélectionnez et surlignez les caractères que vous souhaitez animer, ou n'en sélectionnez aucun pour tous les caractères.
-
Cliquez avec le bouton droit sur le texte mis en surbrillance dans le panneau Composition, puis choisissez Animer le texte > Axes de police variable > [Nom de l’axe].
Mettez en surbrillance le texte dans le panneau Composition et utilisez le menu Animer le texte pour afficher les axes de police variable disponibles.
Mettez en surbrillance le texte dans le panneau Composition et utilisez le menu Animer le texte pour afficher les axes de police variable disponibles. -
Un nouvel animateur de texte est créé avec la propriété d'axe sélectionnée.
Utilisation de la commande Ajouter une animation dans le montage
-
Sélectionnez le calque de texte dans le panneau Montage et développez pour afficher le bouton Animer.
-
Sélectionnez le bouton Animer et choisissez Axes de police variable > [Nom de l’axe].
L’option Axes de police variable sous Animer vous permet d’animer des propriétés de police, telles que le poids ou la largeur.
L’option Axes de police variable sous Animer vous permet d’animer des propriétés de police, telles que le poids ou la largeur. -
Un nouvel animateur avec sélecteur de plage est automatiquement créé.
Utilisation du panneau Propriétés
-
Sélectionnez le calque de texte dans le panneau Montage et accédez au panneau Propriétés.
-
Accédez à la section Animation de texte et sélectionnez Ajouter une animation > Axes de police variable > [Nom de l’axe].
Le bouton Ajouter une animation est sélectionné dans le panneau Propriétés pour appliquer des contrôles d’animation aux propriétés de texte.
Le bouton Ajouter une animation est sélectionné dans le panneau Propriétés pour appliquer des contrôles d’animation aux propriétés de texte. -
Un nouvel animateur avec sélecteur de plage est ajouté.
Lorsqu’une nouvelle animation est ajoutée, After Effects crée un nouveau groupe Animation de texte qui inclut la propriété Axe de police et le Sélecteur de plage, avec la valeur initiale définie sur la valeur actuelle de l’axe des caractères sélectionnés.
Lorsque vous ajoutez une animation d’axe de police variable, After Effects crée la hiérarchie suivante :
Cadrage des valeurs d’axe
-
Déplacez l’indicateur d’instant présent (IIP) vers le temps souhaité dans le panneau Montage.
-
Sélectionnez l’icône de chronomètre en regard de la propriété d’axe pour créer la première image clé à la valeur actuelle.
-
Déplacez l’IIP vers le nouveau temps et utilisez le défilement ou la saisie manuelle pour modifier la valeur de l’axe afin de créer une nouvelle image clé.
Ajoutez des images clés pour la propriété Poids de l’axe de police du calque de texte afin d’animer les changements de poids au fil du temps.
Ajoutez des images clés pour la propriété Poids de l’axe de police du calque de texte afin d’animer les changements de poids au fil du temps.
Exemples d’animations
Essayez ces exemples si vous utilisez des axes individuels :
|
Exemple |
Changements de temps et de valeur |
Résultat |
|---|---|---|
|
Transition de poids fluide |
|
Le texte devient progressivement plus gras. |
|
Effet de compression de la largeur |
|
Le texte se comprime puis revient à la normale. |
|
Animation d’inclinaison ou d’italique |
|
Le texte s’incline pour prendre le style italique |
Vous pouvez ajouter plusieurs animations d’axe au même calque de texte en ajoutant d’abord le premier axe (tel que Poids), puis le deuxième axe (tel que Largeur), et le troisième axe (tel que Inclinaison), et cadrer chacun d’entre eux indépendamment ou ensemble. Essayez les exemples suivants pour combiner plusieurs axes :
|
Exemple |
Changements de temps et de valeur |
Résultat |
|---|---|---|
|
Animation de logo dynamique |
Animation 1 - Poids d’axe de police
Animation 2 - Largeur d’axe de police
|
Le texte devient gras et s’élargit simultanément |
La propriété Espacement de police variable contrôle comment After Effects ajuste l’interlettrage lors de l’animation d’axes de police, tels que le poids ou la largeur.
Lorsque vous animez les Paramètres de police, tels que la graisse ou la largeur, les lettres peuvent devenir plus larges ou plus étroites. After Effects peut ajuster automatiquement l’espacement entre les lettres pour préserver la netteté, et ce paramètre vous permet de choisir quand et comment ces corrections d’espacement se produisent.
-
Développez le groupe de propriétés Texte de votre calque de texte.
-
Ajoutez un axe de police variable à animer.
-
Dans la section Plus d’options, utilisez le menu déroulant Espacement de police variable pour sélectionner parmi les options suivantes :
- Adaptatif : applique une compensation de suivi par caractère le cas échéant pour maintenir un espacement naturel lors des modifications d’axes de police.
- Par caractère : applique toujours une compensation de suivi par caractère.
- Par défaut : désactive entièrement la compensation de suivi par caractère. Les caractères conservent leur espacement d'origine malgré les modifications de l'axe de police. Utile pour les effets créatifs où vous souhaitez que les modifications de largeur naturelles de la police affectent la mise en page globale du texte.
Les sélecteurs contrôlent les caractères qu'un animateur affecte et avec quelle intensité. Les animateurs d'axe de police variable fonctionnent avec tous les types de sélecteur.
Sélecteur de plage (par défaut)
Le sélecteur de plage définit une plage continue de caractères à animer. Voici quelques-unes des propriétés clés :
|
Propriété |
Description |
Valeurs |
|---|---|---|
|
Début et Fin |
Définit les caractères affectés |
0 % – 100 % (ou basé sur l’index/les unités)
|
|
Décalage |
Déplace la plage le long du texte, et son animation crée des effets de « déplacement » |
Valeurs : -∞ à +∞ |
|
Quantité |
Contrôle l’intensité de l’effet |
0 % – 100 %
|
Voici quelques exemples que vous pouvez essayer :
|
Exemple |
Paramètre d’axe de police |
sélecteur de plage |
Images clés |
Résultat |
|---|---|---|---|---|
|
Effet de balayage du poids |
Poids : 900 (Noir) |
|
Fin cadrée de 0 % à 100 % |
Le poids Gras « peint » le texte de gauche à droite |
|
Onde de largeur de déplacement |
Largeur : 150 % (Étendue) |
|
Décalage animé dans le temps |
La largeur étendue traverse le texte |
Forme et fluidité
|
Propriété |
Options |
Description |
|---|---|---|
|
Forme |
Carré |
Bord net entre les caractères affectés et non affectés |
|
Forme |
Montée progressive |
Augmentation graduelle dans la plage |
|
Forme |
Descente progressive |
Diminution graduelle hors de la plage |
|
Forme |
Triangle |
Entrée et sortie graduelles |
|
Forme |
Arrondi |
Courbe en cloche lisse |
|
Forme |
Lisse |
Transitions très graduelles |
|
Facilité |
Lisser vers le haut |
Transitions très graduelles |
|
Facilité |
Lisser vers le bas |
Transitions plus nettes |
Voici un exemple que vous pouvez essayer :
|
Exemple |
Paramètre d’axe de police |
sélecteur de plage |
Paramètres supplémentaires |
Résultat |
|---|---|---|---|---|
|
Dégradé de poids fluide |
Poids d’axe de police : 900 |
|
|
Le texte commence en gras et s'allège progressivement jusqu'au poids de base |
Sélecteur de tremblement
Applique des variations aléatoires aux valeurs d’axe par caractère. Voici quelques-unes des propriétés clés :
|
Propriété |
Description |
Résultats |
|---|---|---|
|
Valeur max. / Valeur min. |
Variations maximale et minimale par rapport à la valeur de base |
Crée une fluctuation aléatoire par caractère |
|
Tremblements/seconde |
Vitesse de changement des valeurs aléatoires |
Plus la valeur est élevée, plus le mouvement est effréné |
|
Corrélation |
Degré de relation entre les caractères voisins |
|
|
Phase temporelle |
Randomise le décalage temporel par caractère |
Ajoute une variation dans le minutage |
Voici quelques exemples que vous pouvez essayer :
|
Exemple |
Paramètre d’axe de police |
Paramètres du sélecteur de tremblement |
Paramètres supplémentaires |
Résultat |
|---|---|---|---|---|
|
Effet de poids tremblant |
Graisse : 400 (Normal) |
|
|
Le poids de chaque caractère fluctue aléatoirement de manière indépendante |
|
Largeur de respiration |
Largeur : 100 % (Normal) |
|
Le texte s’étend/se contracte doucement par vagues |
Sélecteur d'expressions
Permet un contrôle précis et mathématique des caractères affectés à l’aide d’expressions JavaScript. Quantité est la propriété clé :
- L’expression renvoie une valeur contrôlant l’intensité de l’effet par caractère
- Peut accéder à l’index, à la position, à l’instant du caractère et bien d’autres encore
Voici quelques exemples que vous pouvez essayer :
|
Exemple |
Expression (Quantité) |
Axe d’animation |
Résultat |
|---|---|---|---|
|
Poids basé sur la position du caractère |
// Dans la propriété Quantité du sélecteur d'expression : linear(textIndex, 1, textTotal, 0, 100) |
|
Premier caractère le plus clair, dernier caractère le plus gras, dégradé linéaire |
|
Inclinaison oscillante |
// Dans la propriété Quantité du sélecteur d’expression : Math.sin(time * 3 + textIndex * 0.5) * 50 + 50 |
|
L’inclinaison ondule à travers le texte selon un motif sinusoïdal |
Voici quelques variables d’expression couramment utilisées, ainsi que de nombreuses autres disponibles dans After Effects :
- textIndex - Index du caractère actuel (basé sur 1)
- textTotal - Nombre total de caractères
- time : durée de la composition actuelle
Vous pouvez ajouter plusieurs sélecteurs à un seul animateur pour des effets complexes.
-
Développez l’animateur dans le panneau Montage.
-
Sélectionnez le menu déroulant Ajouter à côté du nom de l'animateur.
-
Sélectionnez le type de sélecteur parmi les options disponibles suivantes :
- Sélecteur de plage
- Sélecteur de tremblement
- Sélecteur d'expressions
Un nouveau sélecteur est ajouté et se combine avec les sélecteurs existants. Les ajustements aux valeurs de Quantité sont multipliés ensemble. Par exemple, un sélecteur de plage à 50 % multiplié par un sélecteur de tremblement à 80 % donne un 40 % d’effet final, permettant des transitions fluides entre les calques avec des variations aléatoires.
Voici un exemple que vous pouvez essayer pour obtenir une vague arrondie avec variation, qui combine un sélecteur de plage et un sélecteur de tremblement pour créer un effet de vague audacieux avec de subtiles secousses aléatoires.
|
Composant |
Paramètres |
|---|---|
|
Animation 1 |
|
|
Sélecteur de plage 1 |
|
|
Sélecteur de tremblement 1 |
|
Créez différents effets sur différentes plages de caractères. Voici deux exemples :
|
Exemple |
Paramètres d’animation |
Paramètres de sélecteur |
|---|---|---|
|
Première lettre en gras, le reste normal |
Poids d’axe de police : 900 (Noir) |
Sélecteur de plage :
|
|
Poids changeant |
Animateur 1 (Caractères impairs) :
Animation 2 (Caractères pairs) :
|
Deux sélecteurs d’expression contrôlant les caractères impairs/pairs |
Utilisez des expressions pour lier les valeurs d'axe à d'autres propriétés d'animation. Voici deux exemples que vous pouvez considérer :
1. Poids piloté par la position crée des changements de poids du texte basés sur la position verticale du calque.
// Dans la propriété Axe de police Graisse : linear(transform.position[1], 0, thisComp.height, 300, 900)
2. La largeur réagit à l’audio crée une largeur de poids du texte qui réagit à l'amplitude audio.
// Dans la propriété Axe de police Largeur : audioLevel = thisComp.layer("Audio Layer").audio.audioLevels; linear(audioLevel[0], -48, 0, 75, 150)
Lorsqu'un calque de texte contient plusieurs polices (formatage mixte). Dans Animations de texte :
- L’animation applique les changements d’axe par caractère en fonction de la police de chaque caractère.
- Si la police d’un caractère n’a pas l’axe, ce caractère n’est pas affecté.
- Les sélecteurs de plage ciblent toujours les plages de caractères, mais l’effet varie selon la police
Voici un exemple simple :
- Texte : « Hello » (polices mixtes)
- « He » utilise VariableFont A (a l’axe Poids)
- « llo » utilise VariableFont B (pas d’axe Poids)
- Animateur : poids d’axe de police de 900
- Résultat : « He » devient gras, « llo » inchangé
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?