Vektori i Smart Objects u Photoshopu — Blagonic.com – Svijet gledan očima dizajnera

Korištenje vektora direktno u Photoshopu višestruko ubrzava moj rad, govorimo li o jednostavnom logotipu, nekim određenim grafičkim elementima, input poljima  i sl. Prednost korištenja Shape i Pen alata je upravo u tome da jednostavno nacrtamo neke detalje/dijelove dizajna koje ćemo koristiti na više mjesta na stranicama, u različitim veličinama i oblicima, a da pritom ne moramo misliti hoće li rastezanje ili skaliranje uslijed pikselske interpolacija rastera uništiti rubove grafike, ili cijelu grafiku.

Shape i Pen alati koji se koriste za crtanje vektore. Rectangle Tool i Pen Tool su alati koje najčešće koristim.

Nekoliko primjera u kojima koristim vektore u PSD datotekama su:

• Logotipi (u samom procesu dizajna konstantno skaliramo logotip dok ga ne smjestimo na pravo mjesto u pravom omjeru)
• Velike površine na stranici s primjenjenim efektima kojima manipuliram tijekom dizajna (pozadina zaglavlja, navigacije i sl.)
• Elementi forme (dizajn polja za unos teksta koji su različitih dimenzija, gumbi za slanje forme…)
• Razno (jednostavni detalji na stranici, zaobljeni rubovi na elementima, maske…)

Zgodna primjena Pen alata je također i kad izrezujemo dio neke fotografije, a ne možemo se jednostavno poslužiti s alatima Magic Wand ili Lasso. U tom slučaju možemo jako detaljno (i brzo nakon malo prakse :)) izrezati dio fotografije tako da ručno nacrtamo rub/masku koji želimo izrezati.

Koja je razlika između vektora i Smart objects?

Desni klik na Layer i odabir "Convert to Smart Object"

Vektore je moguće povećati na bilo koju veličinu bez gubitka kvalitete, dok se objekt pretvoren u Smart Object (npr. slika) može skalirati samo do one veličine pri kojoj je pretvoren u Smart object. Npr. ako sliku od 1600 x 1200 piksela pretvorimo u Smart Object ona će pri skaliranju na manje veličine vršiti interpolaciju piksela na određenu veličinu, ali će u pozadini uvijek zadržati potpunu informaciju pa ako se naknadno poveća na 1600 x 1200 piksela kvaliteta će ostati nepromijenjena.

Još jedna ogromna prednost jest što se svi filteri koji se primjenjuju na Smart object dinamički primjenjuju neovisno što radimo s objektom i uvijek možemo doći do originalne slike, prije primjene filtera. Ovo je zgodna stvar ako volimo eksperimentirati i ne želimo imati 10 različitih slojeva, već jednostavno palimo i gasimo efekte koji su primjenjeni na objekt. Najbolji primjer je ako na nekoj fotografiji primjenimo npr. filter Gaussian Blur. Ukoliko bi taj filter primjenili na običnu fotografiju filter bi trajno izmjenio sliku (zamutio je), no ako taj filter primjenimo nakon što smo originalnu fotografiju pretvorili u Smart Object, i dalje zadržavamo originalnu fotografiju s mogućnošću da taj filter poništimo ili modificiramo u bilo kojem trenutku. Bitno je također napomenuti da filtere ne možemo primjenjivati na vektore (Shape ili Text), već ih moramo prvo rasterizirati.

Što je s tekstom?

Naravno, sav tekst koji pišemo pomoću Text Tool je već u krivuljama i možemo ga skalirati bez bojazni, no odlična stvar u Photoshopu jest što se čak i sam tekst može pretvoriti u krivulje, te se onda dodatni deformirati koristeći Convert Point Tool. S ovim mogućnostima, Photoshop je postao zaista neizostavan alat za (web)dizajn te odlično uskače mogućnostima onima koji ne koriste Illustrator, ili neki drugi program za obradu vektora.

Primjena u praksi

Neke je stvari ipak najbolje vidjeti na primjeru, pa sam za vas pripremio PSD koji možete skinuti na svoje računalo te vidjeti konkretnu primjenu ovih alata. Slika je pretvorena u Smart Object te su na nju primjenjeni filteri koji se mogu paliti/gasiti, a fotografija se i može povećati (Ctrl + T) na originalnu veličinu. Vektori odnosno Shape alat korišten je za zaobljene rubove na stranici, te za stavke navigacije s primjenjenim efektima (Blending Options, Gradient overlay). Kao logotip koristio sam objekt koji sam ubacio koristeći Custom Shape Tool, a font u zaglavlju je također pretvoren u vektor (Desni klik na Layer i Convert to Shape).

Prikaz primjera kojeg možete skinuti kao PSD datoteku te na konkretnom primjeru vidjeti upotrebu vektora i Smart Objectsa.

Nadam se da sam vam uspio prezentirati iskoristivost vektora i Smart Objecta u Photoshopu, te vas pozivam da skinete PSD datoteku koju sam pripremio, na kojoj možete vidjeti konkretnu upotrebu ovih alata. Naravno, ovo su samo neke od mogućnosti ovih alata u poslu, pa je najbolje da i sami krenete eksprimentirati s njima te kroz vlastitu upotrebu i primjenu dodatno ubrzate svoj rad.

Skinite PSD datoteku na svoje računalo (ZIP, 1 mb)

Napomena: Smart Objects su uvedeni od CS2 verzije Adobe Photoshopa, tako da preporučujemo CS2 ili noviju verziju Photoshopa za otvaranje PSD datoteke.