Retrotexteffekter: riso, dubbel och spårtext

Nästan varje retrotexteffekt du ser är en av tre behandlingar. Riso efterliknar billigt tvåfärgstryck, där färgerna ligger lite snett över varandra. Dubbel lägger en solid kopia av ordet bakom sig, förskjuten i en andra färg, som ett screentryck med ett felplacerat lager. Spår upprepar ordet flera gånger bakom sig, steg för steg, som ett titelkort från 1970-talet eller ett ord i rörelse. Alla fungerar på några få stora ord i en kraftig stil, i färger hämtade från designen, en effekt i taget.

Riso-texteffekten

En risograf är en stencilskrivare, och varje färg får sin egen stencil och trumma, så en tvåfärgsdesign trycks i två lager. Lagren hamnar sällan perfekt över varandra, vilket lämnar en tunn kant av varje färg och en tredje färg där de överlappar. Riso-färgernas fluorescerande rosa, klara blå och solgula toner har blivit en egen stil, populär bland fanzines, fristående förlag och illustratörer.

Håll förskjutningen liten, några procent av bokstävernas höjd, och låt färgerna multiplicera där de överlappar i stället för att den ena täcker den andra. Lägg gärna till lite korn i bokstäverna: riktig riso-färg sätter sig lite ojämnt på ostruket papper. Rosa över blått ger en djup violett i överlappningen, och det är den detaljen som får effekten att sälja.

Dubbeleffekten

Som teknik är dubbel den enklaste av de tre: en solid kopia av ordet, i en kontrasterande färg, som ligger bakom originalet och är något förskjuten. Det läses som ett screentryck eller en dekal, tryggt och grafiskt. Till skillnad från en slagskugga är ekot skarpt och färgstarkt i stället för mörkt och mjukt. Skjut förskjutningen lite längre än vad som känns säkert, runt 5 till 8 procent av bokstävernas höjd; ligger den för nära ser det ut som ett misstag.

Spåreffekten

Spår upprepar ordet fyra till åtta gånger bakom sig, och varje kopia stegar sig längre bort. När kopiorna byter färg på vägen, genom en varm solnedgångspalett till exempel, får du den omisskännliga 70-talstitelns look. När de tonar ut i opacitet får du rörelse, som om ordet precis kommit fram. Håll stegen jämna och riktningen densamma; slumpmässiga avstånd ser trasiga ut, inte vintage.

Retrotexteffekter i CSS

Alla tre går att bygga med text-shadow, plus ett blandningsläge för riso. Använd em-förskjutningar så att effekten skalar med teckenstorleken, och behåll texten som riktig, markerbar 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;
}

Så använder du retrotexteffekter bra

1. 1

   Börja med rätt stil

   Kraftig och enkel, eller en mjuk 70-talsserif. Retrotypsnitt listar stilar efter årtionde.

2. 2

   Använd den på två till fem ord

   Bara rubriken. Detaljerna förblir platta och enkla.

3. 3

   Hämta färgerna från bakgrunden

   Ekot, spåret eller den andra färgen ska komma från paletten som redan finns i designen.

4. 4

   Låt förskjutningen vara avsiktlig

   Liten för riso, lite djärvare för dubbel, jämnt stegad för spår.

5. 5

   Använd en effekt per design

   Riso plus spår plus en kontur är en kostym. En effekt är ett val.

För den bredare uppsättningen behandlingar, inklusive konturer och extruderingar, se texteffekter, konturtext och 3D-texteffekter. Korn gör riso särskilt övertygande; kornig gradient visar hur du lägger till det på en bakgrund.

Riso, Dubbel och Spår i Gradiently

Gradiently har behandlingarna Riso, Dubbel och Spår för Lettering, alla ritade i Markens egna färger, så du slipper stapla kopior för hand. Versionerna är grafiska: Riso trycker den andra färgen som en fin halvton, en aning ur register; Dubbel ritar öppna bokstäver med en andra kontur runt; Spår skickar bleknande konturer bakom solida ord. Marken håller orden läsbara genom att flytta sin lugnaste del bakom dem, och dess korn ger en retrorubrik den tryckta yta den vill ha.