Bacite svjetlo s prozora pomoću Photoshopa

Napisao Steve Patterson.

U ovom Vodič za Photoshop efekte , naučit ćemo kako snimiti običnu fotografiju i dati joj više fokusa i dojma stvarajući izvor svjetla i osvijetliti ga na glavni subjekt kroz prozor. Trebat će vam fotografija kojoj želite dodati svjetlosni efekt, kao i fotografija prozora koji želite koristiti. Ako nemate fotografiju prozora, jednostavno je brzo potražite na internetu, budući da je to zapravo samo oblik prozora koji ćemo koristiti, a ne sam prozor.



Da bismo stvorili efekt osvjetljenja, koristit ćemo sloj za prilagodbu razina, zajedno s njegovom maskom sloja, a vidjet ćemo kako možemo upotrijebiti način stapanja slojeva na kraju da dodatno poboljšamo svjetlo. Možda zvuči komplicirano, ali je zapravo vrlo jednostavno. Sjajna stvar kod ovog efekta je to što postoji mnogo prostora za kreativnost, budući da nema potrebe da se ograničavate na korištenje samo prozora kao objekta kroz koji svjetlost sija. Uz malo mašte, možete osvijetliti bilo koji oblik koji vam padne na pamet za neke uistinu zanimljive i jedinstvene rezultate!



Evo slike s kojom ću početi, vrlo jednostavna fotografija žene koja stoji ispred zida. Sam zid je toliko svijetao da je pomalo teško vidjeti ženino lice:

  Adobe Photoshop tutorial Photoshop efekti slike Izvorna slika.

Evo kako će fotografija izgledati nakon promjene osvjetljenja, dajući joj izgled jednog izvora svjetlosti koji s prozora svijetli na ženu i zid iza nje, što samoj fotografiji daje fokusiraniji i dramatičniji rezultat. Sada se jasno vidi i ženino lice:

  Adobe Photoshop tutorial Photoshop efekti slike Photoshop Svjetlosni efekti: Konačni rezultat.

Ovaj vodič je iz našeg Foto efekti niz. Započnimo!



Korak 1: Povucite fotografiju prozora na glavnu sliku

Da biste započeli, trebat će vam glavna slika i fotografija vašeg prozora otvorene u Photoshopu. Već smo vidjeli moju glavnu sliku, a evo i fotografije prozora koji ću koristiti:

  Adobe Photoshop tutorial Photoshop efekti slike. Otvorite obje fotografije u Photoshopu.

Dok su obje fotografije otvorene u zasebnim prozorima dokumenata, odaberite svoju Alat za pomicanje iz palete alata:

  Adobe Photoshop tutorial Photoshop efekti slike. Odaberite Move Tool.

Također možete odabrati Move Tool pritiskom na U na vašoj tipkovnici. Zatim, s odabranim alatom za pomicanje, kliknite bilo gdje unutar fotografije prozora i povucite je u prozor dokumenta glavne slike:



  Adobe Photoshop tutorial Photoshop efekti slike. Povucite fotografiju prozora u prozor dokumenta glavne fotografije pomoću alata za premještanje.

Kada pustite tipku miša, fotografija prozora pojavit će se unutar glavne slike:

  Adobe Photoshop tutorial Photoshop efekti slike. Prozor se sada pojavljuje unutar glavne slike.

Ako pogledate svoju paletu slojeva, vidjet ćete svoju glavnu sliku na Pozadina sloju, a fotografija prozora iznad njega na vlastitom sloju koji je Photoshop nazvao 'Sloj 1':

  Adobe Photoshop tutorial Photoshop efekti slike. Photoshopova paleta slojeva prikazuje naša dva sloja.

Korak 2: Odaberite Oko unutarnje strane prozora

Sada kada je naša fotografija prozora unutar naše glavne slike, moramo napraviti odabir oko unutarnje strane prozora.



Ovisno o prozoru koji koristite, Rectangular Marquee Tool ili Elliptical Marquee Tool mogu biti sve što trebate za odabir. Obavezno pogledajte naš vodič o Puna moć osnovnih odabira ako trebate pomoć pri dodavanju, oduzimanju ili križanju s odabirima.

Za složenije oblike prozora, Alat za olovku može biti vaš alat po izboru, a to je ono što sam upotrijebio ovdje za odabir unutarnje strane svih šest odjeljaka prozora (pogledajte naš cijeli vodič o Odabir pomoću alata Pen ) ako trebate pomoć:



  Adobe Photoshop tutorial Photoshop efekti slike.

Upotrijebite alat za odabir po svom izboru za odabir unutrašnjosti prozora.

Korak 3: Izbrišite sloj prozora

Sa sada odabranim oblikom prozora, više nam ne treba fotografija prozora unutar naše glavne slike, pa kliknite sloj prozora ('Sloj 1') u paleti slojeva i povucite sloj prema dolje na ikonu koša za smeće u donjem desnom kutu palete slojeva da biste je izbrisali:

  Adobe Photoshop tutorial Photoshop efekti slike. Izbrišite 'Layer 1' tako da kliknete na njegov sloj i povučete ga dolje na ikonu Trash Bin na dnu palete slojeva.

Ovo će izbrisati sloj prozora, ali odabir koji smo upravo napravili ostaje:



  Adobe Photoshop tutorial Photoshop efekti slike. Odabir koji smo napravili oko prozora ostaje unutar slike.

Korak 4: Obrnuti odabir

Za koji trenutak ćemo upotrijebiti sloj za prilagodbu razina kako bismo posvuda potamnili sliku osim u području koje je bilo unutar prozora, što će nam dati efekt 'svjetlost koja sja iz prozora'. Da bismo to učinili, moramo imati odabrano sve osim područja unutar prozora, ali trenutno imamo upravo suprotno. Označeno je područje koje je bilo unutar prozora, dok ostatak slike nije odabran. Da bismo to popravili, moramo preokrenuti naš odabir, što u osnovi znači da trebamo zamijeniti odabir tako da ono što je trenutno odabrano postane poništeno, a ono što trenutno nije odabrano postane odabrano. Da bismo to učinili, sve što trebamo učiniti je otići do Odaberi izbornik na vrhu zaslona i odaberite Inverzan , ili možemo upotrijebiti tipkovni prečac Shift+Ctrl+I (pobjeda) / Shift+Command+I (Mac).

Koji god način odabrali, vidjet ćete okvir za odabir koji se pojavljuje oko vanjskih rubova vaše slike, što nam govori da je sada odabrano sve na slici osim područja koje je bilo unutar prozora, dok je područje koje je bilo unutar prozora sada je poništen odabir:



  Adobe Photoshop tutorial Photoshop efekti slike. Obrnite odabir tako da sve osim područje unutar oblika prozora postaje odabrano.

Korak 5: Dodajte sloj za podešavanje razina

Klikni na Novi sloj za prilagodbu ikona na dnu palete slojeva:

  Adobe Photoshop tutorial Photoshop efekti slike. Klikom na ikonu 'Novi sloj za prilagodbu' na dnu palete slojeva.

Zatim odaberite Razine s popisa slojeva za prilagodbu koji se pojavi:

  Adobe Photoshop tutorial Photoshop efekti slike. S popisa odaberite sloj za podešavanje 'Razine'.

Ovo će dovesti do dijaloškog okvira Razine, a mi ćemo ga koristiti za potamnjivanje naše slike i stvaranje našeg efekta osvjetljenja.

Korak 6: Potamnite područje oko prozora pomoću sloja za podešavanje razina

Uz odabrano sve osim područja koje je bilo unutar prozora, sada možemo potamniti sliku i vrlo lako stvoriti naš efekt osvjetljenja pomoću sloja za prilagodbu razina.

Ako pogledate dno dijaloškog okvira Razine, vidjet ćete vodoravnu traku s prijelazom koji ide od crne s lijeve do bijele s desne strane, s malim crnim klizačem ispod njega na krajnjoj lijevoj strani i malim bijelim klizačem ispod njega sasvim desno. Ovi klizači su Izlazne razine klizači. Naziv je pomalo zbunjujući, ali ono što ovi klizači rade je da određuju koliko svijetla ili tamna slika može biti. Ako uopće ne dodirnete klizače (obično samo ostavite te klizače), slika se može prikazati s punim rasponom tonova. Drugim riječima, može prikazati sve od čiste crne do čisto bijele i sve između. Normalno, to je ono što želite.

Ponekad, međutim, kada stvarate efekt kao što mi ovdje radimo, želite ograničiti koliko svijetla ili tamna slika može biti. U našem slučaju, želimo potamniti sliku, a najlakši način da to učinite je da jednostavno ograničite koliko može biti svjetla klikom na klizač za razine bijele boje krajnje desno i povlačenjem prema lijevo. Dok povlačite, vidjet ćete kako slika postaje sve tamnija i tamnija, a to je zato što ograničavamo koliko može biti svjetla. Jedini dio slike na koji klizač neće utjecati, i stoga neće postati tamniji, je područje unutar prozora koje je jedini dio slike koji trenutno nije odabran. Ostat će na izvornoj razini svjetline, dajući našem nas svjetlosni učinak.

Samo naprijed i počnite povlačiti klizač razina izlazne bijele boje ulijevo dok pritom pazite na svoju sliku da vidite što se događa:

  Adobe Photoshop tutorial Photoshop efekti slike. Povucite klizač razina izlazne bijele boje ulijevo kako biste posvuda potamnili sliku osim područja unutar prozora.

Dok nastavljate povlačiti klizač prema lijevo, zatamnjujući sliku sve više i više, pojavljuje se svjetlo koje svijetli iz prozora:

  Adobe Photoshop tutorial Photoshop efekti slike. Svjetlo koje svijetli iz prozora pojavljuje se dok povlačite klizač bijele točke da biste potamnili sliku.

U potpunosti ovisi o tome koliko tamnu sliku želite učiniti pa povlačite klizač dok ne budete zadovoljni rezultatima, zatim kliknite OK za izlaz iz dijaloškog okvira Razine.

Korak 7: Ponovno učitaj odabir

Držite svoje Ctrl (pobjeda) / Naredba (Mac) i kliknite izravno na sličica maske sloja za sloj za podešavanje razina u paleti slojeva. Ovo će ponovo učitati odabir unutar slike:

  Adobe Photoshop tutorial Photoshop efekti slike. Držite pritisnutu tipku 'Ctrl' (Win) / 'Command' (Mac) i kliknite izravno na sličicu maske sloja za sloj za prilagodbu razina kako biste ponovno učitali odabir.

Korak 8: Obrnuti odabir

Moramo još jednom obrnuti odabir tako da imamo odabrano samo područje unutar prozora. Da biste to učinili, koristite tipkovni prečac Shift+Ctrl+I (pobjeda) / Shift+Command+I (Mac) da biste ga brzo preokrenuli, ostavljajući odabrano samo područje unutar oblika prozora:

  Adobe Photoshop tutorial Photoshop efekti slike. Ponovno obrnite odabir tako da bude odabrano samo područje oko prozorskog svjetla.

Korak 9: Premjestite i promijenite veličinu prozorskog svjetla uz slobodnu transformaciju

Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko svjetlosnog efekta prozora, zatim ga premjestite i promijenite veličinu prema potrebi. Da biste pomaknuli prozorsko svjetlo, jednostavno kliknite bilo gdje unutar okvira Slobodna transformacija (bilo gdje osim male ikone cilja u sredini) i povucite ga mišem na mjesto. Za promjenu veličine prozorskog svjetla, povucite bilo koju ručku. Ako želite ograničiti proporcije svjetla prozora dok povlačite, držite pritisnuto Shift tipku i povucite bilo koju od četiri kutne ručke. Ovdje malo povećavam prozorsko svjetlo i pomičem ga tako da svjetlo iz donjeg lijevog dijela prozora obasjava ženu:

  Adobe Photoshop tutorial Photoshop efekti slike. Premjestite osvjetljenje prozora na mjesto i promijenite mu veličinu prema potrebi pomoću Free Transform.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s prihvaćanjem transformacije, zatim pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za poništavanje odabira.

Korak 10: Primijenite filtar Gaussian Blur

Jedini problem s našim efektom osvjetljenja prozora u ovom trenutku je to što su rubovi preoštri, što izgleda nerealno. Ublažimo ih primjenom filtra Gaussian Blur.

Da biste to učinili, idite gore do filtar izbornik na vrhu zaslona, ​​odaberite Zamutiti , a zatim odaberite Gaussovo zamućenje . Idem postaviti svoje Radius vrijednost do oko 5 piksela da omekšam svoje rubove. Ako koristite sliku visoke razlučivosti, vjerojatno ćete željeti postaviti svoju malo višu.

Pazite na svoju sliku dok povlačite klizač radijusa na dnu dijaloškog okvira kako biste mogli vidjeti koliko je zamućenja primijenjeno (uvijek je bolje donijeti odluku vlastitim očima nego jednostavno unijeti vrijednost koja je uspjela dobro za tuđu sliku):

  Adobe Photoshop tutorial Photoshop efekti slike.

Omekšajte rubove svjetla prozora pomoću filtra Gaussian Blur.

Kliknite OK za primjenu filtra i izlaz iz dijaloškog okvira. Evo moje slike nakon omekšavanja rubova svjetla prozora:

  Adobe Photoshop tutorial Photoshop efekti slike. Slika nakon omekšavanja rubova svjetla prozora pomoću filtra Gaussian Blur.

Korak 11: Odaberite Gradient Tool

Ovih nekoliko sljedećih koraka nije obavezno i ​​ako želite, možete stati ovdje, ali ja ću dodati malo više realizma svom učinku smanjenjem intenziteta svjetla prozora u donjim kutovima. Da biste to učinili, ako još uvijek pratite, odaberite svoje Alat za gradijent iz palete Alati ili pritisnite G da biste ga odabrali tipkovničkim prečacem:

  Adobe Photoshop tutorial Photoshop efekti slike. Odaberite Gradient Tool.

Korak 12: Postavite bijelu kao boju prednjeg plana i crnu kao boju pozadine

Vaše prednje i pozadinske boje već bi trebale biti postavljene na bijelu i crnu, ali ako iz nekog razloga nisu, pritisnite D na tipkovnici da ih poništite. Ako pogledate uzorke boja prednjeg plana i pozadine pri dnu palete alata, trebali biste vidjeti gornji lijevi uzorak (boja prednjeg plana) ispunjen bijelom bojom, a donji desni uzorak (boja pozadine) ispunjen crnom:

  Adobe Photoshop tutorial Photoshop efekti slike. Photoshopovi uzorci boja prednjeg plana i pozadine u paleti Alati.

Korak 13: Odaberite Gradijent od prednjeg plana do pozadine (bijelo do crno).

Uz odabrani Gradient Tool, bijelu kao boju prednjeg plana i crnu kao boju pozadine, Desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar slike da biste prikazali Birač gradijenata i odaberite prvi gradijent u gornjem lijevom kutu, Iz prvog plana u pozadinu gradijent:

  Adobe Photoshop tutorial Photoshop efekti slike. 'Desni klik' (Win) / 'Control-klik' (Mac) bilo gdje unutar slike i odaberite gradijent 'Od prvog plana do pozadine' iz alata za odabir gradijenata.

Korak 14: Povucite kratki gradijent od donjih uglova prema središtu slike

Kliknite mišem odmah ispod i lijevo od donjeg kuta prozorskog svjetla i kratko povucite prema središtu kako biste dodali gradijent bijele u crnu u kutu. Ovdje ne dodajemo gradijent samoj slici. Dodajemo ga maski sloja sloja za prilagodbu razina:

  Adobe Photoshop tutorial Photoshop efekti slike. Povucite kratki gradijent od bijele do crne od donjeg lijevog kuta prozorskog svjetla prema središtu.

Kada pustite tipku miša, Photoshop će dodati kratki gradijent maski sloja i vidjet ćete kako svjetlost postupno nestaje kako se približava donjem lijevom kutu:

  Adobe Photoshop tutorial Photoshop efekti slike. Svjetlo prozora sada postupno nestaje u donjem lijevom kutu.

Zatim učinite istu stvar u donjem desnom kutu. Kliknite mišem odmah ispod i desno od donjeg desnog kuta prozorskog svjetla i kratko povucite prema središtu:

  Adobe Photoshop tutorial Photoshop efekti slike. Povucite kratki gradijent od bijele do crne od donjeg desnog kuta prozorskog svjetla prema središtu.

Kada pustite tipku miša, Photoshop dodaje drugi gradijent bijele-crne na masku sloja, a čini se da svjetlo blijedi i u donjem desnom kutu:

  Adobe Photoshop tutorial Photoshop efekti slike. Sada se čini da svjetlo blijedi u donjem desnom kutu baš kao iu donjem lijevom kutu.

Kako bih dovršio efekt, malo ću pojačati svjetlo prozora, a to ću učiniti sljedeće.

Korak 15: Učitaj odabir još jednom oko svjetla prozora

Završit ćemo efekt tako što ćemo svjetlo koje sja s prozora učiniti malo intenzivnijim. Opet, ovo je neobavezan korak, ali je vrlo jednostavan.

Držite svoje Ctrl (pobjeda) / Naredba (Mac) tipku i još jednom kliknite na sličicu maske sloja za sloj za prilagodbu razina u paleti slojeva:

  Adobe Photoshop tutorial Photoshop efekti slike. Držite pritisnut 'Ctrl' (Win) / 'Command' (Mac) i kliknite sličicu maske sloja u paleti slojeva.

Ovo će ponovno učitati odabir unutar slike, sa svim odabranim osim prozorskog svjetla:

  Adobe Photoshop tutorial Photoshop efekti slike. Odabir je učitan na slici. Trenutno je odabrano sve osim svjetla prozora.

Korak 16: Obrnuti odabir

Pritisnite Shift+Ctrl+I (pobjeda) / Shift+Command+I (Mac) za preokret odabira tako da je odabrano samo svjetlo prozora:

  Adobe Photoshop tutorial Photoshop efekti slike. Obrnite odabir tako da bude odabrano samo svjetlo prozora. Ostatak slike postaje poništen.

Korak 17: Dodajte sloj za prilagodbu druge razine

Kliknite još jednom na Novi sloj za prilagodbu ikonu na dnu palete slojeva i odaberite Razine za dodavanje drugog sloja za prilagodbu razina:

  Adobe Photoshop tutorial Photoshop efekti slike. Dodajte drugi sloj za prilagodbu razina.

Kada se pojavi dijaloški okvir Razine, jednostavno kliknite U redu u gornjem desnom kutu da izađete iz dijaloškog okvira. Ne trebamo raditi nikakve promjene na njemu. Ako sada pogledamo u paletu slojeva, možemo vidjeti naš drugi sloj za prilagodbu razina iznad originalnog:

  Adobe Photoshop tutorial Photoshop efekti slike. Photoshopova paleta slojeva prikazuje drugi sloj za prilagodbu razina na vrhu, iznad izvornika.

Korak 18: Promijenite način miješanja sloja za podešavanje u 'Zaslon'

Kako bismo povećali intenzitet svjetla koje sja s prozora, sve što trebamo učiniti je popeti se do način miješanja slojeva opciju u gornjem lijevom kutu palete slojeva i promijenite način miješanja. Prema zadanim postavkama, slojevi su postavljeni na 'Normalni' način stapanja. Pritisnite strelicu usmjerenu prema dolje desno od riječi 'Normalno' i odaberite Zaslon s popisa:

  Adobe Photoshop tutorial Photoshop efekti slike. Promijenite način stapanja drugog sloja za prilagodbu razina s 'Normalno' na 'Zaslon'.

Čim promijenite način stapanja u Zaslon, vidjet ćete kako se intenzitet svjetla dramatično povećava na slici:

  Adobe Photoshop tutorial Photoshop efekti slike. Svjetlost se čini puno intenzivnijom nakon promjene načina stapanja u 'Zaslon'.

Korak 19: Prilagodite intenzitet svjetla smanjenjem neprozirnosti sloja za podešavanje

Ako ustanovite, kao i ja, da se svjetlo sada čini preintenzivnim, možete smanjiti intenzitet jednostavnim podizanjem na Neprozirnost opciju u gornjem desnom kutu palete slojeva (točno preko puta opcije načina stapanja) i smanjite vrijednost neprozirnosti dok ne budete zadovoljni rezultatom. Ja ću svoj smanjiti na otprilike 70%:

  Adobe Photoshop tutorial Photoshop efekti slike. Smanjite i fino podesite intenzitet svjetla smanjivanjem neprozirnosti sloja za prilagodbu razina.

I s tim ste gotovi! Evo još jednom moje originalne slike za usporedbu:

  Adobe Photoshop tutorial Photoshop efekti slike. Još jednom originalna slika.

I evo, nakon smanjenja intenziteta svjetla smanjenjem neprozirnosti sloja za prilagodbu, moj konačni efekt 'Bacanje svjetla s prozora':

  Adobe Photoshop tutorial Photoshop efekti slike. Konačni rezultat.