Duotone-foto’s in je merkkleuren: mono, duotone en wash

Een duotone-foto vervangt de natuurlijke kleuren van een afbeelding door twee gekozen kleuren: een donkere voor de schaduwen en een lichte voor de lichte delen, met alle tinten ertussen opgebouwd uit dat paar. In je merkkleuren maakt het van elke foto iets dat duidelijk bij jou hoort. In Gradiently kun je een foto op drie manieren inkleuren, mono, duotone of wash, en duotone en wash nemen hun kleuren rechtstreeks van de Mark van het ontwerp, zodat foto en achtergrond altijd bij elkaar passen.

Hoe een duotone-foto werkt

Zie de foto eerst als zwart-wit. Elke pixel heeft een helderheid van 0 tot 100 procent. Een duotone verft de donkerste pixels in je schaduwkleur, de lichtste in je lichtkleur en al het andere op het bijpassende punt van het verloop daartussen. Het resultaat behoudt alle details van de foto, maar niets van de oorspronkelijke kleur.

Wat een duotone mooi maakt in plaats van modderig, is het contrast tussen de twee uiteinden. Een heel donkere schaduw en een heel licht hooglicht houden gezichten en producten leesbaar. Twee middentonen geven een vlak, troebel beeld. Voor de geschiedenis en de bredere toepassingen van de look, zie het duotone-effect.

Mono, duotone en wash: drie manieren om te kleuren

Zo maak je een duotone-foto in Gradiently

1. 1

   Voeg de foto toe

   Upload of plak je eigen foto, of kies er een uit de gratis stockfoto’s in de Studio.

2. 2

   Open fotobewerking

   Selecteer de foto en open het bewerkpaneel, waar licht, kleur, filters en tint zitten.

3. 3

   Kies Duotone onder Mark-kleuren

   De foto wordt meteen omgezet naar het palet van de Mark. Probeer ook Wash en Mono; vergelijken kost niets.

4. 4

   Stel het contrast in

   Verhoog het contrast als het resultaat vlak oogt, en de helderheid als gezichten in de schaduwkleur verdwijnen.

5. 5

   Snij bij tot een vorm

   Kader de foto als vierkant, cirkel, boog of blob, passend bij de opmaak.

6. 6

   Verwissel de Mark om te testen

   Wissel de Mark van het ontwerp en de tint volgt, zodat je meerdere looks op dezelfde foto kunt proberen.

Filters, licht en kleur voor de afwerking

De tint bepaalt de kleurfamilie; de overige aanpassingen bepalen het gevoel. Ze zitten in drie groepen, en de presets zijn een snelle start voordat je verfijnt. Is de foto een productfoto, zorg dan eerst voor de juiste achtergrond: achtergronden voor productfoto’s legt dat uit.

Bijsnijvormen: bogen, cirkels en blobs

Een ingekleurde foto in een zachte vorm lijkt ontworpen in plaats van erin gegooid. Bogen voelen architecturaal en rustig, mooi voor interieurs, bloemisten en bruiloften, en een natuurlijke match voor fotografen-branding. Cirkels passen bij mensen: teampagina’s, sprekers, getuigenissen. Blobs zijn speels en passen bij eten, kindermerken en alles wat informeel is. Houd het bij één vorm per ontwerp, zodat de set consistent oogt.

Staat er tekst op de foto zelf, dan behandelt tekst leesbaar maken op foto’s de plaatsing, en een consistente tint is een van de simpelste gewoontes achter merkconsistentie.

Een duotone in CSS

Op een website bouw je hetzelfde effect met blend modes: maak de foto grijswaarden, multiply hem over de lichtkleur en hel hem dan op met de schaduwkleur.

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