# Photoshop-gradienter: verktøy, kart og jevne resultater

[Canonical HTML page](https://gradiently.design/nb/guide/photoshop-gradient)

Photoshop gir deg fire måter å lage en gradient på, og hver passer til sin oppgave. Her ser du hvilken du bør velge, hvordan redigeringen fungerer og vanene som holder blandingen fri for striper.

## The short version

- Photoshop lager gradienter på fire måter: Gradient-verktøyet, et Gradient Fill-lag, en Gradient Map-justering og lagstilen Gradient Overlay.
- Gradient-verktøyets direkte modus lager et redigerbart fyllag med fargestopp du kan dra på lerretet, mens Classic-modus maler piksler på gjeldende lag.
- Photoshop har fem gradientformer: Linear, Radial, Angle, Reflected og Diamond.
- Et gradientkart farger om et bilde etter tonene, med de mørkeste pikslene i venstre stopp og de lyseste i høyre.
- Dither, et 16-bits dokument og litt monokromatisk støy er de mest pålitelige måtene å hindre synlige bånd i en Photoshop-gradient på.

En **Photoshop-gradient** lages med Gradient-verktøyet, trykk G, et Gradient Fill-lag, en Gradient Map-justering eller en Gradient Overlay-stil. Til det meste bruker du verktøyet i direkte modus, så blandingen ligger på sitt eget redigerbare lag. Velg Perceptual som metode, behold Dither avkrysset, og bytt til 16 biter per kanal når gradienten er mørk eller subtil. Disse vanene utgjør forskjellen mellom en ren fargeovergang og en stripete.

## Fire måter å lage en gradient i Photoshop på

Mange bruker Gradient-verktøyet til alt og lurer deretter på hvorfor de ikke kan endre fargene senere. Hver metode har sin oppgave, og riktig valg fra starten sparer deg for å bygge opp igjen.

| Metode | Hvor du finner den | Best til |
| --- | --- | --- |
| Gradient-verktøyet | Verktøylinjen, hurtigtast G | Dra en blanding over et lag eller et utvalg |
| Gradient Fill-lag | Layer › New Fill Layer › Gradient | Bakgrunner du vil fortsette å justere |
| Gradient Map | Layer › New Adjustment Layer › Gradient Map | Farge om et bilde etter lyse og mørke toner |
| Gradient Overlay | Layer Style, fx-knappen | Farge på tekst og former som forblir redigerbar |

De fire gradientmetodene i Photoshop og hva hver passer til. Fyllag, kart og overlegg er alle ikke-destruktive.

## Slik bruker du Gradient-verktøyet

1. **Velg verktøyet** Trykk G. Gradient-verktøyet deler plass med Paint Bucket, så trykk Shift+G hvis malingsspannet vises i stedet.
2. **Velg direkte eller klassisk** I nyere versjoner har alternativlinjen **Gradient**, som lager et redigerbart gradientfyllag med håndtak på lerretet, og **Classic gradient**, som maler piksler på det aktive laget. Velg direkte modus med mindre du bevisst maler i en maske.
3. **Velg farger** Klikk gradientprøven i alternativlinjen, eller åpne Window › Gradients for å se forhåndsinnstillinger i mapper. Sett forgrunns- og bakgrunnsfarge først hvis du vil ha den enkleste tofargeblandingen.
4. **Velg form** Linear, Radial, Angle, Reflected eller Diamond. Neste seksjon viser hva hver gjør.
5. **Dra over lerretet** Starten på draget er det første fargestoppet, og slutten er det siste. Hold Shift for å låse vinkelen til trinn på 45 grader. I direkte modus kan du dra stoppene og midtpunktet etterpå.
6. **Sett metode og Dither** Velg **Perceptual** for jevne blandinger mellom mettede farger, og behold **Dither** på. Classic gjenskaper den eldre virkemåten, som kan gi en grumsete midte.

## De fem gradientformene i Photoshop

Linear er arbeidshesten for bakgrunner. Radial lager en lysflekk, som er den raskeste måten å gi en flat bakgrunn dybde på. Angle sveiper farger rundt et midtpunkt som en klokkeviser. Reflected speiler en lineær blanding fra midten og utover, noe som passer horisonter og lysstriper. Diamond sprer fargen i et kvadrat og er den du bruker minst.

- Lineær: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)`
- Radial: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)`
- Vinkel: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)`
- Speilet: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)`

Fire av Photoshops fem former, gjenskapt i CSS så du kan kopiere dem til nettet. Angle er en konisk gradient. Diamond har ingen direkte CSS-ekvivalent.

## Arbeid i Gradient Editor

Dobbeltklikk fargeprøven i alternativlinjen eller gradienten i dialogen for et fyllag for å åpne redigeringen. Fargestopp ligger under feltet, og gjennomsiktighetsstopp over det. Klikk under feltet for å legge til et stopp, dra et bort for å slette det, og dra den lille diamanten mellom to stopp for å flytte midtpunktet i blandingen. Location-feltet lar deg skrive nøyaktige posisjoner, viktig når et sett gradienter skal passe sammen.

Tre til fem stopp virker vanligvis rikere enn to: en skyggetone, en hovedfarge, et løft og kanskje en aksent. Hold nabostopp beslektet, fordi motstående farger ved siden av hverandre går gjennom grått, som forklart i [grumsete gradienter](https://gradiently.design/nb/guide/muddy-gradients). Menyen Gradient Type har også **Noise**, som lager tilfeldige fargebånd. Det er nyttig til tekstureksperimenter, sjelden til merkevarearbeid.

> **Ton ut til gjennomsiktig, ikke til hvitt** For å la et bilde synes gjennom setter du siste gjennomsiktighetsstopp til 0 % fremfor å velge hvitt. Forhåndsinnstillingen Foreground to Transparent gjør dette og holder laget under synlig fremfor å vaske det ut.

## Photoshop-gradientkart til bilder

Gradient Map ignorerer bildets farger og leser bare tonene. De mørkeste pikslene får venstre stopp, de lyseste høyre, og resten følger feltet. Med to stopp får du en klassisk duotone. Med tre kan du gjøre skyggene kalde og høylysene varme. Sett justeringslagets blandingsmodus til Color eller Soft Light og senk opasiteten for en mildere tone. [Gradientkart](https://gradiently.design/nb/guide/gradient-map) og [duotoneeffekten](https://gradiently.design/nb/guide/duotone-effect) går dypere.

Kart i indigo, rose og smørgul: `linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)`

Et kart med tre stopp: Skyggene blir indigo, mellomtonene rose og høylysene blek smørgul. Bruk disse som stopp i et Gradient Map-lag.

## Slik hindrer du bånd i en Photoshop-gradient

Bånd er synlige trinn der blandingen skal være jevn. De er verst i mørke gradienter med lav kontrast strukket over et stort lerret, fordi en 8-bits fil bare har et begrenset antall nivåer mellom to nærliggende farger. Hele forklaringen står i [synlige bånd i gradienter](https://gradiently.design/nb/guide/gradient-banding).

### Gir synlige bånd

- Et 8-bits dokument til en mørk, subtil blanding
- Dither slått av
- To nærliggende stopp strukket over 4 000 px
- Kraftig JPEG-komprimering ved eksport
- Classic-metoden mellom sterke motstående farger

### Holder blandingen jevn

- Image › Mode › 16 Bits/Channel mens du arbeider
- Dither avkrysset i verktøyet eller fylldialogen
- Et mellomstopp eller Perceptual-metoden
- PNG eller JPEG med høy kvalitet
- 1 til 3 % monokromatisk støy på et grått Overlay-lag

Støylaget er verdt å forklare. Fyll et nytt lag med 50 % grått og sett det til Overlay så gråfargen forsvinner. Bruk deretter Filter › Noise › Add Noise med Gaussian og Monochromatic avkrysset. Det fine kornet bryter opp trinnene, tåler komprimering bedre enn en ren blanding og får gradienten til å føles som en overflate. [Kornete gradienter](https://gradiently.design/nb/guide/grainy-gradients) viser uttrykket.

Et stående sosialt innlegg på en mørk, jevn gradient med et kort tips om Dither og støy

En mørk blanding som denne er nettopp der bånd oppstår. Dither og lett korn holder den jevn på alle skjermer.

## Gradienter på tekst og former

For tekst du vil beholde redigerbar, legger du til Gradient Overlay fra fx-menyen. Behold Align with Layer avkrysset, så blandingen dekker ordene fremfor hele lerretet, og juster Scale og Angle til fargeendringen ligger der du vil. Alternativet er et gradientfyllag over teksten, klippet til den ved å holde Alt, Option på Mac, og klikke linjen mellom lagene. Når ordene ligger på en gradient fremfor å være fylt med en, les [tekst på en gradient](https://gradiently.design/nb/guide/text-on-gradient) for å holde dem lesbare.

## Når ett bilde blir ti størrelser

Photoshop er godt egnet til ett bilde som ferdigstilles nøye. Det blir tregt når samme bakgrunn skal bli innlegg, historie, banner og miniatyr, fordi hver beskjæring flytter den lyseste delen og hvert lerret trenger en nytegnet gradient. I Gradiently er bakgrunnen en Mark som gjengis i alle størrelser du designer i, og det roligste området flytter seg bak ordene av seg selv. Dermed kommer en historie og et banner fra ett design. [Ett uttrykk, alle størrelser](https://gradiently.design/nb/guide/one-look-every-size) forklarer hvordan.

## FAQ

### Hvor er Gradient-verktøyet i Photoshop?

Det deler plass på verktøylinjen med Paint Bucket. Trykk G for å velge det, eller Shift+G for å bytte mellom de to.

### Hvorfor har Photoshop-gradienten min striper?

Det er synlige bånd, forårsaket av for få fargenivåer mellom nærliggende toner. Arbeid i 16 biter per kanal, behold Dither på og legg til litt monokromatisk støy før eksport.

### Hvordan toner jeg en gradient ut til gjennomsiktig i Photoshop?

Bruk Foreground to Transparent, eller sett siste gjennomsiktighetsstopp i Gradient Editor til 0 %.

### Hvordan legger jeg en gradient på tekst i Photoshop og beholder den redigerbar?

Legg til lagstilen Gradient Overlay med Align with Layer avkrysset, eller klipp et gradientfyllag til tekstlaget.

### Hva er forskjellen på en gradient og et gradientkart i Photoshop?

En gradient maler ny farge over et område. Et gradientkart farger om et eksisterende bilde etter tonene, fra mørkest til lysest.