Markedet
Priser
Log indStart
DesignguidenTypografi og tekst
Typografi og tekst

Retro teksteffekter: riso, dobbelt og spor i bogstaver

Du behøver ikke en filterpakke for at få skrift til at føles vintage. Tre behandlinger, lånt fra billigt tryk, forskudte plakater og gamle titelsekvenser, klarer næsten alt arbejdet.

GradientlyVerificeret Gradiently-konto·1. oktober 2026·5 min. læsning
Forside: Loganberry Bolero · GR·4662·2T

Kort fortalt

  • De fleste retro teksteffekter kommer fra tre behandlinger: riso-fejlregistrering, et dobbelt forskudt ekko og et spor af gentagne kopier.
  • En riso-effekt efterligner risografitryk, hvor to farver overlapper let forskudt og blander sig, hvor de mødes.
  • En dobbelt effekt lægger én solid kopi af ordet bag originalen, forskudt en kort afstand i en kontrasterende farve.
  • En spor-effekt gentager ordet flere gange bag sig selv, hver kopi længere væk, så det antyder fart eller en titelsekvens fra 70'erne.
  • Retro effekter ser bedst ud på få store ord i en tung skrift, med farver hentet fra baggrunden og kun én effekt pr. design.
På denne side
Riso-teksteffektenDen dobbelte teksteffektSpor-teksteffektenRetro teksteffekter i CSSSådan bruger du retro teksteffekter godtRiso, Dobbelt og Spor i Gradiently

Næsten enhver retro teksteffekt, du ser, er en af tre behandlinger. Riso efterligner billigt tofarvetryk, hvor farverne overlapper let forskudt. Dobbelt lægger en solid kopi af ordet bag sig selv, forskudt i en anden farve, som et silketryk med et skævt lag. Spor gentager ordet flere gange bag sig selv, trin for trin væk fra originalen, som et titelkort fra 1970'erne eller et ord i bevægelse. Hver virker på få store ord i en tung skrift, i farver hentet fra designet, én effekt ad gangen.

RisoTo farver, lidt ude af register, blandet hvor de overlapper

Føles

Håndlavet, indie, zine

Passer til

Boghandlere, kaffe, koncerter, kreative studier
DobbeltEt solidt ekko forskudt bag ordet

Føles

Dristig, poppet, silketryk

Passer til

Udsalg, streetwear, lanceringsopslag
SporFlere gentagne kopier, der trapper væk

Føles

Bevægelse, 70'erne, psykedelisk

Passer til

Musik, events, sommerkampagner
EffektLignerFølesPasser til
RisoTo farver, lidt ude af register, blandet hvor de overlapperHåndlavet, indie, zineBoghandlere, kaffe, koncerter, kreative studier
DobbeltEt solidt ekko forskudt bag ordetDristig, poppet, silketrykUdsalg, streetwear, lanceringsopslag
SporFlere gentagne kopier, der trapper vækBevægelse, 70'erne, psykedeliskMusik, events, sommerkampagner
Tre behandlinger, tre forskellige stemmer. Vælg efter, hvad budskabet skal føles som, ikke efter hvad der ser mest imponerende ud.

Riso-teksteffekten

En risograf er en stencilprinter, og hver farve får sin egen stencil og tromle, så et tofarvet design trykkes i to lag. Lagene passer sjældent perfekt, så en tynd kant af hver farve titter frem, og en tredje farve opstår, hvor farverne overlapper. De fluorescerende pink, klare blå og solgule toner fra riso-farver er blevet en stil for sig, populær hos zines, uafhængige forlag og illustratorer.

Skærmtilnærmelser af populære riso-farver på en råhvid papirtone. Vælg to farver: pink og blå, eller gul og blågrøn, er klassiske par.

For at ramme den rigtigt skal du holde forskydningen lille, nogle få procent af bogstavhøjden, og lade farverne multipliceres, hvor de overlapper, i stedet for at den ene dækker den anden. Tilføj lidt korn til bogstaverne, hvis du kan: ægte riso-farve lægger sig lidt ujævnt på ubestrøget papir. Pink over blå giver en dyb violet i overlappet, og det er den detalje, der får effekten til at sidde.

Den dobbelte teksteffekt

Som teknik er dobbelt den enkleste af de tre: én solid kopi af ordet i en kontrasterende farve, placeret bag og lidt forskudt fra originalen. Den læses som et silketryk eller et klistermærke, selvsikker og grafisk. I modsætning til en slagskygge er ekkoet skarpt og farverigt frem for mørkt og blødt. Skub forskydningen lidt længere, end det føles trygt, omkring 5 til 8 procent af bogstavhøjden; for tæt på ligner det en fejl.

Bunde, der passer til en dobbelt effekt. Ekkoets farve skal kontrastere med både bunden og bogstavernes flade.

Spor-teksteffekten

Spor gentager ordet fire til otte gange bag sig selv, hver kopi et trin længere væk. Når kopierne skifter farve undervejs, for eksempel gennem en varm solnedgangspalet, får du det umiskendelige titellook fra 70'erne. Når de bliver svagere i dækning, får du bevægelse, som om ordet lige er ankommet. Hold trinene jævne og retningen ens; tilfældig afstand ligner noget, der er gået i stykker, ikke vintage.

Helt ude i det blå.
På taget, hver fredag fra 18

En kort, høj overskrift på en varm bund: den form, et spor eller en dobbelt behandling har brug for.

Nummer 04
Lille forlagsmesse
Zines, tryk og tegneserier hele weekenden
Gradiently · @gradiently

En story til en zinemesse, hvor en tofarvet riso-finish på titlen ville passe lige ind.

Retro teksteffekter i CSS

Alle tre kan bygges med text-shadow, plus en blandingstilstand til riso. Brug em-forskydninger, så effekten skalerer med skriftstørrelsen, og behold teksten som ægte, markerbar tekst.

css
/* 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;
}
Til riso skal du skrive ordet to gange: <h1 class="riso" data-text="Zinemesse">Zinemesse</h1>. Multiply virker på lyse bunde, som ægte farve på papir. Nogle skærmlæsere oplæser genereret indhold, så ordet kan blive læst to gange.

Riso kræver en lys bund

Multiply gør mørkere, præcis som farve på papir, så den forsvinder på mørke baggrunde. Til et mørkt design skal du bruge den dobbelte effekt i stedet.

Sådan bruger du retro teksteffekter godt

  1. 1

    Start med den rigtige skrift

    Tung og enkel, eller en blød serif fra 70'erne. Retro skrifttyper viser skrifter efter årti.

  2. 2

    Brug den på to til fem ord

    Kun overskriften. Detaljerne forbliver flade og enkle.

  3. 3

    Hent farverne fra baggrunden

    Ekkoet, sporet eller den anden farve skal komme fra den palet, der allerede er i designet.

  4. 4

    Hold forskydningen bevidst

    Lille til riso, lidt dristigere til dobbelt, jævnt trinvis til spor.

  5. 5

    Brug én effekt pr. design

    Riso plus spor plus en kontur er en udklædning. Én effekt er et valg.

Undgå

  • Et spor på en lang overskrift
  • Riso-farver på sort baggrund
  • Et ekko så tæt på, at det ligner en trykfejl
  • Glød blandet ind mellem forskydningerne
  • En ny effekt på hvert opslag

Gør

  • Et spor på ét eller to korte ord
  • Riso på papirtoner og lyse farver
  • En tydelig, selvsikker forskydning
  • Kun skarpe, solide kopier
  • Én retro effekt som kampagnens signatur

For det bredere udvalg af behandlinger, herunder konturer og ekstruderinger, se teksteffekter, konturtekst og 3D-teksteffekter. Korn gør riso særligt overbevisende; kornede gradienter viser, hvordan du tilføjer det til en baggrund.

Riso, Dobbelt og Spor i Gradiently

Skriftbehandlingerne i Gradiently omfatter Riso, Dobbelt og Spor, hver tegnet i Markens egne farver, så der ikke er kopier at stable i hånden. Deres udgaver læner sig grafisk: Riso trykker den anden farve som en fin halvtone, et strejf ude af register; Dobbelt tegner åbne bogstaver med en ekstra kontur rundt om; Spor sender svindende konturer tilbage bag solide ord. Marken holder ordene læselige ved at flytte sin roligste del bag dem, og dens korn giver en retro overskrift den trykte overflade, den vil have.

Design med en levende gradient

Opslag, stories, slides og bannere i alle størrelser, med tekst der altid kan læses.

Begynd at designe, gratis

Spørgsmål, folk stiller

Hvad er en riso-teksteffekt?

Den efterligner risografitryk: to farver trykt lidt forskudt, så de overlapper og blander sig til en tredje farve, hvor de mødes.

Hvordan laver jeg en retro teksteffekt i CSS?

Stabl solide text-shadow-kopier uden sløring. Én kopi giver en dobbelt effekt, flere trinvise kopier giver et spor, og et multipliceret pseudoelement giver riso.

Hvilke farver passer til en 70'er teksteffekt?

Varme solnedgangstrin som guld, orange, rust og brun, på en creme eller dyb brun bund.

Hvad er forskellen på en dobbelt effekt og en slagskygge?

En dobbelt effekt er en skarp, farvet kopi forskudt bag ordet. En slagskygge er som regel mørk og sløret.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil

På denne side

Riso-teksteffektenDen dobbelte teksteffektSpor-teksteffektenRetro teksteffekter i CSSSådan bruger du retro teksteffekter godtRiso, Dobbelt og Spor i Gradiently

Del denne guide

Næste om Typografi og tekst

Tekst med store bogstaver: hvornår det hjælper, og hvornår det skader

Læs videre

Alle guides om Typografi og tekst
Typografi og tekst

Retro skrifttyper: skrifter fra 70’erne, 80’erne og 90’erne

6 min. læsning

Hvert årti havde en håndfuld skrifter, der i dag siger dets navn ved første blik. Her er de, med gratis alternativer, du kan bruge kommercielt, og de regler, der forhindrer et retrolook i at blive til udklædning.

Typografi og tekst

Teksteffekter, der ikke ser forældede ud: kontur, 3D, ekko

5 min. læsning

De fleste teksteffekter ser forældede ud, fordi de bruges på alt, med fuld styrke og uden grund. På ét ord, i den rette vægt og farve, er de blandt skriftens mest udtryksfulde værktøjer.

Typografi og tekst

3D-tekst: udtrukne bogstaver med smag

5 min. læsning

Udtrukket skrift kan se ud som et gammelt skilt eller et webbanner fra 2004. Forskellen er dybde, retning og farve, og alle tre er nemme at ramme, når du kender reglerne.

Find det look, der kun er dit.

Hver Mark er en levende baggrund med én ejer. Prøv en ledig Mark, og sikr dig din, når det føles rigtigt.

Begynd at designe

Tjek et certifikat

Skriv et certifikatnummer eller en Marks kode for at se, hvem der ejer den.

Virker med ChatGPT og Claude

Bed din AI om et design. Den laver det i din Mark, klar til at redigere.

ChatGPTClaude
Sådan forbinder du

Produkt

  • Markedet
  • Udforsk
  • Priser
  • Certifikater

Lær

  • Designguiden
  • Hjælpecenter
  • Nyheder

Udviklere

  • Oversigt
  • ChatGPT og Claude
  • API-reference
  • API-nøgler

Virksomhed

  • Om os
  • Kontakt os
  • Log ind

Juridisk

  • Vilkår
  • Privatliv
  • Refusion
  • Mark-beskyttelse
  • Cookies
  • Alle politikker
Bevæg dig hen over bogstaverne. Hvert af dem bærer en ægte Mark.Rør ved et bogstav for at se dets Mark.Ét navn. Ti Marks inden i.
© 2026 Gradiently