Duotone-kuvat brändiväreissä: yksivärinen, kaksivärinen ja verho

Duotone-kuva vaihtaa kuvan luonnolliset värit kahteen valittuun väriin: tummaan varjoille ja vaaleaan huippuvaloille. Välisävyt sekoittuvat tästä parista. Brändiväreillä tehtynä se muuttaa minkä tahansa valokuvan selvästi sinun näköiseksesi. Gradientlyssä kuvaa voi sävyttää kolmella tavalla: yksiväriseksi, kaksiväriseksi tai väriverholla. Kaksivärinen ja Väriverho käyttävät suoraan designin Markin värejä, joten kuva ja tausta sopivat aina yhteen.

Miten duotone-kuva toimii

Ajattele kuva ensin mustavalkoisena. Jokaisen pikselin kirkkaus on 0-100 prosenttia. Duotone maalaa sitten tummimmat pikselit varjovärillä, kirkkaimmat huippuvalovärillä ja loput vastaavalla kohdalla niiden välistä asteikkoa. Tulos säilyttää kuvan kaikki yksityiskohdat mutta ei sen alkuperäisiä värejä.

Hyvän duotonen erottaa sameasta sen päiden välinen kontrasti. Hyvin tumma varjoväri ja hyvin vaalea huippuvaloväri säilyttävät kasvot ja tuotteet selkeinä. Kaksi keskisävyä tuottaa tasaisen, samean kuvan. Ilmeen historiaa ja laajempia käyttötapoja käsittelee duotone-efekti.

Yksivärinen, kaksivärinen ja väriverho: kolme sävytystapaa

Näin teet duotone-kuvan Gradientlyssä

1. 1

   Lisää valokuva

   Lataa tai liitä oma kuvasi tai valitse Studion maksuttomista kuvapankkikuvista.

2. 2

   Avaa Kuvan muokkaus

   Valitse kuva ja avaa sen muokkauspaneeli, jossa ovat valo, väri, suodattimet ja sävytys.

3. 3

   Valitse Markin värit -kohdasta Kaksivärinen

   Kuva muunnetaan heti Markin palettiin. Kokeile myös Väriverhoa ja Yksiväristä. Vertailu ei maksa mitään.

4. 4

   Säädä kontrasti

   Nosta kontrastia, jos tulos on lattea, ja kirkkautta, jos kasvot jäävät varjoväriin.

5. 5

   Rajaa muotoon

   Rajaa neliöksi, ympyräksi, kaareksi tai vapaaksi muodoksi asettelun mukaan.

6. 6

   Kokeile toista Markia

   Vaihda designin Mark, niin sävytys seuraa mukana. Voit kokeilla useita ilmeitä samalla kuvalla.

Viimeistele suodattimilla, valolla ja värillä

Sävytys määrittää väriperheen, muut säädöt tunnelman. Ne jakautuvat kolmeen ryhmään, ja esiasetuksilla pääset nopeasti alkuun ennen hienosäätöä. Jos kuvaat tuotetta, hoida tausta ensin: tuotekuvien taustat auttaa siinä.

Rajausmuodot: kaaret, ympyrät ja vapaat muodot

Sävytetty kuva pehmeässä muodossa näyttää suunnitellulta eikä vain pudotetulta sivulle. Kaaret tuntuvat arkkitehtonisilta ja rauhallisilta. Ne sopivat sisustukseen, kukkakauppoihin, häihin ja luontevasti myös valokuvaajan brändäykseen. Ympyrät sopivat ihmisille: tiimisivuille, puhujille ja asiakaspalautteisiin. Vapaat muodot ovat leikkisiä ja sopivat ruokaan, lastenbrändeihin ja epämuodolliseen sisältöön. Käytä yhtä muotoa designia kohti, jotta kokonaisuus pysyy yhtenäisenä.

Jos teksti on kuvan päällä, luettava teksti valokuvissa käsittelee sijoittelua. Yhtenäinen sävytys on myös yksi yksinkertaisimmista brändin yhtenäisyyden tavoista.

Duotone CSS:llä

Verkkosivulla voit rakentaa saman efektin sekoitustiloilla: muuta kuva harmaasävyiseksi, kerro se huippuvalovärin päälle ja vaalenna sitten varjovärillä.

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