Duotonefotos i dine brandfarver: monokrom, duotone og farveslør

Et duotonefoto bytter et billedes naturlige farver ud med to valgte: en mørk farve til skyggerne og en lys farve til højlysene, med alle toner imellem blandet fra parret. Gjort i dine brandfarver forvandler det ethvert fotografi til noget, der tydeligt hører til dig. I Gradiently kan du tone et foto på tre måder, monokrom, duotone eller farveslør, og duotone og farveslør henter deres farver direkte fra designets Mark, så foto og baggrund altid er enige.

Sådan virker et duotonefoto

Tænk først på fotoet som sort-hvidt. Hver pixel har en lysstyrke fra 0 til 100 procent. En duotone maler så de mørkeste pixels i din skyggefarve, de lyseste i din højlysfarve og alt andet på det tilsvarende punkt langs forløbet imellem dem. Resultatet bevarer alle fotoets detaljer, men ingen af dets oprindelige farver.

Tricket, der får en duotone til at se god ud frem for mudret, er kontrast mellem de to ender. En meget mørk skygge og et meget lyst højlys holder ansigter og produkter tydelige. To mellemtoner giver et fladt, grumset billede. Lookets historie og bredere anvendelser finder du i duotone-effekten.

Monokrom, duotone og farveslør: tre måder at tone på

Sådan laver du et duotonefoto i Gradiently

1. 1

   Tilføj fotoet

   Upload eller indsæt dit eget, eller vælg et blandt de gratis stockfotos i Studio.

2. 2

   Åbn fotoredigering

   Markér fotoet, og åbn dets redigeringspanel, hvor lys, farve, filtre og toning findes.

3. 3

   Vælg Duotone under Mark-farver

   Fotoet lægges med det samme over i Markens palet. Prøv også Farveslør og Monokrom; det koster ingenting at sammenligne.

4. 4

   Indstil kontrasten

   Hæv kontrasten, hvis resultatet ser fladt ud, og lysstyrken, hvis ansigter falder ned i skyggefarven.

5. 5

   Beskær til en form

   Indram det som et kvadrat, en cirkel, en bue eller en blob, så det passer til layoutet.

6. 6

   Skift Mark for at teste

   Skift designets Mark, så følger toningen med, og du kan prøve flere looks på samme foto.

Filtre, lys og farve til finishen

Toningen bestemmer farvefamilien; de andre justeringer bestemmer følelsen. De ligger i tre grupper, og forudindstillingerne er en hurtig start, før du finjusterer. Er fotoet et produktbillede, så få baggrunden på plads først: baggrunde til produktfotos dækker det.

Beskæringsformer: buer, cirkler og blobs

Et tonet foto i en blød form opleves som designet frem for bare sat ind. Buer føles arkitektoniske og rolige, smukke til indretning, blomsterhandlere og bryllupper og et naturligt valg til branding for fotografer. Cirkler passer til mennesker: teamsider, talere, anbefalinger. Blobs er legende og passer til mad, børnebrands og alt uformelt. Hold dig til én form pr. design, så sættet ser ensartet ud.

Står der tekst på selve fotoet, dækker læsbar tekst på fotos placeringen, og en ensartet toning er en af de enkleste vaner bag brandkonsistens.

En duotone i CSS

På et website kan du bygge samme effekt med blandingstilstande: gør fotoet gråtonet, multiplicér det over højlysfarven, og gør det så lysere med skyggefarven.

.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;
}