Duotonebilder i merkevarefargene: Monokrom og Fargeslør

Et duotonebilde bytter bildets naturlige farger med to valgte: en mørk farge til skyggene og en lys farge til høylysene, med alle mellomtoner blandet fra paret. Gjort i merkevarefargene gjør det ethvert fotografi til noe som tydelig hører til deg. I Gradiently kan du tone et bilde på tre måter: Monokrom, Duotone eller Fargeslør. Duotone og Fargeslør henter fargene rett fra designets Mark, så bildet og bakgrunnen alltid passer sammen.

Slik fungerer et duotonebilde

Tenk først på bildet som svart-hvitt. Hver piksel har en lysstyrke fra 0 til 100 prosent. Duotone maler deretter de mørkeste pikslene i skyggefargen, de lyseste i høylysfargen og resten på tilsvarende punkt langs overgangen mellom dem. Resultatet beholder alle detaljer i bildet, men ingen av originalfargene.

Trikset som gjør duotone vakkert fremfor grumsete, er kontrast mellom endene. En svært mørk skygge og et svært lyst høylys holder ansikter og produkter tydelige. To mellomtoner gir et flatt, dunkelt bilde. For historien og flere bruksområder, se duotoneeffekten.

Monokrom, Duotone og Fargeslør: tre måter å tone på

Slik lager du et duotonebilde i Gradiently

1. 1

   Legg til bildet

   Last opp eller lim inn ditt eget, eller velg et gratis arkivbilde i Studio.

2. 2

   Åpne fotoredigering

   Velg bildet og åpne redigeringspanelet, der du finner lys, farge, filtre og toning.

3. 3

   Velg Duotone under Mark-farger

   Bildet får Markens palett med en gang. Prøv Fargeslør og Monokrom også. Det koster ingenting å sammenligne.

4. 4

   Still inn kontrasten

   Øk kontrasten hvis resultatet virker flatt, og lysstyrken hvis ansikter forsvinner i skyggefargen.

5. 5

   Beskjær til en form

   Bruk kvadrat, sirkel, bue eller klatt som passer layouten.

6. 6

   Bytt Mark for å teste

   Endre designets Mark, så følger toningen med. Du kan prøve flere uttrykk på samme bilde.

Filtre, lys og farge som avslutning

Toningen bestemmer fargefamilien. De andre justeringene avgjør følelsen. De ligger i tre grupper, og forhåndsinnstillingene er en rask start før finjustering. Er bildet et produktbilde, får du bakgrunnen riktig først. Bakgrunner for produktbilder dekker det.

Beskjæringsformer: buer, sirkler og klatter

Et tonet bilde i en myk form virker utformet fremfor bare lagt inn. Buer er arkitektoniske og rolige, fine til interiør, blomsterbutikker og bryllup, og passer naturlig med merkevarebygging for fotografer. Sirkler passer mennesker: teamsider, foredragsholdere og kundeuttalelser. Klatter er lekne og passer mat, barnemerker og alt uformelt. Hold deg til én form per design, så serien blir helhetlig.

Ligger teksten på selve bildet, dekker lesbar tekst på bilder plasseringen. Konsekvent toning er en av de enkleste vanene bak et konsekvent merkevareuttrykk.

Duotone i CSS

På en nettside kan du bygge samme effekt med blandingsmoduser: Gjør bildet til gråtoner, multipliser det over høylysfargen og bruk deretter lysnende blanding med skyggefargen.

.duotone {
  position: relative;
  background: #fbcfe8; /* highlight colour */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1b4b; /* shadow colour */
  mix-blend-mode: lighten;
  pointer-events: none;
}