Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • OS
  • Cum să faci grafică vectorială în Photoshop. Cum să deschideți corect o imagine vectorială în Photoshop

Cum să faci grafică vectorială în Photoshop. Cum să deschideți corect o imagine vectorială în Photoshop

În acest tutorial, vom învăța elementele de bază despre desenarea formelor vectoriale în Photoshop CS6 folosind instrumentele simple Forme! Vom începe prin a examina modul în care funcționează instrumentele. "Dreptunghi"(Instrument dreptunghi ), "Dreptunghi rotunjit"(Instrument dreptunghi rotunjit), "Elipsă"(Instrumentul Elipse), "Poligon"(Instrumentul poligonului) și "Linia"(Instrument de linie). În continuare, vom învăța cum să alegem culorile de umplere și de contur pentru forme, să schimbăm aspectul liniilor, să editam forme folosind proprietățile utile ale straturilor de formă și multe altele! Avem multe de învățat, așa că în acest tutorial ne vom concentra pe funcționarea și proprietățile celor cinci instrumente de bază din grupul Forme geometrice. În lecția următoare, vom învăța cum să adăugăm forme mai complexe la documentul nostru folosind instrumentul Formă liberă!

Acest tutorial este pentru utilizatorii Photoshop CS6. Dacă utilizați o versiune mai veche a programului, consultați tutorialul original Shape and Shape Layer din Photoshop.

Majoritatea oamenilor cred că Photoshop este folosit doar pentru procesarea imaginilor pixelate, iar dacă le-ai cere un editor de imagini bun, răspunsul ar fi „Adobe Illustrator” în majoritatea cazurilor. Într-adevăr, capacitățile editorului Adobe Illustrator sunt mult mai largi decât programele Photoshop, dar, cu toate acestea, așa cum vom vedea din aceasta și din lecțiile următoare, diferitele instrumente de grup Shapes facilitează adăugarea de imagini vectoriale simple la imagini și desene.

Dacă nu știți ce este o formă vectorială și cum diferă de o formă de pixel, consultați acest tutorial.

Instrumente pentru forme

Photoshop ne oferă o gamă de șase instrumente din grupul Forme: "Dreptunghi"(Instrument dreptunghi), Dreptunghi rotunjit(Instrument dreptunghi rotunjit), "Elipsă"(Instrumentul Elipse), "Poligon"(Instrument pentru poligon), "Linia"(Instrument de linie) și "Figura liberă"(Instrument de formă personalizată). Toate aceste instrumente sunt situate într-un singur loc pe bara de instrumente. În mod implicit, vedem instrumentul Dreptunghi, dar dacă facem clic pe pictograma instrument și ținem apăsat butonul mouse-ului, pe ecran va apărea un meniu derulant cu o listă de alte instrumente din care putem selecta pe cea de care avem nevoie:

Făcând clic pe pictograma instrument Dreptunghi, ne va permite să vedem alte instrumente din grupul Formă.

Voi selecta primul instrument din listă, instrumentul dreptunghi:

Forme vectoriale, căi și forme de pixeli

Înainte de a începe să desenăm forme, trebuie să spunem lui Photoshop ce tip de formă vrem să desenăm, deoarece, în realitate, Photoshop ne permite să desenăm trei tipuri diferite de forme - forme vectoriale, căi și forme pixeli. Ne vom uita la diferența dintre aceste tipuri de forme mai detaliat în alte lecții, dar așa cum am învățat deja din lecția „Desenați forme vectoriale și forme pixelate în Photoshop CS6”, în cele mai multe cazuri veți desena forme vectoriale. Spre deosebire de formele pixelilor, formele vectoriale sunt foarte redimensionabile, complet scalabile și independente de rezoluție. Aceasta înseamnă că putem edita, redimensiona după cum dorim, fără a pierde calitatea imaginii. Marginile formelor vectoriale rămân ascuțite și ascuțite atât pe ecran, cât și atunci când sunt imprimate.

Pentru a desena forme vectoriale mai degrabă decât trasee sau forme pixelate, selectați "Figura"(Formă) în bara de setări a instrumentului din partea de sus a ecranului:

Selectați modul instrument „Formă” din panoul de setări

Umplerea unei forme cu culoare


Faceți clic pe pictograma eșantion de culoare de umplere

Ca rezultat, se va deschide o casetă de dialog în care vi se va cere să alegeți una dintre cele patru moduri de a umple forma, indicată de o pictogramă separată. De la stânga la dreapta, puteți vedea o pictogramă Fără culoare (cu o bandă diagonală roșie), o pictogramă de umplere cu culoare, o pictogramă Gradient și o pictogramă Model:

4 opțiuni de umplere a formei (Fără culoare, Culoare solidă, Gradient și Model)

Metoda de umplere „Fără culoare”

După cum sugerează și numele, metoda de umplere „Fără culoare”(Fără culoare) nu umple forma cu nicio culoare. De ce avem nevoie de o formă goală, vă puteți întreba? Ei bine, în unele cazuri, poate doriți ca forma să aibă doar un contur subțire. În continuare, ne vom uita la cum să adăugați un contur unei forme, dar dacă doriți ca forma să aibă doar o cale fără culoare de umplere, selectați opțiunea Fără culoare:

Nicio culoare nu umple forma cu nicio culoare

Mai jos este o formă de probă după aplicarea opțiunii Fără culoare. Tot ceea ce vedem este conturul subțire al figurii, așa-numitul „contur”. Conturul este vizibil doar în Photoshop, așa că dacă începeți să imprimați documentul sau să îl salvați în formate JPEG sau PNG, conturul va dispărea. Pentru a-l face vizibil, trebuie să îi adăugăm un stroke, pe care îl vom explora în continuare după ce am acoperit toate opțiunile. completati(Completati):


Când este selectat „Fără culoare” ca metodă de umplere, este vizibil doar conturul formei (și chiar și atunci, numai în Photoshop)

Metoda de umplere cu culoare solidă

Pentru a umple forma cu culoare, selectați opțiunea „culoare pură”(Culoare uni) (a doua pictogramă din stânga):

Faceți clic pe pictograma parametrului „Culoare solidă”.

După ce ați selectat opțiunea „Culoare solidă”, selectați o culoare pentru formă făcând clic pe unul dintre mostrele de culoare. Culorile pe care le-ați folosit recent vor apărea pe rând „Culori folosite recent”(Culori utilizate recent) deasupra mostrelor principale:

Alegeți o culoare făcând clic pe specimenul acesteia

Dacă culoarea necesară nu se află printre mostre, faceți clic pe pictograma Color Selector din colțul din dreapta sus al casetei de dialog:

Faceți clic pe pictograma Color Picker

Apoi selectați culoarea dorită în selectorul de culori. Faceți clic pe OK pentru a închide Paleta atunci când vă decideți asupra unei culori:


În selectorul de culori, selectați o culoare pentru umplerea formei

Mai jos este aceeași formă, doar de data aceasta umplută cu culoare:


Forma noastră este acum plină de culoare

Metoda de umplere „Gradient”

Pentru a umple forma cu o umplere gradient, selectați opțiunea "Gradient"(Gradient). Apoi faceți clic pe una dintre miniaturi pentru a selecta specimenul de gradient dorit sau creați-vă propriul folosind opțiunile de sub miniaturile cu gradient. Într-un tutorial separat, vom analiza cum să creați și să editați degrade:

Mai întâi, selectați parametrul „Gradient”, apoi - specimenul de gradient dorit

Mai jos este aceeași formă, doar că de această dată este umplută cu o umplere în gradient:


Forma noastră este acum umplută cu unul dintre mostrele de gradient predefinite.

Metoda de umplere a modelului

În sfârșit, alegerea opțiunii "Model"(Model), putem umple forma cu un model. Faceți clic pe una dintre miniaturi pentru a determina modelul final. Inițial, nu există multe modele în program, dar puteți descărca și modele suplimentare, descărcate de pe Internet sau create de dvs., făcând clic pe pictograma roată mică (sub pictograma Color Picker) și selectând „Descărcați modele”(Încărcare modele) din meniul pop-up:

Mai întâi, selectați parametrul „Model”, apoi - eșantionul de model dorit

Și așa va arăta forma, umplută cu unul dintre modelele din Photoshop. Pentru a închide caseta de dialog "Completati"(Umpleți), apăsați tasta Enter (Win) / Return (Mac) sau faceți clic pe un spațiu gol din panoul de preferințe. Dacă aveți îndoieli cu privire la alegerea culorii, gradientului sau modelului potrivit pentru forma dvs., nu vă faceți griji, vom explora mai târziu cum le puteți schimba:


O formă umplută cu un model selectat

Adăugați un Stroke la o formă

În mod implicit, Photoshop nu adaugă linii la marginile unei forme, dar adăugarea uneia este la fel de ușor ca și umplerea acesteia cu culoare. De fapt, opțiunile parametrilor „Stroke” („Accident vascular cerebral”)(Accident vascular cerebral) și "Completati"(Fill) sunt aceleași în Photoshop CS6, așa că știți deja cum să le folosiți!

Pentru a adăuga un contur, faceți clic pe eșantionul de culoare a conturului din bara de opțiuni:


Faceți clic pe eșantionul de culoare a conturului

Ca rezultat, se va deschide o casetă de dialog cu aceleași opțiuni ca pentru umplere, cu excepția faptului că acum alegem o culoare pentru contur. Există din nou patru pictograme în partea de sus a ferestrei „Fără culoare”(Fără culoare), „culoare pură”(Culoare solida), "Gradient"(Gradient) și "Model"(Model). În mod implicit, opțiunea Fără culoare este selectată. Eu, la rândul meu, voi selecta opțiunea Culoare solidă și apoi voi seta culoarea conturului la negru, alegând-o din mostre. Ca și în cazul umplerii, dacă culoarea de care aveți nevoie nu se află printre mostre, faceți clic pe pictograma Color Picker din colțul de sus pentru a selecta manual culoarea dorită:

Selectați opțiunea „Culoare solidă” pentru contur, apoi selectați culoarea dorită din mostrele de culoare.

Schimbați lățimea unui Stroke

Pentru a modifica lățimea (grosimea) cursei, utilizați parametrul "Lăţime"(Lățime) situat în partea dreaptă a mostrei de culoare a conturului în bara de opțiuni. În mod implicit, valoarea sa este de 3 pt. Pentru a modifica lățimea, puteți fie să introduceți o anumită valoare direct în fereastra de introducere a datelor (apăsând Enter (Win) / Return (Mac) după introducere pentru a confirma datele), fie să faceți clic pe săgeata mică din dreapta valorii și mutați glisorul:

Modificați lățimea cursei

Opțiunea Align Edges

Dacă te uiți mai departe în partea dreaptă a panoului de setări, vei vedea opțiunea Aliniați marginile(Aliniați marginile). Când această opțiune este activată (bifată), Photoshop va alinia marginile formei la grila de pixeli, drept urmare acestea vor rămâne clare și clare:

Asigurați-vă că opțiunea Align Edges este activată

Cu toate acestea, pentru ca opțiunea Align Edges să funcționeze, nu este suficient să o selectați pur și simplu. De asemenea, doriți ca lățimea cursei să fie în pixeli (px), nu în puncte (pt). Deoarece lățimea cursei mele este măsurată în prezent în puncte (unitatea implicită), voi reveni și voi introduce o nouă valoare a lățimii de 10 pixeli (px):

Pentru ca opțiunea Aliniere margini să funcționeze, setați lățimea cursei în pixeli (px)

Mai jos am aplicat o contur negru de 10 px formei:


O formă simplă, cu un contur negru în jurul ei

După ce adaug un contur în formă, dacă mă întorc și dau clic pe eșantionul de culoare de umplere din bara de opțiuni, alegând o metodă de umplere „Fără culoare”(Fără culoare), voi avea doar conturul formei cu un accident vascular cerebral. Forma va deveni goală în interior. Forma poate părea umplută cu alb, dar asta doar pentru că culoarea de fundal a documentului este albă, ceea ce vedem de fapt.


Aceeași formă, cu opțiunea de umplere „Fără culoare”

Opțiuni suplimentare de cursă

În mod implicit, programul desenează traseul ca o linie continuă, dar putem schimba acest lucru făcând clic pe butonul Setați tipul cursei formei(Opțiuni de cursă) în panoul de setări:


Faceți clic pe butonul „Setați tipul de contur al formei”

Aceasta va deschide o casetă de dialog Opțiuni de accident vascular cerebral(Opțiuni de contur), unde putem schimba aspectul conturului de la o linie continuă la o linie întreruptă sau punctată. Parametru Alinia(Align) ne permite să alegem tipul de aliniere pentru cursă: în interiorul traseului, în exterior sau în mijloc. Putem face capetele liniilor pentru cursa (parametrul „Se termină”(Caps)) rotunjite, pătrate sau îngroșate și joncțiunea liniilor în cursă (parametru "Colturi"(Colțuri): ascuțite, rotunjite sau teșite. Când butonul este apăsat „Alți parametri”(Mai multe Opțiuni), situat în partea de jos a casetei de dialog, va deschide o altă fereastră în care putem seta valori specifice pentru liniile și spațiile liniei punctate și chiar salva setările ca presetare:

Opțiuni de accident vascular cerebral

Mai jos este o formă cu aceeași contur, dar de data aceasta, în loc de o linie continuă, este selectată linia punctată:


Aspectul traseului s-a schimbat de la o linie continuă la o linie întreruptă

Instrument dreptunghi

Așadar, am învățat deja cum să selectăm diferitele instrumente ale grupului Forme de pe bara de instrumente, cum să selectăm culoarea de umplere și contur și cum să schimbăm aspectul unui contur. Acum să învățăm cum să desenăm formele vectoriale în sine! Vom începe prin a examina primul instrument de grup de forme din listă - "Dreptunghi"(Instrument dreptunghi). Îl voi selecta din bara de instrumente, așa cum am făcut înainte:

Selectarea instrumentului dreptunghi

Instrumentul dreptunghi ne permite să desenăm forme patrulatere simple. Pentru a desena o formă, faceți clic în fereastra documentului pentru a defini punctul de pornire al formei. Apoi, în timp ce țineți apăsat butonul mouse-ului, trageți cursorul mouse-ului în diagonală pentru a termina de desenat forma. Pe măsură ce mutați cursorul, veți vedea contururile subțiri (contur) ale formei viitoare:


Trageți cursorul pentru a desena o formă dreptunghiulară. Pe măsură ce mutați cursorul, apare un contur subțire al formei.

Când eliberați butonul mouse-ului, programul umple forma cu culoarea pe care ați selectat-o ​​în panoul de preferințe:


Programul va umple forma cu culoare imediat ce eliberați butonul mouse-ului

Redimensionarea unei forme după ce este desenată

După ce ați desenat forma inițială, dimensiunile sale actuale vor apărea în bara de opțiuni: lăţime(Lățimea (W)) și înălţime(Înălțimea (H)). În cazul meu, am desenat o formă de 533 pixeli lățime și 292 pixeli înălțime:


Dimensiunile inițiale ale formei (lățime și înălțime) sunt vizibile în panoul de setări

Dacă trebuie să redimensionați o formă după ce ați desenat-o (această metodă funcționează pentru toate instrumentele Forme), trebuie doar să introduceți noile valori în casetele corespunzătoare Lățime și Înălțime. De exemplu, să presupunem că am nevoie ca forma mea să aibă o lățime de 500 px. Trebuie doar să modifice valoarea lățimii cu 500 de pixeli. Dacă este necesar, aș putea introduce și o anumită valoare a înălțimii. Dacă, atunci când schimbați înălțimea sau lățimea formei, proporțiile ar trebui să rămână neschimbate, faceți mai întâi clic pe pictograma de lanț mic dintre valorile înălțimii și lățimii:


Apoi, după activarea pictogramei lanț, introduceți o nouă valoare pentru înălțime sau lățime. În acest caz, Photoshop va înlocui automat valoarea corespunzătoare a celui de-al doilea parametru. În cazul meu, am introdus manual o nouă valoare pentru lățimea de 500 de pixeli și, deoarece pictograma lanțului a fost activată, Photoshop a schimbat și valoarea înălțimii la 273 de pixeli:


Redimensionarea formei

Redimensionarea unei forme înainte de a fi desenată

Dacă se întâmplă să știți exact înălțimea și lățimea formei înainte de a o desena, există un truc la îndemână. Cu instrumentul Forme selectat, faceți clic oriunde în interiorul documentului. Ca urmare, se va deschide instantaneu o casetă de dialog în care puteți introduce valorile dorite pentru înălțime și lățime. Faceți clic pe OK pentru a închide dialogul și programul va desena automat forma:

Faceți clic oriunde în interiorul documentului pentru a introduce valori pentru lățime și înălțime, iar programul va desena automat forma

Desenarea unei forme din centru

Să explorăm câteva comenzi rapide de la tastatură simple, dar utile. Dacă apăsați și mențineți apăsată tasta Alt (Win) / Opțiune (Mac) pe măsură ce mutați cursorul, atunci veți desena forma din centru, nu din colț. Această tehnică funcționează cu toate instrumentele Formă, nu doar cu instrumentul Dreptunghi. Vă rugăm să rețineți că mai întâi trebuie să începeți să desenați forma și abia apoi să apăsați tasta Alt (Win) / Opțiune (Mac). De asemenea, trebuie să eliberați primul buton al mouse-ului și abia apoi să apăsați tasta Alt (Win) / Opțiune (Mac), altfel tehnica nu va funcționa:


Apăsați lung Alt (Win) / Opțiune (Mac) pentru a desena o formă din centru

Desenarea pătratelor

Pentru a desena un pătrat, plasați cursorul în fereastra documentului și începeți să-l trageți, desenând o formă dreptunghiulară. Odată ce începeți să faceți acest lucru, apăsați tasta Schimbși mențineți-l apăsat în timp ce mutați cursorul. Apăsarea tastei Shift va converti forma într-un pătrat. Din nou, nu uitați să apăsați tasta Shift după ce începeți să mutați cursorul și să îl eliberați ultimul, altfel pătratul nu va fi desenat. Puteți combina două comenzi rapide de la tastatură, apăsând și menținând apăsate tastele Shift + Alt(Victorie) /Shift + Opțiune(Mac) atunci când utilizați instrumentul "Dreptunghi"(Instrumentul dreptunghi), în urma căruia desenați un pătrat perfect din centru:


Apăsați și mențineți apăsată tasta Shift în timp ce mutați cursorul pentru a desena un pătrat

Din nou, pe măsură ce pictați, veți vedea doar un contur subțire al pătratului, dar când eliberați butonul mouse-ului, Photoshop îl umple cu culoarea selectată:

Programul așteaptă întotdeauna să eliberați butonul mouse-ului înainte de a umple forma cu culoare

Opțiunile instrumentului Forme

Dacă te uiți la panoul de setări, atunci în stânga parametrului Aliniați marginile(Aliniați marginile) veți vedea o pictogramă roată. Făcând clic pe el, veți deschide o casetă de dialog cu setări suplimentare pentru instrumentul din grupul „Forme” care este selectat în prezent:

Faceți clic pe pictograma roată

Din moment ce am instrumentul selectat "Dreptunghi"(Instrumentul dreptunghi), făcând clic pe pictograma roată, se vor afișa opțiuni suplimentare pentru instrumentul dreptunghi. Cu excepția lucrului cu instrumentele Poligon și Linie, pe care le vom explora mai târziu, nu veți folosi acest meniu prea des, deoarece am descris deja cum să accesați aceste opțiuni de la tastatură. De exemplu, parametrul "Arbitrar"(Neconstrâns) ne permite să desenăm forme de orice dimensiune și raport de aspect, dar deoarece în mod implicit toate instrumentele grupului de forme funcționează astfel, nu este nevoie să selectăm în mod special această opțiune. Parametru "Pătrat"(Pătrat) ne permite să desenăm pătrate cu instrumentul Dreptunghi, dar putem face asta pur și simplu apăsând și apăsată tasta Shift în timp ce mișcăm cursorul. Parametru „Din centru”(Din centru) este responsabil pentru desenarea formei din centru, dar din nou, putem face acest lucru ținând apăsat Alt (Win) / Opțiune (Mac).

Dacă alegeți opțiuni „Dimensiunea țintă”(Dimensiune fixă) sau „Setați proporții”(Proporțional) și introduceți valorile pentru lățime și înălțime, aceste valori vor afecta și următoarea formă care urmează să fie desenată, nu doar cea pe care ați desenat-o deja. Prin urmare, trebuie să vă amintiți să reveniți după desenarea figurii și să reselectați parametrul "Arbitrar"(Neconstrâns), în caz contrar, fiecare nouă figură desenată va avea aceeași dimensiune sau proporții:

Opțiunile pe care le vedeți depind de instrumentul selectat din grupul Forme.

Editarea straturilor de formă

Mai devreme am aflat că, pentru a desena forme vectoriale în Photoshop, trebuie să setăm modul de desen - "Figura"(Forme) (spre deosebire de căi și forme de pixeli). Când desenăm o formă vectorială, programul o plasează automat pe un strat special separat numit Strat de formă(Strat de formă). Dacă ne uităm la panoul de straturi, putem vedea că forma pe care am desenat-o cu instrumentul "Dreptunghi"(Instrument dreptunghi), situat pe un strat de formă separat „Dreptunghi 1”. Numele stratului va depinde de instrumentul folosit, așa că dacă desenez un oval cu Instrumentul Elipse, stratul de formă se va numi Elipse 1:

Fiecare formă vectorială nouă este plasată pe un strat de formă separat

Diferența vizuală dintre un strat obișnuit și un strat de formă este că straturile de formă au o pictogramă de formă mică în colțul din dreapta jos al miniaturii stratului:


Pictograma de pe miniatura stratului ne spune că acesta este un strat de formă.

Principala diferență dintre un strat de formă și un strat de pixel obișnuit este că straturile de formă rămân complet editabile. Când am învățat anterior cum să alegem culorile de umplere și de contur pentru o formă, am menționat că întotdeauna putem reveni și schimba culoarea chiar și după ce forma este desenată. Tot ce trebuie să facem este să ne asigurăm că stratul de formă este selectat în panoul Straturi și că instrumentul de grup Forme este activat. Apoi faceți clic pe oricare dintre eșantionul de culoare Umpluturi(Umplere), sau după eșantion de culoare Accident vascular cerebral(Stroke) în panoul de setări pentru a selecta o culoare diferită. De asemenea, puteți modifica lățimea cursei după cum este necesar și puteți lucra cu alți parametri. Voi face clic pe eșantionul de culoare de umplere:

Cu stratul de formă selectat, faceți clic pe eșantionul de culoare de umplere.

Faceți clic pe eșantionul albastru

De îndată ce dau clic pe eșantion, programul umple imediat forma cu o nouă culoare:


Culoarea formei a fost schimbată fără a fi nevoie să desenați din nou forma

Și, dacă ne uităm din nou la panoul de straturi, vom vedea că miniatura stratului de formă și-a schimbat și culoarea:

Când am făcut modificări, miniatura stratului de formă și-a schimbat și aspectul.

Instrument dreptunghi rotunjit

Să aruncăm o privire la cel de-al doilea instrument al grupului Forme - Dreptunghi rotunjit(Instrumentul dreptunghi rotunjite). Îl voi selecta din bara de instrumente:

Selectați instrumentul dreptunghi rotunjit

Instrumentul dreptunghi rotunjit este foarte asemănător cu instrumentul dreptunghi, cu excepția faptului că ne permite să desenăm dreptunghiuri rotunjite. Ajustăm rotunjirea colțurilor folosind parametrul "Rază"(Raza) în panoul de setări. Cu cât este mai mare valoarea razei pe care o introducem, cu atât colțurile devin mai rotunjite. Valoarea razei trebuie setată înainte de a începe desenul formei, în cazul meu, voi introduce valoarea parametrului „Radius”, egală cu 50 pixeli:


Utilizați opțiunea Rază pentru a defini gradul de rotunjire a colțurilor

După setarea valorii razei, desenarea unui dreptunghi rotunjit este similar cu desenarea unui dreptunghi obișnuit. Mai întâi, faceți clic în fereastra documentului pentru a defini punctul de pornire al formei, apoi țineți apăsat butonul mouse-ului și trageți cursorul mouse-ului în diagonală pentru a termina de desenat forma. Ca și în cazul formei dreptunghi, pe măsură ce mutați cursorul, programul va desena un contur subțire al formei:


Trageți pentru a desena un dreptunghi rotunjit după ce introduceți o valoare a razei în bara de opțiuni

Când eliberați butonul mouse-ului, Photoshop termină de desenat forma și o umple cu culoare:


Când eliberați butonul mouse-ului, forma se va umple de culoare.

Mai jos este un alt dreptunghi cu o rază de 150 de pixeli. Această valoare este atât de mare (oricum pentru această formă) încât părțile din stânga și din dreapta ale dreptunghiului au forma unei curbe:


Cu cât valoarea razei este mai mare, cu atât colțurile vor fi mai rotunde.

Și iată un dreptunghi cu o rază mică de 10 pixeli, care rotunjește doar puțin colțurile formei:


Valoarea razei mici mai puțin colțurile rotunjite

Din păcate, nu există o previzualizare a gradului de rotunjire a colțurilor în Photoshop CS6. Putem vedea cât de rotunjite sunt colțurile doar după ce desenăm un dreptunghi. De asemenea, nu putem modifica valoarea razei în timp ce desenăm forma, și totuși Photoshop nu ne permite să revenim și să modificăm valoarea razei după ce am desenat forma. Toate cele de mai sus înseamnă că desenarea dreptunghiurilor rotunjite este în esență un proces de încercare și eroare.

Dacă nu vă place rotunjirea colțurilor dreptunghiului, după ce l-ați desenat, mergeți la secțiunea de meniu "Editare"(Editați) în partea de sus a ecranului și selectați Anulare: Instrumentul dreptunghi rotunjit(Anulați Instrumentul dreptunghi rotunjit) (sau apăsați comanda rapidă de la tastatură Ctrl + Z (Win) / Command + Z (Mac)), drept urmare forma va fi eliminată din document. Apoi introduceți o nouă valoare pentru rază în bara de opțiuni și începeți din nou să desenați dreptunghiul.

Alegeți Editare> Anulare: Instrument dreptunghi rotunjit

Aceleași comenzi rapide de la tastatură pe care le-am uitat când am aflat despre instrumentul dreptunghi funcționează cu instrumentul dreptunghi rotunjit. Pentru a desena un pătrat cu colțuri rotunjite, începeți să desenați o formă, apoi apăsați și mențineți apăsat Schimb. Eliberați tasta Shift după ce eliberați butonul mouse-ului.

Pentru a desena o formă din centru în loc de un colț, începeți să desenați forma, apoi apăsați și mențineți apăsat Alt (Win) / Opțiune (Mac).Și, în sfârșit, apăsări de taste partajate Schimb+ Alt (Victorie) / Schimb+ Opțiune (Mac) va determina trasarea unui pătrat din centru. Tastele trebuie eliberate numai după ce eliberați butonul mouse-ului.

Instrument de elipsă

Instrument "Elipsă"(Instrumentul Elipse) ne permite să desenăm elipse și cercuri. Îl voi selecta din bara de instrumente:

Selectarea instrumentului Elipse

La fel ca în cazul celorlalte instrumente pe care le-am analizat, faceți clic în fereastra documentului pentru a defini punctul de pornire al formei, apoi țineți apăsat butonul mouse-ului și trageți cursorul mouse-ului în diagonală pentru a termina de desenat forma:


Desenați o elipsă cu Instrumentul Elipse

Eliberați butonul mouse-ului pentru a termina de desenat forma și umpleți-o cu culoare:


Forma este plină de culoare.

Pentru a desena un cerc perfect drept folosind instrumentul Elipse, începeți să trageți și apoi apăsați și mențineți apăsat Schimb... Pentru a desena o elipsă din centru, țineți apăsat Alt (Victorie) / Opțiune (Mac) după ce a început desenul. Ținând apăsate tastele în același timp Schimb+ Alt (Victorie) / Schimb+ Opțiune(Mac) vă va permite să desenați un cerc din centru. Și, ca întotdeauna, eliberați tastele numai după ce eliberați butonul mouse-ului:

Cerc desenat cu instrumentul Elipse

Instrument poligon

Instrument "Poligon"(Polygon Tool) este mai interesant pentru noi în ceea ce privește posibilitățile de a desena forme. Îl voi selecta din bara de instrumente:

Selectarea instrumentului Poligon

În timp ce folosim instrumentul Dreptunghi putem desena doar dreptunghiuri patrulatere, instrumentul Poligon ne permite să desenăm poligoane cu câte laturi dorim. În continuare, vom vedea cum puteți desena chiar și stele cu acest instrument! Pentru a desena o formă folosind instrumentul Poligon, introduceți mai întâi numărul de laturi dorit în caseta de parametri "Petreceri"(Laturile) în panoul de setări. Puteți introduce orice număr între 3 și 100. În mod implicit, numărul de laturi este 5 și îl voi lăsa așa:

Introduceți numărul de laturi în caseta de parametru „Laturi”.

După ce ați specificat numărul de laturi, poziționați cursorul în fereastra documentului și începeți să-l trageți pentru a desena o formă poligonală. Photoshop desenează întotdeauna forme poligonale din centru, așa că nu trebuie să țineți apăsat Alt (Win) / Opțiune (Mac). Apăsând lung o tastă Schimb după ce începeți să desenați poligonul, vă va permite să limitați numărul de colțuri pentru forma dvs. și să îl plasați pe ecran exact așa cum doriți:

Forma pe 5 fețe desenată cu instrumentul Poligon

Specificând numărul de laturi să fie 3, putem desena cu ușurință un triunghi:

Triunghi simplu desenat cu instrumentul Poligon

Mai jos este un poligon cu laturi 12. La fel ca în cazul opțiunii Rază pentru instrumentul Dreptunghi rotunjit, nu putem modifica numărul de laturi după desenarea formei, așa că dacă greșiți, trebuie să mergeți la secțiunea de meniu "Editare"(Editați) în partea de sus a ecranului și selectați Anulare: Instrumentul poligon(Anulați instrumentul poligon) (sau apăsați Ctrl + Z (Win) / Command + Z (Mac)), apoi introduceți o valoare diferită în caseta „Laturi” și redesenați forma:

Poligon cu douăsprezece laturi

Desenați stele cu instrumentul Poligon

Pentru a desena o stea folosind instrumentul Poligon, faceți clic pe pictograma roată din panoul de setări, apoi selectați opțiunea "Stea"(Stea):

Faceți clic pe pictograma roată și selectați parametrul „Star”.

Apoi faceți clic în fereastra documentului și trageți cursorul pentru a desena o stea. Parametru "Petreceri"(Laturile) în panoul de setări determină numărul de vârfuri ale stelei, deci dacă valoarea implicită a parametrului este cinci, obținem o stea cu cinci colțuri:

Steaua cu cinci colțuri desenată cu instrumentul Poligon

Schimbând parametrul Sides la 8, obținem o stea cu opt colțuri:

Definiți numărul de vârfuri ale stelei folosind parametrul Laturi

Putem desena o formă care arată ca o stea care explodează prin creșterea clarității razelor stelei folosind parametrul „Adâncimea razelor”(Indentare laterale de lângă). Implicit, valoarea acestui parametru este de 50%, voi crește valoarea la 90%. De asemenea, voi crește numărul de vârfuri ale stelei la 16:

Desenați o formă care arată ca o stea care explodează prin creșterea valorii Adâncimii razelor

Și iată cifra pe care am obținut-o:

Steaua care explodează desenată cu instrumentul Poligon

În mod implicit, vârfurile stelelor au colțuri ascuțite, dar le putem rotunji selectând opțiunea Colțuri exterioare netede(Colțuri netede):

Selectarea opțiunii Smooth Outside Corners

Mai jos este o stea cu cinci colțuri cu opțiunea Smooth Outer Corners selectată:

Colțurile exterioare netede înmoaie unghiul stelelor

De asemenea, putem rotunji colțurile de la baza razelor stelei selectând opțiunea Colțuri interioare netede(Indentări netede):

Selectarea opțiunii Smooth Inner Corners

Din nou, vedeta noastră arată complet diferit:

O stea desenată cu colțuri interioare netede selectate

Instrument de linie

Ultimul dintre instrumentele principale din grupul Forme este instrumentul "Linia"(Instrument de linie). Îl voi selecta din bara de instrumente:

Selectarea instrumentului Linie

Acest instrument ne permite să desenăm linii drepte simple, dar putem desena și săgeți cu el. Pentru a desena o linie dreaptă, setați mai întâi lățimea liniei introducând o valoare (în pixeli) în caseta de parametri "Grosime"(Greutate) în panoul de setări. În mod implicit, grosimea este de 1 pixel, o voi crește la 16 pixeli:

Parametrul „Grosime” este responsabil pentru grosimea (sau lățimea) liniei

În al doilea rând, la fel ca și în cazul celorlalte instrumente de grup Forme, faceți clic în fereastra documentului și trageți cursorul pentru a desena o linie. Pentru a facilita trasarea unei linii orizontale sau verticale, țineți apăsat butonul Schimb, după ce începeți să desenați linia, apoi eliberați butonul mouse-ului și ultima tasta Shift:

Țineți apăsată tasta Shift pentru a desena linii orizontale sau verticale

Desenați săgeți de direcție

Pentru a desena săgeți, faceți clic pe pictograma roată din panoul de setări pentru a deschide opțiunile „Săgeți”(Vârfuri de săgeată). Alegeți unde doriți să adăugați săgeți: la începutul liniei, la sfârșit sau la ambele capete simultan (dacă doriți ca săgeata să îndrepte în aceeași direcție în care trasați linia, selectați opțiunea "La sfarsit"(Sfârșit)):

Faceți clic pe pictograma roată pentru a accesa opțiunile pentru săgeți.

Mai jos este o linie similară cu cea anterioară, cu excepția faptului că există o pictogramă săgeată la sfârșit:

Săgeți de ghidare ușor de desenat cu instrumentul Linie

Dacă dimensiunea implicită a săgeții nu vi se potrivește, o puteți modifica folosind opțiunile "Lăţime"(lățimea) și "Lungime"(Lungime). De asemenea, putem adăuga o curbă la săgeată folosind parametrul "Curbură"(Concavitate). În mod implicit, valoarea acestui parametru este 0%, dar o voi crește la 50%:

Schimbați forma săgeții prin creșterea valorii parametrului „Curbură”

Și așa arată săgeata acum. Asigurați-vă că selectați valoarea pentru opțiunile instrumentului Linie înainte de a începe să desenați linia, deoarece nu le puteți modifica în timp ce desenați. Dacă doriți să faceți modificări, va trebui să ștergeți forma și să o redesenați:

Săgeată cu o valoare de curbură de 50%

Ascunde un contur în jurul unei forme

Ori de câte ori am desenat o formă în acest tutorial, programul și-a afișat conturul subțire. Când am eliberat butonul mouse-ului, programul a terminat de desenat forma și a umplut-o cu culoare. Problema este că dacă te uiți cu atenție la forma pe care ai desenat-o, cel mai probabil vei vedea un contur subțire în jurul ei, care nu a plecat nicăieri. V&

Vectorii sunt foarte populari, dar crearea lor necesită multă răbdare și perseverență pentru un începător. Photoshop este folosit în pregătirea unor astfel de ilustrații - cu ajutorul său puteți converti o fotografie într-o imagine vectorială. În acest articol vă vom spune cum diferă un astfel de desen de unul raster și cum să faceți o imagine vectorială în Photoshop.

Vector

Când creați un document nou în Photoshop, scrieți orice cuvânt pe o foaie albă, alegând o dimensiune convenabilă (folosind funcțiile „Text” - pictograma cu litera „T” în bara de instrumente).

Măriți cu instrumentul Lupă - veți vedea că literele sunt compuse din pixeli. De fapt, vizualizarea este specificată prin formule, doar afișarea în program este realizată de pixeli.

Reveniți la dimensiunea normală făcând dublu clic pe pictograma mâinii. Reduceți dimensiunea după cum urmează: „Editare” - „Transformare” - „Scalare”. Prin reducerea dimensiunii, calitatea literelor este păstrată. La fel, mărim textul cât mai mult, calitatea rămâne și ea bună, deoarece formulele funcționează bine la orice scară.

Raster

Pentru a converti o imagine vectorială într-o imagine raster în Photoshop, vom reduce imaginea finită. Apoi mergem la fila „Straturi”, acolo selectăm „Rasterize” - „Text”. Acum avem litere care sunt de fapt pixeli.

Când măriți un bitmap/text folosind funcțiile „Editare” - „Transformare” - „Scalare”, calitatea se deteriorează foarte mult. Pe măsură ce procedura se repetă, calitatea se înrăutățește de fiecare dată - literele devin neclare.

În astfel de ilustrații, atunci când sunt mărite conform algoritmului programului, noi pixeli sunt umpluți cu culoare. Acest lucru este mai puțin precis decât în ​​cazul formulelor.

Creați grafică vectorială

Puteți desena un desen folosind orice fotografie. Dacă nu știați cum să convertiți o fotografie într-un vector în Photoshop, convertiți-o, urmați următoarea procedură:

  1. Deschideți fotografia / ilustrația. Creați un nou strat.
  2. Utilizați instrumentul Pen pentru a trasa contururile unuia dintre elemente (de exemplu, o față). Pentru a nu interfera cu fundalul, setați o transparență mai mică, până la 20-30%. Alegeți o culoare de umplere și de contur.
  3. Apoi, desenați contururile altor detalii în același mod, umpleți-le cu culoarea dorită.
  4. Pentru amestecarea complexă a culorilor pe fața unui model, puteți utiliza filtre. Accesați „Galeria de filtre”, faceți acolo „Posterizare” pe mai multe niveluri, convenabil pe 3 niveluri. Photoshop vă va spune cum sunt suprapuse umbrele, trebuie doar să le conturați contururile. În plus, puteți să desaturați, să faceți fotografia alb-negru, să reglați claritatea pentru a vedea nivelurile mai clar. La umplere, alegeți o culoare mai deschisă/mai închisă pentru straturi. Ai tranziții de culoare.

Răbdare, acuratețe, încetineală - și munca ta va fi gata. Cu o bună pricepere, vei realiza desene simple destul de repede, iar traducerea oricărei imagini într-un vector nu va fi o problemă.

Rezultatul muncii minuțioase va fi o imagine „în curbe”

Cum să faci o imagine vectorială a unei persoane în Photoshop pe baza fotografiei sale? Veți avea nevoie de multe straturi de culoare pentru aceasta, ceea ce înseamnă că munca va dura destul de mult timp. Dar procesul în sine nu este atât de complicat pe cât pare și, cu suficientă răbdare, veți face față pe deplin sarcinii și veți obține un vector decent.

16.03.2014 27.01.2018

El face un astfel de desen vectorial dintr-o fotografie în câteva minute în Photoshop fără prea mult efort. Tot ce trebuie să faceți este să aplicați câteva filtre, funcții și straturi de ajustare. Cum să faceți acest lucru, citiți instrucțiunile din acest tutorial.

Cu ajutorul Photoshop, putem transforma orice desen într-o imagine vectorială.

Selectați o fotografie și deschideți-o în Photoshop.

Faceți o copie a stratului. Inel un strat Fata 1 strat, și al doilea Fata 2 straturi.

Aplicați funcția Imagine - Ajustări - Praguri(Imagine - Corecție - Isogelia) pentru strat Fata 1 strat.

Setați culorile pe alb și negru în caseta de instrumente.

Aplica filtru Filtru - Schiță - Fotocopie (Filtru - Schiță - Fotocopie) pentru strat Fata 2 straturi.

Modul de amestecare a straturilor Fata 2 straturi instalare Multiplica(Multiplicare) și îmbinați straturile.

Reaplicați funcția Prag (Isogelia)

Acum trebuie să neteziți marginile, pentru aceasta aplicați filtrul Stiliza - Difuză(Styling - Difuziune)

Imaginea vectorială este gata.

Acum, pentru a-l transforma cumva, îl poți colora. Pentru a face acest lucru, luați pur și simplu o perie neagră și corectați liniile trăsăturilor faciale.

Pentru a umple cu folosirea culorii Instrument pentru găleată de vopsea (Completati). Aceasta nu va fi o problemă pentru tine.

Toți cei care lucrează cu editori grafici trebuie uneori să se ocupe atât de grafica vectorială, cât și de grafica raster.

Ce se întâmplă dacă ar fi nevoie să adăugăm niște efecte speciale Photoshop la fișierul vectorial. Astăzi vă voi arăta cum să lucrați corect cu fișierele vectoriale în Photoshop.

1) Doar trageți fișierul AI sau EPS în PHOTOSHOP. V-om vedea:

2) Mărimea este foarte importantă aici - la urma urmei, în Photoshop imaginea va deveni un bitmap și va fi dificil să creșteți dimensiunea fără pierderea calității. Prin urmare, cel mai bine este să luați imediat dimensiunea mare.

3) Când am deschis fișierul nostru, toate imaginile erau pe un singur strat. Pentru a lucra separat cu fiecare dintre ele, va trebui să utilizați o selecție, de exemplu, Instrumentul Marquee dreptunghiular, apoi să tăiați la un nou strat.

4) Deoarece nu suntem siguri cu ce dimensiune va trebui să funcționeze imaginea, o vom converti într-un obiect inteligent. Doar faceți clic dreapta pe el și selectați elementul corespunzător. Se pare că obiectul a devenit asemănător ca caracteristici cu un obiect vectorial și poate fi mărit după dorință.

5) În acest exemplu, am copiat unul dintre cranii și apoi l-am transformat într-un obiect inteligent și am întins ambele obiecte. Deși nu este vizibilă nicio diferență

6) Dar să mărim imaginea. Diferenta este evidenta!

7) Tot ce mai rămâne de făcut este să așezați totul corect). Puteți utiliza proprietățile stratului (Imagine> Ajustări) și opțiunile de amestecare (Clic dreapta> Opțiuni de amestecare).

Totuși, de ce este mai bine să deschideți imagini vectoriale în editorii de vectori?

Pentru că aici poți schimba nu numai dimensiuni, linii corecte, culori, ceea ce nu este întotdeauna ușor în Photoshop, mai ales pentru un începător.
În cele din urmă, trebuie să știți că în Photoshop puteți insera o imagine direct din Illustrator - doar selectați imaginea dorită în Illustrator, Ctrl + C, și apoi Ctrl + V la Photodhop.
În plus, procedura este identică cu cea descrisă mai sus.

Rezultat final

După cum știți, ilustrațiile vectoriale sunt în prezent foarte populare în grafica web. Designerii profesioniști pot crea astfel de ilustrații în câteva ore. Fie că ești începător sau pasionat, lecțiile de grafică web îți vor fi cu siguranță extrem de utile. Scopul acestei lecții este de a arunca puțină lumină asupra procesului de creare a imaginii selectate. Voi demonstra pas cu pas întregul proces și voi explica toți pașii folosind comentariile mele.


Pentru a crea o imagine cu adevărat cool, trebuie să alegeți programul dorit și să urmați anumite reguli. Dacă doriți să desenați o ilustrație vectorială, ar trebui să aveți în vedere că astfel de editori sunt utilizați pentru aceasta, cum ar fi Adobe ilustrator sau Corel Draw... In orice caz, Photoshop are fonduri suficiente pentru a dezvolta ilustrații vectoriale. Voi arăta clar acest lucru în lecția mea despre cum să traduc un desen într-un vector. Am ales o schiță a unei pisici ca bază pentru ilustrație. Am decis să înfățișez o pisică albastră cu flori roz în labe.

Pasul 1

Să începem prin a crea fundalul. Desenați forma folosind Instrumentul de selecție () (în Formează straturi(Forma stratului)). Setări - (Opacitate de umplere) = 0% ... Acum utilizați o suprapunere cu degrade: ((Stil strat - Suprapunere cu degrade)) pentru a umple forma creată. Toate setările sunt implicite, trebuie doar să schimbați unghiul (voi specifica gradul) și gradientul. Adăuga Accident vascular cerebral(Stroke) ((Stil strat - Stroke)). Folosim toate setările implicite, cu excepția lățimii în 1 px și culori.

Top articole similare