Retroteksteffekter: Riso, Dobbel og Spor

Nesten alle retroteksteffekter er én av tre behandlinger. Riso imiterer billig tofarget trykk med litt forskjøvet overlapp. Dobbel legger en solid kopi bak ordet i en annen farge, som silketrykk med feiljustert lag. Spor gjentar ordet bak seg i trinn, som en 1970-tallstittel eller et ord i bevegelse. Hver passer til få store ord i kraftig skrift, med farger fra designet og én effekt om gangen.

Riso-teksteffekten

En risograf er en sjablongtrykker, med egen sjablong og trommel for hver farge. Et tofarget design trykkes derfor i to lag. Lagene passer sjelden perfekt, så en smal kant av hver farge vises og en tredje oppstår i overlappen. Fluorescerende rosa, klart blått og solgult har blitt en egen stil, populær i fanziner, uavhengige forlag og illustrasjon.

Hold forskyvningen liten, noen få prosent av bokstavhøyden, og la fargene multipliseres i overlappen fremfor å dekke hverandre. Legg litt korn på bokstavene hvis mulig: ekte Riso-farge ligger litt ujevnt på ubestrøket papir. Rosa over blått gir dyp lilla der de møtes, detaljen som gjør effekten overbevisende.

Dobbel-teksteffekten

Dobbel er enklest: én solid ordkopi i kontrastfarge bak og litt forskjøvet fra originalen. Den leses som silketrykk eller klistremerke, trygg og grafisk. I motsetning til en slagskygge er ekkoet skarpt og farget fremfor mørkt og mykt. Skyv det litt lenger enn du først tenker, omtrent 5 til 8 prosent av bokstavhøyden. For nærme ser ut som en feil.

Spor-teksteffekten

Spor gjentar ordet fire til åtte ganger bak seg, hver kopi litt lenger unna. Skifter kopiene farge, for eksempel gjennom en varm solnedgangspalett, får du det tydelige 70-tallsuttrykket. Avtar gjennomsiktigheten, får du bevegelse, som om ordet nettopp kom. Hold trinnene jevne og retningen fast. Tilfeldig avstand virker ødelagt fremfor retro.

Retroteksteffekter i CSS

Alle tre kan bygges med text-shadow, pluss blandingsmodus til Riso. Bruk forskyvning i em så effekten skaleres med skriften, og behold teksten som ekte, markerbar tekst.

/* Double: one crisp echo */
.double {
  color: #fff7ed;
  text-shadow: 0.06em 0.06em 0 #b91c1c;
}

/* Trail: repeated copies through a warm palette */
.trail {
  color: #fff7ed;
  text-shadow:
    0.04em 0.04em 0 #fbbf24,
    0.08em 0.08em 0 #f97316,
    0.12em 0.12em 0 #ea580c,
    0.16em 0.16em 0 #c2410c,
    0.20em 0.20em 0 #7c2d12;
}

/* Riso: two inks multiplied, slightly out of register */
.riso {
  position: relative;
  color: #0078bf;
  mix-blend-mode: multiply;
}
.riso::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: #ff48b0;
  transform: translate(0.04em, -0.03em);
  mix-blend-mode: multiply;
}

Slik bruker du retroteksteffekter godt

1. 1

   Start med riktig skrift

   Kraftig og enkel, eller myk 70-tallsseriff. Retroskrifter lister valg etter tiår.

2. 2

   Bruk på to til fem ord

   Bare overskriften. Detaljer forblir flate og enkle.

3. 3

   Hent fargene fra bakgrunnen

   Ekko, spor eller andre trykkfarge bør komme fra designets eksisterende palett.

4. 4

   Gjør forskyvningen bevisst

   Liten til Riso, tydeligere til Dobbel og jevne trinn til Spor.

5. 5

   Bruk én effekt per design

   Riso med Spor og kontur er kostyme. Én effekt er et valg.

For flere behandlinger, også konturer og ekstrudering, se teksteffekter, konturtekst og 3D-teksteffekter. Korn gjør særlig Riso overbevisende. Kornete gradienter viser bakgrunnskorn.

Riso, Dobbel og Spor i Gradiently

Skriftbehandlingene i Gradiently har Riso, Dobbel og Spor, hver i Markens egne farger, uten manuell stabling av kopier. Versjonene er grafiske: Riso trykker andre farge som fin halvtone litt forskjøvet. Dobbel tegner åpne bokstaver med en ekstra kontur. Spor sender falmende konturer bak solide ord. Marken holder ordene lesbare ved å flytte det roligste området bak dem, og kornet gir retrooverskriften trykkoverflaten den trenger.