U ovom prvom vodiču iz naše serije o crtanju i radu s oblicima u Photoshopu brzo ćemo pogledati važnu razliku između dvije glavne vrste oblika koje možemo crtati - vektorskih oblika i oblika piksela .
Adobe Photoshop dobro je poznat kao piksel uređivač slika, koji ga fotografi i drugi profesionalci za obradu slika koriste za retuširanje, restauraciju i sastavljanje fotografija. Ali to je također moćan program za crtanje temeljen na vektorima, kojem se web dizajneri, grafički dizajneri i drugi umjetnici obraćaju za izradu izgleda stranica, dizajna korisničkog sučelja i drugih umjetničkih djela temeljenih na vektorima.
Što znači "temeljen na vektorima"? Pa, za razliku od digitalnih slika koje se sastoje od (obično) milijuna sitnih kvadrata poznatih kao pikseli, vektorski oblici se izrađuju iz matematičkih točaka povezanih linijama i krivuljama kako bi se stvorili različiti oblici. Budući da se temelje na matematici, a ne na pikselima, vektorski oblici su izuzetno fleksibilni i ne trpe ista ograničenja kao pikseli. Možemo crtati vektorske oblike u bilo kojoj veličini koja nam je potrebna, bez obzira na to koliko ih uređujemo i skaliramo ili koliko ih veliko ispisujemo, oni uvijek ostaju jasni i oštri! Prije nego što naučimo pojedinosti o crtanju vektorskih oblika u Photoshopu i svim načinima na koji možemo raditi s njima, pogledajmo pobliže ovaj važan način na koji se vektorski oblici razlikuju od oblika temeljenih na pikselima. I zašto su vam, kada vam se daje mogućnost izbora između dva, vektorski oblici najčešće najbolja opcija.
Ovaj je tutorial namijenjen korisnicima Photoshop CC-a . Korisnici Photoshopa CS6 htjet će provjeriti naš Crtež vektora vs Oblik piksela u vodiču za Photoshop CS6.
Vektori vs pikseli
Priča o dva oblika
Budući da ću u sljedećem vodiču obuhvatiti sve što trebamo znati o crtanju vektorskih oblika, uštedjet ću vam malo vremena ovdje, počevši od dokumenta koji sam već stvorio. Ovdje vidimo jednostavan dokument koji sadrži kako izgledaju dva identična oblika. Iako se trenutno pojavljuju iste, zapravo su vrlo različite. Oblik na lijevoj strani je vektorski oblik, dok je onaj s desne strane izrađen pikselima:
Vektorski oblik s lijeve strane i oblik piksela na desnoj strani.
Ako pogledamo moju ploču Slojevi, vidjet ćemo svaki oblik koji sjedi na svom sloju. Krenuo sam i preimenovao slojeve kako bih olakšao stvari. Oblik temeljen na pikselu nalazi se na gornjem sloju "Pixel shape", a vektorski oblik je na vješto imenovanom sloju "Vector shape" ispod njega:
Ploča slojeva koja prikazuje oblike vektora i piksela na zasebnim slojevima.
Uočavanje sloja oblika
Čak i da ih nisam preimenovao, još uvijek bi postojao jednostavan način da odredim koji sloj ima vektorski oblik, a to je traženjem male ikone oblika u donjem desnom kutu sličice za pregled sloja. Ova ikona nam govori da je sloj oblika, a ne uobičajeni sloj piksela:
Slojevi oblika lako se prepoznaju po maloj ikoni u donjem desnom kutu sličice pregleda.
Skaliranje vektorskog oblika
Kao što sam spomenuo, oba oblika izgledaju identično u ovom trenutku, ali pogledajmo što se događa kad ih skaliramo. Počet ću s vektorskim oblikom. Prvo moram odabrati, tako da ću kliknuti na sloj "Vektorski oblik" na ploči Slojevi:
Odabir vektorskog oblika.
Za skaliranje vektorskog oblika otvorit ću se izbornik Uredi na traci izbornika na vrhu zaslona i odabrati Put slobodne transformacije :
Idite na Uređivanje> Slobodni put transformacije.
Ovo postavlja okvir slobodne transformacije i rukuje oko vektorskog oblika s lijeve strane:
Okvir slobodnog transformiranja pojavljuje se oko vektorskog oblika.
Želim biti sigurni da skaliram oba oblika točno iste veličine, pa umjesto da ručno povlačim ručke Free Transform, prijeći ću na traku s opcijama na vrhu zaslona i promijeniti širinu ( š ) i visinu ( H ) vrijednosti oblika do 10%:
Postavljanje i širine i visine oblika vektora na 10%.
Pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici da prihvatim novu veličinu, a sada je vektorski oblik s lijeve strane mnogo manji:
Vektorski oblik sada je 10% veličine oblika piksela.
Pogledajmo što će se dogoditi ako povećavam oblik vektora do njegove izvorne veličine. Umjesto da se vratim na izbornik Uredi na vrhu zaslona i odaberem Slobodan put pretvaranja, ovaj put koristit ću brži tipkovnički prečac, Ctrl + T (Win) / Command + T (Mac). Na ovaj se način postavlja isti okvir besplatne transformacije i ručke oko vektorskog oblika:
Pritisnite Ctrl + T (Win) / Command + T (Mac) za brzi odabir Free Transform Path.
Budući da sam smanjio oblik smanjujući ga na 10%, vratit ću ga na izvornu veličinu postavljanjem i vrijednosti širine i visine u traci s opcijama na 1000% :
Postavljanje širine i visine oblika vektora na 1000%.
Ponovno ću pritisnuti Enter (Win) / Return (Mac) na mojoj tipkovnici da bih je prihvatio, a sada se vektorski oblik vratio na izvornu veličinu. Primijetite da iako sam je smanjio i smanjio, a vektorski oblik i dalje izgleda kao nov. Njegovi rubovi ostaju svježi i oštri kao što su bili izvorno:
Vektorski oblik s lijeve strane zadržava svoje oštre, oštre rubove čak i nakon skaliranja.
Dodatak za kratke kodove, akcije i filtre: Pogreška u kratkom kodu (osnove oglasa-sredina)
Skaliranje oblika piksela
Pokušajmo istu stvar s oblikom piksela na desnoj strani. Prvo ću ga odabrati klikom na sloj "Pixel oblik" na ploči Slojevi:
Odabir oblika piksela.
Kad je odabran sloj oblika piksela, otvorit ću se izbornik Uredi na vrhu zaslona i odabrati besplatnu transformaciju:
Idite na Edit> Free Transform.
Besplatno Transform vs Free Transform Put
Primijetite da se ovaj put naredba naziva Slobodna transformacija, a ne Slobodna putanja transformacije. Proučavat ćemo staze u drugom udžbeniku, ali u osnovi je vektorski oblik sastavljen od dva dijela; osnovni obris oblika, poznat kao staza, i boja kojom je obris (staza) ispunjen. Kada uređujemo ili skaliramo vektorski oblik, stvarno uređujemo i skaliramo konturu puta. Zbog toga, kad sam odabrao sloj vektorskog oblika, naredba se zvala Free Transform Path. Sad kad sam odabrao normalan sloj piksela, uređujemo piksele, a ne putanje, pa se naziv naredbe promijenio u prosto Besplatno preoblikovanje. Opet ćemo kasnije detaljnije obraditi staze.
Ovo postavlja okvir Slobodna transformacija oko oblika piksela s desne strane:
Okvir slobodne transformacije pojavljuje se oko oblika piksela.
Baš kao što sam učinio s vektorskim oblikom, smanjit ću oblik piksela postavljanjem širine i visine na 10% u traci s mogućnostima:
Postavljanje širine i visine oblika piksela na 10%.
Pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici da je prihvatim, a sada je oblik piksela mnogo manji. Zasada je dobro. Čak i nakon što se oblik piksela smanji na 10%, on izgleda jednako oštro kao i izvorno, a još uvijek nismo vidjeli nikakvu razliku između vektorskog oblika i oblika piksela:
Oblik piksela nakon što ga je smanjio na 10%.
Ali sada, pravi test. Što će se dogoditi kad veličinu piksela smanjim na prvobitnu veličinu? Pritisnite tipku Ctrl + T (Win) / Command + T (Mac) na tipkovnici da brzo odaberete naredbu Free Transform i za pojačanje backup oblika piksela postavit ću širinu i visinu na traci mogućnosti na 1000% :
Smanjenje veličine piksela do izvorne veličine.
Pritisnite tipku Enter (Win) / Return (Mac) da je prihvatim i zatvorim se iz naredbe Free Transform. I sada, razlika između oblika vektora i piksela postaje očita. Iako sam oba oblika skalirao točno istim iznosima, a oba su oblika zadržala svoje oštre rubove kada su smanjeni, oblik piksela nije mogao podnijeti povećavanje veličine. Njegovi nekad oštri rubovi sada izgledaju meko, mutno i krvavo:
Vektorski oblik preživio je netaknut nakon povećavanja. Oblik piksela? Ne tako puno.
Povećajmo zbližavanje. Razlog zbog kojeg rubovi oblika piksela sada izgledaju toliko gore jer je, kad sam ga smanjio na 10% izvorne veličine, Photoshop morao izbaciti 90% piksela što je činilo početni oblik. To bi bilo u redu da ga ne trebam povećati. Photoshop ne može magično stvoriti piksele, pa kad sam je povećao, sve što je Photoshop mogao učiniti je uzeti one preostale piksele i povećati ih. Zato zapravo možemo vidjeti efekt stepenica na rubu oblika. To su rubovi pojedinih piksela. Izgledaju meko i zamućeno jer se upravo to događa s pikselima kada ih učinimo većima. Što ih više uvećavamo, oni postaju mekši. Vektorski oblici s druge strane nemaju ovaj problem. Oni su samo točke povezane crtama i krivuljama, a mi im možemo promijeniti veličinu koliko želimo bez gubitka kvalitete:
Izbliza rubova vektora i piksela.
Kamo dalje …
Kao što smo vidjeli u ovom udžbeniku, vektorski oblici i oblici piksela mogu izgledati identično kad ih prvi put crtamo, a oba izgledaju jednako dobro kada se smanje na manje veličine. Ali kad ih trebamo smanjiti na veće veličine, vektorski oblici doslovno imaju prednost. To se događa ne samo kada ih gledate na ekranu, već i prilikom ispisa. Kao i digitalne fotografije, oblik nacrtan pikselima ovisi o rezoluciji, što znači da se može ispisati samo toliko veliko prije nego što počne izgledati mekano i dosadno, baš kao što smo vidjeli u gornjem primjeru. Vektorski oblik je, s druge strane, neovisan o rezoluciji . Može se ispisati u bilo kojoj veličini, čak i velik kao pano, i uvijek će izgledati svježe, čisto i dobro kao novo.
Vektorski oblici imaju i druge prednosti koje ih čine puno fleksibilnijima za rad od piksela, ali prije nego što skočimo predaleko, naučimo kako zapravo nacrtati vektorske oblike u Photoshopu, a to ćemo učiniti u sljedećem vodiču! Posjetite naš odjeljak Osnove Photoshopa da biste saznali više o Photoshopu!