Lettering-effekter: Kontur, Indre linje, Udskåret, Dybde og flere

Gradiently har otte lettering-effekter: Kontur, Indre linje, Udskåret, Dybde, Dobbelt, Spor, Riso og Glorie. Hver forvandler en linje skrift til lettering tegnet i din Marks egne farver: højdekurver, der ringer om ordene, en linje skåret ind i hvert bogstav, ord skåret ud af en plade, dybe tredimensionelle bogstaver og meget mere. De er til display-ord, en titel eller et navn, og de virker bedst én ad gangen, på den linje, du helst vil have folk til at se.

Alle otte letteringbehandlinger på ét blik

Kontur, Udskåret og Dybde: lettering med egen kontrast

Disse tre bygger en stærk kant ind i bogstaverne, og derfor holder de på livlige Marks. Kontur omgiver ordene med linjer som et reliefkort, så letteringen ser ud til at rejse sig fra baggrunden. Udskåret sætter ordene som former skåret ud af en massiv plade, hvilket virker selvsikkert og grafisk. Dybde giver hvert bogstav dybde, tegnet i Markens farver, det klassiske udtryk til en lanceringstitel eller en thumbnail.

Vil du vide, hvordan tekst med dybde og konturer fungerer generelt, forklarer 3D-teksteffekter og tekst med kontur håndværket bag.

Indre linje, Dobbelt og Riso: tryk- og magasinfamilien

Indre linje skærer en enkelt linje ind i hvert bogstav, og fordi linjen viser selve Marken, bliver baggrunden letteringens anden farve. Den passer bedst til tunge, brede skrifttyper, hvor der er plads inde i stregen. Dobbelt tegner åbne bogstaver to gange, en smule forskudt, for et ekko, der føles som mode- eller musiktryk. Riso efterligner en risograf: to trykfarver, der ikke helt flugter, og en kornet prikning, perfekt til alt, der skal føles håndtrykt.

Spor og Glorie: bevægelse og stemning

Spor gentager et ords kontur bag det, som bogstaver, der efterlader et kølvand. Du kan vælge sporfarven, og det virker som fart: godt til sport, nedtællinger og alt, der skal føles i bevægelse selv i et stillbillede. Glorie omgiver bogstaverne med et blødt lys i Markens farve. Den er ren dekoration, en stemning snarere end et værktøj, og aldrig en måde at redde svært læselig tekst på. Hvis en linje er svær at læse, så hæv Markens reaktionsniveau, eller lad Automatisk farve vælge den anden tekstfarve i stedet.

Sådan vælger du den rigtige teksteffekt til opgaven

Sådan tilføjer du en teksteffekt i Studio

1. 1

   Markér teksten

   Vælg den overskrift eller det ord, du vil behandle. Hold alt andet som enkel skrift.

2. 2

   Vælg en behandling

   Vælg en af de otte letteringbehandlinger. Den tegnes med det samme i farverne fra designets Mark.

3. 3

   Justér skriften

   Gå tungere eller bredere, hvis effekten ser trang ud, og tilføj lidt spatiering til Dobbelt og Spor.

4. 4

   Prøv en anden Mark

   Skift Marken, og se letteringen skifte farve med den. Det er den hurtigste måde at bedømme en behandling på.

5. 5

   Tjek alle størrelser

   Skift til en story eller en thumbnail, og sørg for, at det behandlede ord stadig kan læses i den størrelse.

Teksteffekter i CSS til nettet

Har du brug for et lignende udtryk på en hjemmeside, kan to af dem oversættes rent til CSS: en kontur i Dobbelts ånd og en trinvis dybde. Begge bruger ægte tekst, så de kan stadig markeres og er tilgængelige.

/* 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;
}

Den bredere familie af effekter, også dem der ikke egner sig til nettet, finder du i teksteffekter. Og hvis du overvejer, om du overhovedet har brug for lettering, er lettering vs. typografi god læsning.