Fotorealistične padajoče sence v Photoshopu

Napisal Steve Patterson.

Priznajmo si, Photoshopov vgrajeni učinek padajoče sence ima svoje omejitve. To je v redu za osnovne učinke sence, kot je ustvarjanje videza, da je besedilo rahlo dvignjeno od ozadja na spletni strani, a če iščete nekaj bolj realističnega na fotografiji, senca sama po sebi ne pomaga. Z malo pomoči pa lahko te preproste, nezanimive padajoče sence spremenimo v nekaj veliko bolj realističnega videza, tako da 'preslikamo' svoje sence na sliko s tako imenovanim zemljevid premikov . Profesionalci uporabljajo zemljevide pomikov za dodajanje realizma slikam, vendar naj vas to ne prestraši. Za njihovo uporabo vam ni treba biti profesionalec. Pravzaprav so zelo preprosti.



Kot bomo videli v tej vadnici za Photoshop, zemljevid premika ni nič drugega kot ločena, črno-bela različica vaše slike, ki jo Photoshop uporablja, da ugotovi, kako preoblikovati vaše sence, tako da se zdi, da sledijo naravnim teksturam in globine ozadja za njimi, tako kot bi naredila prava senca. Zemljevid pomikov si predstavljajte kot Photoshopovo premikanje slikovnih pik z 'mesta na mesto'. Če se vam to zdi smiselno, super! Če ne, ne skrbite, bo, ko bomo končali to vadnico.

Tukaj je moja izvirna slika, preprosta fotografija vode:





  Izvirna slika

Čez to bom dodal nekaj tipa in nato tipu dodal senco. Običajno bi dobil nekaj, kar je videti takole:



  Voda z dodanim tipom in preprosto padajočo senco

Sploh ni zelo realno. Zdi se, da padajoča senca sledi oblikam valov pod seboj nekoliko , vendar je to samo zato, ker je motnost padajoče sence nastavljena na privzeto vrednost 75 %, tako da se skozi njo vidijo nekateri valovi. Zmanjšana motnost nekoliko pomaga, vendar vsekakor ni najboljše, kar bi lahko naredili. Večinoma so sence videti ravne.



Zahvaljujoč moči Photoshopa in zemljevidom pomikov pa lahko enostavno spremenim to poenostavljeno padajočo senco v nekaj podobnega temu:

  Končni rezultat.

To izgleda veliko bolje in ustvarjanje tega 'preslikanega' učinka sence je tisto, kar bomo počeli v tej vadnici.



Ta vadnica je iz našega Fotografski učinki serije. Začnimo!

Korak 1: Dodajte nekaj vrste nad vašo sliko

Moja fotografija vode je odprta v Photoshopu in v moji paleti plasti vidim, da imam trenutno eno plast, plast ozadja, ki vsebuje mojo sliko:

  Photoshop's Layers palette showing the original image open on the Background layer Photoshopova paleta plasti, ki prikazuje izvirno sliko, odprto na plasti ozadja.

Prva stvar, ki jo bom naredil, je, da dodam vrsto, ki jo bom uporabljal. Pritisnite T na tipkovnici za hiter dostop do Tipsko orodje in dodajte svoje besedilo. Vtipkal bom 'DEEP BLUE':



  Slika z dodanim mojim besedilom. Pritisnite 'T' na tipkovnici za hiter dostop do orodja Type in dodajanje besedila sliki.

Tukaj je moja paleta plasti, ki zdaj prikazuje dve plasti - mojo izvirno plast ozadja in mojo novo dodano plast nad njo:

  Photoshop's Layers palette now showing the type layer above the Background layer Paleta slojev, ki zdaj prikazuje sloj tipa, dodan nad sloj ozadja.

Tega naslednjega koraka vam ni treba narediti, če tega ne želite, vendar bom svoje besedilo raztegnil in ga naredil višje s pritiskom Ctrl+T (Zmaga) / Command+T (Mac), da prikažete Photoshop Prosta transformacija polje in ročaji okoli mojega tipa, nato pa med držanjem pritisnjenim Vse (Zmaga) / Možnost (Mac), bom polje Free Transform povlekel navzgor od zgornjega sredinskega ročaja (obkroženo z rdečo na spodnjem posnetku zaslona). Če držite tipko Alt/Option, s tem poveste Photoshopu, naj tip raztegne od sredine in hkrati razširi zgornji in spodnji del.



  Raztezanje tipa in njegovo povišanje z uporabo Free Transform Raztegnite tip in ga povišajte z Photoshopovim ukazom Free Transform. Če držite tipko Alt (Win) / Option (Mac), ko povlečem z zgornjega ročaja, povečam višino besedila tako od zgoraj kot od spodaj hkrati, ko povlečem.

Ko je besedilo na mestu, bomo naslednjič dodali našo padajočo senco.

2. korak: Besedilu dodajte senco

Ko je izbran sloj vrste, kliknite na Dodaj slog plasti ikona na dnu palete plasti:



  Kliknite ikono Dodaj slog plasti na dnu palete plasti Kliknite ikono Dodaj slog plasti na dnu palete plasti.

Izberite Drop Shadow s seznama slogov plasti, ki se prikaže:

  Na seznamu izberite slog plasti Drop Shadow Na seznamu izberite slog plasti Drop Shadow.

To bo prikazalo pogovorno okno Layer Style, ki nam bo prikazalo možnosti Drop Shadow:

  Pogovorno okno Slog plasti, ki prikazuje možnosti Drop Shadow Pogovorno okno Slog plasti, ki prikazuje možnosti Drop Shadow.

Motnost bom pustil privzeto nastavljeno na 75 %, kot pa nastavljen na 120 stopinj. Edina možnost, ki jo bom spremenil, je Razdalja , ki ga bom nastavil dvajset slikovnih pik, kot je prikazano zgoraj. Ko končate, kliknite V redu za izhod iz polja z možnostmi.

Tukaj je moja slika z uporabljeno senco:

  Slika s senco, uporabljeno na besedilu Slika s senco, uporabljeno na besedilu.

Vsekakor ni tisto, kar bi rekli realistično. Seveda se ne morem spomniti, kdaj sem nazadnje v resničnem življenju videl lebdeče besedilo nad vodo, a če bi ga videl, sem prepričan, da senca ne bi bila videti tako lažna. Na srečo je ta vadnica namenjena odpravljanju te težave. Naprej bomo ustvarili naš zemljevid premikov.

3. korak: Kopirajte plast ozadja in jo prilepite kot nov kanal

V paleti plasti ponovno kliknite plast ozadja, da jo izberete:

  Kliknite plast ozadja v paleti plasti, da jo izberete Kliknite plast ozadja v paleti plasti, da jo izberete.

Ko je izbran sloj ozadja, pritisnite Ctrl+A (Zmaga) / Ukaz + A (Mac), da izberete vsebino plasti, ki je v tem primeru izvirna fotografija vode. Okoli slike v oknu dokumenta se bo pojavilo izbirno polje. Nato pritisnite Ctrl+C (Zmaga) / Command+C (Mac), da kopirate vsebino plasti.

Zdaj preklopite na svoje Paleta kanalov , ki je združen tik poleg palete plasti, in kliknite na Ustvari nov kanal ikona na dnu palete kanalov, kot je spodaj obkroženo rdeče:

  Kliknite ikono Ustvari nov kanal na dnu palete kanalov. Kliknite ikono Ustvari nov kanal na dnu palete kanalov.

Nov kanal, napolnjen s črno, ki ga Photoshop poimenuje 'Alpha 1', se bo pojavil pod obstoječimi rdečimi, zelenimi in modrimi kanali:

  Nov kanal z imenom Alpha 1 Photoshop doda nov kanal pod modri kanal in ga poimenuje 'Alpha 1'.

Pri izbranem kanalu 'Alpha 1' pritisnite Ctrl+V (Zmaga) / Ukaz + V (Mac), da prilepite vsebino plasti ozadja v ta novi kanal. Videli boste, da se slika prikaže črno-belo v območju predogleda sličic kanala 'Alpha 1':

  Lepljenje vsebine v nov kanal Vsebina sloja ozadja je črno-bela znotraj sličice predogleda novega kanala.

Videli boste, da se v vašem oknu dokumenta pojavi ista črno-bela različica:

  Črno-bela različica plasti ozadja se zdaj prikaže v oknu dokumenta Črno-bela različica plasti ozadja se zdaj prikaže v oknu dokumenta.

Pritisnite Ctrl+D (Zmaga) / Ukaz + D (Mac), da na tej točki prekličete izbor slike. Nato bomo za novi kanal uporabili filter Gaussian Blur.

4. korak: Uporabite filter Gaussian Blur za nov kanal

Ta novi kanal bomo uporabljali kot zemljevid premika za našo padajočo senco in ena od stvari, ki se ji želimo izogniti, so ostri ali grobi robovi zemljevida premika, tako da bo naša senca tekla gladko in naravno z valovanje in valovanje v vodi. Da bo vse lepo in gladko, bom temu kanalu dodal filter Gaussian Blur.

Z izbranim kanalom 'Alpha 1' se pomaknite do Meni filtra na vrhu zaslona izberite Zameglitev in nato izberite Gaussova zameglitev , ki odpre pogovorno okno Gaussova zameglitev:

  Photoshop's Gaussian Blur filter Izberite Filter > Blur > Gaussian Blur, da odprete pogovorno okno Gaussian Blur.

Tukaj želite dodati le rahlo zameglitev. Za to vadnico uporabljam sliko z nizko ločljivostjo in zame zadostuje vrednost polmera približno 2 slikovnih pik. Če uporabljate sliko naravnost iz svojega digitalnega fotoaparata, je velika verjetnost, da bo veliko višje ločljivosti in v tem primeru boste verjetno ugotovili, da nastavitev približno 5-6 slikovnih pik deluje dobro. Še enkrat, želimo le rahlo količino zamegljenosti, ravno toliko, da se vse zgladi.

5. korak: Povečajte kontrast kanala z nivoji

Naslednja stvar, ki jo želimo storiti, je povečati kontrast tega kanala, saj večji kot je kontrast, večji vpliv bo imela naša karta premika. Ko je novi kanal še vedno izbran, uporabite bližnjico na tipkovnici Ctrl+L (Zmaga) / Command+L (Mac), da prikažete Ravni pogovorno okno:

  Photoshop's Levels dialog box Uporabite nivoje za povečanje kontrasta novega kanala, kar poveča učinek, ki ga bo imela naša karta premika na padajočo senco.

Ko je pogovorno okno Ravni odprto, povlecite drsnika za črno točko in belo točko Input Levels (oba zgoraj obkrožena rdeče) proti sredini, da povečate kontrast kanala. Naj vas ne skrbi, da bi izgubili podrobnosti v svetlih in senčnih delih, kot bi jih, če bi za tonski popravek na sliki uporabljali nivoje. Tu nas skrbi samo povečanje kontrasta.

Takole izgleda moj kanal po povečanju kontrasta z nivoji:

  Alfa kanal po povečanju kontrasta z nivoji Kanal 'alfa 1' po povečanju kontrasta z nivoji.

Končali smo z delom na kanalu in pripravljen je za uporabo kot zemljevid premikov, a če ga želimo uporabiti, moramo iz njega ustvariti nov dokument in to bomo storili naslednjič.

6. korak: Podvojite kanal kot nov dokument

Na kanal smo uporabili filter Gaussian Blur, da vse zgladimo, kontrast pa smo povečali z nivoji. Naš kanal je pripravljen za uporabo kot zemljevid premikov, vendar mora biti za uporabo zemljevida premikov ločena datoteka in trenutno je to le kanal v naši izvirni datoteki. Vendar ga bomo shranili kot novo datoteko s podvajanjem kanala. Kliknite majhno desno puščico v zgornjem desnem kotu palete kanalov za dostop do možnosti palete kanalov in izberite Podvojeni kanal s spustnega seznama, ki se prikaže:

  Photoshop's Channels palette menu Kliknite majhno desno puščico v zgornjem desnem kotu palete kanalov in na seznamu možnosti izberite »Podvoji kanal«.

Prikaže se pogovorno okno Podvojeni kanal:

  Pogovorno okno Podvoji kanal Pogovorno okno 'Podvoji kanal'.

Za Destinacija , kliknite puščico navzdol in izberite Novo podvojite kanal kot popolnoma ločen dokument in poimenujte svoj novi dokument. Svojega sem poimenoval 'izpodrivanje vode'. Ko končate, kliknite V redu in vaš kanal se bo prikazal kot nov dokument Photoshop na vašem zaslonu.

7. korak: Shranite nov dokument

Shranite ta novi dokument na namizje ali kamor koli ga želite shraniti v računalniku in zapomnite si, kam ga shranjujete, saj bomo do njega dostopali v trenutku. Ko shranite dokument, ga zaprite in pustite odprt samo izvirni dokument.

8. korak: Ustvarite novo plast iz sloga plasti sence

Običajno so slogi plasti, kot so padajoče sence, preprosto učinki, ki se uporabljajo za druge plasti, vendar lahko sloge plasti pretvorimo v njihove lastne plasti, kar je točno to, kar moramo storiti z našim učinkom padajoče sence, da ga lahko uporabimo z našim premikom zemljevid. Z izbrano plastjo vrste se pomaknite do Meni plasti na vrhu zaslona izberite Slog plasti in nato čisto navzdol, blizu dna seznama, izberite Ustvari plast :

  Izberite Ustvari plast, da postavite senco na svojo ločeno plast pod plastjo tipa Pojdite na Layer > Layer Style > Create Layer, da pretvorite učinek padajoče sence v lastno ločeno plast pod plastjo tipa.

Ko med možnostmi sloga plasti izberete »Ustvari plast«, Photoshop vzame senco, jo rastrizira (pretvori v slikovne pike) in jo nato postavi na svojo ločeno plast neposredno pod plastjo tipa:

  Senca se zdaj pojavi na lastni plasti pod plastjo tipa Senca se zdaj pojavi na lastni plasti pod plastjo tipa.

Imamo naš zemljevid premika in imamo našo padajočo senco na lastni plasti. Pripravljeni smo združiti oboje in ustvariti veliko bolj realističen učinek sence, kar bomo naredili naslednjič.

9. korak: Uporabite zemljevid premika na plast Drop Shadow z uporabo filtra Displace

Pripravljeni smo na uporabo zemljevida premika. Kliknite plast sence v paleti plasti, da jo izberete. Nato pojdite do Meni filtra na vrhu zaslona izberite Izkrivljanje in nato izberite Izpodrivati za prikaz pogovornega okna filtra Displace:

  Photoshop's Displace filter dialog box Pojdite na Filter > Distort > Displace, da odprete pogovorno okno filtra 'Displace'.

Uporaba Photoshopovega filtra Displace je sestavljena iz dveh delov. Najprej nastavite možnosti, kako bo Photoshop uporabil zemljevid premika, nato pa izberete zemljevid premika, ki ga želite uporabiti. V prvem pogovornem oknu, ki se prikaže, nastavite možnosti. Kot sem obkrožil zgoraj, nastavite oba Horizontalna lestvica in Navpična lestvica možnosti za 10 , če še niso nastavljeni na 10. Za Zemljevid premikov , izberite Stretch To Fit , in za Nedefinirana območja , izberite Ovijte okoli . Ko končate, kliknite V redu.

Odprlo se bo drugo pogovorno okno, v katerem boste morali izbrati datoteko, ki jo želite uporabiti kot zemljevid premikov. Po nekaj korakih nazaj se pomaknite do mesta, kjer ste shranili zemljevid premikov, in ga izberite. Kliknite Odprto za uporabo zemljevida premika in vaša padajoča senca se takoj preslika v ozadje za njim!

Da bi dobili boljšo predstavo o tem, kaj se dogaja, bom kliknil ikono očesnega zrkla na skrajni levi strani mojega sloja tipa, da začasno skrijem svoj tip pred pogledom, tako da lahko vidim samo senco in vodo za njo. Takole je izgledala moja padajoča senca pred uporabo zemljevida premika:

  Senca pred uporabo zemljevida premika Senca pred uporabo zemljevida premika, pri čemer je tipska plast začasno skrita pred pogledom.

In tukaj je moja popolnoma enaka padajoča senca po uporabi zemljevida premika:

  Senca po uporabi zemljevida premika Senca po uporabi zemljevida premika.

Zahvaljujoč zemljevidu premika padajoča senca ne leži več ravno na sliki za seboj. Zdaj se ukrivlja in upogne skupaj z vodo, kar ustvarja veliko bolj realističen učinek.

Še enkrat bom kliknil ikono očesnega zrkla za svoj tipski sloj, da bom svoje besedilo prikazal nazaj na vrhu padajoče sence, in tukaj je moj končni rezultat:

  Končni rezultat Končni rezultat.