# Gradientkunst: abstrakte verk for vegger og skjermer

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

En gradient alene kan være et ferdig kunstverk: et fargefelt du lever med i stedet for å lese. Slik lager du verk som holder på en vegg, på en skjerm og som et sett.

## The short version

- Gradientkunst er abstrakt kunst laget av fargefelt som glir over i hverandre, trykket for vegger eller vist på skjermer, uten annet motiv enn farge og lys.
- Et kunsttrykk med gradient trenger en pikselstørrelse regnet ut i 300 dpi, som 2480×3508 for A4, 3508×4961 for A3 eller 5400×7200 for en plakat på 18×24 tommer.
- Fint korn hjelper trykte gradienter å se jevne ut, fordi det skjuler de synlige trinnene som langsomme overganger kan vise på papir.
- Sterke skjermfarger, særlig livlige blå, grønne og neonfarger, blir ofte mattere på trykk, så bestill et prøvetrykk før du trykker et helt opplag.
- Gradientkunst er sterkest som serie: hold strukturen og formatet likt, og endre én ting, som fargetone eller tid på døgnet, gjennom settet.

**Gradientkunst** er abstrakt kunst laget av fargefelt som glir over i hverandre. Det finnes ikke noe motiv å kjenne igjen, bare farge, lys og måten én tone blir til en annen på, og derfor passer den så lett på en soveromsvegg, i et studio eller på en skjerm i en kafé. God gradientkunst føles bevisst: en tydelig struktur, en liten fargefamilie, en overflate med litt tekstur, og en størrelse og et format valgt for stedet der den skal henge eller spilles av.

Denne guiden dekker hovedstilene, hvordan du velger farger som holder seg rene, nøyaktige utskriftsstørrelser, hvordan du klargjør filer til trykk, hvordan du lager skjermkunst og looper, og hvorfor serier fungerer bedre enn enkeltverk.

## Hva gradientkunst er, og hovedstilene

Gradientkunst hører til en lang tradisjon av malerier om fargen i seg selv. Fargefeltmalerne bygde lerreter av store flater med jevn eller mykt skiftende farge, og Josef Albers malte *Homage to the Square* som en lang serie av kvadrater i hverandre som viser hvordan nabofarger forandrer hverandre. Digitale gradienter lar deg lage samme type arbeid med nøyaktig kontroll og resultater som kan gjentas.

De fleste gradientverk bruker én av noen få strukturer. Velg strukturen først, for den avgjør hvordan verket føles før fargen gjør det. Den tekniske siden av hver finner du i [typer gradienter](https://gradiently.design/nb/guide/types-of-gradients).

- Horisont: glør under indigo: `linear-gradient(180deg, #0d1030 0%, #3b2466 45%, #ff7a45 70%, #ffd6a0 100%)`
- Glød: ravkule på svart: `radial-gradient(circle at 50% 55%, #ffc46b 0%, #ff7a1a 18%, #5a1a08 45%, #0a0706 75%)`
- Sveip: blågrønt og fiolett: `conic-gradient(from 200deg at 50% 50%, #0f766e, #22d3ee, #7c3aed, #0f766e)`
- Trinn: fem bånd av blått: `linear-gradient(180deg, #0a1f44 0% 20%, #173a73 20% 40%, #2d5ea8 40% 60%, #5b8fd6 60% 80%, #a9c8f0 80% 100%)`
- Mykt felt: salvie mot sand: `linear-gradient(135deg, #8fa98b 0%, #c9c7a4 50%, #e9dcc3 100%)`
- Blomst: rose i plomme: `radial-gradient(ellipse at 30% 70%, #ff8fb1 0%, #c2417a 35%, #3d0f35 80%)`

Seks strukturer: horisont, glød, sveip, trinnvise bånd, mykt felt og blomst utenfor midten. Hver av dem er et utgangspunkt for et helt verk.

## Velg farger til et gradientverk

Kunst du lever med, trenger farger som er behagelige i månedsvis, ikke i sekunder. Det tryggeste er én fargefamilie som går fra mørkt til lyst, med én enkelt aksent der øyet skal hvile. [Analoge farger](https://gradiently.design/nb/guide/analogous-colors) blander seg rent; komplementære par som blått og oransje trenger et stopp på midten, ellers blir midten grå. [Grumsete gradienter](https://gradiently.design/nb/guide/muddy-gradients) forklarer hvorfor og hvordan du løser det.

- Dyp vin: #2a0a12
- Karmosin: #7a1630
- Korallrød: #d64545
- Aprikos: #f59e6b
- Kremlys: #fde2c4

Én varm familie fra nesten svart til krem. Hvert trinn er nabo til det forrige, så overgangen går aldri gjennom grått.

Tenk på rommet like mye som på filen. Mørke, mettede verk gløder på skjermer og føles intime på en vegg; bleke verk med lav kontrast føles rolige og trekker seg tilbake. Varme familier trekker et rom nærmere, kjølige åpner det. [Varme og kalde farger](https://gradiently.design/nb/guide/warm-and-cool-colors) går gjennom effekten.

## Utskriftsstørrelser for gradientkunst i 300 dpi

Trykk i 300 punkter per tomme for verk som ses på nært hold. Regn ut pikselstørrelsen før du begynner, så filen lages i full oppløsning i stedet for å forstørres etterpå. Dette er de vanlige størrelsene.

| Trykk | Piksler i 300 dpi | Format |
| --- | --- | --- |
| Postkort | 1800×1200 | 3:2 |
| 5×7 in | 1500×2100 | 5:7 |
| A5 | 1748×2480 | 1:1.414 |
| A4 | 2480×3508 | 1:1.414 |
| US Letter | 2550×3300 | 17:22 |
| A3 | 3508×4961 | 1:1.414 |
| Plakat 18×24 in | 5400×7200 | 3:4 |

Pikselstørrelser for vanlige trykkformater i 300 dpi.

- A5: 1748 × 2480
- A4: 2480 × 3508
- A3: 3508 × 4961
- 18×24 in: 5400 × 7200
- 5×7 in: 1500 × 2100
- Postkort: 1800 × 1200

De samme størrelsene tegnet i riktig målestokk. A5, A4 og A3 har samme form; de andre trenger hver sin komposisjon.

Papir i A-serien har samme proporsjoner i alle størrelser, så én komposisjon skalerer fra A5 til A3 uten beskjæring. Det gjør A-formatene til det enkleste valget hvis du vil selge eller gi bort ett verk i flere størrelser. En plakat på 18×24 tommer er 3:4, merkbart bredere, så komponer den på nytt i stedet for å strekke en fil i A-format. For store trykk designer du i en tredjedel av størrelsen og eksporterer i tre ganger: et design på 1800×2400 eksportert i 3× blir nøyaktig 5400×7200.

## Slik klargjør du gradientkunst til trykk

1. **Bygg i full størrelse** Start filen i den endelige pikselstørrelsen fra tabellen, eller i en nøyaktig brøkdel som du eksporterer i et helt multiplum.
2. **Legg til fint korn** Langsomme, jevne overganger kan trykkes med synlige trinn. Et lett, jevnt korn bryter opp trinnene. Se [banding i gradienter](https://gradiently.design/nb/guide/gradient-banding) og [kornete gradienter](https://gradiently.design/nb/guide/grainy-gradients).
3. **Sjekk fargene som kanskje ikke lar seg trykke** Livlige blå, grønne, fiolette og neonfarger på skjerm blir ofte mattere på papir. Trekk disse fargene litt tilbake, eller godta skiftet og vurder prøvetrykket.
4. **Ta høyde for utfall** Hvis fargen går helt ut til kanten, forlenger du den forbi skjærekanten med så mye som trykkeriet ber om, ofte 3 mm, som er omtrent 35 px i 300 dpi.
5. **Bestill ett prøvetrykk** Trykk ett enkelt eksemplar på papiret du har tenkt å bruke, og se på det i dagslys og lampelys før du bestiller et opplag.

Papiret forandrer verket. Matte papirer demper fargen og passer til rolige, bleke arbeider; sateng og glans holder mørke, mettede gradienter dype. [Gradienter på trykk](https://gradiently.design/nb/guide/print-gradients) går dypere inn i fargemoduser og filformater.

## Gradientkunst for skjermer og vegger som beveger seg

Skjermer viser gradientkunst på sitt mest lysende, fordi de sender ut lys i stedet for å reflektere det. Design for skjermens form: 1920×1080 for en liggende skjerm, 1080×1920 for en stående. Bevegelse er den andre fordelen. Et lys som driver langsomt over en gradient, gjør et stillestående verk til noe som ligner mer på et vindu.

Et stående kunsttrykk i A3 av en dyp, glødende gradient med den lille tittelen Skumring, nr. 3

For en vegg: et A3-trykk, én stille tittel og mye farge.

Et liggende skjermverk med samme gradient som trykket ved siden av, med den lille tittelen Langsomt lys

For en skjerm: det samme materialet i liggende format, laget for å bevege seg.

```css
.art {
  width: 100vw;
  height: 100vh;
  background:
    radial-gradient(ellipse at 30% 70%, #ff8fb1 0%, transparent 55%),
    radial-gradient(ellipse at 75% 25%, #7c3aed 0%, transparent 60%),
    linear-gradient(160deg, #1a0b2e 0%, #3d0f35 100%);
  background-size: 140% 140%;
  animation: drift 40s ease-in-out infinite alternate;
}

@keyframes drift {
  from { background-position: 0% 0%; }
  to { background-position: 100% 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .art { animation: none; }
}
```

Et fullskjermverk i ren CSS: to myke lys over en plommefarget bunn, som driver over 40 sekunder og står stille for dem som foretrekker redusert bevegelse.

Til en TV, en skjermramme eller en projektor eksporterer du heller en video. Gradiently eksporterer sømløse looper på 5 til 30 sekunder med valgt bevegelse og tempo, og de kan gjentas i timevis uten et synlig hopp. [Sømløs loopvideo](https://gradiently.design/nb/guide/seamless-loop-video) og [levende bakgrunn](https://gradiently.design/nb/guide/live-wallpaper) går gjennom formater og innstillinger.

## Lag gradientkunst som en serie

Én enkelt gradient på en vegg kan se ut som en fargeprøve. Tre som tydelig hører sammen, ser ut som et helt arbeid. Regelen for en serie er enkel: hold strukturen, formatet og teksturen lik, og endre én variabel gjennom settet, som fargetone, tid på døgnet, vinkel eller lysets plassering.

- Daggry: `linear-gradient(180deg, #1e2a5a 0%, #8a6fb3 45%, #f7b7a3 80%, #ffe3c2 100%)`
- Middag: `linear-gradient(180deg, #1c6fd1 0%, #5aa9ef 50%, #cfe8fb 100%)`
- Skumring: `linear-gradient(180deg, #0c0a24 0%, #4b1d5e 40%, #c2415a 75%, #f28c4b 100%)`

En triptyk: samme vertikale struktur, én variabel, tiden på døgnet. Hengt side om side i A3 leses de som ett verk.

Gi verkene navn og nummer, som *Skumring, nr. 3*, og før logg over hver farge og innstilling, så du kan lage det neste slik at det passer. Her er en Mark nyttig: oppskriften på farger, materialer, lys og korn ligger fast, så hvert trykk og hver loop i en serie tegnes fra nøyaktig samme kilde.

En Mark som kilde til en serie: én oppskrift, tegnet i enhver trykkstørrelse eller som loop.

> **Lev med det først** Før du trykker, bruker du verket som bakgrunn på laptopen eller telefonen i en uke. Liker du det fortsatt på dag sju, er det klart for en vegg.

## FAQ

### Hva er gradientkunst?

Gradientkunst er abstrakt kunst laget av fargefelt som glir over i hverandre, trykket for vegger eller vist på skjermer. Motivet er farge og lys, ikke en gjenkjennelig gjenstand.

### Hvilken oppløsning bør et kunsttrykk med gradient ha?

Bruk 300 dpi for trykk som ses på nært hold. Det er 2480×3508 piksler for A4, 3508×4961 for A3 og 5400×7200 for en plakat på 18×24 tommer.

### Hvorfor får gradienten min striper på trykk?

Langsomme, jevne overganger kan vise synlige trinn, kalt banding, når de trykkes. Et lett, jevnt korn i filen bryter som regel opp trinnene og får overgangen til å se jevn ut på papir.

### Hvorfor ser gradientfargene mine mattere ut på trykk?

Skjermer sender ut lys og kan vise mer livlige blå, grønne og neonfarger enn blekk på papir kan gjengi. Bestill et prøvetrykk og juster de sterkeste fargene hvis skiftet betyr noe.

### Hvordan lager jeg en serie med gradientkunst?

Hold struktur, format og tekstur identisk gjennom settet, og endre én variabel, som fargetone, tid på døgnet eller lysets plassering. Gi hvert verk navn og nummer, så settet leses som ett arbeid.