Bokstaveffekter: Kontur, Innlinje, Utskåret og flere

Gradiently har åtte bokstaveffekter: Kontur, Innlinje, Utskåret, Uttrekk, Dobbel, Spor, Riso og Glorie. Hver gjør en tekstlinje til bokstavutforming tegnet i Markens egne farger: høydelinjer rundt ordene, en linje meislet inn i hver bokstav, ord skåret ut av en plate, dype tredimensjonale bokstaver og mer. De er laget for blikkfang, en tittel eller et navn, og fungerer best én om gangen på linjen du aller helst vil at folk skal se.

Alle åtte bokstavbehandlingene i kortform

Kontur, Utskåret og Uttrekk: bokstaver med egen kontrast

Disse tre gir bokstavene en tydelig kant. Derfor holder de seg lesbare på livlige Marks. Kontur omgir ordene med linjer som et relieffkart, slik at bokstavene ser ut til å stige ut av bakgrunnen. Utskåret setter ordene som former skåret ut av en heldekkende plate, noe som virker sikkert og grafisk. Uttrekk gir hver bokstav dybde i Markens farger, et klassisk uttrykk for en lanseringstittel eller et miniatyrbilde.

Hvis du vil vite hvordan uttrekk og konturskrift fungerer generelt, forklarer 3D-teksteffekter og konturtekst håndverket bak.

Innlinje, Dobbel og Riso: trykk og redaksjonelt uttrykk

Innlinje meisler én linje inn i hver bokstav. Fordi linjen viser selve Marken, blir bakgrunnen bokstavenes andre farge. Den passer best til tunge, brede skrifter med plass inni streken. Dobbel tegner åpne bokstaver to ganger med en liten forskyvning, som et ekko med preg av mote- eller musikktrykk. Riso etterligner en risograf: to trykkfarger som ikke helt treffer hverandre og kornete prikking. Det passer til alt som skal føles håndtrykt.

Spor og Glorie: bevegelse og stemning

Spor gjentar et ords kontur bak det, som bokstaver som etterlater et kjølvann. Du kan velge sporfargen. Effekten signaliserer fart og passer til sport, nedtellinger og alt som skal føles i bevegelse, selv i et stillbilde. Glorie omgir bokstavene med et mykt lys i Markens farge. Den er rent dekorativ, en stemning fremfor et verktøy, og aldri en måte å redde vanskelig lesbar tekst på. Hvis en linje er vanskelig å lese, øk Markens reaksjonsnivå eller la Auto-tekstfarge velge den andre tekstfargen.

Velg en bokstaveffekt som passer oppgaven

Slik legger du til en bokstaveffekt i Studio

1. 1

   Velg teksten

   Velg overskriften eller ordet du vil behandle. Hold alt annet som enkel skrift.

2. 2

   Velg en behandling

   Velg én av de åtte bokstavbehandlingene. Den tegnes straks i fargene til designets Mark.

3. 3

   Juster skriften

   Velg tyngre eller bredere skrift hvis effekten virker tett, og legg til litt bokstavavstand for Dobbel og Spor.

4. 4

   Prøv en annen Mark

   Bytt Mark og se bokstavene skifte farge med den. Dette er den raskeste måten å vurdere en behandling på.

5. 5

   Sjekk hver størrelse

   Tilpass til en story eller et miniatyrbilde, og sjekk at det behandlede ordet fortsatt er lesbart i den skalaen.

Bokstaveffekter i CSS for nettet

Hvis du trenger et lignende uttrykk på et nettsted, kan to av disse enkelt lages i CSS: en kontur inspirert av Dobbel og et trinnvis uttrekk. Begge bruker ekte tekst, slik at den forblir markerbar og tilgjengelig.

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

For hele effektfamilien, også dem som ikke lar seg overføre like godt til nettet, se teksteffekter. Hvis du vurderer om du trenger bokstavutforming i det hele tatt, er bokstavutforming og typografi nyttig lesning.