Effets de lettrage : Contour, Inline, Découpé, Extrusion et plus

Gradiently propose huit effets de lettrage : Contour, Inline, Découpé, Extrusion, Double, Traînée, Riso et Halo. Chacun transforme une ligne de texte en lettrage dessiné dans les couleurs de votre Mark : des courbes de niveau autour des mots, une ligne gravée dans chaque lettre, des mots découpés dans une plaque, des lettres profondes en trois dimensions, et plus encore. Ils sont faits pour les mots d’affichage, un titre ou un nom, et fonctionnent mieux un par un, sur la ligne que vous voulez le plus faire voir.

Les huit traitements de lettrage en un coup d’œil

Contour, Découpé et Extrusion : un lettrage qui porte son propre contraste

Ces trois traitements intègrent un bord fort aux lettres, ce qui explique qu’ils tiennent sur des Marks animés. Contour entoure les mots de lignes comme une carte en relief, si bien que le lettrage semble surgir du fond. Découpé présente les mots comme des formes découpées dans une plaque pleine, un effet assuré et graphique. Extrusion donne de la profondeur à chaque lettre, dessinée dans les couleurs du Mark : le look classique d’un titre de lancement ou d’une miniature.

Pour comprendre comment fonctionnent en général le texte en relief et le texte détouré, les effets de texte 3D et le texte en contour expliquent le métier qui se cache derrière.

Inline, Double et Riso : la famille imprimée et éditoriale

Inline grave une seule ligne dans chaque lettre, et comme cette ligne laisse voir le Mark, le fond devient la seconde couleur du lettrage. Il convient surtout aux polices grasses et larges, qui laissent de la place dans le trait. Double dessine des lettres évidées deux fois, légèrement décalées, pour un écho qui évoque l’imprimé de mode ou de musique. Riso imite la risographie : deux encres qui ne se superposent pas tout à fait et un pointillé granuleux, parfait pour tout ce qui doit sembler imprimé à la main.

Traînée et Halo : mouvement et ambiance

Traînée répète le contour d’un mot derrière lui, comme des lettres qui laissent un sillage. Vous pouvez régler la couleur de la traînée, et l’effet évoque la vitesse : idéal pour le sport, les comptes à rebours et tout ce qui doit sembler en mouvement même dans une image fixe. Halo entoure les lettres d’une lumière douce dans la couleur du Mark. C’est un effet purement décoratif, une ambiance plutôt qu’un outil, et jamais un moyen de sauver un texte difficile à lire. Si une ligne se lit mal, augmentez le niveau de réaction du Mark ou laissez l’encre automatique choisir l’autre encre.

Choisir un effet de lettrage selon le travail

Ajouter un effet de lettrage dans le Studio

1. 1

   Sélectionnez le texte

   Choisissez le titre ou le mot à traiter. Gardez tout le reste en texte simple.

2. 2

   Choisissez un traitement

   Prenez l’un des huit traitements de lettrage. Il se dessine aussitôt dans les couleurs du Mark de la création.

3. 3

   Ajustez la typographie

   Passez à une graisse ou une chasse plus forte si l’effet paraît serré, et ajoutez un peu d’interlettrage pour Double et Traînée.

4. 4

   Essayez un autre Mark

   Changez de Mark et regardez le lettrage se recolorer avec lui. C’est le moyen le plus rapide de juger un traitement.

5. 5

   Vérifiez chaque taille

   Déclinez en story ou en miniature et vérifiez que le mot traité se lit encore à cette échelle.

Les effets de lettrage en CSS, pour le web

Si vous voulez un rendu proche sur un site web, deux de ces effets se traduisent proprement en CSS : un contour dans l’esprit de Double et une extrusion en escalier. Les deux utilisent du vrai texte, qui reste sélectionnable et accessible.

/* Open outline letters, in the spirit of Double */
.outline {
  color: transparent;
  -webkit-text-stroke: 2px #f4b26a;
  text-shadow: 6px 6px 0 #7a2e5c;
}

/* A stepped extrusion in two tones */
.extrude {
  color: #fbe7d4;
  text-shadow:
    1px 1px 0 #c2577a,
    2px 2px 0 #c2577a,
    3px 3px 0 #a3456a,
    4px 4px 0 #a3456a,
    5px 5px 0 #7a2e5c,
    6px 6px 0 #7a2e5c;
}

Pour l’ensemble des effets, y compris ceux qui se transposent mal sur le web, voir les effets de texte. Et si vous vous demandez si vous avez vraiment besoin de lettrage, lettrage ou typographie vous aidera à trancher.