Markedet
Priser
Log indStart
DesignguidenGradienter
Gradienter

Gradient i Photoshop: værktøjer, gradient maps og jævne resultater

Photoshop giver dig fire forskellige måder at lave en gradient på, og hver passer til en forskellig opgave. Her er, hvilken du skal gribe efter, hvordan editoren egentlig virker, og de vaner, der holder et forløb fri for striber.

GradientlyVerificeret Gradiently-konto·1. oktober 2026·6 min. læsning
Forside: Thin Pier · GR·YNRB·JF

Kort fortalt

  • Photoshop laver gradienter på fire måder: Gradient-værktøjet, et Gradient Fill-lag, en Gradient Map-justering og lagstilen Gradient Overlay.
  • Gradient-værktøjets live-tilstand opretter et redigerbart fill-lag, hvis farvestop du kan trække på lærredet, mens Classic-tilstanden maler pixels på det aktuelle lag.
  • Photoshop tilbyder fem gradientformer: Linear, Radial, Angle, Reflected og Diamond.
  • Et gradient map farver et billede om efter dets toner og sender de mørkeste pixels til venstre stop og de lyseste til højre.
  • Dither, et dokument i 16 bit og lidt monokromatisk støj er de mest pålidelige måder at undgå striber i en gradient i Photoshop.
På denne side
Fire måder at lave en gradient i PhotoshopSådan bruger du Gradient-værktøjetDe fem gradientformer i PhotoshopArbejd i Gradient EditorGradient maps i Photoshop til fotosSådan undgår du striber i en gradient i PhotoshopGradienter på tekst og formerNår ét billede bliver til ti størrelser

En gradient i Photoshop laves med Gradient-værktøjet (tryk G), et Gradient Fill-lag, en Gradient Map-justering eller en Gradient Overlay-stil. Til det meste arbejde bruger du værktøjet i live-tilstand, så forløbet ligger på sit eget redigerbare lag, vælger Perceptual som metode, lader Dither være slået til og skifter til 16 bit pr. kanal, når gradienten er mørk eller subtil. De vaner er forskellen på et rent farveforløb og et stribet.

Fire måder at lave en gradient i Photoshop

Mange griber efter Gradient-værktøjet til alt og undrer sig så over, hvorfor de ikke kan ændre farverne bagefter. Hver metode har sin opgave, og vælger du den rigtige fra starten, slipper du for at bygge forfra.

Gradient-værktøjet

Hvor du finder den

Værktøjslinjen, genvej G

Bedst til

At trække et forløb hen over et lag eller en markering
Gradient Fill-lag

Hvor du finder den

Layer › New Fill Layer › Gradient

Bedst til

Baggrunde, du bliver ved med at justere
Gradient Map

Hvor du finder den

Layer › New Adjustment Layer › Gradient Map

Bedst til

At farve et foto om efter dets lyse og mørke toner
Gradient Overlay

Hvor du finder den

Layer Style (fx-knappen)

Bedst til

Farve på tekst og former, der forbliver redigerbar
MetodeHvor du finder denBedst til
Gradient-værktøjetVærktøjslinjen, genvej GAt trække et forløb hen over et lag eller en markering
Gradient Fill-lagLayer › New Fill Layer › GradientBaggrunde, du bliver ved med at justere
Gradient MapLayer › New Adjustment Layer › Gradient MapAt farve et foto om efter dets lyse og mørke toner
Gradient OverlayLayer Style (fx-knappen)Farve på tekst og former, der forbliver redigerbar
De fire gradientmetoder i Photoshop, og hvad hver er god til. Fill-lag, maps og overlays er alle ikke-destruktive.

Sådan bruger du Gradient-værktøjet

  1. 1

    Vælg værktøjet

    Tryk G. Gradient-værktøjet deler plads med Paint Bucket, så tryk Shift+G, hvis spanden dukker op i stedet.

  2. 2

    Vælg live eller classic

    I de nuværende versioner tilbyder indstillingslinjen Gradient, som opretter et redigerbart gradient fill-lag med håndtag på lærredet, og Classic gradient, som maler pixels på det aktive lag. Vælg live, medmindre du bevidst maler i en maske.

  3. 3

    Vælg farver

    Klik på gradientfeltet i indstillingslinjen, eller åbn Window › Gradients for at gennemse forudindstillinger i mapper. Indstil først forgrunds- og baggrundsfarve, hvis du vil have det enkleste forløb mellem to farver.

  4. 4

    Vælg en form

    Linear, Radial, Angle, Reflected eller Diamond. Næste afsnit viser, hvad hver gør.

  5. 5

    Træk hen over lærredet

    Starten af trækket er det første farvestop, og slutningen er det sidste. Hold Shift nede for at låse vinklen i trin på 45 grader. I live-tilstand kan du bagefter trække i stoppene og midtpunktet.

  6. 6

    Indstil metode og dither

    Vælg Perceptual for jævne forløb mellem mættede farver, og lad Dither være slået til. Classic genskaber den ældre opførsel, som kan se mudret ud i midten.

De fem gradientformer i Photoshop

Linear er arbejdshesten til baggrunde. Radial laver en lyspøl, som er den hurtigste måde at give en flad baggrund dybde. Angle fejer farven rundt om et midtpunkt som en urviser. Reflected spejler et lineært forløb fra midten og udad, hvilket passer til horisonter og lysbjælker. Diamond breder farven ud i et kvadrat og er den, du vil bruge mindst.

Fire af Photoshops fem former, genskabt i CSS, så du kan kopiere dem til nettet. Angle er en konisk gradient; Diamond har ingen direkte CSS-pendant.

Arbejd i Gradient Editor

Dobbeltklik på feltet i indstillingslinjen, eller på gradienten i et fill-lags dialogboks, for at åbne editoren. Farvestop sidder under bjælken og opacitetsstop over den. Klik under bjælken for at tilføje et stop, træk et væk for at slette det, og træk den lille diamant mellem to stop for at flytte midtpunktet i deres forløb. Feltet Location lader dig skrive præcise positioner, hvilket betyder noget, når et sæt gradienter skal matche.

Tre til fem stop ser som regel fyldigere ud end to: en skyggetone, en hovedfarve, et løft og måske en accent. Hold nabostop beslægtede, for modsatte farver side om side passerer gennem grå, hvilket forklares i mudrede gradienter. Editorens menu Gradient Type tilbyder også Noise, som genererer tilfældige farvebånd; den er nyttig til teksturforsøg, sjældent til brandarbejde.

Ton ud til gennemsigtig, ikke til hvid

Vil du lade et billede skinne igennem, så sæt det sidste opacitetsstop til 0 % i stedet for at vælge hvid. Forudindstillingen Foreground to Transparent gør netop det, og den holder laget nedenunder synligt frem for at vaske det ud.

Gradient maps i Photoshop til fotos

Et Gradient Map ignorerer fotoets farver og læser kun dets toner. De mørkeste pixels får venstre stop, de lyseste får højre, og alt imellem følger bjælken. Med to stop får du en klassisk duotone; med tre kan du skubbe skyggerne kølige og højlysene varme. Sæt justeringslagets blandingstilstand til Color eller Soft Light, og sænk opaciteten for en blidere tone. Gradient map og duotone-effekten går dybere.

Map i indigo, rose og smørlinear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)
Et map med tre stop: skyggerne bliver indigo, mellemtonerne rose og højlysene en bleg smørgul. Indlæs dem som stop i et Gradient Map-lag.

Sådan undgår du striber i en gradient i Photoshop

Striber (banding) er synlige trin, hvor et forløb burde være jævnt. De er værst i mørke gradienter med lav kontrast, der strækkes over et stort lærred, fordi en fil i 8 bit kun har et begrænset antal niveauer mellem to nære farver. Hele forklaringen står i striber i gradienter.

Giver striber

  • Et dokument i 8 bit til et mørkt, subtilt forløb
  • Dither slået fra
  • To nære stop strakt over 4.000 px
  • Kraftig JPEG-komprimering ved eksport
  • Classic-metoden mellem stærke modsatte farver

Holder det jævnt

  • Image › Mode › 16 Bits/Channel, mens du arbejder
  • Dither slået til i værktøjet eller fill-dialogen
  • Et midterstop eller Perceptual-metoden
  • PNG eller JPEG i høj kvalitet
  • 1 til 3 % monokromatisk støj på et gråt lag i Overlay

Støjlaget er værd at forklare. Fyld et nyt lag med 50 % grå, sæt det til Overlay, så det grå forsvinder, og brug derefter Filter › Noise › Add Noise med Gaussian og Monochromatic slået til. Det fine korn bryder trinene op, overlever komprimering bedre end et rent forløb og får gradienten til at føles som en overflade. Kornede gradienter viser looket.

Photoshop-tip
Dither til. Striber væk.
Tilføj 2 % monokromatisk støj før eksport
Gradiently · @gradiently

Et mørkt forløb som dette er præcis der, hvor striber opstår. Dither plus et let korn holder det jævnt på alle skærme.

Gradienter på tekst og former

Til tekst, du vil holde redigerbar, tilføjer du en Gradient Overlay fra fx-menuen. Lad Align with Layer være slået til, så forløbet spænder over ordene frem for hele lærredet, og justér Scale og Angle, indtil farveskiftet sidder, hvor du vil have det. Alternativet er et gradient fill-lag over teksten, klippet til den ved at holde Alt (Option på en Mac) nede og klikke på linjen mellem de to lag. Når ordene står på en gradient i stedet for at bære en, så læs tekst på en gradient, så de forbliver læselige.

Når ét billede bliver til ti størrelser

Photoshop er fremragende til ét enkelt, omhyggeligt færdiggjort billede. Det bliver langsomt, når samme baggrund skal blive til et opslag, en story, et banner og et miniaturebillede, fordi hver beskæring flytter den lyseste del, og hvert lærred kræver, at gradienten tegnes om. I Gradiently er baggrunden en Mark, der renderes i alle de størrelser, du designer i, og dens roligste område flytter sig selv om bag dine ord, så en story og et banner kommer fra ét design. Ét look, alle størrelser forklarer hvordan.

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

Hvor er Gradient-værktøjet i Photoshop?

Det deler plads i værktøjslinjen med Paint Bucket. Tryk G for at vælge det, eller Shift+G for at skifte mellem de to.

Hvorfor har min gradient i Photoshop striber?

Det er banding, som skyldes for få farveniveauer mellem nære toner. Arbejd i 16 bit pr. kanal, lad Dither være slået til, og tilføj lidt monokromatisk støj før eksport.

Hvordan får jeg en gradient til at tone ud til gennemsigtig i Photoshop?

Brug forudindstillingen Foreground to Transparent, eller sæt det sidste opacitetsstop i Gradient Editor til 0 %.

Hvordan lægger jeg en gradient på tekst i Photoshop og holder den redigerbar?

Tilføj lagstilen Gradient Overlay med Align with Layer slået til, eller klip et gradient fill-lag til tekstlaget.

Hvad er forskellen på en gradient og et gradient map i Photoshop?

En gradient maler ny farve hen over et område. Et gradient map farver et eksisterende billede om efter dets toner, fra mørkest til lysest.

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

Fire måder at lave en gradient i PhotoshopSådan bruger du Gradient-værktøjetDe fem gradientformer i PhotoshopArbejd i Gradient EditorGradient maps i Photoshop til fotosSådan undgår du striber i en gradient i PhotoshopGradienter på tekst og formerNår ét billede bliver til ti størrelser

Del denne guide

Næste om Gradienter

Illustrator gradient: lineær, radial og freeform

Læs videre

Alle guides om Gradienter
Gradienter

Gradientkort: skift farver på få sekunder

4 min. læsning

Et gradientkort tager ethvert billede, foto, tekstur eller illustration og maler det om i dine valgte farver, mens alt lys og skygge bevares. Det er det hurtigste værktøj til at skifte farver.

Gradienter

Farvebånd i gradienter: derfor opstår de, og sådan løses de

5 min. læsning

Du lavede en glat gradient, og den kom tilbage med striber. Det er farvebånd, som har en enkel årsag og en håndfuld sikre løsninger. Her er regnestykket og metoderne.

Gradienter

Illustrator gradient: lineær, radial og freeform

5 min. læsning

Illustrators gradienter bor i ét lille panel, men de fleste bruger kun halvdelen af det. Her er hele panelet, freeform-typen og det, der sker med dine overgange, når du eksporterer.

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