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

[Canonical HTML page](https://gradiently.design/da/guide/lettering-treatments)

En behandling forvandler en linje skrift til lettering, tegnet i din Marks egne farver. Her er alle otte, med de opgaver hver især er god til, og dem du bør springe over.

## The short version

- Gradiently har otte lettering-effekter: Kontur, Indre linje, Udskåret, Dybde, Dobbelt, Spor, Riso og Glorie.
- Hver behandling tegnes i farverne fra designets Mark, så letteringen altid hører til baggrunden.
- Teksteffekter fungerer bedst på korte display-ord som en titel, et navn eller et enkelt ord, ikke på brødtekst.
- Kontur, Udskåret og Dybde har deres egen kontrast og passer til kraftige plakater; Indre linje, Dobbelt og Riso passer til redaktionelle og trykte udtryk.
- Brug én behandling pr. design, på den linje, der betyder mest, og hold den øvrige tekst enkel.

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

| Behandling | Hvad den tegner | Føles som | Bedst til |
| --- | --- | --- | --- |
| **Kontur** | Højdekurver, der breder sig ud omkring ordene | Kort, topografi, lyd | Festivalplakater, albumcovers, outdoorbrands |
| **Indre linje** | En linje skåret ind i hvert bogstav, så Marken skinner igennem som en ekstra farve | Skilte, vintagetryk | Titler i butiksskiltestil, menukort, etiketter |
| **Udskåret** | Ord skåret ud af en massiv plade | Stencil, papirkunst | Kraftige forsider, udsalgsopslag, udsagn på ét ord |
| **Dybde** | Dybe bogstaver med sider i Markens farver | Solid, skulpturel, retro | Titler til arrangementer, lanceringer, YouTube-thumbnails |
| **Dobbelt** | Åbne bogstaver tegnet to gange, en smule forskudt | Ekko, bevægelse, mode | Redaktionelle forsider, musik, natteliv |
| **Spor** | Konturer, der trækker spor efter bogstaverne, i en sporfarve du selv vælger | Fart, bevægelse, 1970’erne | Sport, nedtællinger, energiske stories |
| **Riso** | To trykfarver lidt ude af register, med en kornet prikning | Risograf-zines, indie-tryk | Plakater, zines, bagerier, boghandlere |
| **Glorie** | Et blødt lys i Markens farve omkring bogstaverne | Neon, skumring, drømmende | Kun som pynt, aldrig som løsning på læsbarhed |

De otte behandlinger. Hver tegnes ud fra Markens palet, så et skift af Mark også farver letteringen om.

## 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.

En plakat på højkant med det enkelte ord Solstice sat meget stort på en varm gradient-Mark

Ét ord, meget stort: den skala, Kontur og Dybde er lavet til.

Samme Solstice-design som eventplakat, med titlen stort og enkle detaljer nedenunder

Den behandlede titel øverst og enkle detaljer nedenunder. Kun titlen får effekten.

Vil du vide, hvordan tekst med dybde og konturer fungerer generelt, forklarer [3D-teksteffekter](https://gradiently.design/da/guide/3d-text-effect) og [tekst med kontur](https://gradiently.design/da/guide/outline-text) 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.

> **Match behandlingen med skrifttypen** Indre linje og Udskåret kræver tykke streger, så kombinér dem med en tung displayskrift. Dobbelt og Spor ser bedst ud på åbne, enkle bogstaver. Riso tilgiver næsten enhver skrifttype, så den er et sikkert første forsøg.

## 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](https://gradiently.design/da/guide/auto-ink-legibility) vælge den anden tekstfarve i stedet.

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

| Du laver | Prøv først | Prøv derefter |
| --- | --- | --- |
| En koncert- eller festivalplakat | Kontur | Riso |
| Et opslag om en produktlancering | Dybde | Udskåret |
| En titel til menukortet på en café eller et bageri | Indre linje | Riso |
| En YouTube-thumbnail | Dybde | Udskåret |
| En forside i magasinstil eller åbning på en karrusel | Dobbelt | Indre linje |
| En nedtælling eller en sportsstory | Spor | Dybde |
| En zine eller en plakat til en boghandel | Riso | Dobbelt |

Udgangspunkter, ikke regler. Prøv to, se på begge i den størrelse, folk faktisk ser dem i, og behold den, der læses først.

### Undgå

- En behandling på brødtekst eller små detaljer
- To forskellige behandlinger i ét design
- Lange overskrifter på otte ord eller flere
- Glorie brugt til at gøre en svag linje læsbar

### Gør

- Én behandling på et eller to display-ord
- Enkel tekst med god luft omkring
- Tunge skrifttyper til Indre linje og Udskåret
- Tjek det på telefonen, i den rigtige størrelse

## Sådan tilføjer du en teksteffekt i Studio

1. **Markér teksten** Vælg den overskrift eller det ord, du vil behandle. Hold alt andet som enkel skrift.
2. **Vælg en behandling** Vælg en af de otte letteringbehandlinger. Den tegnes med det samme i farverne fra designets Mark.
3. **Justér skriften** Gå tungere eller bredere, hvis effekten ser trang ud, og tilføj lidt spatiering til Dobbelt og Spor.
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. **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.

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

Skarpe skygger uden sløring bygger dybde i stedet for et skær. `-webkit-text-stroke` understøttes i alle aktuelle browsere; se [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke).

Den bredere familie af effekter, også dem der ikke egner sig til nettet, finder du i [teksteffekter](https://gradiently.design/da/guide/text-effects). Og hvis du overvejer, om du overhovedet har brug for lettering, er [lettering vs. typografi](https://gradiently.design/da/guide/lettering-vs-typography) god læsning.

## FAQ

### Hvilke teksteffekter har Gradiently?

Otte: Kontur, Indre linje, Udskåret, Dybde, Dobbelt, Spor, Riso og Glorie, hver tegnet i farverne fra designets Mark.

### Kan jeg bruge teksteffekter på brødtekst?

Helst ikke. Behandlingerne er lavet til korte display-ord; enkel skrift holder længere tekst let at læse.

### Hvilken teksteffekt er bedst til en plakat?

Kontur, Dybde og Riso er stærke valg til plakater. Kontur og Dybde har deres egen kontrast, og Riso giver en trykt fornemmelse.

### Skifter teksteffekterne farve med Marken?

Ja. Hver behandling tegnes ud fra Markens palet, så et skift af Mark farver letteringen om.

### Skal jeg bruge Glorie til at gøre tekst lettere at læse?

Nej. Glorie er dekorativ. For bedre læsbarhed kan du hæve Markens reaktionsniveau eller lade Automatisk farve vælge den anden tekstfarve.