În acest prim tutorial din seria noastră despre desen și lucrul cu forme în Photoshop CS6, vom arunca o privire rapidă asupra diferenței importante dintre cele două tipuri principale de forme pe care le putem desena - forme vectoriale și forme de pixeli .
Adobe Photoshop este binecunoscut ca un editor de imagini bazat pe pixeli, utilizat de fotografi și de alți profesioniști de imagistică pentru retușarea, restaurarea și compunerea fotografiilor. Dar este, de asemenea, un puternic program de desen bazat pe vector, pe care designerii web, graficieni și alți artiști îl apelează pentru a crea machete de pagini, proiectări de interfață utilizator și alte lucrări de artă bazate pe vector.
Ce înseamnă „bazat pe vector”? Ei bine, spre deosebire de imaginile digitale care sunt formate din (de obicei) milioane de pătrate minuscule cunoscute sub numele de pixeli, formele vectoriale sunt realizate din puncte matematice conectate între ele prin linii și curbe pentru a crea forme diferite. Deoarece se bazează pe matematică, nu pe pixeli, formele vectoriale sunt extrem de flexibile și nu suferă de aceleași limitări ca și pixeli. Putem desena forme vectoriale la orice dimensiune avem nevoie și indiferent cât de mult le edităm și le scalăm sau cât de mari le imprimăm, ele rămân mereu crocante și ascuțite! Înainte de a afla detaliile despre cum să desenăm forme vectoriale în Photoshop și toate modalitățile prin care putem lucra cu ele, să aruncăm o privire mai atentă asupra acestui mod important prin care formele vectoriale diferă de formele bazate pe pixeli. Și de ce, atunci când ai ales între cele două, formele vectoriale sunt de obicei cea mai bună opțiune.
Acest tutorial este pentru utilizatorii Photoshop CS6. O versiune CC Photoshop este de asemenea disponibilă pentru abonații Adobe Creative Cloud.
O poveste de două forme
Din moment ce voi acoperi tot ce trebuie să știm despre desenarea formelor de vector în următorul tutorial, ne vom economisi un pic de timp aici, începând cu un document pe care l-am creat deja. Aici, vedem un document simplu care conține aspectul a două forme identice. În timp ce apar la fel în acest moment, de fapt sunt foarte diferite. Forma din stânga este o formă vectorială, în timp ce cea din dreapta a fost realizată cu pixeli:
O formă vectorială în stânga și o formă de pixel în dreapta.
Dacă ne uităm în panoul meu Straturi, vedem fiecare formă așezată pe propriul său strat. Am mers mai departe și am redenumit straturile pentru a ușura lucrurile. Forma bazată pe pixeli se află în stratul „Forma pixelului” de sus, iar forma bazată pe vector se află pe stratul numit în mod inteligent „Formă vectorială” de sub acesta:
Panoul Straturi care prezintă formele de vector și pixel pe straturi separate.
Spotting the Shape Layer
Chiar dacă nu le-am redenumit, ar exista totuși o modalitate ușoară de a spune ce strat păstrează forma vectorială și asta căutând pictograma formei mici din dreapta jos a miniaturii de previzualizare a stratului. Această pictogramă ne spune că este un strat Shape, nu un strat normal de pixeli:
Straturile de formă sunt ușor identificate de pictograma mică din dreapta jos a miniaturii de previzualizare.
Scalarea formei vectoriale
După cum am menționat, ambele forme arată identic în acest moment, dar să vedem ce se întâmplă atunci când le scalăm. Voi începe cu forma vectorială. În primul rând, trebuie să-l selectez, așa că voi face clic pe stratul „Formă vectorială” din panoul Straturi:
Selectarea formei vectorului.
Pentru a scala forma vectorială, voi merge la meniul Edit din bara de meniu de-a lungul părții superioare a ecranului și voi alege calea de transformare gratuită :
Accesarea Editează> Calea de transformare gratuită.
Aceasta plasează caseta Transformare gratuită și se ocupă cu forma vectorului din stânga:
Caseta Transformare gratuită apare în jurul formei vectorului.
Vreau să mă asigur că scalez ambele forme la exact aceeași dimensiune, așa că, în loc să glisez mânerele Transformării gratuite manual, voi merge până la Bara de opțiuni de pe partea de sus a ecranului și voi modifica atât lățimea ( W ) cât și înălțimea ( H ) valori ale formei până la 10%:
Setarea lățimii și înălțimii formei vectorului la 10%.
Voi apăsa Enter (Win) / Return (Mac) pe tastatura mea pentru a accepta noua dimensiune, iar acum forma vectorială din stânga este mult mai mică:
Forma vectorială este acum cu 10% dimensiunea formei pixelilor.
Să vedem ce se întâmplă dacă am scala forma vectorului până la dimensiunea inițială. În loc să mă întorc în meniul Edit din partea de sus a ecranului și să alegi calea de transformare gratuită, de această dată voi folosi scurtarea rapidă a tastaturii, Ctrl + T (Win) / Command + T (Mac). Aceasta plasează aceeași casetă de transformare gratuită și manevre în jurul formei vectorului:
Apăsând Ctrl + T (Win) / Command + T (Mac) pentru a selecta rapid calea de transformare gratuită.
Deoarece am redus forma mărind-o până la 10%, o voi mări din nou la dimensiunea inițială, setând atât valorile de Lățime cât și Înălțime din bara de opțiuni la 1000% :
Setarea lățimii și înălțimii formei vectorului la 1000%.
Voi apăsa din nou Enter (Win) / Return (Mac) de pe tastatura mea pentru a o accepta și acum, forma vectorială este din nou la dimensiunea inițială. Observați că, chiar dacă l-am scalat mai mic și apoi l-am mărit, forma vectorială încă arată bine ca nouă. Marginile sale rămân la fel de crocante și ascuțite precum au fost inițial:
Forma vectorială din stânga își păstrează marginile clare și ascuțite chiar și după ce a fost scalată.
Plugin Coduri scurte, acțiuni și filtre: eroare în codul scurt (ads-basic-basic-middle)
Redimensionarea formei pixelilor
Să încercăm același lucru cu forma pixelilor din dreapta. În primul rând, îl voi selecta făcând clic pe stratul „Forma pixelului” din panoul Straturi:
Selectarea formei pixelilor.
Cu stratul de formă de pixel selectat, voi merge în meniul Edit din partea de sus a ecranului și voi alege Transformare gratuită:
Accesând Editare> Transformare gratuită.
Transformare liberă și cale de transformare gratuită
Observați că de data aceasta, comanda se numește Transformare gratuită, nu cale de transformare gratuită. Vom analiza căile dintr-un alt tutorial, dar, în esență, o formă vectorială este formată din două părți; conturul de bază al formei, cunoscut sub numele de cale și culoarea cu care este completat conturul (calea). Când edităm sau scalăm o formă de vector, edităm și scalăm conturul căii. De aceea, când am selectat stratul de formă vectorială, comanda se numea Cale de transformare liberă. Acum, că am selectat un strat normal de pixeli, edităm pixeli, nu căi, și astfel numele comenzii s-a schimbat în Transformare simplă. Din nou, vom acoperi căile mai detaliat mai târziu.
Aceasta plasează caseta Transformare gratuită în jurul formei pixelilor din dreapta:
Caseta Transformare gratuită apare în jurul formei pixelilor.
La fel cum am procedat și cu forma vectorială, voi reduce dimensiunea pixelilor prin setarea Lățimii și Înălțimii la 10% în Bara de Opțiuni:
Setarea lățimii și înălțimii formei pixelilor la 10%.
Voi apăsa Enter (Win) / Return (Mac) pe tastatura mea pentru a o accepta, iar acum forma pixelului este mult mai mică. Până acum, bine. Chiar și după ce am redus forma pixelului până la 10%, pare la fel de ascuțit ca inițial și nu am văzut încă nicio diferență între forma vectorială și forma pixelului:
Forma pixelului după scalare până la 10%.
Dar acum, adevăratul test. Ce se va întâmpla când am dimensiunea formei pixelilor până la dimensiunea inițială? Voi apăsa Ctrl + T (Win) / Command + T (Mac) de pe tastatura mea pentru a selecta rapid comanda Transform gratuit și pentru a scala forma pixelilor înapoi, voi seta lățimea și înălțimea în bara de opțiuni pentru 1000% :
Reducerea dimensiunii pixelului până la dimensiunea inițială.
Voi apăsa Enter (Win) / Return (Mac) pentru a-l accepta și a închide comanda Free Transform. Și acum, diferența dintre formele bazate pe vector și pixeli devine evidentă. Chiar dacă am redus ambele forme exact după aceeași cantitate și ambele forme și-au păstrat marginile clare atunci când s-au redus dimensiunile, forma pixelului nu a putut suporta să fie redusă. Marginile sale odată ascuțite par acum moi, încețoșate și blocante:
Forma vectorială a supraviețuit intactă după ce a fost scalată. Forma pixelilor? Nu atat de mult.
Haideți să măriți pentru un aspect mai atent Motivul pentru care marginile formei pixelilor arată mult mai rău acum este acela că, atunci când l-am redus până la 10% din dimensiunea inițială, Photoshop a trebuit să arunce 90% din pixeli care alcătuiau forma inițială. Asta ar fi bine dacă nu aș fi nevoie să-l redescopăr. Photoshop nu poate să recreeze magic pixeli, așa că atunci când l-am scalat, tot Photoshop ar fi putut face este să iau acei pixeli rămași și să îi crească. De aceea, putem vedea efectiv un pas de scară de-a lungul marginii formei. Acestea sunt marginile fiecărui pixeli. Arata moale si neclar, deoarece asta se intampla la pixeli atunci cand le facem mai mari. Cu cât le mărim mai mult, cu atât devin mai moi. Formele vectoriale, pe de altă parte, nu au această problemă. Sunt doar puncte conectate între ele prin linii și curbe și le putem redimensiona atât cât dorim, fără a pierde niciodată calitatea:
O prim-plan a marginilor vectorului și a formei pixelilor.
După cum am văzut în acest tutorial, formele vectoriale și formele de pixeli pot părea identice atunci când le desenăm pentru prima dată și ambele arată la fel de bine atunci când sunt reduse la dimensiuni mai mici. Dar când trebuie să le mărim mai mari, formele de vector au destul de literalmente marginea. Acest lucru este valabil nu doar când le vizualizați pe ecran, ci și când imprimați. La fel ca fotografiile digitale, o formă desenată cu pixeli depinde de rezoluție, ceea ce înseamnă că poate fi tipărită atât de mare înainte de a începe să pară moale și plictisitoare, așa cum am văzut în exemplul de mai sus. O formă vectorială, pe de altă parte, este independentă de rezoluție . Poate fi tipărit la orice dimensiune, chiar la fel de mare ca un panou publicitar, și va arăta întotdeauna crocant, curat și bun ca nou.
Unde urmează …
Formele vectoriale au și alte avantaje care le fac să fie mult mai flexibile pentru a lucra cu pixeli decât pixeli, dar înainte de a sări prea departe, să învățăm cum să desenăm forme vectoriale în Photoshop CS6! Accesați secțiunea Noțiuni de bază pentru Photoshop pentru a afla mai multe despre Photoshop!