Retro-Texteffekte: Riso, Doppel und Spur

Fast jeder Retro-Texteffekt, den du siehst, ist eine von drei Behandlungen. Riso ahmt billigen Zweifarbendruck nach, mit leicht verschoben überlappenden Farben. Doppel setzt eine volle Kopie des Wortes hinter sich, in einer zweiten Farbe versetzt, wie ein Siebdruck mit verrutschter Ebene. Spur wiederholt das Wort mehrmals hinter sich, Schritt für Schritt wegrückend, wie eine Titelkarte der 1970er oder ein Wort in Bewegung. Jede funktioniert bei wenigen großen Wörtern in schwerer Schrift, in Farben aus dem Design, ein Effekt nach dem anderen.

Der Riso-Texteffekt

Ein Risograph ist ein Schablonendrucker, und jede Farbe bekommt ihre eigene Schablone und Trommel, ein Zweifarbendesign wird also in zwei Ebenen gedruckt. Die Ebenen liegen selten perfekt deckungsgleich, was einen Streifen jeder Farbe hervorblitzen lässt und eine dritte Farbe dort, wo sich die Farben überlappen. Das fluoreszierende Pink, leuchtende Blau und sonnige Gelb der Riso-Farben ist zu einem eigenen Stil geworden, beliebt bei Zines, unabhängigen Verlagen und Illustratoren.

Damit es gelingt, halte den Versatz klein, wenige Prozent der Buchstabenhöhe, und lass die Farben dort multiplizieren, wo sie überlappen, statt dass eine die andere verdeckt. Füge den Buchstaben etwas Korn hinzu, wenn du kannst: Echte Riso-Farbe sitzt leicht ungleichmäßig auf ungestrichenem Papier. Pink über Blau ergibt an der Überlappung ein tiefes Violett, das Detail, das den Effekt verkauft.

Der Doppel-Texteffekt

Als Technik ist Doppel die einfachste der drei: eine volle Kopie des Wortes in kontrastierender Farbe, hinter dem Original und leicht versetzt. Er wirkt wie ein Siebdruck oder Sticker, selbstbewusst und grafisch. Anders als ein Schlagschatten ist das Echo scharf und bunt statt dunkel und weich. Schieb den Versatz ein Stück weiter, als es sich sicher anfühlt, etwa 5 bis 8 Prozent der Buchstabenhöhe; zu nah, und es sieht aus wie ein Fehler.

Der Spur-Texteffekt

Spur wiederholt das Wort vier- bis achtmal hinter sich, jede Kopie weiter weg. Wechseln die Kopien unterwegs die Farbe, etwa durch eine warme Sonnenuntergangspalette, erhältst du den unverkennbaren 70er Titel-Look. Blenden sie in der Deckkraft aus, erhältst du Bewegung, als wäre das Wort gerade angekommen. Halte die Schritte gleichmäßig und die Richtung einheitlich; zufällige Abstände wirken kaputt statt vintage.

Retro-Texteffekte in CSS

Alle drei lassen sich mit text-shadow bauen, plus einem Mischmodus für Riso. Nimm em-Versätze, damit der Effekt mit der Schriftgröße skaliert, und halte den Text als echten, markierbaren Text.

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

So nutzt du Retro-Texteffekte gut

1. 1

   Mit der richtigen Schrift beginnen

   Schwer und schlicht oder eine weiche 70er Serife. Retro-Schriften listet Schriften nach Jahrzehnt.

2. 2

   Auf zwei bis fünf Wörter anwenden

   Nur die Headline. Details bleiben flach und schlicht.

3. 3

   Farben aus dem Hintergrund nehmen

   Das Echo, der Spur oder die zweite Farbe sollte aus der Palette stammen, die schon im Design ist.

4. 4

   Den Versatz bewusst halten

   Klein bei Riso, etwas kräftiger bei Doppel, gleichmäßig gestuft bei Spur.

5. 5

   Einen Effekt pro Design nutzen

   Riso plus Spur plus eine Kontur ist ein Kostüm. Ein Effekt ist eine Entscheidung.

Für die weitere Palette an Behandlungen, einschließlich Konturen und Extrusionen, siehe Texteffekte, Konturschrift und 3D-Texteffekte. Korn macht Riso besonders überzeugend; körnige Verläufe zeigt, wie du es einem Hintergrund hinzufügst.

Riso, Doppel und Spur in Gradiently

Zu den Lettering-Looks von Gradiently gehören Riso, Doppel und Spur, jeweils in den eigenen Farben des Marks gezeichnet, sodass du keine Kopien von Hand stapeln musst. Ihre Versionen sind eher grafisch: Riso druckt die zweite Farbe als feinen Raster, einen Hauch außer Register; Doppel zeichnet offene Buchstaben mit einer zweiten Kontur darum; Spur schickt ausblendende Konturen hinter volle Wörter. Der Mark hält die Wörter lesbar, indem er seine ruhigste Region hinter sie schiebt, und sein Korn gibt einer Retro-Headline die gedruckte Oberfläche, die sie will.