Okrenite, zrcalite i rotirajte dizajne i uzorke slika u Photoshopu

Naučite kako preokrenuti, zrcaliti i rotirati jednu sliku u Photoshopu da biste stvorili zabavne i zanimljive dizajne i kako stvoriti jedinstven izgled za efekt pomoću Photoshopovih načina stapanja slojeva!



Napisao Steve Patterson.

U prethodnom vodiču za foto efekte naučili smo kako stvoriti jednostavan efekt ogledala u Photoshopu okretanjem jedne strane slike vodoravno kako biste stvorili odraz druge strane. U ovom vodiču ćemo uzeti istu osnovnu ideju i ići dalje s njom, stvarajući zanimljive efekte, dizajne i uzorke jednostavnim okretanjem, rotiranjem i zrcaljenjem iste slike uvijek iznova! Također ćemo eksperimentirati s Photoshopovim načinima stapanja slojeva da vidimo kako različiti načini stapanja mogu dramatično promijeniti naše rezultate.



Da biste slijedili, možete koristiti bilo koju sliku koju želite, ali često ćete dobiti najbolje rezultate ako slika sadrži puno detalja.

Evo fotografije koju ću koristiti ( fotografija cvijeća iz Adobe Stock-a):

  Prelijepo cvijeće. Slika 78245864 licencirana od Adobe Stock Izvorna slika. Autor fotografije: Adobe Stock.

A ovo je samo jedan primjer vrste dizajna koji možemo stvoriti od njega u samo nekoliko jednostavnih koraka. Usput ćemo vidjeti druge primjere. Svaka fotografija će vam dati jedinstvene rezultate, pa kada znate kako stvoriti efekt, pokušajte s različitim vrstama slika da vidite što možete smisliti:



  Konačni dizajn uzorka stvoren iz jedne slike u Photoshopu. Jedan mogući dizajn. Vaši rezultati ovisit će o vašoj fotografiji i načinima stapanja koje odaberete.

Započnimo!

Preuzmite ovaj vodič u PDF-u spremnom za ispis!

Kako okrenuti, zrcaliti i rotirati slike u Photoshopu

Za ovaj vodič koristim Photoshop CC ali svaki je korak kompatibilan s Photoshopom CS6 i ranijim verzijama.



Također možete pratiti zajedno s mojim video ovog vodiča na našem YouTube kanalu. Ili preuzmite ovaj vodič kao PDF i nabavite moj novi Potpuni vodič za načine stapanja slojeva kao bonus!

Korak 1: Izrežite fotografiju ako je potrebno

Za početak, izrežimo sva područja naše slike koja nam zapravo nisu potrebna za ovaj efekt. Ako ne trebate izrezati svoju sliku, možete prijeći na 2. korak.

Općenito, htjet ćete izrezati usko oko subjekta, uklanjajući sva okolna područja s niskim detaljima (poput čistog plavog neba) koja zapravo neće ništa dodati konačnom rezultatu. U mom slučaju, slika koju koristim zapravo nema područja s niskim detaljima. Zapravo, praktički je procvat s detaljima (tamo malo cvjetnog humora). ja mogao samo upotrijebite cijelu fotografiju onakvu kakva jest i završite s stvarno ludim dizajnom. Ali da malo pojednostavim stvari, orezat ću neke cvjetove.



Da biste izrezali svoju sliku, odaberite Photoshop Alat za izrezivanje od Alatna traka na lijevoj strani ekrana:

  Odabir alata za izrezivanje u Photoshopu. Odabir alata za izrezivanje.

S odabranim alatom Crop Tool provjerite je li Izbriši izrezane piksele označeno je na traci s opcijama budući da trebamo izbrisati izrezane piksele, a ne samo sakriti ih od pogleda (napomena: opcija Izbriši izrezane piksele dostupna je samo u Photoshopu CC i CS6. Ako koristite stariju verziju, Photoshop briše piksele prema zadanim postavkama tako da ne morate brinuti o tome):



  Opcija Izbriši obrezane piksele za alat za izrezivanje. Provjerite je li označeno 'Delete Cropped Pixels'.

Zatim kliknite i povucite obrub za obrezivanje oko područja koje želite zadržati. U mom slučaju, povući ću obrub oko desne strane slike. To znači da ću zadržati desnu stranu i odrezati lijevu stranu:

  Obrezivanje slike alatom za izrezivanje. Povlačenje mog obruba obrezivanja oko desne strane fotografije.

Pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici kada budete spremni izrezati sliku:

  Slika nakon što je izrezana u Photoshopu. Preostali dio slike trebao bi stvoriti zanimljive dizajne.

Korak 2: Duplicirajte pozadinski sloj

Ako pogledamo u našem Ploča slojeva , vidimo svoju sliku kako sjedi na Pozadinski sloj , trenutno jedini sloj u dokumentu:



  Ploča Slojevi prikazuje izrezanu sliku na pozadinskom sloju. Ploča Slojevi prikazuje izrezanu sliku na pozadinskom sloju.

Moramo napraviti kopiju ovog sloja. Da biste to učinili, kliknite na pozadinski sloj i povucite ga prema dolje na Novi sloj ikona na dnu ploče Slojevi (druga ikona s desna):

  Povlačenje pozadinskog sloja na ikonu novog sloja. Povlačenje pozadinskog sloja na ikonu novog sloja.

Photoshop radi kopiju pozadinskog sloja, naziva ga 'Background copy' i postavlja ga iznad originala:



  Ploča Slojevi koja prikazuje sloj pozadinske kopije iznad izvornika. Pojavljuje se sloj 'Pozadinska kopija'.

Korak 3: Udvostručite širinu platna

Idi gore do Slika izbornik na vrhu zaslona i odaberite Veličina platna :

  Odabir naredbe Photoshop Canvas Size. Idite na Slika > Veličina platna.

Ovo otvara Photoshopov dijaloški okvir Veličina platna koji ćemo koristiti za dodavanje više prostora na platnu oko naše fotografije. Trebamo udvostručiti trenutnu širinu našeg platna i želimo da se sav dodatni prostor na platnu pojavi s desne strane naše slike. Da biste to učinili, postavite Širina vrijednost za 200 posto i ostaviti Visina na 100 posto (što će ostaviti visinu platna na trenutnoj veličini). Ostavi Relativni opcija neprovjereno . Da biste forsirali dodatni prostor na platnu s desne strane fotografije, kliknite na lijevi srednji kvadrat u Sidro rešetka:

  Dijaloški okvir Veličina platna u Photoshopu. Postavke za udvostručenje širine platna.

Pritisnite U redu kada završite da biste zatvorili dijaloški okvir. Photoshop udvostručuje širinu platna, dodajući sav dodatni prostor s desne strane fotografije. Prema zadanim postavkama, Photoshop ispunjava dodatni prostor na platnu bijelom bojom. Ako iz nekog razloga vaš nije bijel, ne brinite jer to nije važno:

  Dodatni prostor na platnu sada se pojavljuje na desnoj strani fotografije. Dodatni prostor na platnu pojavljuje se na desnoj strani fotografije.

Korak 4: Povucite fotografiju na sloju 'Pozadinska kopija' udesno

Sada kada smo dodali dodatni prostor na platnu, moramo povući kopiju naše fotografije na sloju 'Pozadinska kopija' u novo područje. Odaberite Photoshop's Alat za pomicanje iz alatne trake:

  Photoshop alat za premještanje. Odabir Move Tool.

Provjerite je li sloj 'Pozadinska kopija' odabran na ploči Slojevi. Držite svoje Shift tipku, zatim kliknite na fotografiju i povucite je na desnu stranu izvorne slike. Držanje tipke Shift dok povlačite ograničit će smjer u kojem se možete kretati, što olakšava povlačenje ravno poprijeko. Kada ste gotovi, otpustite tipku miša, a zatim otpustite tipku Shift. Sada biste trebali vidjeti dvije kopije fotografije koje stoje jedna pored druge:

  Povlačenje kopije slike udesno. Povlačenje kopije slike desno od originala.

Korak 5: Okrenite sliku s desne strane vodoravno

Za sada imamo samo dva jednojajčana blizanca. Kreirajmo naš prvi efekt zrcala okretanjem slike s desne strane vodoravno tako da izgleda kao odraz one s lijeve strane. Da biste to učinili, idite gore do Uredi izbornik na vrhu zaslona, ​​odaberite Transformirati , a zatim odaberite Okreni vodoravno :

  Naredba Flip Horizontal u Photoshopu. Idite na Edit > Transform > Flip Horizontal.

Fotografija s desne strane odmah postaje zrcalni odraz fotografije s lijeve strane, stvarajući naš prvi učinak:

  Photoshop efekt zrcalne slike. Dvije slike sada su zrcalni odraz jedna druge.

Korak 6: Spojite dva sloja zajedno

Za sada je dobro, ali kako se kaže, ali mi smo tek počeli. Spojimo naša dva sloja u jedan tako što ćemo otići do Sloj izbornik na vrhu zaslona i odabir Spoji prema dolje :

  Naredba Merge Down u Photoshopu. Idite na Layer > Merge Down.

Čini se da se ništa nije dogodilo u dokumentu, ali ako pogledamo našu ploču Slojevi, vidjet ćemo da su naša dva sloja spojena u jedan pozadinski sloj:

  Ploča Slojevi koja prikazuje spojene slojeve. Pozadinski sloj sada ima naš zrcalni efekt.

Korak 7: Duplicirajte sloj

Baš kao što smo učinili u 2. koraku, duplicirajmo pozadinski sloj klikom na njega i povlačenjem prema dolje na Novi sloj ikona:

  Povlačenje pozadinskog sloja na ikonu novog sloja. Ponovno povucite pozadinski sloj na ikonu novog sloja.

Photoshop ponovno duplicira pozadinski sloj, naziva ga 'Background copy' i postavlja ga iznad originala:

  Ploča Slojevi prikazuje novi sloj pozadinske kopije. Ploča Slojevi koja prikazuje novi sloj 'Pozadinska kopija'.

Korak 8: Udvostručite visinu platna

Stvorit ćemo još jedan odraz naše slike, ovaj put okomito. Za to moramo udvostručiti visinu našeg platna i novi prostor na platnu pojaviti ispod naše postojeće slike. Idemo još jednom otvoriti dijaloški okvir Veličina platna tako da odemo do Slika izbornik na vrhu zaslona i odabir Veličina platna :

  Odabir naredbe Photoshop Canvas Size. Idite na Slika > Veličina platna.

Kada se pojavi dijaloški okvir, postavite Širina do 100 posto (što će ostaviti širinu na trenutnoj veličini) i Visina do 200 posto . Opet, ostavite Relativni opcija neprovjereno . Da bi se dodatni prostor pojavio ispod slike, kliknite na gornji srednji kvadrat u Sidro rešetka:

  Udvostručenje visine platna u Photoshopu. Postavke za udvostručenje visine platna.

Pritisnite OK da biste zatvorili dijaloški okvir. Photoshop dodaje dodatni prostor na platnu ispod slike. Ako u ovom trenutku ne možete vidjeti cijelo platno jer je sada preveliko da stane na vaš zaslon, idite do Pogled izbornik i odaberite Prilagodi zaslonu naredbu ili pritisnite Ctrl+0 (pobjeda) / Command+0 (Mac) na vašoj tipkovnici. Photoshop će zumirajte dokument na bilo koju razinu koja je potrebna da bi odgovarao:

  Dodatni prostor na platnu dodan je ispod slike u Photoshopu. Dodatni prostor na platnu pojavljuje se ispod slike.

Korak 9: Povucite sliku ispod originala

Dok je još uvijek odabran Move Tool i sloj 'Background copy' odabran na ploči Slojevi, kliknite na sliku i povucite je prema dolje u dodatni prostor na platnu. Pritisnite i držite svoj Shift dok povlačite kako biste ograničili smjer u kojem se možete kretati, što olakšava povlačenje fotografije ravno prema dolje:

  Povlačenje slike na sloj pozadinske kopije ispod izvornika. Povlačenje slike na sloj 'Pozadinska kopija' ispod izvornika.

Korak 10: Okrenite donju sliku okomito

Kako biste donju sliku pretvorili u zrcalni odraz gornje, idite gore do Uredi izbornik, odaberite Transformirati , a zatim odaberite Okreni okomito :

  Odabir naredbe Flip Vertical iz izbornika Edit u Photoshopu. Idite na Edit > Transform > Flip Vertical.

Sada imamo naš drugi zrcalni odraz, ovaj put okomito. Stvari već počinju izgledati zanimljivo:

  Drugi Photoshop efekt ogledala. Donja slika sada je odraz gornje slike.

Korak 11: Spojite oba sloja u novi sloj

Sve što smo do sada radili je izrada kopija slike i njihovo okretanje vodoravno ili okomito. Da vidimo koliko dalje možemo odmaći stvari rotiranjem kopija slike i isprobavanjem različitih načina stapanja slojeva!

Prvo, spojimo oba naša postojeća sloja u potpuno novi sloj. Da biste to učinili, pritisnite i držite Sve (pobjeda) / Opcija (Mac) tipka na vašoj tipkovnici. I dalje držite tipku pritisnutom, idite gore do Sloj izbornik na vrhu zaslona i odaberite Spajanje vidljivo pri dnu liste:

  Naredba Spoji vidljivo u Photoshopu. Držite Alt (Win) / Option (Mac) i idite na Layer > Merge Visible.

U normalnim okolnostima, naredba Merge Visible bi spojila naša dva sloja u jedan sloj, baš kao što je ranije učinila naredba Merge Down. Ali držeći pritisnutu tipku Alt / Option dok smo odabrali Merge Visible, rekli smo Photoshopu da stvori potpuno novi sloj i spoji naše postojeće slojeve na novi sloj.

Na našoj ploči Slojevi možemo vidjeti da sada imamo treći sloj, nazvan 'Sloj 1', a možemo vidjeti u sličica pregleda da sadrži spojenu kopiju slika s izvornih dva sloja ispod sebe:

  Dva izvorna sloja sada su spojena na treći sloj u Photoshopu. Dva originalna sloja su spojena u treći sloj.

Korak 12: Rotirajte novi sloj za 90° u smjeru kazaljke na satu

Zarotirajmo sliku na 'Layer 1'. Idi gore do Uredi izbornik, odaberite Transformirati , a zatim odaberite Rotirajte 90° u smjeru kazaljke na satu :

  Naredba Rotiraj za 90 stupnjeva u smjeru kazaljke na satu u Photoshopu. Idite na Edit > Transform > Rotate 90° Clockwise.

Ovo će zakrenuti sloj za 90° u smjeru kazaljke na satu, ostavljajući dva sloja ispod njega u izvornoj orijentaciji:

  Rezultat nakon rotacije gornje slike za 90 stupnjeva. Rezultat nakon rotacije 'Layer 1' za 90 stupnjeva.

Preuzmite ovaj vodič u PDF-u spremnom za ispis!

Korak 13: Izrežite dokument oko rotirane slike

Zatim ćemo izrezati dokument oko rotirane slike. Pritisnite i držite Ctrl (pobjeda) / Naredba (Mac) na tipkovnici i kliknite izravno na sličica pregleda za 'Sloj 1' na ploči Slojevi:

  Klikom na sličicu pregleda za sloj 1 na ploči slojeva u Photoshopu. Klikom na minijaturu pregleda dok držite Ctrl (Win) / Command (Mac).

Ovo učitava obris odabira oko rotirane slike. S odabranim mjestom idite gore do Slika izbornik na vrhu zaslona i odaberite Usjev :

  Odabir naredbe Crop u Photoshopu. Idite na Slika > Izreži.

Photoshop izrezuje područja iznad i ispod slike. Da biste uklonili obris odabira jer nam više ne treba, idite gore na Odaberi izbornik na vrhu zaslona i odaberite Poništi odabir , ili pritisnite Ctrl+D (pobjeda) / Command+D (Mac) na vašoj tipkovnici:

  Odabir Deselect iz izbornika Select u Photoshopu. Idete na Odaberi > Poništi odabir.

Sada kada smo izrezali vrh i dno, sve što sada možemo vidjeti je naša rotirana slika. To ćemo popraviti kad počnemo eksperimentirati s Photoshopovim načinima stapanja slojeva:

  Rezultat nakon izrezivanja područja iznad i ispod slike. Rezultat nakon izrezivanja područja iznad i ispod slike.

Korak 14: Eksperimentirajte s načinima miješanja slojeva

U ovoj točki stvari počinju postajati pomalo eksperimentalne i stvar osobnog ukusa. Trenutačno slika na 'Sloju 1' potpuno blokira prikaz slojeva ispod nje, što nije ono što želimo. Moramo pomiješati gornji sloj sa slojevima ispod njega, a to možemo učiniti promjenom slojeva način miješanja .

Naći ćete opciju Blend Mode u gornjem lijevom kutu ploče Slojevi. Nigdje ne piše 'Blend Mode', ali to je opcija koja je postavljena Normalan prema zadanim postavkama. 'Normalno' znači da se sloj uopće ne stapa sa slojevima ispod njega. Samo im zaklanja pogled. Isprobajmo nekoliko različitih načina stapanja da vidimo što ćemo dobiti. Započet ću promjenom načina miješanja s Normal na Pomnožiti :

  Promjena načina stapanja za Layer 1 u Multiply. Promjena načina stapanja za 'Layer 1' u Multiply.

The Višestruki način miješanja dobro radi stapanje mojih slika u zanimljiv dizajn. Ali budući da je Multiply jedan od nekoliko načina stapanja u Photoshopu koji ima učinak zatamnjivanja cjelokupne slike, možemo vidjeti da je učinak koji je stvorio prilično tamniji od onoga što smo imali prije:

  Dizajn nakon postavljanja načina stapanja na Multiply. Multiply stvara zanimljiv, ali mračan uzorak.

Ovaj put ću pokušati s drugim načinom miješanja Posvijetliti :

  Promjena načina stapanja za Layer 2 u Lighten. Promjena načina stapanja za 'Layer 1' u Lighten.

Lighten je jedan od nekoliko načina stapanja koji cjelokupnu sliku čine svjetlijom. Djeluje tako da uspoređuje piksele na odabranom sloju s pikselima na slojevima ispod njega i zatim zadržava one koji su pikseli svjetliji. Ovdje vidimo da je definitivno uljepšala stvari i dala mi još jedan zanimljiv dizajn. Osobno, ovaj mi se puno više sviđa:

  Dizajn nakon postavljanja načina stapanja na Lighten. Lighten stvara još jedan zanimljiv i puno lakši dizajn.

Ako želite nešto psihodeličnije, pokušajte ili s Razlika ili Isključenje načini miješanja. Probat ću razliku:

  Promjena načina stapanja za Layer 2 u Darken. Promjena načina stapanja u Razlika.

The Razlika u načinu miješanja traži razlike između sloja i slojeva ispod njega, a zatim prikazuje te razlike kao različite boje. U skladu s imenom, rezultat definitivno izgleda drugačije:

  Dizajn nakon postavljanja načina stapanja na Difference. Učinak s načinom stapanja postavljenim na Difference.

Kretanje kroz načine miješanja s tipkovnice

Do sada sam samo klikao na opciju Blend Mode na ploči Slojevi i zatim nasumično birao one za isprobavanje s popisa. Ali ovdje je mnogo lakši način da isprobate načine stapanja. Provjerite je li još uvijek odabran Move Tool. Zatim jednostavno pritisnite i držite Shift tipku na tipkovnici i koristite + i - tipke za kretanje gore ili dolje kroz popis.

Nakon što sam ih sve isprobao, mislim da ću ostati pri Lighten načinu stapanja. Možda biste više voljeli drugačiji način stapanja za svoju sliku, ali u ovom slučaju Lighten mi daje rezultat koji mi se najviše sviđa.

Korak 15: Spojite oba sloja u novi sloj

Pokušajmo napraviti još jednu kopiju slike, rotirati je i zatim promijeniti način miješanja da vidimo što ćemo dobiti. Prvo ćemo spojiti sva tri naša sloja u novi sloj. Još jednom pritisnite i držite svoj Sve (pobjeda) / Opcija (Mac) dok se penjete do Sloj izbornik i odaberite Spajanje vidljivo :

  Naredba Spoji vidljivo u Photoshopu. Držite Alt (Win) / Option (Mac) i odaberite Layer > Merge Visible.

Ovo spaja sva tri sloja u četvrti sloj, 'Sloj 2', iznad njih:

  Sva tri sloja sada su spojena u sloj 2. Sva tri sloja sada su spojena u 'Sloj 2'.

Korak 16: Rotirajte novi sloj za 45°

S odabranim 'Layer 2' idite gore do Uredi izbornik, odaberite Transformirati , a zatim odaberite Rotirati :

  Odabir naredbe Rotate u Photoshopu. Idite na Edit > Transform > Rotate.

Zatim, u Traka s opcijama na vrhu zaslona, ​​enter 45.0 u Kut polje za unos kako biste rekli Photoshopu da rotira sliku na 'Layer 2' za 45° u smjeru kazaljke na satu:

  Postavljanje opcije Kut na traci s opcijama na 45 stupnjeva. Unos '45,0' u polje Kut.

Pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici jednom za prihvaćanje kuta koji ste unijeli, zatim pritisnite Unesi (pobjeda) / Povratak (Mac) drugi put za izlaz iz naredbe Rotate. Evo mog dizajna sa zakrenutom gornjom slikom:

  Okrenite, zrcalite i rotirajte sliku u Photoshopu. Učinak nakon rotacije 'Layer 2' za 45°.

Korak 17: Promijenite način miješanja

Konačno, isprobajte različite načine stapanja kao što smo radili prije da vidite kako svaki utječe na način na koji se rotirana slika na 'Sloju 2' stapa sa slojevima ispod njega. Opet, najlakši način da to učinite je da držite pritisnutim Shift ključ i pomoću + i - tipke za kruženje kroz načine stapanja.

Nakon što ih sve isprobam, odlučit ću se za Tamnija boja ovaj put način miješanja. Poput načina miješanja Multiply koji smo ranije isprobali, Darker Color također potamnjuje sliku, ali je malo napredniji. Djeluje tako da uspoređuje piksele na odabranom sloju s pikselima iz slojeva ispod njega, a zatim zadržava koji god piksel je tamniji:

  Promjena načina stapanja gornjeg sloja u tamniju boju. Postavljanje gornjeg sloja na tamniju boju.

I evo rezultata:

  Rezultat nakon promjene gornjeg sloja's blend mode to Darker Color. Učinak nakon promjene načina stapanja gornjeg sloja u tamniju boju.

Naravno, uvijek se možete vratiti u ovom trenutku i promijeniti način stapanja za 'Layer 1' ako želite nastaviti eksperimentirati. Da bih to učinio, kliknut ću na 'Layer 1' da ga odaberem. Zatim ću promijeniti njegov način miješanja u nešto potpuno drugačije, npr Svjetlost :

  Odabir sloja 1 i promjena njegovog načina stapanja u Luminosity. Odabir 'Layer 1' i promjena načina stapanja u Luminosity.

The Način miješanja svjetline miješa se svjetlina (vrijednosti svjetline) odabranog sloja s bojama iz slojeva ispod njega, a ovdje vidimo da stvara vrlo različit rezultat od prethodnih primjera koje smo pogledali:

  Rezultat sa slojem 1's blend mode set to Luminosity. Rezultat sa 'Layer 1' postavljenim na Luminosity.

Na kraju ću kliknuti na 'Layer 2' da ga ponovno odaberem. Zatim ću promijeniti način miješanja u Boja :

  Odabir sloja 2 i promjena načina stapanja u Boja. Odabir 'Layer 2' i promjena njegovog načina stapanja u Boja.

Photoshopa Način miješanja boja je suprotnost od Luminosity. Ono spaja boja odabranog sloja sa svjetlinom slojeva ispod. Drugim riječima, oboji sliku, dajući nam još jedan jedinstven rezultat:

  Rezultat sa slojem 2 koji je sada postavljen na način stapanja boja. Rezultat sa 'Layer 2' sada postavljen na Color.

Naravno, ne morate znati kako svaki od Photoshopovih 27 različitih načina stapanja slojeva (od Photoshop CC 2017) radi za stvaranje ovog efekta. Sve što zapravo trebate znati je kako kružiti kroz njih i odabrati onu koja vam se najviše sviđa! Međutim, tamo su pregršt načina stapanja koje ćete stalno koristiti u svom radu u Photoshopu. Kako biste saznali sve o njima, pogledajte naše Photoshopovih pet osnovnih načina stapanja tutorial.