# Gradient i Photoshop: værktøjer, gradient maps og jævne resultater [Canonical HTML page](https://gradiently.design/da/guide/photoshop-gradient) 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. ## The short version - 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. 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. | Metode | Hvor du finder den | Bedst til | | --- | --- | --- | | Gradient-værktøjet | Værktøjslinjen, genvej G | At trække et forløb hen over et lag eller en markering | | Gradient Fill-lag | Layer › New Fill Layer › Gradient | Baggrunde, du bliver ved med at justere | | Gradient Map | Layer › New Adjustment Layer › Gradient Map | At farve et foto om efter dets lyse og mørke toner | | Gradient Overlay | Layer 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. **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. **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. **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. **Vælg en form** Linear, Radial, Angle, Reflected eller Diamond. Næste afsnit viser, hvad hver gør. 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. **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. - Linear: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)` - Radial: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)` - Angle: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)` - Reflected: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)` 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](https://gradiently.design/da/guide/muddy-gradients). 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](https://gradiently.design/da/guide/gradient-map) og [duotone-effekten](https://gradiently.design/da/guide/duotone-effect) går dybere. Map i indigo, rose og smør: `linear-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](https://gradiently.design/da/guide/gradient-banding). ### 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](https://gradiently.design/da/guide/grainy-gradients) viser looket. Et stående opslag til sociale medier på en mørk, jævn gradient med et kort tip om dither og støj 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](https://gradiently.design/da/guide/text-on-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](https://gradiently.design/da/guide/one-look-every-size) forklarer hvordan. ## FAQ ### 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.