Dodajte realističnu dugu fotografiji pomoću Photoshopa

Napomena o verziji: Ovaj vodič je za Photoshop CS5. Koristite li Photoshop CC 2020 ili noviji? Provjerite ažurirana verzija .



Napisao Steve Patterson.

U ovom Vodič za Photoshop efekte , naučit ćemo kako jednostavno dodati dugu, pa čak i dvostruku dugu, na fotografiju! Kao što ćemo vidjeti, Photoshop se isporučuje s gotovim duginim gradijentom koji možemo koristiti. Naučit ćemo gdje ga pronaći i kako ga učitati. Također ćemo naučiti kako promijeniti redoslijed boja u gradijentu, što ćemo morati učiniti da bismo stvorili realističniji efekt dvostruke duge.



Naravno, kao i kod većine foto efekata, pomaže ako počnete s pravom vrstom slike. U ovom slučaju, fotografija snimljena na otvorenom dobro je mjesto za početak. Ako je to fotografija pejzaža snimljena nakon kišne oluje, još bolje!

Koristit ću Photoshop CS5. Napominjemo da će korisnici Photoshopa CC 2020 (ili novijeg) željeti provjeriti ažurirana verzija .

Evo fotografije s kojom ću početi:



  Izvorna fotografija. Slika je licencirana s iStockphoto by Photoshop Essentials.com Izvorna slika.

Evo kako će slika izgledati nakon dodavanja dvostruke duge:

  Konačni Photoshop efekt dvostruke duge. Konačni efekt duge.

Kako dodati dugu na fotografiju

Korak 1: Dodajte novi prazan sloj

Uz novootvorenu sliku u Photoshopu, ako pogledamo ploču Slojevi, vidimo da trenutno imamo jedan sloj, Pozadinski sloj, koji sadrži našu sliku:

  Ploča Slojevi u Photoshopu prikazuje pozadinski sloj. . Fotografija se nalazi na pozadinskom sloju na ploči Slojevi.

Prvo što trebamo učiniti je dodati novi prazan sloj iznad pozadinskog sloja. Da biste to učinili, kliknite na Novi sloj ikona na dnu ploče slojeva:



  Ikona Novi sloj na ploči Slojevi u Photoshopu. Kliknite na ikonu New Layer.

Photoshop dodaje novi prazan sloj pod nazivom 'Layer 1' iznad pozadinskog sloja. Dvaput kliknite izravno na naziv sloja i promijenite ga u 'Duga', budući da ćemo ovom sloju dodati našu početnu dugu. Pritisnite Unesi (pobjeda) / Povratak (Mac) kada ste gotovi s prihvaćanjem promjene imena:

  Novi Rainbow sloj je dodan u Photoshop dokument. . Preimenujte novi sloj u 'Duga'.

Korak 2: Odaberite Rainbow Gradient

Kao što sam spomenuo, Photoshop se isporučuje s gotovim duginim gradijentom koji možemo koristiti. To nije jedan od gradijenata koje nam Photoshop stavlja na raspolaganje prema zadanim postavkama, ali sve što trebamo učiniti je ručno ih učitati. Da biste to učinili, odaberite Alat za gradijent s ploče Alati:

  Photoshop alat za gradijent. . Odaberite Gradient Tool.

Zatim, uz odabrani Gradient Tool, kliknite na Birač gradijenata u traci s opcijama na vrhu zaslona:



  Birač gradijenata na traci opcija u Photoshopu. . Kliknite na alat za odabir gradijenata na traci s opcijama.

Ovo otvara Photoshop Gradient Editor koji nam pokazuje male sličice gradijenata koje možemo izabrati. Prema zadanim postavkama, gradijent duge nije jedan od njih, pa ga učitajmo. Kliknite na strelica koja pokazuje desno u gornjem desnom kutu uređivača gradijenta:

  Photoshop Gradient Editor. . Kliknite na malu strelicu.

Pojavljuje se popis dodatnih skupova gradijenata. Onaj koji želimo je Specijalni efekti . Odaberite ga s popisa:



  Odabir gradijenata specijalnih efekata u Photoshopu. . Odaberite gradijente 'Specijalni efekti'.

Photoshop će vas pitati želite li izvorne gradijente zamijeniti gradijentima specijalnih efekata ili ih jednostavno dodati na dno popisa. Klik Dodati tako da ćete i dalje imati dostupne izvorne gradijente, a novi specijalni efekti bit će dodani ispod njih:

  Dodavanje novih gradijenata. Kliknite 'Dodaj' kako biste dodali nove gradijente 'Specijalni efekti' s izvornim gradijentima.

Uz nove dodane gradijente specijalnih efekata, one koje želimo - Russellova duga - zadnji je na dnu. Ako imate omogućene Photoshopove alatne savjete u postavkama (omogućeni su prema zadanim postavkama), vidjet ćete da se pojavljuje naziv 'Russell's Rainbow' kada prijeđete pokazivačem miša preko minijature gradijenta. Kliknite sličicu za odabir gradijenta, a zatim kliknite OK za izlaz iz uređivača gradijenta:

  Odabir Russella's Rainbow gradient in Photoshop. Kliknite na sličicu 'Russell's Rainbow' za odabir gradijenta.

Korak 3: Odaberite 'Radijalni gradijent' na traci s opcijama

Kako bi se dugin gradijent pojavio kao luk kada ga crtamo, vratite se na traku s opcijama na vrhu zaslona i kliknite na Radijalni gradijent opcija:



  Opcija radijalnog gradijenta u traci opcija u Photoshopu. . Odaberite 'Radijalno' na traci s opcijama.

Korak 4: Izvucite dugu pomoću alata za gradijent

Da bismo slici dodali dugine boje, sve što trebamo učiniti je povući gradijent. Želim da moja duga izgleda kao da dodiruje tlo iza grupe stabala na lijevoj strani moje fotografije, a zatim se izdiže visoko iznad većeg stabla na desnoj strani. Da bih to učinio, postavit ću miša gotovo na rub fotografije blizu donjeg desnog kuta, u vodoravnoj liniji s dnom drveća s lijeve strane. Kliknut ću na to mjesto kako bih postavio početnu točku za svoj gradijent, a s tipkom miša još uvijek pritisnutom, povući ću skroz preko slike do točke odmah iza lijevog ruba drveća. Držeći moju Shift tipka dolje dok povlačim ograničit će smjer u kojem mogu povući, olakšavajući vodoravno povlačenje:

  Povlačenje radijalnog duginog gradijenta u Photoshopu. Povlačenje radijalnog duginog gradijenta s desna na lijevo na slici.

Kada pustite tipku miša, Photoshop iscrtava gradijent duge. Još ne izgleda baš realno, ali je početak:



  Gradijent duginih boja u Photoshopu. Photoshop iscrtava gradijent kada pustite tipku miša.

Korak 5: Promijenite način miješanja Rainbow sloja u 'Zaslon'

Idi gore do način miješanja opcije u gornjem lijevom kutu ploče Slojevi (to je padajući okvir postavljen na 'Normalno' prema zadanim postavkama) i promijenite način stapanja sloja Rainbow na Zaslon :

  Photoshop Screen način stapanja. Promijenite način miješanja duginog sloja u Screen.

Boje duge sada će se bolje stopiti s fotografijom iza njih:

  Duga nakon promjene načina stapanja u Screen. Duga nakon promjene načina stapanja u Screen.

Korak 6: Primijenite filtar Gaussian Blur

Zamutimo zajedno dugine boje kako bi izgledalo realističnije. Idi gore do filtar izbornika u traci izbornika na vrhu zaslona odaberite Zamutiti , zatim odaberite Gaussovo zamućenje :

  Odabir filtra Gaussian Blur u Photoshopu. . Idite na Filter > Blur > Gaussian Blur.

Ovo otvara Photoshopov dijaloški okvir Gaussian Blur. Povucite Radius klizač na dnu dijaloškog okvira prema desno kako biste povećali količinu zamućenja koja se primjenjuje na dugu, pazeći na sliku dok povlačite klizač kako biste mogli vidjeti pregled onoga što se događa. Nastavite povlačiti klizač udesno dok prijelazi između boja ne izgledaju mekše i prirodnije. Stvarna vrijednost polumjera koju na kraju odaberete uvelike će ovisiti o veličini i razlučivosti vaše slike. Za mene, vrijednost od oko 50 piksela radi dobro. Kliknite OK kada završite da biste zatvorili dijaloški okvir:

  Photoshop Gaussian Blur filter. . Povucite klizač radijusa da ublažite prijelaze boja u dugi.

Evo moje slike nakon primjene filtra Gaussian Blur:

  Slika nakon zamućivanja duge. Duga sada izgleda realističnije nakon primjene filtra Gaussian Blur.

Korak 7: Dodajte masku sloja

Klikni na Maska sloja ikona na dnu ploče slojeva:

  Ikona Layer Mask na ploči Slojevi u Photoshopu. Pritisnite ikonu Layer Mask.

Još se ništa neće dogoditi u prozoru dokumenta, ali Photoshop dodaje minijaturu maske sloja desno od glavne minijature pregleda na Rainbow sloju. Ako pažljivo pogledate, vidjet ćete bijeli okvir za označavanje koji se pojavljuje oko minijature maske sloja. Ovo nam govori da je odabrana maska, a ne sam sloj:

  Sličica maske sloja pojavljuje se na ploči Slojevi u Photoshopu. . Sličica maske sloja govori nam da je maska ​​dodana.

Korak 8: Odaberite crno-bijeli gradijent

Dok je još uvijek odabran Gradient Tool, desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar prozora dokumenta za brzi pristup minijaturama unaprijed postavljenih gradijenata, istim onima koje smo maloprije vidjeli u dijaloškom okviru Gradient Editor. Odaberite Crno-bijeli gradijent klikom na njegovu sličicu (treća slijeva, gornji red). Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s zatvaranjem popisa gradijenata:

  Minijatura gradijenta crno-bijelo u uređivaču gradijenta u Photoshopu. Kliknite minijaturu crno-bijelog gradijenta da biste ga odabrali.

Korak 9: Odaberite 'Linearni gradijent' na traci s opcijama

Vratite se na traku s opcijama i ovaj put kliknite na Linearni gradijent opcija:

  Opcija linearnog gradijenta na traci opcija u Photoshopu. Kliknite na ikonu 'Linearni' gradijent.

Korak 10: Povucite crno-bijeli gradijent na masku sloja

Čini se da prava duga obično postaje svjetlija što seže više u nebo, tako da ćemo našoj Photoshopiranoj dugi dati isti učinak povlačenjem crno-bijelog gradijenta od baze duge (točke gdje duga i tlo se treba spojiti) do vrha slike. Kako bih to učinio, s odabranim alatom Gradient, kliknut ću mišem negdje uz dno drveća s lijeve strane. Zatim, dok je tipka miša još uvijek pritisnuta, ja ću držati pritisnutu svoju Shift tipku i povucite ravno do vrha slike. Držanje Shift olakšava povlačenje u okomitom smjeru:

  Povlačenje crno-bijelog gradijenta od baze duge do vrha slike. Povucite crno-bijeli gradijent od baze duge do vrha slike.

Kad otpustim tipku miša, Photoshop iscrtava gradijent crno-bijelo. Budući da je gradijent nacrtan na maski sloja, a ne na samom sloju, ne vidimo stvarni gradijent na slici. Umjesto toga, sada se čini da duga počinje pri dnu drveća s lijeve strane i postaje svjetlija što seže više u nebo:

  Duga nakon povlačenja okomitog gradijenta crno-bijelo na maski sloja. Duga se više ne proteže sve do dna fotografije zahvaljujući maski sloja.

Korak 11: Duplicirajte Rainbow sloj kako biste povećali njegovu svjetlinu

Za povećanje svjetline duge jednostavno pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za dupliciranje sloja. Ako nakon dupliciranja sloja pronađete dugu isto svijetlo, vratite ga nekoliko zareza smanjivanjem neprozirnosti dupliciranog sloja. Naći ćete Neprozirnost opciju izravno preko puta opcije načina stapanja na vrhu ploče Slojevi. Ja ću svoj smanjiti na oko 70%:

  Dupliciranje duginog sloja i smanjenje neprozirnosti duplikata sloja na 70%. Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) da duplicirate dugin sloj, zatim smanjite neprozirnost novog sloja prema potrebi.

Evo moje slike nakon dupliciranja sloja duge i zatim smanjenja neprozirnosti:

  Duga na fotografiji sada izgleda svjetlije. Duga sada izgleda svjetlije.

Korak 12: Grupirajte dva sloja duge

Idemo malo srediti ploču Slojevi grupiranjem dva duga sloja zajedno. Grupiranje povezanih slojeva olakšava organiziranje ploče Slojevi. S odabranim gornjim slojem držite pritisnutim svoj Shift tipku i kliknite na izvorni Rainbow sloj neposredno ispod njega kako biste odabrali oba sloja odjednom. Vidjet ćete da su oba označena plavom bojom, dajući vam do znanja da su oboje odabrani:

  Odabir dva sloja odjednom na ploči Slojevi u Photoshopu. Odaberite oba sloja duge.

Zatim idite gore do Sloj izbornik na vrhu zaslona i odaberite Skupni slojevi :

  Grupiranje slojeva u Photoshopu. Idite na Layer > Group Layers.

Photoshop će grupirati dva sloja zajedno na ploči Slojevi. Photoshop novu grupu naziva 'Grupa 1'. Prema zadanim postavkama, grupa slojeva bit će zatvorena, sprječavajući nas da vidimo dva sloja unutar nje, što je za sada u redu:

  Dva sloja duge dodana su grupi slojeva. Dva dugina sloja sada su unutar 'Grupe 1'.

Korak 13: Dodajte novi prazan sloj

Imamo svoju početnu dugu. Sada dodajmo drugu da stvorimo efekt dvostruke duge! Prvo, trebat će nam novi sloj, pa kliknite još jednom na Novi sloj ikona na dnu ploče slojeva:

  Ikona Novi sloj na ploči Slojevi u Photoshopu. Dodajte još jedan novi sloj.

Novi sloj pojavit će se iznad grupe slojeva na ploči Slojevi. Dvaput kliknite na naziv novog sloja i promijenite ga u 'Second rainbow', zatim pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje promjene imena:

  Promjena naziva novog sloja'Second rainbow'. Preimenujte novi sloj u 'Druga duga'.

Korak 14: Ponovno odaberite Rainbow Gradient

Kliknite još jednom na Birač gradijenata u traci s opcijama na vrhu zaslona:

  Birač gradijenata u Photoshopu. Birač gradijenata trenutno prikazuje gradijent crno-bijelo.

Kada se otvori Gradient Editor, ponovno kliknite na Russellova duga minijatura za odabir duginog gradijenta, ali nemojte još zatvoriti Gradient Editor. Moramo unijeti neke promjene u njega:

  Odabir Russella's Rainbow gradient in Photoshop. Ponovno odaberite Russell's Rainbow gradijent.

Korak 15: Okrenite redoslijed boja u gradijentu

Kad god u prirodi vidimo dvostruku dugu, boje u drugoj dugi uvijek su obrnutim redoslijedom, što znači da moramo obrnuti redoslijed boja u našem gradijentu. Dok je Gradient Editor još otvoren, kliknite na plava boja stop izravno ispod trake pregleda gradijenta i povucite je prema lijevo. Zatim učinite istu stvar s zelena i žuta boja prestaje , povlačeći ih prema lijevo. Nije važno koliko ih daleko povučete, sve dok između njih postoji razmak. Ovo je samo kako bismo bili sigurni da se ne preklapaju dok ih mijenjamo. Ostavite graničnik crvene boje na mjestu:

  Povlačenje plave, zelene i žute boje zaustavlja se ulijevo. Povucite graničnike plave, zelene i žute boje prema lijevo samo da ih privremeno raširite.

Klikni na zaustavljanje crvene boje da biste ga odabrali, zatim unesite vrijednost od 82% u Mjesto opcija. Ovo će postaviti graničnik crvene boje na isto mjesto na kojem je prvobitno bio graničnik plave boje:

  Postavljanje mjesta zaustavljanja crvene boje na 82% u gradijentu. Kliknite na graničnik crvene boje, zatim unesite 82% za lokaciju.

Zatim kliknite na žuta boja stop da biste je odabrali, a zatim je postavite Mjesto vrijednost za 85% . Ovo pomiče žuto na mjesto koje je izvorno držalo zeleno:

  Postavljanje mjesta graničnika žute boje na 85% u gradijentu. Kliknite žuti graničnik, zatim unesite 85% za lokaciju.

Klikni na zaustavljanje zelene boje da biste je odabrali, a zatim je postavite Mjesto vrijednost za 88% , koji pomiče zelenu boju na izvornu lokaciju žute:

  Postavljanje lokacije zaustavljanja zelene boje na 88% u gradijentu. Kliknite na graničnik zelene boje, zatim unesite 88% za lokaciju.

Na kraju kliknite na plava boja stop i promijeniti svoje Mjesto vrijednost za 92% , postavljajući ga na originalno crveno mjesto:

  Postavljanje lokacije graničnika plave boje na 92% u gradijentu. Kliknite plavi graničnik, zatim unesite 92% za lokaciju.

Neposredno iznad trake za pregled gradijenta nalazi se više stanica, ispunjenih bijelom, crnom ili nekom nijansom sive. Ovi graničnici kontroliraju razine prozirnosti (neprozirnosti) boja kroz gradijent. Klikni na svijetlo siva neprozirnost stop (drugi slijeva) da biste ga odabrali, a zatim ga promijenite Neprozirnost vrijednost s izvornih 20% na 0% . Kliknite U redu kada završite da izađete iz uređivača gradijenata:

  Promjena vrijednosti neprozirnosti u dijelu gradijenta. Kliknite na svijetlosivi graničnik iznad trake pregleda gradijenta i promijenite njegovu vrijednost neprozirnosti na 0%.

Korak 16: Povucite još jedan Rainbow Gradient

S bojama u gradijentu koje su sada obrnute, spremni smo za stvaranje naše druge duge. Prvo ću privremeno sakriti svoju izvornu dugu klikom na grupu slojeva ikona vidljivosti (očna jabučica) na ploči Slojevi:

  Grupa slojeva's visibility icon in the Layers panel. Klikom na ikonu vidljivosti uključujete ili isključujete slojeve ili grupe slojeva u dokumentu.

Zatim ću povući dugin gradijent baš kao što sam učinio u koraku 4: Prvo, moram ponovno odabrati Radijalni gradijent na traci s opcijama tako da će se gradijent pojaviti kao luk:

  Odabir opcije Radijalni gradijent na traci s opcijama. Ponovno odaberite opciju Radial Gradient.

Zatim ću kliknuti i povući svoju drugu dugu na isto mjesto kao i prvu:

  Povlačenje radijalnog duginog gradijenta u Photoshopu. Povlačenje drugog duginog gradijenta na istom mjestu.

Kad otpustim tipku miša, Photoshop iscrtava gradijent, izgleda vrlo slično prvom osim što je ovaj put redoslijed boja obrnut:

  Na fotografiju je dodan obrnuti gradijent duginih boja. Drugi dugin gradijent s obrnutim bojama.

Korak 17: Promijenite način miješanja u Screen

Baš kao što smo učinili s prvom dugom, promijenite način miješanja nove duge od normalne do Zaslon :

  Način stapanja sloja zaslona. Postavite način stapanja na Zaslon.

Boje duge sada se bolje stapaju sa slikom:

  Druga duga sada se stapa sa slikom. Druga duga postavljena na način stapanja zaslona.

Korak 18: Primijenite filtar Gaussian Blur

Budući da je Gaussovo zamućenje filtar je posljednji filtar koji smo primijenili, možemo ga brzo ponovno primijeniti s istim postavkama pritiskom na Ctrl+F (pobjeda) / Command+F (Mac). Kao i prije, prijelazi boja sada izgledaju mekše i prirodnije:

  Druga duga nakon zamućenja. Duga ponovno izgleda realističnije nakon zamućivanja boja.

Korak 19: Kopirajte masku sloja na drugi sloj duge

Moramo dodati masku sloja na ovoj točki i nacrtati crno-bijeli linearni gradijent na maski kako bismo sakrili dugu ispod točke gdje bi trebala dodirivati ​​tlo i kako bi se činilo da se povećava svjetlina kako seže dalje u dubinu. nebo, baš kao što smo učinili u koracima 7-10 s originalnom dugom. Ali zašto bismo ponovno prolazili kroz svu tu gnjavažu kada možemo jednostavno kopirati jednu od maski slojeva koje smo već napravili na drugi dugin sloj! Da bih to učinio, prvo ću morati otvoriti svoju grupu slojeva klikom na mali trokut lijevo od naziva grupe:

  Okretanje otvorite grupu slojeva. Kliknite na trokut da biste otvorili grupu slojeva.

Dok je grupa slojeva otvorena i sada su vidljiva dva sloja koji čine izvornu dugu, držite pritisnut Sve (pobjeda) / Opcija (Mac), kliknite sličicu maske sloja za sloj 'Dugina kopija' i povucite ga do drugog duginog sloja:

  Povlačenje maske sloja na drugi sloj. Držite Alt (Win) / Option (Mac) i povucite sličicu maske sloja na gornji sloj.

Kada vidite istaknutu traku koja se pojavljuje oko drugog duginog sloja (prikazanog na prethodnoj sličici), otpustite tipku miša. Photoshop kopira masku sloja na sloj druge duge:

  Maska sloja je kopirana na drugi sloj. Maska sloja je kopirana s jednog sloja na drugi.

Ako pogledamo sliku u prozoru dokumenta, vidimo da donji dio duge sada blijedi iznad drveća, baš kao i originalna duga:

  Maska sloja primijenjena je na drugu dugu. Slika nakon kopiranja maske sloja na drugi dugin sloj.

Korak 20: Pomaknite drugu dugu na mjesto

Sve što sada treba učiniti je pomaknuti drugu dugu na mjesto. Odaberite Photoshop's Alat za pomicanje na ploči Alati ili pritisnite slovo U na tipkovnici da biste ga brzo odabrali pomoću prečaca:

  Photoshop alat za premještanje. Odaberite Move Tool.

Prije nego bilo što premjestim, ponovno ću uključiti izvornu dugu u dokumentu ponovnim klikom na grupu slojeva ikona vidljivosti na ploči Slojevi:

  Klikom na grupu slojeva's visibility icon in the Layers panel. Kada su sloj ili grupa skriveni, očna jabučica u ikoni vidljivosti također je skrivena.

Zatim, uz odabrani Move Tool i obje duge sada vidljive u dokumentu, kliknite unutar prozora dokumenta i, dok tipku miša još uvijek držite pritisnutu, povucite drugu dugu na mjesto. Ja ću svoju povući gore i ulijevo tako da se samo mali dio pojavi u gornjem lijevom kutu fotografije:

  Povlačenje druge duge na mjesto u dokumentu. Koristite Move Tool da povučete drugu dugu na mjesto na slici.

Korak 21: Smanjite neprozirnost druge duge

Konačno, budući da ne želim da moja druga duga izgleda tako svijetla kao izvorna, smanjit ću njenu neprozirnost na oko 70% na vrhu ploče Slojevi:

  Smanjenje neprozirnosti druge duge. Smanjenje neprozirnosti druge duge.

I s tim smo gotovi! Evo, nakon smanjenja neprozirnosti, moj konačni Photoshop dvostruki dugin efekt:

  Konačni Photoshop efekt dvostruke duge. Konačni efekt duge.