Retro teksteffecten: riso-, double- en trail-letters

Bijna elk retro teksteffect dat je ziet is een van drie bewerkingen. Riso bootst goedkoop tweekleurendrukwerk na, met inkten die een beetje uit de lijn overlappen. Double zet een effen kopie van het woord achter zichzelf, verschoven in een tweede kleur, als een zeefdruk met een verschoven laag. Trail herhaalt het woord meerdere keren achter zichzelf, steeds verder weg, als een titelkaart uit de jaren 70 of een woord in beweging. Elk werkt op een paar grote woorden in een zwaar lettertype, in kleuren uit het ontwerp, steeds één effect tegelijk.

Het riso-teksteffect

Een risograaf is een stencildrukker, en elke inktkleur krijgt een eigen stencil en trommel, dus een ontwerp met twee kleuren wordt als twee lagen gedrukt. De lagen vallen zelden perfect samen, waardoor een streepje van elke kleur te zien is en een derde kleur ontstaat waar de inkten overlappen. De fluorescerende roze, heldere blauwe en zonnige gele tinten van riso-inkten zijn een eigen stijl geworden, populair bij zines, onafhankelijke uitgevers en illustratoren.

Om het goed te krijgen houd je de verschuiving klein, een paar procent van de letterhoogte, en laat je de kleuren vermenigvuldigen waar ze overlappen in plaats van dat de ene de andere bedekt. Voeg als het kan een beetje korrel aan de letters toe: echte riso-inkt ligt een beetje ongelijk op ongecoat papier. Roze over blauw geeft een diep violet op de overlap, en dat detail verkoopt het effect.

Het double-teksteffect

Als techniek is double de eenvoudigste van de drie: één effen kopie van het woord, in een contrasterende kleur, die achter het origineel zit en er een beetje van verschoven is. Het leest als een zeefdruk of een sticker, zelfverzekerd en grafisch. Anders dan een slagschaduw is de echo scherp en kleurrijk in plaats van donker en zacht. Duw de verschuiving iets verder dan veilig voelt, zo’n 5 tot 8 procent van de letterhoogte; te dichtbij lijkt het een foutje.

Het trail-teksteffect

Trail herhaalt het woord vier tot acht keer achter zichzelf, elke kopie een stap verder weg. Als de kopieën onderweg van kleur veranderen, bijvoorbeeld door een warm zonsondergangspalet, krijg je de onmiskenbare titellook van de jaren 70. Als ze in dekking vervagen, krijg je beweging, alsof het woord net is aangekomen. Houd de stappen gelijk en de richting consistent; willekeurige afstanden lijken kapot in plaats van vintage.

Retro teksteffecten in CSS

Alle drie kun je bouwen met text-shadow, plus een mengmodus voor riso. Gebruik em-verschuivingen zodat het effect meeschaalt met de lettergrootte en houd de tekst echte, selecteerbare 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;
}

Zo gebruik je retro teksteffecten goed

1. 1

   Begin met het juiste lettertype

   Zwaar en eenvoudig, of een zachte schreefletter uit de jaren 70. Retro fonts somt lettertypen op per decennium.

2. 2

   Pas het toe op twee tot vijf woorden

   Alleen de kop. Details blijven vlak en gewoon.

3. 3

   Neem kleuren uit de achtergrond

   De echo, het spoor of de tweede inkt moet uit het palet komen dat al in het ontwerp zit.

4. 4

   Houd de verschuiving bewust

   Klein voor riso, iets gedurfder voor double, gelijkmatig getrapt voor trail.

5. 5

   Gebruik één effect per ontwerp

   Riso plus trail plus een contour is een kostuum. Eén effect is een keuze.

Voor de bredere set bewerkingen, inclusief contouren en extrusies, zie teksteffecten, contourtekst en 3D-teksteffecten. Korrel maakt riso extra overtuigend; korrelige verlopen laat zien hoe je die aan een achtergrond toevoegt.

Riso, Dubbel en Spoor in Gradiently

Gradiently’s letterbewerkingen bevatten Riso, Dubbel en Spoor, elk getekend in de eigen kleuren van de Mark, dus er zijn geen kopieën om met de hand te stapelen. De versies zijn grafisch van aard: Riso drukt de tweede inkt als fijne halftoon, een tikje uit het register; Dubbel tekent open letters met een tweede contour eromheen; Spoor stuurt vervagende contouren achter effen woorden. De Mark houdt de woorden leesbaar door zijn rustigste zone erachter te zetten, en zijn korrel geeft een retro kop het gedrukte oppervlak dat hij wil.