Ispreplitanje foto traka s Photoshopom

Napisao Steve Patterson.

U ovom Vodič za Photoshop Efcts , naučit ćemo kako stvoriti zanimljiv fotoefekt tako što ćemo snimiti sliku i pretvoriti je u niz isprepletenih traka. U vodiču ćemo koristiti nekoliko slojeva i maski slojeva, kao i nekoliko maski za izrezivanje i stil sloja, a uključit ćemo i Photoshopovu rešetku da nam pomogne.



Kad sam prvi put vidio ovaj Photoshop efekt, pomislio sam 'Vau, tamo se događaju neke stvarno napredne stvari!'. Ali kao i kod većine stvari u životu, nakon nekoliko minuta razmišljanja shvatio sam koliko je zapravo jednostavno, kao što ćemo vidjeti!



Evo fotografije koju ću koristiti za ovaj vodič. To je ista slika koju sam koristio u Dušenje slike tutorijal, ali odlično funkcionira i s ovim efektom:

  Slika vodiča za Adobe Photoshop Izvorna slika.

I evo iste slike nakon pretvaranja u isprepletene trake. Primijetite kako se okomite i vodoravne trake naizmjence izmjenjuju između jedne iznad i ispod druge (odatle dolazi dio 'preplitanja'):

  Slika vodiča za Adobe Photoshop Konačni rezultat.

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



Korak 1: Izrežite sliku u kvadrat

Prva stvar koju trebamo učiniti za ovaj efekt je izrezati sliku u kvadrat, iako tehnički možete ostaviti sliku kao 4x6 ili bilo koje veličine, ali efekt obično izgleda najbolje kao kvadrat, pa hajdemo izrezati to. Koristit ćemo Photoshop Alat za izrezivanje za ovo, pa ga odaberite iz palete Alati:

  Slika vodiča za Adobe Photoshop Odaberite Crop Tool.

Možete i pritisnuti slovo C da biste ga brzo odabrali tipkovničkim prečacem. Zatim, s odabranim alatom za izrezivanje, držite pritisnut Shift tipku i povucite odabir oko lica osobe. Držanje tipke Shift govori Photoshopu da ograniči odabir na savršen kvadrat:

  Slika vodiča za Adobe Photoshop Držite pritisnut 'Shift' i povucite kvadratni odabir oko lica osobe.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s povlačenjem odabira, a Photoshop ide naprijed i izrezuje sliku u kvadrat:



  Slika vodiča za Adobe Photoshop Slika je sada izrezana u kvadrat.

Korak 2: Duplicirajte pozadinski sloj dvaput

Sljedeća stvar koju ćemo napraviti je stvoriti nekoliko kopija naše slike. Ako pogledamo u paletu slojeva, možemo vidjeti da trenutno imamo jedan sloj koji je imenovan Pozadina i sadrži našu izvornu sliku (ili barem ono što je ostalo od naše izvorne slike sada kada smo je izrezali). Moramo duplicirati pozadinski sloj nekoliko puta, pa upotrijebite tipkovni prečac Ctrl+J (pobjeda) / Command+J (Mac) da biste je duplicirali jednom, a zatim ponovno upotrijebili isti tipkovnički prečac za stvaranje druge kopije. Sada biste trebali vidjeti tri sloja u svojoj paleti slojeva. Dvaput kliknite izravno na naziv sloja na vrhu i preimenujte ga u 'Vertical Strips', zatim dvaput kliknite izravno na naziv sloja ispod njega i preimenujte ga u 'Horizontal Strips':

  Slika vodiča za Adobe Photoshop Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) za stvaranje dvije kopije pozadinskog sloja, a zatim preimenujte gornju u 'Okomite trake', a donju u 'Vodoravne trake'.

Korak 3: Ispunite pozadinski sloj crnom bojom

Pritisnite D na tipkovnici da vratite Photoshopove boje prednjeg plana i pozadine na njihove zadane vrijednosti crne kao boje prednjeg plana i bijele kao boje pozadine (vaše su možda već postavljene kao zadane boje). Zatim kliknite izvorni pozadinski sloj (donji sloj) u paleti slojeva da biste ga odabrali. Ispunit ćemo ga crnom bojom, a sada s crnom bojom prednjeg plana možemo koristiti tipkovni prečac Alt+Backspace (pobjeda) / Opcija+Izbriši (Mac) koji trenutno odabrani sloj ispunjava trenutnom bojom prednjeg plana (crna). Čini se da se ništa nije dogodilo sa slikom, budući da je dva sloja iznad pozadinskog sloja blokiraju od pogleda, ali ako pogledamo u paletu slojeva, možemo vidjeti da je sličica pozadinskog sloja sada ispunjena crnom bojom, što nam govori da sam sloj je ispunjen crnom bojom:

  Slika vodiča za Adobe Photoshop Odaberite pozadinski sloj u paleti slojeva i pritisnite 'Alt+Backspace' (Win) / 'Option+Delete' (Mac) da ga ispunite crnom bojom.

Korak 4: Za sada isključite gornji sloj

Prvo ćemo stvoriti vodoravne trake, ali sloj 'Okomite trake' na vrhu će nam blokirati pogled pa ga moramo privremeno isključiti. Da biste to učinili, kliknite na ikona vidljivosti sloja (ikona 'očne jabučice') lijevo od sloja 'Okomite trake' u paleti slojeva. Nećete vidjeti da se ništa događa samoj slici budući da su slojevi 'Okomite trake' i 'Vodoravne trake' trenutačno identični, ali kada kliknete ikonu očne jabučice, očna jabučica će nestati, dajući vam do znanja da je sloj sada skriven:



  Slika vodiča za Adobe Photoshop Kliknite na ikonu 'očne jabučice' lijevo od sloja 'Okomite trake' u paleti slojeva da biste privremeno isključili sloj.

Korak 5: Uključite Photoshopovu mrežu

Napravit ćemo naše okomite i vodoravne trake, a da nam pomognu, koristit ćemo Photoshopovu mrežu. Idi gore do Pogled izbornik na vrhu zaslona, ​​odaberite Pokazati , a zatim odaberite Mreža . Također možete koristiti tipkovni prečac Ctrl+' (pobjeda) / Command+' (Mac) za jednostavno uključivanje i isključivanje mreže. Kada se vaša mreža pojavi, ako ustanovite da je ne možete dobro vidjeti jer se boja rešetke stapa s bojama vaše slike, pritisnite Ctrl+K (pobjeda) / Command+K (Mac) za brzo otvaranje Photoshopovih postavki. Zatim s padajućeg izbornika pri vrhu odaberite Vodilice, rešetka i kriške . Odavde možemo promijeniti boju rešetke. U Grid opcijama, kliknite na uzorak boja u gornjem desnom kutu, što će prikazati Photoshopov Color Picker. Odaberite boju za svoju rešetku koju ćete moći vidjeti ispred svoje slike, a zatim kliknite OK za izlaz iz alata za odabir boja. Možete vidjeti na snimci zaslona ispod opcija rešetke da sam promijenio boju mreže u žutu:

  Slika vodiča za Adobe Photoshop Promijenite boju rešetke u Photoshopovim postavkama ako je potrebno.

Kliknite OK za izlaz iz dijaloškog okvira Preferences. Sada biste trebali vidjeti svoju mrežu u novoj boji (u mom slučaju žutoj) iznad vaše slike:



  Slika vodiča za Adobe Photoshop Mreža koja se prikazuje iznad slike.

Korak 6: Povucite niz vodoravnih odabira

Kreirajmo prvo horizontalne trake. Zgrabi svoju Alat za pravokutni okvir iz palete Alati ili pritisnite M na tipkovnici da biste ga brzo odabrali:

  Slika vodiča za Adobe Photoshop Odaberite Rectangular Marquee Tool.

Sada upotrijebimo našu mrežu da nam pomogne u stvaranju vodoravnih traka. Prvo provjerite je li odabran sloj 'Horizontalne trake' u paleti slojeva (trenutačno odabrani sloj označen je plavom bojom). Napravit ću vodoravne trake visoke dva reda mreže, s jednim redom rešetke koji ih odvaja jednu od druge. Sada želim biti siguran da su ženine oči uključene u konačni učinak, pa ću započeti povlačenjem odabira oko dva reda mreže ispred njezinih očiju. Prema zadanim postavkama, moj odabir će se pričvrstiti na rešetku dok povlačim kako bih olakšao stvari. Ako ustanovite da se vaš odabir ne spaja na mrežu, idite gore na Pogled izbornik na vrhu zaslona, ​​odaberite Priključi na , a zatim odaberite Mreža . Trebali biste vidjeti kvačicu lijevo od riječi 'Grid'.

Evo mog odabira oko dva reda rešetke ispred njezinih očiju:



  Slika vodiča za Adobe Photoshop Povucite vodoravni odabir dva reda visine mreže.

Ovaj odabir će postati jedna od naših horizontalnih traka. Sada stvorimo ostatak. Držite svoje Shift tipku, koja će reći Photoshopu da doda ove sljedeće odabire našem izvornom odabiru i povuče više vodoravnih odabira, držeći svaki dva retka mreže visokom i ostavljajući jedan red rešetke koji odvaja svaki odabir. Vaša bi slika trebala izgledati ovako kada završite:

  Slika vodiča za Adobe Photoshop Držite pritisnutu tipku 'Shift' i povucite ostatak vodoravnih odabira, čineći svaki od dva reda mreže visokim i ostavljajući jedan red mreže između njih.

Korak 7: Dodajte masku sloja

S našim horizontalnim odabirom na mjestu, kliknite na Maska sloja ikona na dnu palete slojeva za dodavanje maske sloja sloju 'Horizontalne trake':



  Slika vodiča za Adobe Photoshop Kliknite na ikonu 'Layer Mask' na dnu palete slojeva.

Photoshop sloju dodaje masku i koristi odabire koje smo stvorili kako bismo odredili koji će dijelovi sloja ostati vidljivi, a koji dijelovi postati skriveni od pogleda. Područja koja su bila unutar naših horizontalnih odabira ostaju vidljiva, dok područja koja su bila u stupcima rešetke koji su razdvajali naše odabire nestaju, otkrivajući crno ispunjen sloj ispod:

  Slika vodiča za Adobe Photoshop Nakon dodavanja maske sloja, Photoshop skriva područja između naših odabira, otkrivajući crni sloj ispod.

Idem pritisnuti Ctrl+' (pobjeda) / Command+' (Mac) da privremeno sakrijem svoju mrežu kako bismo mogli jasnije vidjeti što se dogodilo. Sada smo izradili naše horizontalne trake:

  Slika vodiča za Adobe Photoshop Sada su stvorene vodoravne trake.

Korak 8: Ponovno uključite sloj 'Okomite trake'.

Sada ćemo učiniti istu stvar da stvorimo okomite trake. Najprije kliknite gornji sloj 'Okomite trake' u paleti slojeva kako biste ga odabrali, a zatim ponovno kliknite na njegovu ikonu vidljivosti sloja kako biste vratili očnu jabučicu i ponovno uključili sam sloj:

  Slika vodiča za Adobe Photoshop Odaberite sloj 'Okomite trake' u paleti slojeva i kliknite još jednom na njegovu ikonu vidljivosti sloja kako biste ponovno uključili sloj.

Korak 9: Povucite niz okomitih odabira

Kao što smo radili kad smo stvarali vodoravne trake, povucimo niz odabira, ovaj put okomitih. Napravit ćemo okomite odabire široke dva stupca rešetke, ostavljajući jedan stupac rešetke između njih. Upotrijebite Rectangular Marquee Tool da povučete svoj prvi odabir, a zatim držite Shift i povucite ostatak svojih odabira. Vaša bi slika sada trebala izgledati ovako:

  Slika vodiča za Adobe Photoshop Povucite niz okomitih odabira. Neka budu široki dva stupca rešetke i ostavite jedan stupac rešetke između svakog odabira kako biste ih razdvojili.

Korak 10: Dodajte masku sloja

S našim okomitim odabirima na mjestu, kliknite na Maska sloja ikona na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop Dodajte masku sloja sloju 'Okomite trake'.

Photoshop sloju dodaje masku sloja i kao i prije, koristi naše odabire kako bi odredio koja područja sloja ostaju vidljiva, a koja nestaju iz pogleda. Područja unutar naših odabira ostaju vidljiva, a područja koja su bila unutar stupaca rešetke koji odvajaju naše odabire nestaju otkrivajući i sloj 'Horizontalne trake' i crni sloj ispod:

  Slika vodiča za Adobe Photoshop Ostaju vidljiva samo područja koja su bila unutar naših okomitih odabira.

Još jednom ću privremeno isključiti svoju mrežu s Ctrl+' (pobjeda) / Command+' (Mac) kako bismo lakše vidjeli samu sliku. Vaša bi slika sada trebala izgledati otprilike ovako:

  Slika vodiča za Adobe Photoshop Sada su stvorene okomite i vodoravne trake.

Korak 11: Odaberite sve točke sjecišta trake

Imamo naše okomite i vodoravne trake, ali sve što stvarno izgleda u ovom trenutku je da imamo hrpu crnih kvadrata koji prekrivaju našu sliku. Moramo stvoriti iluziju da se trake pletu jedna iznad i ispod druge. Da bismo to učinili, moramo odabrati područja gdje se sijeku okomite i vodoravne trake. Prije nego što to učinimo, pritisnite Ctrl+' (pobjeda) / Command+' (Mac) da isključite mrežu ako već niste jer nam više ne treba. Zatim držite svoj Ctrl (pobjeda) / Naredba (Mac) i kliknite izravno na sličicu maske sloja 'Horizontalne trake':

  Slika vodiča za Adobe Photoshop Držite 'Ctrl' (Win) / 'Command' (Mac) i kliknite izravno na sličicu maske sloja 'Horizontalne trake'.

Ovo će učitati horizontalne odabire natrag u sliku:

  Slika vodiča za Adobe Photoshop Vodoravni odabiri sada se ponovno učitavaju na slici.

Zatim držite Shift+Ctrl+Alt (pobjeda) / Shift+Command+Option (Mac) i kliknite izravno na sličicu maske sloja 'Okomite trake':

  Slika vodiča za Adobe Photoshop Držite 'Shift+Ctrl+Alt' (Win) / 'Shift+Command+Option' (Mac) i kliknite izravno na masku sloja 'Okomite trake'.

Ovo će učiniti dvije stvari: prvo, učitati će okomite odabire natrag u sliku, i drugo, reći će Photoshopu da zadrži odabir samo oko područja gdje se vodoravni i okomiti odabiri sijeku. Sve ostalo postaje poništeno:

  Slika vodiča za Adobe Photoshop Ostaju odabrana samo područja gdje se vodoravni i okomiti odabiri sijeku.

Korak 12: Spremi odabir

Prije nego što nastavimo, moramo spremiti ovaj odabir. Da biste to učinili, idite gore do Odaberi izbornik na vrhu zaslona i odaberite Spremi odabir . Kada se pojavi dijaloški okvir 'Spremi odabir', jednostavno kliknite OK u gornjem desnom kutu da izađete iz njega:

  Slika vodiča za Adobe Photoshop Spremite odabir.

Korak 13: Poništite odabir svakog drugog kvadrata

Dok je alat Rectangular Marquee Tool još uvijek aktivan, držite pritisnut Sve (pobjeda) / Opcija (Mac) tipku i povucite odabir oko svakog drugog kvadrata. Ovo će poništiti odabir odabira koje povlačite. Nastavite povlačiti svaki drugi odabir kvadrata kako biste poništili odabir dok ne ostane samo polovica izvornih odabira kvadrata. Vaša bi slika trebala izgledati ovako:

  Slika vodiča za Adobe Photoshop Poništite odabir svakog drugog kvadrata dok ne ostane samo polovica.

Korak 14: Kopirajte odabir na novi sloj

Kliknite sličicu sloja 'Horizontalne trake' u paleti slojeva da biste ga odabrali. Zatim pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za kopiranje odabranih područja u novi sloj. Nećete vidjeti da se ništa događa samoj slici, ali ako pogledate u paletu slojeva, vidjet ćete novi sloj pod nazivom 'Layer 1' dodan između slojeva 'Horizontalne trake' i 'Okomite trake' koji sadrži naš kvadrat odabrana područja:

  Slika vodiča za Adobe Photoshop Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) za kopiranje odabranih područja u novi sloj.

Korak 15: Napravite Clipping Mask

S odabranim novim slojem idite gore do Sloj izbornik na vrhu zaslona i odaberite Napravite Clipping Mask . Također možete koristiti tipkovni prečac Ctrl+Alt+G (pobjeda) / Command+Option+G (Mac). U svakom slučaju 'prisječe' novi sloj na sloj ispod njega. Ne možemo vidjeti nikakvu razliku na samoj slici, ali u paleti slojeva možemo vidjeti da je novi sloj sada uvučen udesno što nam govori da ga sloj ispod njega izrezuje:

  Slika vodiča za Adobe Photoshop Držite 'Ctrl' (Win) / 'Command' (Mac) i kliknite na sličicu maske sloja 'Horizontalne trake'.

Korak 16: Ponovno učitaj spremljeni odabir

Vratimo odabir koji smo maloprije spremili, a to možemo jednostavno učiniti koristeći tipkovni prečac Ctrl+Alt+4 (pobjeda) / Command+Option+4 (Mac):

  Slika vodiča za Adobe Photoshop Ponovno učitaj spremljeni odabir.

Korak 17: Poništite odabir odabira suprotnog kvadrata

Dok je Rectangular Marquee Tool još uvijek odabran, još jednom držite pritisnut Sve (pobjeda) / Opcija (Mac) tipku i povucite svaki drugi kvadratni odabir da biste poništili odabir. Ovaj put, međutim, želite zadržati kvadratne odabire koje ste izbrisali prvi put kad smo ovo učinili i poništiti odabir svih onih koje ste zadržali, tako da kada završite, vaša slika izgleda ovako:

  Slika vodiča za Adobe Photoshop Držite pritisnut 'Alt' (Win) / 'Option' (Mac) i povucite odabire oko kvadrata kako biste poništili njihov odabir. Zadržite one koje ste prethodno poništili odabir i poništite odabir onih koje ste zadržali.

Korak 18: Kopirajte odabir na novi sloj

Kliknite sloj 'Okomite trake' na vrhu palete slojeva da biste ga odabrali, zatim pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za kopiranje odabranih područja u novi sloj. Opet, nećemo vidjeti da se išta događa samoj slici, ali paleta slojeva pokazuje nam novi sloj pod nazivom 'Layer 2' iznad sloja 'Vertical Strips' koji sadrži naša odabrana kvadratna područja:

  Slika vodiča za Adobe Photoshop Paleta slojeva prikazuje novi sloj na vrhu koji sadrži naša odabrana kvadratna područja.

Korak 19: Napravite Clipping Mask

Baš kao što smo učinili maloprije, ili idite gore do Sloj izbornik i odaberite Napravite Clipping Mask ili pritisnite Ctrl+Alt+G (pobjeda) / Command+Option+G (Mac) za stvaranje maske za izrezivanje. Sada možemo vidjeti novi sloj uvučen s desne strane što nam govori da ga izrezuje sloj 'Okomite trake' ispod njega:

  Slika vodiča za Adobe Photoshop Novi sloj je sada ošišan slojem 'Okomite trake' ispod njega.

Korak 20: Dodajte stil sloja vanjskog sjaja

Dok je gornji sloj još uvijek odabran, kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop Kliknite na ikonu 'Stilovi slojeva'.

Odaberi Vanjski sjaj s popisa stilova slojeva koji se pojavi:

  Slika vodiča za Adobe Photoshop Odaberite stil sloja 'Vanjski sjaj'.

Ovo otvara dijaloški okvir 'Stil sloja' postavljen na opcije 'Vanjski sjaj' u sredini. Pretvorit ćemo naš 'sjaj' u sjenu, a da bismo to učinili, moramo promijeniti Način miješanja na vrhu od Pomnožiti . Također ne želimo žutu kao boju sjene, pa kliknite na uzorak boje odmah ispod riječi 'Buka', što otvara Photoshopov birač boja, i odaberite crnu kao boju. Pritisnite U redu kada odaberete crnu boju da izađete iz Birača boja. Spustite Neprozirnost vrijednost do oko 60% tako da sjena nije tako tamna i intenzivna. Na kraju, u odjeljku 'Elementi' u sredini dijaloškog okvira podignite Veličina vrijednost za oko 40 piksela:

  Slika vodiča za Adobe Photoshop Promijenite opcije 'Vanjski sjaj' zaokružene crveno gore.

Možda ćete morati prilagoditi vrijednost 'Veličina' ovisno o veličini i razlučivosti slike koju koristite. Pritisnite U redu kada završite da izađete iz dijaloškog okvira Stil sloja. Vaša bi slika sada trebala izgledati otprilike ovako. Skoro smo gotovi:

  Slika vodiča za Adobe Photoshop Slika nakon primjene stila sloja na 'Sloj 2'.

Korak 21: Kopirajte i zalijepite stil sloja na 'Sloj 1'

Sve što sada preostaje je primijeniti potpuno isti stil sloja Outer Glow na 'Layer 1'. Umjesto dodavanja još jednog vanjskog sjaja i ponovnog mijenjanja svih postavki u opcijama, možemo jednostavno kopirati naš stil sloja iz 'Layer 2' i zalijepiti ga na 'Layer 1'. Da biste to učinili, idite gore do Sloj izbornik na vrhu zaslona, ​​odaberite Stil sloja , a zatim odaberite Kopiraj stil sloja . Zatim kliknite na 'Layer 1' u paleti slojeva da biste ga odabrali, vratite se na Sloj izbornik, odaberite Stil sloja još jednom, i ovaj put, biraj Zalijepi stil sloja .

Čim to učinite, vanjski sjaj, zajedno sa svim postavkama koje smo upravo promijenili, zalijepljen je na 'Layer 1' i efekt 'preplitanja foto traka' je završen:

  Slika vodiča za Adobe Photoshop Kopirajte i zalijepite stil sloja Outer Glow iz 'Layer 2' na 'Layer 1' kako biste dovršili efekt.