Zabava sa siluetama u Photoshopu

Napisao Steve Patterson.

U ovom tutorialu za Photoshop malo ćemo se zabaviti sa siluetama. Pod tim mislim da ćemo prvo stvoriti osnovnu siluetu koristeći tehniku ​​koja će nam dati slobodu da promijenimo veličinu siluete po potrebi bez gubitka kvalitete slike, a zatim ćemo vidjeti kako siluetu ispuniti zabavnom pozadinom za stvaranje zanimljivih dizajna!



Napravit ću nekoliko silueta za ovaj vodič. Prvo ću upotrijebiti dječaka s ove fotografije:



  Dječak skače na otvorenom. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Od ove fotografije nastat će prva silueta.

Također ću napraviti siluetu od djevojke na ovoj fotografiji:

  Mlada djevojka skače na otvorenom. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Druga silueta bit će stvorena iz ove fotografije.

Ispunit ću obje siluete pozadinom, a koristit ću pozadinu koju smo stvorili u našem nedavnom Klasična zvjezdana pozadina poduka:

  Pozadina praska zvijezda stvorena u Photoshopu. Slika © 2008 Photoshop Essentials.com. Pozadina 'zvjezdanog praska' stvorena u nedavnom vodiču.

Naravno, možete koristiti koju god pozadinu želite. Ako ovu pozadinu praska zvijezda stvarate iz našeg tutorial , bit ćete sigurni da izravnate sliku zvjezdanog praska kada završite tako da odete do Sloj izbornik na vrhu zaslona i odabir Poravnaj sliku tako da slika zvjezdanog praska bude na jednom pozadinskom sloju, što će kasnije olakšati stvari. Kao što sam rekao, slobodno upotrijebite koju god pozadinsku sliku želite.



Evo konačnog učinka na kojem ćemo raditi:

  Konačni efekt siluete u Photoshopu. Slika © 2008 Photoshop Essentials.com. Konačni efekt siluete.

Prije nego što počnemo, moram napomenuti da ćemo koristiti Photoshop Alat za olovku za stvaranje naših silueta, za razliku od nečeg jednostavnijeg kao što je Lasso Tool. Postoji nekoliko razloga zašto. Prvo, dobivanje odabira profesionalne kvalitete s alatom Lasso je gotovo nemoguće, a siluete stvorene alatom Lasso općenito izgledaju nemarno i amaterski. Alat Pen daje nam svu preciznost koja nam je potrebna za stvaranje sjajnih oblika.

Drugi razlog za odabir alata Pen je taj što nam omogućuje stvaranje vektorski zasnovani oblici koji su neovisno o rezoluciji , što znači da im možemo mijenjati veličinu po potrebi bez gubitka kvalitete slike. Alat Lasso, s druge strane, stvara odabire temeljene na pikselima koji nisu pogodni za promjenu veličine. Oni imaju tendenciju da izgube kvalitetu slike nakon promjene veličine, osobito ako ih trebate povećati. Dakle, za sjajne siluete koje neće izgubiti kvalitetu slike bez obzira na veličinu koju napravimo, potreban nam je Pen Tool!



Rekavši to, ako niste upoznati s time kako koristiti Pen Tool u Photoshopu, svakako provjerite naš Odabir pomoću alata Pen prvi vodič, gdje ćete pronaći sve što trebate znati kako biste počeli raditi s onim što je, bez sumnje, najbolji alat za odabir u cijelom Photoshopu.

Korak 1: Odaberite alat Pen

Otvorite prvu sliku od koje želite napraviti siluetu (u mom slučaju to je fotografija dječaka) i odaberite Alat za olovku iz Photoshopove palete alata:

  Odabir alata Pen iz palete Alati u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite Pen Tool.

Također možete odabrati Pen Tool pritiskom na slovo P na vašoj tipkovnici.



Korak 2: Odaberite opciju 'Slojevi oblika' na traci s opcijama

Čim odaberete alat Pen, traka s opcijama na vrhu zaslona promijenit će se kako bi prikazala opcije posebno za alat Pen. S lijeve strane trake s opcijama vidjet ćete niz od tri ikone - jednu koja izgleda kao kvadrat s manjim kvadratom u svakom kutu ( Slojevi oblika ikona), onaj koji ima alat Pen u središtu kvadrata ( Staze ikona) i onaj koji je samo jednostavan kvadrat (the Ispuni piksele ikona). Ove ikone kontroliraju što radimo s alatom Pen Tool. Olovku možemo koristiti za crtanje vektorskih oblika, možemo je koristiti za crtanje staza (koje su u osnovi obrisi oblika) i možemo je koristiti za crtanje oblika temeljenih na pikselima. Da bismo stvorili našu siluetu, želimo nacrtati vektorske oblike, pa kliknite na Slojevi oblika ikonu na traci opcija da biste je odabrali:

  Odabirom opcije Slojevi oblika na traci opcija u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite opciju Slojevi oblika na traci s opcijama.

Korak 3: Ako je potrebno, poništite boje prednjeg plana i pozadine

Kao što sam spomenuo, ispunit ćemo našu siluetu pozadinskom slikom, ali prvo stvorimo tradicionalniju siluetu ispunjenu crnom. Za to će nam trebati boja prednjeg plana postavljena na crnu, što je zadana boja (bijela je zadana boja za pozadinu). Ako je vaša boja prednjeg plana već postavljena na crnu, možete preskočiti ovaj korak. Ako nije, lako možete poništiti boje prednjeg plana i pozadine pritiskom na slovo D na vašoj tipkovnici. Ako pogledate svoje uzorke boja prednjeg plana i pozadine pri dnu palete alata, vidjet ćete da je crna sada boja prednjeg plana (lijevi uzorak), a bijela sada boja pozadine (desni uzorak):



  Uzorci boja prednjeg plana i pozadine u Photoshopu. Slika © 2008 Photoshop Essentials.com. Ako je potrebno, ponovno postavite boje prednjeg plana i pozadine.

Korak 4: Nacrtajte obris oko osobe na fotografiji

S alatom Pen u ruci, opcijom Slojevi oblika odabranom na traci s opcijama i bojom prednjeg plana postavljenom na crnu, počnite crtati obris oko osobe na fotografiji, dodajući sidrišne točke i pomičući ručke smjera prema potrebi. Još jednom, svakako pročitajte naše Odabir pomoću alata Pen ako trebate pomoć pri korištenju alata Pen Tool.

Brzo ćete primijetiti mali problem dok budete obilazili tu osobu. Budući da crtamo oblik, Photoshop ispunjava područje unutar obrisa crnom dok ga stvarate, što samo po sebi nije problem osim što vam blokira pogled na ono što radite. Ovdje možemo vidjeti da sam počeo crtati obris oko dječakove glave, ali puna crna ga potpuno zaklanja od pogleda dok ga obilazim:

  Crtanje obrisa oko dječaka s Pen Tool. Slika © 2008 Photoshop Essentials.com. Čvrsta crna ispuna zaklanja dječaka iz pogleda.

Kako bismo riješili ovaj mali problem, sve što trebamo učiniti je privremeno smanjiti neprozirnost našeg sloja oblika. Ako pogledamo našu paletu slojeva, možemo vidjeti da sada imamo dva sloja. Naša fotografija je na pozadinskom sloju, a oblik koji crtamo Pen Tool je na sloju oblika, pod nazivom 'Oblik 1', neposredno iznad njega. Sloj oblika trenutno je odabran (to znamo jer je označen plavom bojom), pa idite gore do Neprozirnost opciju u gornjem desnom kutu palete slojeva i smanjite neprozirnost na oko 40% ili tako:



  Smanjenje neprozirnosti sloja oblika u paleti slojeva u Photoshopu. Slika © 2008 Photoshop Essentials.com. Smanjite neprozirnost sloja oblika u paleti slojeva.

Sa smanjenom neprozirnošću oblika, sada možemo vidjeti kroz čvrstu crnu ispunu, što nam čini mnogo lakšim vidjeti što radimo:

  Neprozirnost sloja Shape sada je smanjena. Slika © 2008 Photoshop Essentials.com. Dječak je sada vidljiv kroz čvrstu crnu ispunu.

Nastavite crtati svoj obris oko osobe pomoću Pen Tool. Kada završite, vratite se na Neprozirnost opciju u paleti slojeva i podignite neprozirnost natrag na 100% . Evo mog dovršenog oblika oko dječaka, ispunjenog čistom crnom bojom. Sada imam svoju prvu siluetu:



  Silueta dječaka u Photoshopu. Slika © 2008 Photoshop Essentials.com. Prva je silueta sada gotova.

Korak 5: Napravite novi prazan Photoshop dokument

Sada kada smo stvorili našu prvu siluetu, premjestimo je u vlastiti dokument. Prvo ćemo morati izraditi novi Photoshop dokument, pa prijeđite na Datoteka izbornik na vrhu zaslona i odaberite Novi , koji donosi Novi dokument dijaloški okvir. Nazvat ću svoj novi dokument 'Siluete', iako imenovanje novih dokumenata nije obavezno.
Odaberite veličinu koja god vam je potrebna za vaš dokument. Za ovaj vodič izradit ću dokument veličine 6x6 inča i postaviti Rezolucija do 300 piksela po inču , što je standardna razlučivost za ispis profesionalne kvalitete. Provjerite jeste li odabrali Bijela kao vaš dokument Pozadinski sadržaj :

  Izrada novog dokumenta u Photoshopu. Slika © 2008 Photoshop Essentials.com. Napravite novi prazan Photoshop dokument.

Kliknite U redu za izlazak iz dijaloškog okvira kada završite i pojavit će se novi dokument:

  Novi prazan Photoshop dokument. Slika © 2008 Photoshop Essentials.com. Novi Photoshop dokument ispunjen bijelom bojom.

Korak 6: Povucite sloj oblika u novi dokument

S vašom izvornom fotografijom i novim praznim dokumentom koji su sada otvoreni na vašem zaslonu u svojim odvojenim prozorima dokumenata, kliknite bilo gdje unutar izvorne fotografije da biste je odabrali, što će je učiniti aktivnom. Zatim idite na paletu slojeva, kliknite na sloj oblika koji sadrži vašu siluetu i jednostavno povucite sloj u novi dokument:

  Povlačenje sloja oblika s izvorne slike u novi dokument. Slika © 2008 Photoshop Essentials.com. Odaberite izvornu sliku, zatim kliknite na sloj oblika u paleti slojeva i povucite ga u novi dokument.

Otpustite tipku miša i vaša crna silueta pojavit će se unutar novog dokumenta:

  Silueta se sada pojavljuje unutar novog dokumenta. Slika © 2008 Photoshop Essentials.com. Silueta se sada pojavljuje unutar novog dokumenta.

U ovom trenutku možete zatvoriti prozor dokumenta izvorne fotografije jer nam više ne treba. A sada, ako još jednom pogledamo u paletu slojeva, možemo vidjeti da je naš sloj oblika zapravo kopiran u novi dokument i da se nalazi točno iznad bijelo ispunjenog pozadinskog sloja:

  Photoshop's Layers palette. Image © 2008 Photoshop Essentials.com. Paleta slojeva prikazuje sloj oblika sada unutar novog dokumenta.

Korak 7: Promijenite veličinu i položaj siluete uz slobodnu transformaciju

Kao što sam spomenuo na početku ovog vodiča, jedan od glavnih razloga zašto smo koristili Pen Tool za stvaranje naše siluete je taj što nam je omogućio da stvorimo našu siluetu kao vektorski oblik, a kao oblik, slobodni smo da mu promijenimo veličinu kako god želimo, čineći ga velikim ili malim koliko god želimo, bez gubitka kvalitete slike. Promijenimo veličinu siluete pomoću Photoshopove naredbe Free Transform. S odabranim slojem oblika u paleti slojeva pritisnite Ctrl+T (pobjeda) / Command+T (Mac) da biste prikazali okvir za slobodnu transformaciju i ručke oko siluete. Držite svoje Shift tipku za ograničavanje proporcija siluete kako ne biste narušili njezin izgled i povlačili bilo koju kutnu ručicu za promjenu veličine. Ako želite promijeniti veličinu od središta, a ne od kuta, držite pritisnutu tipku Sve (pobjeda) / Opcija (Mac) tipku dok povlačite. Također možete pomicati siluetu unutar dokumenta klikom bilo gdje unutar okvira Slobodna transformacija i povlačenjem oblika mišem. Samo nemojte kliknuti na malu ikonu cilja u sredini, inače ćete pomaknuti ikonu cilja, a ne oblik.

Ovdje sam povećao svoju siluetu i premjestio je u gornji lijevi kut dokumenta:

  Promjena veličine i položaja oblika pomoću naredbe Free Transform u Photoshopu. Slika © 2008 Photoshop Essentials.com. Promijenite veličinu siluete i premjestite je prema potrebi pomoću slobodne transformacije.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite prihvatite transformaciju i izađite iz naredbe Slobodna transformacija.

Korak 8: Dodajte dodatne siluete dokumentu (nije obavezno)

Ako koristite samo jednu siluetu u svom dizajnu, možete preskočiti ovaj korak. Imam drugu siluetu
koju želim dodati svom dizajnu, pa ću otvoriti svoju drugu fotografiju, a to je slika djevojke:

  Mlada djevojka skače na otvorenom. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Otvorite svoju drugu sliku (nije obavezno).

Koristeći iste korake kao prije, odabrat ću Alat za olovku iz palete Alati i nacrtajte obris oko djevojke, spuštajući neprozirnost sloja oblika u paleti slojeva na oko 40% tako da mogu vidjeti što radim dok se probijam oko nje:

  Crtanje obrisa oblika oko djevojke s alatom Pen. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Crtanje obrisa oblika oko djevojke s alatom Pen.

Kada završim, podići ću neprozirnost sloja oblika natrag na punih 100%. Evo moje slike sa završenom siluetom djevojke:

  Druga je silueta sada gotova. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Druga je silueta sada gotova.

Moram povući ovu drugu siluetu u svoj glavni dokument 'Siluete', tako da s oba prozora dokumenta otvorena na mom ekranu, kliknut ću na djevojčinu fotografiju da je odaberem i učinim aktivnom, zatim ću kliknuti na sloj oblika u paleti slojeva i jednostavno povucite sloj u dokument 'Siluete':

  Povlačenje drugog sloja oblika u glavni dokument Siluete. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Povlačenje druge siluete u glavni dokument Siluete.

S mojom drugom siluetom sada unutar glavnog dokumenta, zatvorit ću fotografiju djevojke jer je više ne moram otvarati. Ako sada pogledamo moj dokument 'Siluete', možemo vidjeti da je dodana silueta djevojke:

  Glavni dokument Siluete koji sada prikazuje dvije dodane siluete. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Obje se siluete sada pojavljuju unutar glavnog dokumenta 'Siluete'.

Kao što sam prije učinio s prvom siluetom, pritisnut ću Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko moje nove siluete i povući ću bilo koju od kutnih ručki da joj promijenim veličinu, držeći Shift dok povlačim da ograničim proporcije oblika i držanja Sve (pobjeda) / Opcija (Mac), kao i za prisiljavanje oblika na promjenu veličine od središta. Također ću povući oblik dolje prema donjem desnom kutu dokumenta dok sam kod njega:

  Promjena veličine i položaja druge siluete uz slobodnu transformaciju. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Korištenje slobodne transformacije za promjenu veličine i položaja druge siluete.

Ja ću pritisnuti Unesi (pobjeda) / Povratak (Mac) kada završim da prihvatim transformaciju i izađem iz naredbe Slobodna transformacija.

Ako pogledam svoju paletu slojeva, mogu vidjeti da sada imam dva sloja oblika koji se nalaze iznad bijelo ispunjenog pozadinskog sloja. Dječakova silueta je na donjem sloju oblika, a djevojčica je na gornjem:

  Paleta slojeva u Photoshopu prikazuje dva sloja oblika iznad sloja pozadine. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Photoshopova paleta slojeva sada prikazuje dva sloja oblika iznad sloja pozadine.

Nažalost, oba sloja oblika nazivaju se 'Oblik 1', što je pomalo zbunjujuće. Preimenovat ću slojeve prema dupli klik izravno na njihova imena i upisivanje novih imena. Donji sloj oblika nazvat ću 'Dječak', a gornji 'Djevojčica':

  Promjena naziva slojeva oblika u paleti slojeva. Slika je licencirana s iStockphoto.com by Photoshop Essentials.com. Promjena naziva slojeva oblika u paleti slojeva kako bi se izbjegla zabuna.

Korak 9: Otvorite sliku kojom želite ispuniti siluete

Neka naše siluete izgledaju malo zanimljivije ispunjavajući ih zabavnom pozadinskom slikom umjesto da ih ostavimo ispunjene čistom crnom bojom. Otvorite sliku kojom želite ispuniti svoje siluete. Kao što sam spomenuo na početku ovog vodiča, koristit ću pozadinu praska zvijezda koju smo stvorili u našem nedavnom Klasična zvjezdana pozadina poduka:

  Pozadina praska zvijezda stvorena u Photoshopu. Slika © 2008 Photoshop Essentials.com. Otvorite sliku kojom želite ispuniti svoje siluete.

Korak 10: Povucite sliku u dokument silueta

S vašim dokumentom Siluete i vašom pozadinskom slikom otvorenima na vašem zaslonu u svojim odvojenim prozorima dokumenta, kliknite bilo gdje unutar pozadinske slike da biste je odabrali i učinili aktivnom, zatim kliknite na sloj pozadine u paleti slojeva i povucite sloj u Dokument o siluetama:

  Povlačenje pozadinske slike u dokument Siluete. Slika © 2008 Photoshop Essentials.com. Povucite pozadinski sloj s pozadinske slike u dokument Siluete.

Otpustite tipku miša i pozadinska slika će se pojaviti ispred silueta u dokumentu 'Siluete':

  Pozadinska slika sada se pojavljuje unutar dokumenta Siluete. Slika © 2008 Photoshop Essentials.com. Pozadinska slika sada se pojavljuje unutar dokumenta Siluete.

Možete zatvoriti pozadinsku sliku nakon što je povučete u dokument 'Siluete'. Ako pogledamo paletu slojeva, možemo vidjeti da se pozadinska slika sada pojavljuje na sloju pod nazivom 'Sloj 1' iznad ostalih slojeva u dokumentu:

  Paleta slojeva u Photoshopu prikazuje pozadinsku sliku na vlastitom sloju. Slika © 2008 Photoshop Essentials.com. Pozadinska slika pojavljuje se na vlastitom sloju u paleti slojeva iznad ostalih slojeva.

Razlog zašto se slika pojavila iznad ostalih slojeva je taj što ju je Photoshop automatski postavio izravno iznad sloja koji je trenutno odabran. U mom slučaju, imao sam odabran sloj 'Djevojka', pa je Photoshop postavio pozadinsku sliku izravno iznad njega. Da je odabran sloj 'Dječak', Photoshop bi postavio pozadinsku sliku između slojeva 'Dječak' i 'Djevojčica'.

Korak 11: Napravite Clipping Mask

Trenutačno slika praska zvijezda (ili bilo koja slika koju koristite) zaklanja obje moje siluete iz pogleda. Očito, to nije ono što želim. Ono što želim je da se prasak zvijezde pojavi unutar jedne od mojih silueta. Za to moramo stvoriti a maska ​​za rezanje , koji će 'prisjeći' sliku zvjezdanog praska na bilo što na sloju neposredno ispod nje. U mom slučaju, silueta djevojke je neposredno ispod njega, tako da kada kreiram masku za izrezivanje, jedini dio slike praska zvijezda koji će ostati vidljiv je područje koje pada unutar siluete. To će stvoriti iluziju da je silueta ispunjena uzorkom praska zvijezda.

Da biste stvorili masku za izrezivanje, provjerite jeste li odabrali 'Layer 1' u paleti slojeva, zatim idite do Sloj izbornik na vrhu zaslona i odaberite Napravite Clipping Mask :

  Odabir opcije Create Clipping Mask u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite 'Create Clipping Mask' iz izbornika Layer.

Sa stvorenom maskom za izrezivanje, slika zvjezdanog praska postaje izrezana na siluetu neposredno ispod nje, čineći da izgleda kao da je silueta ispunjena zvjezdanim praskom:

  Slika zvjezdanog praska sada je ošišana na siluetu. Slika © 2008 Photoshop Essentials.com. Slika zvjezdanog praska sada je ošišana na siluetu djevojke.

Korak 12: Promijenite veličinu i položaj pozadinske slike ako je potrebno uz slobodnu transformaciju

Dok je još uvijek odabran 'Layer 1', pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko pozadinske slike, zatim promijenite veličinu i položaj slike prema potrebi dok ne budete zadovoljni kako izgleda unutar siluete. Također možete rotirati sliku ako je potrebno pomicanjem pokazivača miša izvan okvira Slobodna transformacija, zatim klikom i povlačenjem miša. Okvir za slobodnu transformaciju i ručke pojavit će se oko stvarnih dimenzija vaše pozadinske slike, iako je jedini dio pozadinske slike koji možete vidjeti područje unutar siluete:

  Promjena veličine i pomicanje slike zvjezdanog praska pomoću Free Transform u Photoshopu. Slika © 2008 Photoshop Essentials.com. Koristite slobodnu transformaciju za promjenu veličine, rotiranje i pomicanje slike unutar siluete prema potrebi.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite prihvatite transformaciju i izađite iz naredbe Slobodna transformacija. Sada imamo našu prvu siluetu ispunjenu pozadinskom slikom:

  Prva silueta sada je ispunjena pozadinskom slikom. Slika © 2008 Photoshop Essentials.com. Pozadinska slika sada se pojavljuje onako kako želimo unutar prve siluete.

Korak 13: Duplicirajte pozadinsku sliku i pomaknite je iznad druge siluete

Ako koristite dvije siluete u svom dizajnu kao ja, moramo napraviti kopiju naše pozadinske slike i premjestiti je izravno iznad druge siluete u paleti slojeva. Zapravo možemo raditi obje ove stvari odjednom. Idite na svoju paletu slojeva i držite tipku Sve (pobjeda) / Opcija (Mac) ključ. Ovo će reći Photoshopu da želimo napraviti kopiju sloja. Zatim kliknite na 'Layer 1' i, držeći Alt/Option, povucite sloj prema dolje između dva sloja oblika. Vidjet ćete debelu crnu liniju koja se pojavljuje između dva sloja kako biste znali kada ste na pravom mjestu:

  Povlačenje kopije pozadinske slike prema dolje između dva sloja oblika u Photoshopu. Slika © 2008 Photoshop Essentials.com. Držite Alt (Win) / Option (Mac) i povucite 'Layer 1' prema dolje između dva sloja oblika.

Otpustite tipku miša kada se pojavi crna crta. Kopija 'Layer 1' sada se pojavljuje u paleti slojeva izravno između dva sloja oblika:

  Kopija sloja 1 sada se pojavljuje između dva sloja oblika u paleti slojeva. Slika © 2008 Photoshop Essentials.com. Paleta slojeva prikazuje kopiju 'Sloja 1' između dva sloja oblika.

Ako pogledamo u prozor dokumenta, možemo vidjeti da pozadinska slika sada ponovno blokira dio dizajna iz pogleda:

  Prozor dokumenta koji prikazuje pozadinsku sliku koja blokira dio dizajna. Slika © 2008 Photoshop Essentials.com. Kopija pozadinske slike sada blokira dio glavne slike.

Korak 14: Napravite Clipping Mask

Moramo isjeći kopiju naše pozadinske slike na drugu siluetu tako da se pojavi unutar siluete, baš kao što smo maloprije učinili s prvom siluetom. Idi gore do Sloj izbornik na vrhu zaslona i odaberite Napravite Clipping Mask :

  Odabir opcije Create Clipping Mask u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite 'Create Clipping Mask' iz izbornika Layer.

Ovo izrezuje kopiju pozadinske slike na drugu siluetu, čineći da izgleda kao da je pozadinska slika unutar siluete:

  Pozadinska slika sada je izrezana na drugu siluetu. Slika © 2008 Photoshop Essentials.com. Kopija pozadinske slike sada je izrezana na drugu siluetu.

Korak 15: Promijenite veličinu i položaj pozadinske slike uz slobodnu transformaciju

Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko pozadinske slike unutar siluete, zatim promijenite veličinu, rotirajte i/ili premjestite je na svoje mjesto prema potrebi:

  Korištenje slobodne transformacije u Photoshopu. Slika © 2008 Photoshop Essentials.com. Upotrijebite Free Transform da biste promijenili veličinu slike unutar siluete i premjestili je na svoje mjesto.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite izađite iz naredbe Free Transform.

Korak 16: Dodajte potez siluetama

U ovom trenutku, naš osnovni efekt je gotov, ali dajmo našim siluetama malo više definicije dodavanjem tankog poteza oko njih. Prvo odaberite bilo koji od slojeva oblika u paleti slojeva. Kliknut ću na sloj 'Dječak' da ga odaberem. Zatim kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Ikona stilova slojeva na dnu palete slojeva u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite bilo koji od slojeva oblika, zatim kliknite na ikonu stilova slojeva.

Odaberi Moždani udar s dna liste:

  Odabir stila sloja Stroke u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite 'Stroke' s popisa stilova slojeva.

Ovo dovodi do Stil sloja dijaloški okvir postavljen na Moždani udar opcije u srednjem stupcu. Ostavit ću sve zadane postavke, osim boje. Zadana boja poteza je crvena, a ja želim koristiti narančastu boju iz pozadine praska zvijezda kojom ispunjavam svoje siluete. Za promjenu boje poteza kliknite na uzorak boje u dijaloškom okviru:

  Klikom na uzorak boje u opcijama poteza. Slika © 2008 Photoshop Essentials.com. Kliknite na uzorak boje da biste promijenili boju poteza.

Ovo dovodi do Photoshopa Birač boja , ali umjesto da biram boju pomoću alata za odabir boja, jednostavno ću pomaknuti pokazivač miša preko narančastog područja unutar dječakove siluete i kliknuti na njega za uzorak boje:

  Uzorkovanje boje sa slike. Slika © 2008 Photoshop Essentials.com. Uzorak narančaste boje s pozadine praska zvijezda unutar dječakove siluete.

Kliknite U redu da biste izašli iz alata za odabir boja kada završite, zatim kliknite U redu da biste izašli iz dijaloškog okvira Stil sloja. Dječakova silueta sada ima narančastu crtu, što joj daje malo veću definiciju:

  Narančasti potez primijenjen je na siluetu u Photoshopu. Slika © 2008 Photoshop Essentials.com. Narančasti potez primijenjen je na prvu siluetu.

Da biste brzo primijenili potez na drugu siluetu, idite gore do Sloj izbornik na vrhu zaslona, ​​odaberite Stil sloja , a zatim odaberite Kopiraj stil sloja :

  Kopiranje stila sloja. Slika © 2008 Photoshop Essentials.com. Idite na Sloj > Stil sloja > Kopiraj stil sloja.

Kliknite na sloj druge siluete u paleti slojeva da biste ga odabrali. U mom slučaju, kliknut ću na sloj 'Djevojka'. Zatim se vratite do Sloj izbornik, odaberite Stil sloja još jednom, i ovaj put, biraj Zalijepi stil sloja :

  Lijepljenje stila sloja. Slika © 2008 Photoshop Essentials.com. Odaberite drugi sloj oblika u paleti slojeva, zatim idite na sloj > stil sloja > zalijepi stil sloja.

I upravo tako, potez se sada primjenjuje i na drugu siluetu:

  Potez je sada primijenjen na obje siluete. Slika © 2008 Photoshop Essentials.com. Potez je sada primijenjen na obje siluete.

Završit ću svoj dizajn dodavanjem nekoliko zvjezdica oko silueta. Ja ću to učiniti sljedeće.

Korak 17: Stvorite novu grupu slojeva

Kao što sam spomenuo na dnu prethodne stranice, završit ću svoj dizajn dodavanjem nekoliko zvjezdica oko silueta. ja mogao nacrtati zvijezdu ispočetka ako želim, ali Photoshop zapravo isporučuje nekoliko oblika zvijezda koje možemo koristiti. Prije nego ih dodamo, stvorimo a Grupa slojeva da postavimo sve naše zvijezde. Na ovaj način ćemo našu paletu slojeva održavati čistom i organiziranom. Prvo kliknite na najviši sloj u paleti slojeva da biste ga odabrali. Zatim držite svoj Sve (pobjeda) / Opcija (Mac) i kliknite na Grupa slojeva ikona na dnu palete slojeva (napomena: u ranijim verzijama Photoshopa grupe slojeva poznate su kao skupovi slojeva):

  Klikom na ikonu grupe slojeva u paleti slojeva u Photoshopu. Slika © 2008 Photoshop Essentials.com. Držite Alt (Win) / Option (Mac) i kliknite na ikonu grupe slojeva u paleti slojeva.

Držeći Alt/Option kada kliknemo na ikonu, kažemo Photoshopu da iskoči Nova grupa dijaloški okvir za nas gdje možemo unijeti naziv za našu novu grupu slojeva. Svoje ću nazvati 'Zvijezde':

  Dijaloški okvir Nova grupa u Photoshopu. Slika © 2008 Photoshop Essentials.com. Unesite naziv za svoju novu grupu slojeva u dijaloški okvir.

Pritisnite U redu kada završite da biste izašli iz dijaloškog okvira. Ako sada pogledamo u paletu slojeva, možemo vidjeti da je nova grupa slojeva pod nazivom 'Zvijezde' dodana iznad ostalih slojeva. Grupa slojeva je u osnovi mapa u paleti slojeva u koju možemo postaviti više slojeva, što pomaže da sve bude organizirano:

  Paleta slojeva u Photoshopu prikazuje novododanu grupu slojeva. Slika © 2008 Photoshop Essentials.com. Nova grupa slojeva pod nazivom 'Zvijezde' dodana je u paletu slojeva.

Korak 18: Odaberite alat za prilagođeni oblik

Odaberite Photoshop's Alat za prilagođeni oblik , koji ćete pronaći skriven iza alata Pravokutnik u paleti Alati. Kliknite i držite miš na alatu za pravokutnik sekundu ili dvije dok se ne pojavi padajući izbornik, zatim odaberite alat za prilagođeni oblik s dna popisa:

  Alat prilagođenog oblika u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite alat Custom Shape Tool.

Korak 19: Učitajte prilagođeni set oblika 'Oblici'.

Photoshop dolazi s puno prilagođenih oblika koje možemo koristiti u svojim dizajnima, ali samo je nekoliko njih već učitano za nas. Da bismo pristupili oblicima zvijezda, morat ćemo učitati jedan od dodatnih setovi prilagođenih oblika sebe. S odabranim alatom za prilagođeni oblik, desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar prozora dokumenta da biste prikazali Okvir za odabir prilagođenog oblika , zatim kliknite na malu strelicu koja pokazuje desno u gornjem desnom kutu okvira za odabir:

  Okvir za odabir prilagođenog oblika u Photoshopu. Slika © 2008 Photoshop Essentials.com. Kliknite na malu strelicu u gornjem desnom kutu okvira za odabir prilagođenog oblika.

Ovo otvara padajući izbornik, a na dnu izbornika vidjet ćete niz prilagođenih skupova oblika koje možemo učitati. Klikni na Oblici postavite za odabir:

  Učitavanje prilagođenog skupa oblika Shapes u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite skup prilagođenih oblika 'Oblici' iz izbornika.

Photoshop će otvoriti dijaloški okvir s pitanjem želite li zamijeniti trenutne oblike oblicima u skupu oblika. Klik Dodati , koji će dodati oblike u skupu oblika bez uklanjanja oblika koji su već dostupni:

  Klikom na Dodaj u dijaloškom okviru. Slika © 2008 Photoshop Essentials.com. Kliknite 'Dodaj' za dodavanje novih oblika s već dostupnim oblicima.

Ako se sada pomaknete prema dolje unutar okvira za odabir prilagođenog oblika, vidjet ćete novododane oblike koji su dostupni. Pronaći ćete dva oblika zvijezde, '5 Point Star' i '5 Point Star Frame' (ako ste omogućili 'Show Tool Tips' u postavkama Photoshopa, nazivi oblika pojavit će se dok mišem prelazite preko njih). Odabrat ću oblik '5 Point Star Frame' klikom na njega:

  Odabir oblika okvira zvijezde s 5 krakova. Slika © 2008 Photoshop Essentials.com. Odabir oblika 'okvir zvijezde s 5 krakova'.

Želim upotrijebiti istu narančastu boju koju sam upotrijebio za svoj potez, pa ću za promjenu boje oblika kliknuti na uzorak boje u traci s opcijama na vrhu zaslona:

  Uzorak boje za alat za prilagođeni oblik na traci s opcijama. Slika © 2008 Photoshop Essentials.com. Promijenite boju oblika klikom na uzorak boje na traci s opcijama.

Ovo dovodi do Photoshopa Birač boja , ali neću koristiti. Umjesto toga, baš kao što sam učinio za boju poteza, pomaknut ću kursor miša preko narančastog područja u prozoru dokumenta i kliknuti na njega za uzorak boje:

  Uzorkovanje narančaste boje sa slike. Slika © 2008 Photoshop Essentials.com. Uzorkovanje narančaste boje iz pozadine praska zvijezda.

Korak 20: Izvucite prvi oblik zvijezde

S bojom koja je sada odabrana, možemo početi dodavati zvijezde dizajnu. Držite svoje Shift tipku za ograničavanje proporcija zvijezde, pazeći da ne iskrivite njezin izgled, zatim kliknite unutar dokumenta gdje želite dodati prvu zvijezdu i povucite oblik zvijezde. Drži dolje Sve (pobjeda) / Opcija (Mac) također ako želite povući oblik zvijezde iz središta. Ako trebate promijeniti položaj zvijezde dok povlačite, držite pritisnutu razmaknica i pomaknite miš da promijenite položaj oblika, zatim otpustite razmaknicu i nastavite povlačiti. Ovdje sam dodao svoj prvi oblik zvijezde u donjem lijevom kutu slike:

  Prvi oblik zvijezde dodan u Photoshop dokument. Slika © 2008 Photoshop Essentials.com. Izvucite svoj prvi oblik zvijezde.

Korak 21: Rotirajte zvijezdu slobodnom transformacijom

Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko zvijezde, zatim pomaknite pokazivač miša izvan okvira Slobodna transformacija, kliknite i povucite mišem da biste zakrenuli zvijezdu ako je potrebno:

  Rotiranje oblika zvijezde pomoću Free Transform u Photoshopu. Slika © 2008 Photoshop Essentials.com. Upotrijebite Free Transform za rotiranje oblika zvijezde.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite prihvatite rotaciju i izađite iz naredbe Slobodna transformacija.

Korak 22: Dodajte dodatne oblike zvijezda

Dodajte dodatne oblike zvijezda ponavljanjem posljednjih nekoliko koraka. Prvo povucite oblik, a zatim ga rotirajte ako je potrebno pomoću Free Transform. Evo moje slike nakon dodavanja još nekoliko zvjezdica:

  Dizajn nakon dodavanja više oblika zvijezda pomoću alata za prilagođene oblike. Slika © 2008 Photoshop Essentials.com. Dodajte više zvjezdica dizajnu, rotirajući ih prema potrebi.

Korak 23: Odaberite oblik 'Zvijezda s 5 krakova'.

Dok je alat za prilagođeni oblik još uvijek odabran, desni klik (pobjeda) / Control-klik (Mac) bilo gdje unutar dokumenta kako biste ponovno otvorili okvir za odabir prilagođenog oblika, zatim odaberite drugi oblik zvijezde, oblik '5 Point Star':

  Dizajn nakon dodavanja više oblika zvijezda pomoću alata za prilagođene oblike. Slika © 2008 Photoshop Essentials.com. Dodajte više zvjezdica dizajnu, rotirajući ih prema potrebi.

Korak 24: Dodajte još zvjezdica

S odabranim oblikom '5 Point Star', slijedite iste korake za dodavanje više zvjezdica, prvo ih povucite van, a zatim ih rotirajte pomoću naredbe Free Transform. Ako sada pogledamo našu paletu slojeva, možemo vidjeti sve slojeve oblika koje smo dodali, a svaki od njih sadrži jedan od oblika zvijezde. Primijetite kako se svi pojavljuju unutar grupe slojeva 'Zvijezde':

  Svi slojevi oblika za zvijezde pojavljuju se unutar grupe slojeva Zvijezde. Slika © 2008 Photoshop Essentials.com. Sve zvijezde pojavljuju se u paleti slojeva unutar grupe slojeva 'Zvijezde'.

Da vam pokažem što sam mislio o korištenju grupa slojeva za organiziranje stvari, kliknite na mali trokut lijevo od naziva grupe slojeva. Ovo će zatvoriti grupu slojeva, a sada su svi slojevi sa zvjezdicama prikladno skriveni unutar grupe slojeva, iako su i dalje vidljivi u dokumentu:

  Grupa slojeva sada je zatvorena unutar palete slojeva u Photoshopu. Slika © 2008 Photoshop Essentials.com. Otvorite i zatvorite grupe slojeva klikom na mali trokut lijevo od naziva grupe u paleti slojeva.

I evo mog konačnog dizajna siluete nakon dodavanja još nekoliko zvjezdica pomoću oblika '5 Point Star':

  Konačni dizajn siluete u Photoshopu. Slika © 2008 Photoshop Essentials.com. Konačni dizajn siluete.