Pretvorite fotografiju u kolaž kvadrata pomoću Photoshopa

Napisao Steve Patterson.

U ovom Vodič za Photoshop efekte , naučit ćemo kako fotografiju pretvoriti u kolaž kvadrata. To je zabavan učinak i stvarno ga je lako napraviti, pogotovo jer je većina posla jednostavno ponavljanje, kao što ćemo vidjeti.



Evo originalne fotografije s kojom ću početi:



  Izvorna slika.

A evo slike s dovršenim efektom 'Kolaž kvadrata':

  Slika konačnog efekta.



Kao što sam rekao, većina posla je samo ponavljanje, tako da kada jednom 'uđete u tok' s onim što radite, nećete morati ni razmišljati o tome. Možete se samo zabaviti stvarajući učinak.

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

Korak 1: Duplicirajte pozadinski sloj

S mojom slikom otvorenom u Photoshopu, trenutno imam samo jedan sloj, pozadinski sloj, koji sadrži moju originalnu sliku:



  Photoshop's Layers palette showing the original image on the Background layer. Photoshopova paleta slojeva prikazuje izvornu sliku na pozadinskom sloju.

Moram duplicirati pozadinski sloj, pa ću upotrijebiti tipkovni prečac Ctrl+J (pobjeda) / Command+J (Mac), koji dodaje kopiju pozadinskog sloja u paletu slojeva. Photoshop kopiju automatski imenuje 'Layer 1':

  Photoshop's Layers palette now showing the Background layer and the copy of the Background layer above it. Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) da duplicirate pozadinski sloj.

Korak 2: Dodajte novi sloj između dva sloja i ispunite ga bijelom bojom

Moramo dodati novi prazan sloj između dva sloja koja trenutno imamo u paleti slojeva. Da biste to učinili, s odabranim 'Layer 1' držite pritisnutu tipku Ctrl (pobjeda) / Naredba (Mac) tipku na tipkovnici i kliknite na Novi sloj ikona na dnu palete slojeva. Photoshop obično dodaje novi sloj iznad trenutno odabrani sloj, ali držanjem Ctrl/Command, to govori Photoshopu da doda novi sloj ispod umjesto toga:

  Držite pritisnuto'Ctrl' (Win) / 'Command' (Mac) and clicking the New Layer icon at the bottom of the Layers palette. Držite pritisnutu tipku 'Ctrl' (Win) / 'Command' (Mac) i kliknite ikonu 'New Layer' za dodavanje novog sloja između dva postojeća sloja u paleti slojeva.

Sada imam svoj novi prazan sloj, 'Sloj 2', između druga dva sloja:



  Novi prazni sloj sada se pojavljuje između druga dva sloja u paleti slojeva. Novi prazni sloj sada je između pozadinskog sloja i 'Layer 1'.

Samo kratka napomena prije nego što nastavimo... Završit ćemo s puno slojeva dok ovaj efekt ne bude gotov, a to bi obično značilo da svakako želimo biti sigurni da imenujemo svoje slojeve kao idemo. Međutim, u ovom slučaju vjerojatno biste se izluđivali pokušavajući smisliti opisna imena za svaki sloj, pa osim ako vam se takve stvari ne sviđaju, ne bih brinuo o imenovanju vaših slojeva prilikom stvaranja ovog efekta. Općenito govoreći, imenovanje slojeva je navika koju biste trebali steći.

Rekavši to, nastavimo. Moramo ispuniti ovaj novi sloj bijelom bojom, budući da ćemo koristiti bijelu kao boju pozadine za efekt, pa pritisnite slovo D na tipkovnici za poništavanje boja prednjeg plana i pozadine, što bijelo čini bojom pozadine, a zatim s novim praznim slojem odabranim u paleti slojeva upotrijebite tipkovni prečac Ctrl+Backspace (pobjeda) / Command+Delete (Mac) da ispunite sloj bijelom bojom.



Nećete vidjeti da se ništa događa u vašem prozoru dokumenta, budući da kopija pozadinskog sloja blokira prikaz 'Sloja 2', ali ako pogledate u paletu Slojevi, vidjet ćete da je pregled sličica za sloj sada ispunjen bijelim:

  Pregled minijatura za sloj 2 sada je ispunjen bijelom bojom u paleti slojeva. Pregled minijatura za 'Sloj 2' sada je ispunjen bijelom bojom u paleti slojeva, iako ga 'Sloj 1' trenutačno blokira za prikaz u prozoru dokumenta.

Korak 3: Povucite kvadratni odabir oko dijela slike

Ponovno ću kliknuti na kopiju svog pozadinskog sloja, 'Layer 1', u paleti slojeva da je odaberem. Onda ću zgrabiti svoje Pravokutni šator alat iz palete Alati:

  Odabir alata Rectangular Marquee iz Photoshopa's Tools palette. Odaberite alat Rectangular Marquee iz palete Tools.

Mogla sam i pritisnuti M na tipkovnici da ga brzo odaberem. Zatim, s alatom Rectangular Marquee u ruci i odabranim 'Layer 1' u paleti slojeva, povući ću kvadratni odabir unutar slike. Nacrtat ću kvadratić oko dječakova lica s desne strane:



  Pomoću alata Rectangular Marquee povucite kvadratni odabir oko dječaka's face. Upotrijebite alat Rectangular Marquee da nacrtate kvadratni odabir unutar slike.

Kako biste ograničili odabir na savršen kvadrat, držite Shift dok vučete.

Korak 4: Dodajte masku sloja

Nakon što ste odabrali kvadratni oblik i ponovno provjerite je li 'Layer 1' odabran u paleti slojeva, kliknite na Dodajte masku sloja ikona na dnu palete slojeva:



  Klikom na'Add A Layer Mask' icon at the bottom of the Layers palette. Kliknite ikonu 'Dodaj masku sloja' na dnu palete slojeva.

Ovo će dodati masku sloja na 'Layer 1', a budući da sam imao odabrano područje slike kada sam kliknuo ikonu 'Add A Layer Mask', Photoshop će koristiti taj odabir za stvaranje maske, što znači da će samo područje slika koja je bila unutar odabira - dječakovo lice - ostat će vidljiva u prozoru dokumenta. Ostatak slike bit će skriven od pogleda, otkrivajući bijelo ispunjen sloj ispod nje:

  Samo dječak's face is now visible in the Document Window. Četvrtasto područje oko dječakova lica sada je sve što se vidi na slici. Sada je iza njega vidljiva bijela pozadina.

Korak 5: Odvojite vezu između maske sloja i sadržaja sloja

Ako još jednom pogledamo našu paletu slojeva, možemo vidjeti masku sloja koja je dodana 'Layer 1'. Maska je ispunjena crnom bojom, osim malog kvadratnog područja koje je bijelo, a to je područje oko dječakova lica koje se prikazuje u prozoru dokumenta. Ako bolje pogledate, također ćete vidjeti malu ikona veze između sličice sloja i sličice maske:

  Ikona poveznice sloja između sličice sloja i sličice maske sloja. Ikona 'veze sloja' između sličice sloja i sličice maske sloja za 'Sloj 1'.

Kada je ta ikona poveznice vidljiva, to znači da su sadržaj sloja (slika) i maske sloja dobro povezani. Ako pomaknete jedno, pomaknuli ste ih oboje. To nije ono što želimo. Želimo moći pomicati masku bez pomicanja slike. Da bismo to učinili, sve što trebamo učiniti je kliknuti na tu ikonicu veze, što će uzrokovati nestanak, a tada se maska ​​sloja može pomicati neovisno o sadržaju sloja. Kliknut ću na ikonu veze da je uklonim:

  Ikona veze između sličice sloja i maske sloja sada je nestala. Ikona veze između sličice sloja i maske sloja sada je nestala. Sada možemo pomicati masku bez pomicanja slike.

Korak 6: Dodajte bijeli stil sloja 'Outer Glow' na masku

Kako bismo mogli vidjeti rubove kvadrata dok stvaramo efekt, maski ću dodati stil sloja 'Vanjski sjaj'. Prvo ću kliknuti izravno na minijaturu maske sloja da je odaberem. Mogu reći da je odabrano ako ima okvir za isticanje oko sebe. Zatim, s odabranom maskom, kliknut ću na Novi sloj za prilagodbu ikona na dnu palete slojeva:

  Klikom na'New Adjustment Layer' icon at the bottom of Photoshop's Layers palette. S odabranom maskom sloja kliknite na ikonu 'Novi sloj za podešavanje'.

Onda ću odabrati Vanjski sjaj s popisa koji se pojavi:

  Odabir'Outer Glow' from the list of Layer Styles. Odaberite stil sloja 'Vanjski sjaj'.

Ovo dovodi do Photoshopa Stil sloja dijaloški okvir s opcijama Vanjski sjaj u srednjem stupcu. Prema zadanim postavkama, stil sloja Vanjski sjaj koristi žućkastu boju. Želim ga promijeniti u bijelo, pa da to učinim, kliknut ću izravno na Vanjski sjaj uzorak boje :

  Klikom na uzorak boje za stil sloja Vanjski sjaj. Kliknite uzorak boje u opcijama Vanjski sjaj da biste promijenili boju sjaja.

Kad kliknem na uzorak boja, Photoshopov Birač boja pojavljuje se. Odabrat ću bijelu boju u gornjem lijevom kutu:

  Odabir bijele boje u Photoshopu's Color Picker. Kliknite u gornjem lijevom kutu alata za odabir boja kako biste odabrali bijelu kao boju vanjskog sjaja.

Zatim ću kliknuti OK za izlazak iz Birača boja. Moja boja Outer Glow sada je bijela.

Ostavit ću sve druge opcije za Outer Glow i samo kliknuti OK u ovom trenutku da izađem iz dijaloškog okvira Layer Style. Bijeli vanjski sjaj bit će dodan maski sloja. Još ga nećemo moći vidjeti na slici jer je to bijeli sjaj na bijeloj pozadini, ali vidjet ćemo ga kada počnemo dodavati više kvadratnih dijelova na sliku, kao što ćemo upravo učiniti.

Korak 7: Duplicirajte sloj

Sjećate se kada sam na početku ovog vodiča rekao da je većina posla jednostavno ponavljanje? Pa, ovdje počinje. Ovih nekoliko sljedećih koraka ponavljat će se uvijek iznova, ali ne brinite, jednostavni su. Prvo, s odabranim 'Layer 1' u paleti slojeva, duplicirat ću ga pomoću prečice na tipkovnici Ctrl+J (pobjeda) / Command+J (Mac). Sada imam njegovu točnu kopiju na vrhu palete slojeva:

  Photoshop's Layers palette showing the newly created duplicate of 'Layer 1'. Paleta slojeva sada prikazuje duplikat 'Layer 1' na vrhu.

Kad kažem 'točna kopija', mislim na točnu kopiju. Ne samo da kopija sadrži sliku, već i kopiju maske i stil sloja Vanjski sjaj, tako da ne moramo sami dodavati još jednu masku ili još jedan Vanjski sjaj. Sve je već tu za nas. Također, budući da sadržaj sloja i maska ​​sloja na 'Sloju 1' nisu bili povezani, nisu povezani ni na kopiji, što je upravo ono što želimo.

Korak 8: Premjestite masku sloja na novu lokaciju kako biste stvorili drugi kvadrat

Idem zgrabiti svoje Alat za pomicanje iz palete alata:

  Klikom na alat Move u Photoshopu's Tools palette to select it. Odaberite alat Premjesti iz palete Alati.

Mogla sam i pritisnuti U na mojoj tipkovnici da ga odaberem. Zatim ću u paleti slojeva kliknuti sličicu maske dupliciranog sloja da je odaberem, pazeći da je odabrana maska, a ne sam sloj. Minijatura maske imat će okvir za isticanje koji označava da je odabrana:

  Klikom na sličicu maske sloja odaberite masku, a ne sadržaj sloja. Pritisnite minijaturu maske sloja u paleti slojeva da biste je odabrali. Imat će okvir za označavanje oko sebe koji označava da je odabran.

Zatim, s odabranom maskom sloja, jednostavno ću kliknuti unutar prozora dokumenta i povući masku na novo mjesto, što će stvoriti drugi kvadrat. Povući ću ga prema dolje i ulijevo tako da gornji desni kut preklapa donji lijevi kut originalnog kvadrata:

  Povucite masku na novo mjesto da biste stvorili drugi kvadrat. Povucite masku na novo mjesto na slici kako biste stvorili drugi kvadrat.

Sada imam dva kvadrata, a ako pogledate u gornji desni kut onoga koji sam upravo stvorio, možete vidjeti bijeli vanjski sjaj koji definira rubove kvadrata.

Korak 9: Nastavite duplicirati sloj i povucite masku da biste stvorili više kvadrata

U ovom trenutku, jednostavno je stvar ponavljanja posljednja dva koraka dok glavna područja slike ne budu vidljiva unutar kvadrata. Dakle, prvo pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za dupliciranje sloja. Zatim, a ovaj je dio vrlo važan, kliknite sličicu maske sloja novostvorenog sloja kako biste bili sigurni da je maska ​​odabrana, ne sadržaj sloja. Ako pokušate povući masku da biste stvorili novi kvadrat i umjesto toga vidite da se slika unutar kvadrata pomiče, greškom ste odabrali sam sloj. U tom slučaju pritisnite Ctrl+Z (pobjeda) / Command+Z (Mac) za poništavanje, zatim kliknite sličicu maske sloja i pokušajte ponovno.

Nastavite s ovim postupkom dupliciranja sloja, odabirom maske i povlačenjem maske na novo mjesto na slici dok se ne pokažu sva važna područja slike. U redu je preklapati kvadrate, a nemojte se bojati povremeno ostaviti prazan prostor između njih. To samo pridonosi učinku.

Nastavit ću duplicirati sloj i pomicati masku dok se sve četiri osobe na fotografiji ne pokažu unutar kvadrata. Ovo je moja slika nakon što sam stvorio dovoljno kvadrata da dovedem ostatak dječaka u sliku:

  Dječak s lijeve strane sada je vidljiv u kvadratima. Slika nakon dodavanja dovoljno kvadrata da bi se dječak s lijeve strane prikazao.

Nakon dupliciranja više slojeva i pomicanja maski kako bih stvorio više kvadrata, doveo sam dječakovu mamu i mlađeg brata u efekt:

  Dječak's mom and younger brother now visible inside the squares. Nakon dodavanja više kvadrata, sada su vidljivi dječakova majka i mlađi brat.

Konačno, dodao sam dovoljno kvadrata da se sva glavna područja fotografije vide. Također sam se uvjerio da su lica sve četiri osobe jasno vidljiva na fotografiji i da nisu zarezana rubovima bilo kojeg kvadrata. To bi jednostavno bilo pogrešno:

  Dodano je dovoljno kvadrata da se glavna područja fotografije vide. Sada je dodano dovoljno kvadrata da se glavna područja fotografije vide.

Korak 10: Duplicirajte još jedan sloj i smanjite veličinu kvadrata na 50%

Glavni dio efekta sada je završen, a za zapisnik, sada imam ukupno 36 kvadrata na slici. Možete imati više, možete imati manje. Stvarno ovisi o slici koju koristite i koliko mislite da je kvadrata potrebno da učinak izgleda 'ispravno'. Završit ću efekt dodavanjem manjih kvadratića u kutovima i oko vanjskih rubova.

Da bih to učinio, duplicirat ću još jedan sloj s Ctrl+J (Windows / Command+J (Mac), a zatim ću kliknuti masku sloja da je odaberem, baš kao što sam učinio već 36 puta. Međutim, ovaj put ću pritisnuti umjesto da jednostavno pomičem masku da stvorim još jedan kvadrat Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko kvadrata, a zatim ću povući jednu od kutnih ručki prema unutra kako bih smanjio veličinu kvadrata za oko 50%. Dok povlačim ručicu prema unutra, držat ću je pritisnutu Shift+Alt (pobjeda) / Shift+Opcija (Mac), koji će ograničiti masku na savršeni kvadrat i reći Photoshopu da promijeni veličinu kvadrata od središta:

  Korištenje Photoshopa's Free Transform command to resize the square mask by 50%. Upotrijebite 'Free Transform' kako biste smanjili veličinu kvadratne maske za oko 50%.

Nakon što promijenim veličinu kvadrata na otprilike polovicu izvorne veličine, pritisnut ću Unesi (pobjeda) / Povratak (Mac) da prihvatim transformaciju, a zatim ću, kao što sam učinio s drugim kvadratima, upotrijebiti alat Premjesti da ga povučem na novu lokaciju, ovaj put negdje oko vanjskog ruba kolaža:

  Manji kvadrat povukao se do lijevog ruba kolaža. Pomoću alata Pomicanje povucite manji kvadrat negdje uz vanjski rub kolaža.

Korak 11: Nastavite dodavati više manjih kvadrata oko vanjskih rubova kolaža

Nastavite duplicirati sloj s manjom kvadratnom maskom i pomicanjem manjih kvadrata na vanjske rubove kolaža. Opet dodajte onoliko koliko vam je potrebno da vam efekt izgleda 'kako treba'. Evo moje nakon dodavanja nekoliko manjih kvadrata oko rubova. Također sam dodao nešto tu i tamo u glavni dio slike kako bih dodao malo raznolikosti:

  Dječak s lijeve strane sada je vidljiv u kvadratima. Slika nakon dodavanja dovoljno kvadrata da bi se dječak s lijeve strane prikazao.

Korak 12: Spojite sve četvrtaste slojeve maske u jedan

Nakon što sam slici dodao sve svoje manje kvadrate, sada imam ukupno 56 kvadrata, što znači da imam 56 slojeva koji sadrže masku kvadratnog oblika. Želim upotpuniti efekt dodavanjem sjene kolažu, ali to ne mogu učiniti baš lako kada se kolaž sastoji od 56 zasebnih slojeva. trebam sjediniti sve ih na jedan sloj. Da bih to učinio, u svojoj paleti slojeva, kliknut ću na najviši sloj da ga odaberem. Zatim ću se pomaknuti do kraja i Shift-klik na 'Layer 1', koji je sloj koji je započeo cijeli kolaž. Ovo će odabrati sve kvadratne slojeve maske odjednom (vidjet ćete ih sve odabrane u paleti slojeva).

Kada su svi odabrani, pritisnite Ctrl+E (pobjeda) / Command+E (Mac) kako biste ih sve spojili u jedan sloj iznad sloja ispunjenog bijelom bojom. Sada ćete imati samo tri sloja u paleti slojeva - sloj pozadine, sloj ispunjen bijelom bojom i spojeni sloj:

  Photoshop's Layers palette now showing only three layers, including the new merged layer at the top. Paleta slojeva sada prikazuje samo tri sloja, uključujući novospojeni sloj na vrhu.

Korak 13: Dodajte sjenu za potpuni učinak

S odabranim spojenim slojem kliknite još jednom na Novi sloj za prilagodbu ikonu na dnu palete slojeva i ovaj put odaberite Drop Shadow s popisa:

  Odabir stila sloja Drop Shadow. S odabranim spojenim slojem kliknite na ikonu 'Novi sloj za podešavanje' i odaberite 'Sjena'.

Ovo će donijeti Photoshop Stil sloja dijaloški okvir back up, ovaj put postavljen na opcije Drop Shadow. Jedina opcija koju ću promijeniti je Neprozirnost . Samo želim suptilnu padajuću sjenu, ništa što će odvratiti pozornost od samog kolaža, tako da ću smanjiti vrijednost neprozirnosti sve do 25%:

  Smanjenje vrijednosti neprozirnosti stila sloja Drop Shadow. Smanjite vrijednost neprozirnosti sjene kako bi bila suptilnija.

Pritisnite OK za izlaz iz dijaloškog okvira Stil sloja i gotovi smo! Evo mog konačnog efekta 'Collage of Squares':

  Konačni'Collage of Squares' effect. Konačni učinak.