Digitaalinen pikseliefekti Photoshopilla

Tässä Photoshopin tehosteiden opetusohjelmassa opimme luomaan ”digitaalisen pikselin” efektin, jota käytetään usein mainoksissa, joissa myydään jotakin digitaaliseen liittyvää. Pikselöimme ensin koko kuvamme hyvin yksinkertaisella suodattimella, ja sen jälkeen kokeilemme tasomaskin, peittävyysasetuksen ja joidenkin tasojen sekoitustilojen avulla luodaksemme erilaisia variaatioita efektistämme. Tutoriaalin lopussa näemme jopa, miten niinkin yksinkertainen asia kuin kerroksen sekoitustilan muuttaminen voi luoda täysin uuden efektin!

Tässä on alkuperäinen kuva, josta aloitan:

Kuten sanoin, tarkastelemme efektin muutamaa eri variaatiota. Tässä on ensimmäinen, jota kohti työskentelemme:

Tässä on toinen:

Ja esimerkkinä siitä, kuinka helposti voimme luoda näennäisesti täysin erilaisen efektin yksinkertaisesti muuttamalla tason sekoitustilaa, lopetamme tähän:

Tämä opetusohjelma kuuluu Photo Effects -sarjaan. Aloitetaan!

Vaihe 1: Duplikoi taustakerros

Ensimmäinen asia, joka minun täytyy tehdä tätä tehostetta varten, on duplikoida taustakerrokseni. Kun kuvani on avattu Photoshopissa, näen Layers-paletissa, että minulla on tällä hetkellä vain yksi kerros, Background-taso, joka sisältää kuvani:

Duplikoin tuon kerroksen pikanäppäinyhdistelmällä Ctrl+J (Win) / Command+J (Mac), ja nyt näen Layers-paletissani, että minulla on kaksi kerrosta, jossa Background-kerroksen kopio on originaalin päällä. Photoshop on nimennyt sen ”Layer 1”:

Vaihe 2: Pikselöi kopioitu kerros

Seuraavaksi meidän täytyy pikselöidä uusi kerros, ja voimme tehdä sen menemällä ruudun yläreunassa olevaan Filter (Suodatin) -valikkoon, valitsemalla Pixelate (Pikselöi) -vaihtoehdon ja valitsemalla Mosaic. Tämä tuo esiin ”Mosaic”-suodattimen valintaikkunan. Vedä alareunassa olevaa liukupalkkia muuttaaksesi Cell Size (Solun koko) -vaihtoehtoa, joka lisää tai pienentää kuvasta luotavien pikselien määrää ja kokoa. Oikealle vetämällä luodaan vähemmän mutta suurempia pikseleitä, kun taas vasemmalle vetämällä saadaan enemmän mutta pienempiä pikseleitä. Asetan Cell Size -arvoksi noin 18:

Klikkaa OK poistuaksesi valintaikkunasta. Tässä on kuvani sen jälkeen, kun olen soveltanut Mosaic-suodatinta:

Nyt kun olemme pikselöineet kuvan, voimme tehdä sille muutamia eri asioita, joita tarkastelemme seuraavaksi.

Vaihe 3: Lisää tasomaskin

Lisään pikselöityyn tasoon tasomaskin tässä vaiheessa. Sitä varten, kun ”Layer 1” on valittuna, napsautan Layers-paletin alaosassa olevaa Layer Mask -kuvaketta:

Tämä lisää kerrosmaskin ”Layer 1:een”, ja jos katsomme Layers-palettia, näemme, että se lisää myös kerrosmaskin pikkukuvan kerroksen sisällön pikkukuvan oikealle puolelle:

Voidaan myös todeta, että kerrosmaski, ei kerroksen sisältö, on tällä hetkellä valittuna kerrosmaskin pikkukuvan ympärille ilmestyvästä valkoisesta korostusrajauksesta.

Vaihe 4: Gradienttityökalun valitseminen

Aioimme käyttää kerrosmaskiamme taustakerroksessa olevan alkuperäisen kuvan ja ”Kerros 1:ssä” olevan pikselöityneen kuvan sulauttamiseen toisiinsa, ja sitä varten tarvitsemme Gradienttityökalua, joten valitse se joko Työkalut-paletista tai paina G-näppäintä näppäimistöltä:

Vaihe 5: Nollaa etu- ja taustavärit tarvittaessa

Haluamme mustan etualaväriksi ja valkoisen taustaväriksi. Normaalisti nuo ovat Photoshopin oletusarvoiset etu- ja taustavärit, paitsi silloin, kun meillä on valittuna tasonaamio, mikä meillä tällä hetkellä on. Aina kun olemme valinneet kerrosmaskin, oletusvärit vaihtuvat, jolloin valkoisesta tulee etualan oletusväri ja mustasta taustan oletusväri. Voit nopeasti asettaa etu- ja taustavärit mustaksi ja valkoiseksi (muistaen, että meillä on valittuna kerrosnaamio) painamalla näppäimistön D-näppäintä palauttaa ne oletusväreiksi ja vaihtaa ne sitten X-näppäimellä. Näet Työkalut-paletissa, että Etualan värivalikoima näyttää nyt mustaa ja Taustan värivalikoima valkoista:

Vaihe 6: Valitse ”Foreground to Background” -gradientti

Kun Gradienttityökalu on valittu ja Foreground- ja Background-värimme on asetettu mustaksi ja valkoiseksi, katso näytön yläreunassa olevasta Options Bar (Valinnat) -palkista, mikä gradientti on tällä hetkellä valittu. Jos gradientin esikatselualueella näkyy mustasta valkoiseen -gradientti, olet valmis:

Jos siinä näkyy jokin muu gradientti, napsauta gradientin esikatselualueen oikealla puolella olevaa pientä, alaspäin osoittavaa nuolta. Gradientin valitsin tulee näkyviin sen alapuolelle. Valitse ”Foreground to Background” -gradientti vasemmassa yläkulmassa ja sulje Gradient Picker sulkeaksesi sen sitten mistä tahansa Gradient Pickerin ulkopuolelta:

Vaihe 7: Vedä mustasta valkoiseen -gradientti tasomaskiin

Nyt kun meillä on mustasta valkoiseen -gradienttimme, voimme käyttää sitä taustakerroksen ja pikselikerroksen sulauttamiseen toisiinsa, jolloin luomme efektin ensimmäisen variaation. Haluan, että sekoitukseni siirtymäalue näkyy miehen kasvojen poikki, joten puolet hänen kasvoistaan (ja myös puolet kuvasta) on pikselöity ja toinen puoli ei ole pikselöity. Toteuttaakseni tämän klikkaan hänen oikean silmänsä alapuolella ja sitten, pitäen Shift-näppäintä alhaalla varmistaakseni, että vedän vaakasuorassa linjassa, vedän hiiren aina hänen kasvojensa vasempaan reunaan asti:

Siitä alueesta, josta aloitin ja lopetin gradienttini, tulee siirtymäalue ”Layer 1:llä” olevan pikselöityneen kuvan ja Background-tasolla olevan alkuperäisen kuvan välillä. Kun vapautan hiiren painikkeen, saan siirtymäefektini:

Vaihe 8: Täytä kerroksen naamio valkoisella

Katsotaanpa toista muunnelmaa ”digitaalinen pikseli” -efektistämme. Ensin meidän on poistettava kaltevuus, jonka lisäsimme tasomaskiin hetki sitten. Voisimme yksinkertaisesti peruuttaa sen painamalla Ctrl+Z (Win) / Command+Z (Mac), mutta sen sijaan täytetään tasomaskin uudelleen valkoisella. Kun tasomaskin pikkukuva on valittuna Layers-paletissa ja valkoinen on nykyinen taustavärimme, käytä pikanäppäintä Ctrl+Backspace (Win) / Command+Delete (Mac) täyttääksesi tasomaskin taustavärillä (valkoinen). Kerrosmaskin pikkukuva näkyy jälleen yhtenäisenä valkoisena, ja kuva näkyy nyt jälleen täysin pikselöitynä:

Vaihe 9: Valitse sivellintyökalu

Valitse sivellintyökalu Työkalut-paletista tai paina B-painiketta näppäimistön pikanäppäimeksi:

Vaihe 10: Valitse sivellintyökalu: Maalaa mustalla paljastaaksesi kuvan osia

Käyttäen pehmeäsärmäistä sivellintä ja mustaa edelleen etualavärinä, aion paljastaa hänen kasvojensa pääosan yksinkertaisesti maalaamalla sen päälle Brush Toolilla. Koska maalaan kerrosmaskin päälle enkä itse kuvan päälle, missä tahansa maalaan mustalla, piilotan pikselikerroksen ja paljastan sen alla olevan Tausta-kerroksen. Voin muuttaa siveltimeni kokoa lennossa näppäimistöni vasemman- ja oikeanpuoleisilla sulkujen näppäimillä, ja voin asettaa siveltimeni pehmeäreunaiseksi pitämällä Shift-näppäintä alhaalla ja painamalla vasemmanpuoleista sulkujen näppäintä muutaman kerran:

Tässä on kuvani sen jälkeen, kun olen paljastanut hänen kasvojensa tärkeimmät alueet maalaamalla ne mustalla päälle, jolloin syntyy vaikutelma, että hän katsoo jotenkin pikselien läpi:

Vaihe 11: Pikselöidyn tason peittävyyden alentaminen

Aion antaa alkuperäisen kuvan näkyä osittain pikselöidyn kuvan läpi, ja voin tehdä sen yksinkertaisesti menemällä Layers-paletin oikeassa yläkulmassa olevaan Opacity (Peittävyys) -vaihtoehtoon ja alentamalla peittävyysarvoa. Aion laskea sen noin 75 prosenttiin:

Tässä on kuvani sen jälkeen, kun olen alentanut pikselikerroksen peittävyyttä, ja näin luomme toisen variaation efektistämme:

Vaihe 12: Kokeile pikselöityneen kerroksen eri sekoitustiloja erilaisten tulosten aikaansaamiseksi

Luoaksesi vielä enemmän variaatioita efektiin, kokeile pikselöityneen kerroksen eri sekoitustiloja menemällä Layers-paletin vasemmassa yläkulmassa oleviin sekoitustilavaihtoehtoihin ja valitsemalla luettelosta eri vaihtoehtoja. Ensin asetan pikselikerrokseni läpinäkymättömyyden takaisin täyteen 100 prosenttiin. Sitten vaihdan tason blenditilan arvosta ”Normal” arvoon Darken:

Tässä on efekti, jonka saan, kun pikselikerroksen blenditila on asetettu arvoon ”Darken”:

Kokeillaan taas Blend Modea ”Lighten” muuttamalla se Layers-paletin vasemmassa yläkulmassa:

Tässä on efekti, jonka saan aikaan ”Lighten”-sekoitustilalla:

Kokeillaan vielä yhtä, jotta nähdään, miten erilaiselta efekti voi näyttää yksinkertaisesti vaihtamalla tason sekoitustilaa. Vaihdan blenditilan tällä kertaa muotoon ”Kova sekoitus”:

Olet varmasti samaa mieltä siitä, että efekti näyttää nyt täysin erilaiselta, vaikka olemme vain muuttaneet blenditilaa:

Ja siinäpä se onkin! Siinä on katsauksemme yksinkertaisen ”digitaalisen pikselin” efektin luomiseen ja esimerkki siitä, miten voimme luoda erilaisia variaatioita samasta efektistä ja jopa täysin uusia efektejä kokeilemalla Photoshopin kerrosmaskeja ja sekoitustiloja.

Tutustu Photo Effects -osioomme, josta löydät lisää Photoshop-efektien opetusohjelmia!