U ovom tutorial, naučit ćemo osnove rada s oblicima i Slojevi oblika u Photoshopu! Počet ćemo tako što ćemo naučiti kako koristiti pet alata za geometrijske oblike - Alat za pravokutnik , the Alat za zaobljeni pravokutnik , the Ellipse Alat , the Alat za poligon , i Alat za linije . Zatim, u sljedećem vodiču, naučit ćemo kako dodati složenije oblike našim dokumentima pomoću Photoshopa Alat za prilagođeni oblik .
Većina ljudi Photoshop smatra programom za uređivanje fotografija, a ako biste nekoga pitali da vam preporuči dobar program za crtanje, Adobe Illustrator bi obično bio na vrhu popisa. Istina je da su Illustratorove značajke crtanja i ilustracija daleko veće od Photoshopovih, ali Photoshop ima više mogućnosti crtanja nego što biste očekivali od uređivača slika temeljenog na pikselima, velikim dijelom zahvaljujući alatima za oblik i slojevima oblika koji olakšavaju dodavanje jednostavnog vektora grafike i oblika temeljene na našim dizajnima i izgledima.
Ovaj vodič je za Photoshop CS5 i ranije. Korisnici Photoshopa CS6 htjet će provjeriti potpuno ažurirani Kako crtati vektorske oblike u Photoshopu CS6 tutorial.
Alati za oblikovanje
Photoshop nam nudi šest alata za oblik na izbor - alat za pravokutnik, alat za zaobljeni pravokutnik, alat za elipsu, alat za poligon, alat za linije i alat za prilagođeni oblik, a svi su ugniježđeni zajedno na istom mjestu u Ploča s alatima. Prema zadanim postavkama, Rectangle Alat je onaj koji je vidljiv na ploči Alati, ali ako kliknemo na ikonu alata i držimo tipku miša pritisnutu sekundu ili dvije, pojavit će se padajući izbornik koji nam pokazuje ostale alate za oblikovanje koje možemo odabrati od:
Svih šest alata za oblik nalazi se na istom mjestu na ploči Alati.Nakon što odaberete alat za oblik, ako se trebate prebaciti na drugi, nema potrebe vraćati se na ploču Alati (iako možete ako želite) jer nam Photoshop daje pristup svim alatima za oblik izravno iz the Traka s opcijama duž vrha ekrana. Na primjer, odabrat ću alat Pravokutnik s ploče Alati:
Odabir alata Rectangle.S odabranim alatom za pravokutnik, na traci s opcijama pojavljuje se red od šest ikona, pri čemu svaka ikona predstavlja drugačiji alat za oblik. Alati su navedeni s lijeva na desno istim redoslijedom kojim se pojavljuju na ploči s alatima, tako da ponovno imamo alat za pravokutnik, alat za zaobljeni pravokutnik, alat za elipsu, alat za poligon, alat za linije i alat za prilagođeni oblik. Jednostavno kliknite na jednu od ikona da odaberete alat koji vam je potreban:
Svih šest alata za oblik može se odabrati izravno s trake s opcijama (nakon što je jedan od njih najprije odabran s ploče s alatima).Opcija slojeva oblika
Prije nego počnemo crtati bilo kakve oblike, prvo moramo reći Photoshopu koju vrstu oblika želimo nacrtati, a pritom ne mislim na pravokutnike ili krugove. Photoshop nam zapravo omogućuje crtanje tri vrlo različite vrste oblika - vektorski oblici , staze , ili oblici temeljeni na pikselima . Pogledat ćemo pobliže razlike između ta tri i zašto biste htjeli koristiti svaki od njih u drugom vodiču, ali u većini slučajeva ćete htjeti crtati vektorske oblike, koji su iste vrste oblika kao mi d crtati u programu kao što je Illustrator. Za razliku od piksela , vektorski oblici neovisni su o razlučivosti i potpuno su skalabilni, što znači da ih možemo učiniti velikima koliko želimo i mijenjati im veličinu koliko god često želimo bez gubitka kvalitete slike. Rubovi vektorskih oblika uvijek će ostati jasni i oštri, kako na ekranu tako i kada ih idemo ispisivati.
Za crtanje vektorskih oblika odaberite Slojevi oblika opciju na traci s opcijama. To je prva od tri ikone krajnje lijevo (opcija Putovi je sredina od tri ikone nakon koje slijedi opcija Ispuni pikseli s desne strane):
Odaberite opciju Slojevi oblika za crtanje vektorskih oblika.Odabir boje za oblik
S odabranom opcijom Slojevi oblika, sljedeća stvar koju trebamo učiniti je odabrati boju za naš oblik, a to činimo klikom na uzorak boje desno od riječi Boja na traci opcija:
Kliknite na uzorak boje da odaberete boju za oblik.Photoshop će iskočiti Birač boja gdje možemo odabrati boju koju želimo koristiti. Ja ću izabrati crveno. Kliknite U redu nakon što odaberete boju za zatvaranje iz Birača boja:
Odaberite boju za svoj oblik iz alata za odabir boja.Ne brinite o odabiru pogrešne boje za svoj oblik ako niste sigurni koja vam je boja potrebna. Kao što ćemo vidjeti, slojevi oblika olakšavaju povratak i promjenu boje oblika u bilo kojem trenutku nakon što smo ga nacrtali.
Alat za pravokutnik
Kao što vjerojatno možete pogoditi iz naziva, Photoshopov alat za pravokutnik omogućuje nam crtanje četverostranih pravokutnih oblika. Jednostavno kliknite u dokumentu kako biste postavili početnu točku za svoj oblik, a zatim držite tipku miša pritisnutom i povucite dijagonalno da nacrtate ostatak oblika. Dok povlačite, vidjet ćete tanki obris kako će oblik izgledati:
Izvlačenje oblika pravokutnika. Dok povlačite, pojavljuje se samo obris oblika.Kada ste zadovoljni izgledom svog oblika, otpustite tipku miša, u kojem trenutku Photoshop ispunjava oblik bojom koju ste odabrali na traci s opcijama:
Photoshop ispunjava oblik bojom kada otpustite tipku miša.Crtanje oblika iz središta
Ako trebate nacrtati pravokutnik (ili bilo koji oblik) iz njegovog središta, a ne iz kuta, kliknite unutar dokumenta gdje bi trebalo biti središte pravokutnika i počnite povlačiti oblik kao što biste to inače činili. Nakon što počnete povlačiti, pritisnite svoj Sve (pobjeda) / Opcija (Mac) tipku i držite je pritisnutu dok nastavljate povlačiti. Tipka Alt / Option govori Photoshopu da izvuče oblik iz središta. Ovo funkcionira sa svim alatima za oblik, ne samo s alatom za pravokutnik:
Držite Alt (Win) / Option (Mac) nakon što počnete povlačiti da biste nacrtali oblik iz njegovog središta.Crtanje kvadrata
Također možemo crtati kvadrate pomoću alata Rectangle Tool. Da biste nacrtali kvadrat, kliknite unutar dokumenta i počnite povlačiti pravokutni oblik. Nakon što počnete povlačiti, pritisnite svoj Shift tipku na tipkovnici i držite je pritisnutu dok nastavljate povlačiti oblik. Držanjem pritisnute tipke Shift forsirati ćete oblik u savršen kvadrat bez obzira u kojem smjeru povlačite. Također možete dodati Sve (pobjeda) / Opcija (Mac) tipka za izvlačenje kvadrata iz središta (tako da biste pritisnuli i zadržali Shift+Alt (pobjeda) / Shift+Opcija (Mac)):
Držite pritisnut Shift dok povlačite alatom za pravokutnik da biste nacrtali savršen kvadrat.Opet, Photoshop će prikazati samo tanki obris kvadrata dok povlačite, ali kada pustite tipku miša, Photoshop ga ispunjava bojom:
Photoshop uvijek čeka dok ne otpustite tipku miša prije nego ispuni oblik bojom.Mogućnosti oblika
Ako pogledate traku s opcijama, desno od šest ikona alata za oblik, vidjet ćete a mala strelica usmjerena prema dolje . Klikom na strelicu otvara se popis dodatnih opcija za bilo koji alat Shape koji ste odabrali. S odabranim alatom Rectangle Tool, na primjer, klikom na strelicu otvaraju se opcije pravokutnika.
S izuzetkom alata Polygon Tool i Line Tool, koje ćemo pogledati kasnije, ovaj izbornik nećete koristiti često jer smo već naučili kako pristupiti glavnim opcijama izravno s tipkovnice.
Na primjer, Nesputan opcija je za nas odabrana prema zadanim postavkama, a to je samo normalno ponašanje alata za pravokutnik, koji nam omogućuje crtanje pravokutnih oblika bilo koje veličine ili omjera širine i visine. The Kvadrat opcija nam omogućuje crtanje kvadrata, ali to možemo učiniti samo držeći tipku Shift dok povlačimo. i Iz Centra opcija će nacrtati oblik iz njegovog središta, ali opet, to već možemo učiniti držeći tipku Alt (Win) / Option (Mac) dok povlačimo:
Kliknite na malu strelicu da biste vidjeli dodatne opcije za Rectangle Tool.Slojevi oblika
Prije nego što provjerimo ostatak alata za oblik, pogledajmo na brzinu što se događa na ploči Slojevi. Ako se sjećate na početku tutorijala, naučili smo da za crtanje vektorskih oblika u Photoshopu moramo biti sigurni da imamo odabranu opciju Slojevi oblika u traci s opcijama, a sada kada sam nacrtao oblik, vidimo da U svom dokumentu imam stvarni sloj oblika koji je Photoshop nazvao 'Oblik 1'. Svaki novi vektorski oblik koji nacrtamo postavlja se na vlastiti sloj oblika koji izgleda drugačije od uobičajenih slojeva temeljenih na pikselima. S lijeve strane sloja oblika nalazi se a uzorak boje ikona, koja prikazuje trenutnu boju našeg oblika, a desno od uzorka boje je a sličica vektorske maske :
Slojevi oblika imaju uzorak boje s lijeve strane i sličicu vektorske maske s desne strane.Ranije sam spomenuo da ne trebamo brinuti o odabiru ispravne boje za oblik jer lako možemo promijeniti njegovu boju nakon što smo ga nacrtali, a to možemo učiniti dvostrukim klikom izravno na uzorak boje sloja Oblik:
Da biste promijenili boju postojećeg oblika, dvaput kliknite na njegov uzorak boje.Photoshop će nam ponovno otvoriti Color Picker kako bismo mogli odabrati drugu boju za oblik. Ovaj put ću izabrati plavo:
Odabir druge boje iz alata za odabir boja.Kliknut ću OK da zatvorim alat za odabir boja, a Photoshop će promijeniti boju mog kvadratnog oblika iz crvene u plavu:
Lako se možete vratiti i promijeniti boju oblika u bilo kojem trenutku.Desno od uzorka boje na sloju oblika nalazi se minijatura vektorske maske. Bijelo područje unutar minijature predstavlja naš oblik. Vektorske maske slične su onima koje se temelje na pikselima maske slojeva u tome što otkrivaju neke dijelove sloja dok skrivaju druge dijelove, a pod tim mislim da kada crtamo vektorski oblik, Photoshop zapravo ispunjava cijeli sloj s našom odabranom bojom, ali prikazuje samo boju unutar područja oblika. Skriva boju u područjima izvan oblika. Ovo nije nešto što stvarno trebate znati da biste radili s oblicima u Photoshopu, ali uvijek je lijepo razumjeti što je to što gledate. Sivo područje oko oblika u minijaturi vektorske maske je područje na sloju gdje je boja skrivena od pogleda, dok je bijelo područje mjesto gdje je boja vidljiva:
Bijelo područje na vektorskoj maski predstavlja vidljivo područje oblika na sloju.Da bismo lakše vidjeli kako Photoshop prikazuje vektorski oblik, možemo zapravo privremeno isključiti vektorske maske držeći pritisnut gumb Shift tipku i klikom izravno na sličicu vektorske maske. Veliki crveni X pojavit će se na sličici dajući nam do znanja da je maska sada isključena:
Držite Shift i kliknite na vektorsku masku da biste je isključili.S isključenom vektorskom maskom, cijeli sloj je otkriven u dokumentu i možemo vidjeti da je potpuno ispunjen plavom bojom koju sam odabrao za svoj oblik. Ako pažljivo pogledate, možete vidjeti tanki obris mjesta na kojem se nalazi oblik na sloju:
Isključivanjem vektorske maske pokazuje se da je cijeli sloj ispunjen bojom.Da biste ponovno uključili vektorsku masku, jednostavno držite pritisnutu tipku Shift i ponovno kliknite na njezinu sličicu na ploči Slojevi. S ponovnom maskom, sva boja izvan oblika opet je skrivena od pogleda, a sve što možemo vidjeti je boja unutar samog oblika. Bijela područja oko oblika u mom prozoru dokumenta su iz mog pozadinskog sloja ispod njega:
Dokument nakon ponovnog uključivanja vektorske maske sloja oblika.Sada kada smo pogledali slojeve oblika, pogledajmo koje druge vrste oblika možemo crtati u Photoshopu koristeći druge geometrijske alate za oblike.
Dodatak za kratke kodove, radnje i filtre: pogreška u kratkom kodu []
Alat zaobljeni pravokutnik
Alat Rounded Rectangle Alat je vrlo sličan standardnom alatu Rectangle Tool osim što nam omogućuje crtanje pravokutnika s lijepim zaobljenim kutovima. Kontroliramo zaobljenost uglova pomoću Radius opciju na traci s opcijama. Što je veća vrijednost koju unesemo, kutovi će biti zaobljeniji. Postavit ću svoju vrijednost radijusa na 50 px:
Upotrijebite vrijednost polumjera za postavljanje zaobljenosti uglova.Da biste nacrtali zaobljeni pravokutnik nakon što ste unijeli vrijednost radijusa, kliknite unutar dokumenta da postavite početnu točku, zatim držite tipku miša pritisnutom i povucite ostatak oblika. Baš kao što smo vidjeli s normalnim alatom za pravokutnik, Photoshop prikazuje tanak obris oblika dok ga crtate:
Povlačenje zaobljenog pravokutnika nakon postavljanja vrijednosti radijusa na traci s opcijama.Kada pustite tipku miša, Photoshop dovršava oblik i ispunjava ga bojom:
Oblik je ispunjen bojom kada pustite tipku miša.Evo još jednog pravokutnika, ovaj put s mojom vrijednošću radijusa postavljenom na 150 px, dovoljno velik (u svakom slučaju u ovom slučaju) da cijela lijeva i desna strana pravokutnika izgledaju zakrivljene:
Veća vrijednost polumjera daje zaobljenije kutove.I ovdje je pravokutnik, ali s puno manjom vrijednošću radijusa od samo 10 px, što mi daje vrlo male zaobljene kutove:
Manja vrijednost polumjera daje nam manje zaobljene kutove.Nažalost, ne postoji način da pregledate koliko će kutovi izgledati zaobljeni s našom odabranom vrijednošću radijusa prije nego što zapravo nacrtamo pravokutnik. Također, ne možemo prilagoditi vrijednost radijusa u hodu dok crtamo oblik kao što možemo u Illustratoru, a Photoshop nam ne dopušta da se vratimo i napravimo jednostavne promjene u kutovima nakon što smo ga nacrtali, što znači da je crtanje zaobljenih pravokutnika zapravo 'pokušaj i pogreška'. Ako niste zadovoljni zaobljenošću uglova nakon što ste nacrtali oblik, pritisnite Ctrl+Z (pobjeda) / Command+Z (Mac) za brzo poništavanje koraka, zatim unesite drugu vrijednost radijusa u traku s opcijama i pokušajte ponovno.
Baš kao što nam Rectangle Tool omogućuje crtanje kvadrata, Rounded Rectangle nam omogućuje crtanje zaobljenih kvadrata. Jednostavno držite svoj Shift tipku nakon što počnete povlačiti kako biste prisilili zaobljeni pravokutnik u kvadratni oblik. Držite pritisnuto Sve (pobjeda) / Opcija (Mac) nakon što počnete povlačiti za crtanje zaobljenog pravokutnika (ili kvadrata) iz njegovog središta.
Ako kliknemo na malu strelicu na traci s opcijama kako bismo prikazali opcije zaobljenog pravokutnika, vidjet ćemo da ima potpuno iste opcije kao i normalni alat za pravokutnik, kao što je Nesputan , Kvadrat i Iz Centra , a opet, već znamo kako im pristupiti s tipkovnice:
Alat za pravokutnik i alat za zaobljeni pravokutnik dijele isti popis opcija.Ellipse Alat
Photoshopov Ellipse Tool nam omogućuje crtanje eliptičnih ili kružnih oblika. Baš kao i s alatima za pravokutnik i zaobljeni pravokutnik, kliknite unutar dokumenta da postavite početnu točku, zatim držite tipku miša pritisnutom i povucite ostatak oblika:
Crtanje eliptičnog oblika alatom Ellipse.Otpustite tipku miša kako biste dovršili oblik i neka ga Photoshop ispuni bojom:
Eliptični oblik ispunjen bojama.Drži svoje Shift tipku prema dolje nakon što počnete povlačiti Ellipse Toolom kako biste forsirali oblik u savršen krug. Držeći svoje Sve (pobjeda) / Opcija (Mac) pritisnutu tipku nakon što počnete povlačiti nacrtat će oblik iz središta:
Počnite povlačiti, zatim dodajte tipku Shift da nacrtate savršeni krug.Klikom na malu strelicu u traci s opcijama otvaraju se opcije elipse, koje su opet gotovo identične opcijama pravokutnika i zaobljenog pravokutnika. Jedina razlika je naravno u tome što Ellipse Tool ima opciju crtanja kruga umjesto kvadrata:
Alat Ellipse također ima iste osnovne mogućnosti kao i alati Rectangle i Rounded Rectangle.Alat Poligon
Alat Polygon je mjesto gdje stvari počinju biti zanimljive. Dok je alat Rectangle ograničen na crtanje četverostranih poligona, alat Polygon nam omogućuje crtanje poligona s koliko god stranica želimo. Omogućuje nam čak i crtanje zvijezda, kao što ćemo vidjeti za koji trenutak.
Unesite broj stranica koji vam je potreban za vaš oblik mnogokuta u strane opciju na traci s opcijama. Zadana vrijednost je 5, ali možete unijeti bilo koju vrijednost od 3 do 100:
Upotrijebite opciju Sides da kažete Photoshopu koliko vam strana treba za vaš oblik poligona.Nakon što unesete broj strana, kliknite na dokument i povucite svoj oblik poligona. Photoshop uvijek crta poligonalne oblike iz njihovog središta tako da nema potrebe da držite tipku Alt (Win) / Option (Mac). Držeći svoje Shift tipka dolje nakon što počnete povlačiti ograničit će broj kutova pod kojima se oblik može nacrtati, što može pomoći u postavljanju oblika onako kako vam je potrebno:
Alat Polygon je izvrstan kada nam treba nešto osim četverostranog pravokutnika.Postavljanje opcije Sides na 3 za alat Polygon daje nam jednostavan način crtanja trokuta:
Jednostavan trokut nacrtan alatom Polygon Tool.A ovdje je oblik poligona s opcijom Strane postavljenom na 12:
Oblik poligona s dvanaest stranica.Crtanje zvijezda alatom Polygon
Za crtanje zvijezda s alatom Polygon, kliknite na malu strelicu na traci s opcijama da biste prikazali opcije poligona, zatim odaberite Zvijezda :
Odaberite Zvjezdica iz izbornika Mogućnosti poligona.Uz odabranu opciju Zvjezdica, samo kliknite unutar dokumenta i povucite oblik zvijezde. The strane opcija na traci s opcijama kontrolira broj točaka u zvijezdi, tako da sa zadanom vrijednošću stranica od 5, na primjer, dobivamo zvijezdu s 5 krakova:
Petokraka zvijezda nacrtana alatom Polygon Tool.Promjena vrijednosti Sides na 8 daje nam osmerokraku zvijezdu:
Postavite broj točaka u zvijezdi s opcijom Sides.Možemo stvoriti oblik zvjezdanog praska povećanjem uvlake točaka pomoću Uvuci strane prema opcija. Zadana vrijednost je 50%. Povećat ću ga na 90%:
Povećanje vrijednosti uvlačenja zvjezdice na 90%.Ovo je moj oblik zvijezde s uvlakom postavljenom na 90%. Također sam povećao broj strana na 16:
Povećajte vrijednosti strana i uvlake da biste stvorili oblik zvjezdanog praska.Prema zadanim postavkama, zvijezde imaju oštre kutove na krajevima svojih vrhova, ali ih možemo zaokružiti odabirom Glatki uglovi opcija:
Odabir opcije Smooth Corners.Ovo je standardna petokraka zvijezda s omogućenom opcijom glatkih uglova::
Opcija Glatki kutovi zvijezdama daje prijateljski izgled.Također možemo izravnati uvlake i učiniti ih zaokruženim odabirom Glatke uvlake opcija:
Odabir opcije Smooth Indents.I opet, dobivamo drugačiji izgled našeg oblika zvijezde:
Oblik zvijezde s omogućenim glatkim uvlakama.Alat Line
Konačno, Line Tool, koji je posljednji od Photoshopovih geometrijskih Shape alata, omogućuje nam crtanje jednostavnih ravnih linija, ali ga također možemo koristiti za crtanje strelica. Postavite debljinu linije unosom vrijednosti, u pikselima, u Težina opciju na traci s opcijama. Ja ću svoj postaviti na 16 px:
Koristite opciju Weight za postavljanje debljine linije.Zatim jednostavno kliknite na dokument i povucite svoj oblik linije. Držite Shift tipku dolje nakon što počnete povlačiti kako biste ograničili smjer u kojem možete crtati crtu, što olakšava crtanje vodoravnih ili okomitih linija:
Držite Shift dok povlačite za crtanje vodoravnih ili okomitih linija.Da biste linijama dodali vrhove strelica, kliknite na malu strelicu na traci s opcijama da biste prikazali Vrhovi strelica opcije. Photoshop nam omogućuje dodavanje vrhova strelica na početak ili kraj retka, ili oboje. Ako želite da se vrh strelice pojavi u smjeru u kojem crtate liniju, što je obično slučaj, odaberite Kraj opcija. Provjerite jeste li odabrali ovu opciju prije crtanja linije, budući da nam Photoshop ne dopušta da se vratimo i dodamo vrhove strelica nakon što je linija već nacrtana:
Odaberite Kraj u opcijama vrhova strelica da biste dodali vrh strelice u smjeru crtanja.Evo oblika crte sličnog prethodnom, ovaj put s vrhom strelice na kraju:
Alat Line olakšava crtanje strelica smjera.Ako vam zadana veličina vrha strelice ne odgovara, možete je prilagoditi pomoću Širina i Duljina opcije. Također možemo učiniti da vrh strelice izgleda konkavno pomoću Konkavnost opcija. Zadana vrijednost je 0%. Povećat ću ga na 50%:
Povećajte opciju Concavity da biste promijenili oblik vrha strelice.Time se mijenja oblik vrha strelice. Opet, provjerite jeste li postavili opciju Concavity prije crtanja linije, inače ćete morati izbrisati oblik i ponovno ga nacrtati:
Vrh strelice s vrijednošću konkavnosti postavljenom na 50%.Skrivanje obrisa oko oblika
Ako pažljivo pogledate svoj oblik nakon što ste ga nacrtali (bez obzira na to koji ste alat za oblik koristili), često ćete vidjeti tanak obris koji se pojavljuje oko njega što bi vas moglo smetati. Obris se pojavljuje oko oblika kad god se odabere vektorska maska oblika i uvijek je odabran prema zadanim postavkama nakon što nacrtamo novi oblik.
Ako pogledate sloj oblika na ploči Slojevi, vidjet ćete da minijatura vektorske maske ima bijeli istaknuti rub oko sebe što nam govori da je maska zapravo odabrana. Možete sakriti obris oko oblika poništavanjem odabira njegove vektorske maske. Da biste to učinili, jednostavno kliknite sličicu vektorske maske. Isticani obrub oko minijature će nestati, kao i obris oko oblika u dokumentu:
Pritisnite minijaturu vektorske maske da poništite odabir i sakrijete obris oko oblika.
