Desenele vectoriale sunt din ce în ce mai folosite în diverse instrumente de imprimare pentru a crea desene frumoase din lemn, plastic, metal, hârtie și alte materiale. Astăzi, ne vom da seama cum să facem un desen vectorial cu propriile mâini folosind Photoshop. După ce am petrecut destul de mult timp, vom obține un desen vectorial de înaltă calitate și îl vom putea folosi în viitor fără probleme.

Cum se transformă un desen în vector?

În primul rând, trebuie remarcat faptul că numai desenele care sunt reprezentate pe un fundal alb pot fi convertite în format vectorial. Dacă fundalul nu este alb, atunci mai întâi trebuie să eliminați toate cele inutile și să ștergeți fundalul.

1. Folosind instrumentele de selecție, selectați doar elementul pe care vrem să-l transformăm într-un desen vectorial și copiați-l într-un nou strat numit „formă”. Apoi creăm un alt strat și îl umplem complet cu alb, acest strat putând fi numit „fundal”. Acum, mutați stratul „de fundal” sub stratul „formă” și îmbinați-le. Imaginea rezultată se numește „Base”. Copiați stratul „Base” de două ori și denumiți-le „Base_1” și „Base_2”. Opriți vizibilitatea acestora.

2. Să începem operațiunile noastre de conversie a imaginii în format vectorial. În primul rând, aplicați pentru stratul „Base”, corecția „Isohelium”, pentru a obține poza în format alb-negru. Nu întotdeauna la prima corectare obținem poza de care avem nevoie, așa că putem face mai multe copii ale straturilor și facem corecții cu valori diferite până obținem ceea ce ne trebuie.

Deci avem cel mai normal efect.

3. Apoi, aplicăm un filtru de difuzie imaginii rezultate pentru a elimina marginile zimțate. Calea pentru activarea filtrului: „Filtru – Stilizare – Difuzie” (Filtru-Stilizare-Difuzare). În fereastra care se deschide, selectați „Anizotrop”.

4. Următorul pas este să netezi marginile astfel încât să devină mai clare, pentru aceasta apăsăm „Imagine – Corecție – Nivele” (Imagine-Ajustare-Niveluri). LA deschide fereastra mutați glisoarele din stânga și din dreapta mai aproape de centru. Pentru a vedea rezultatul corecției, cel mai bine este să măriți desenul până la 300% înainte de a deschide nivelurile.

5. Repetați pașii 3 și 4 în aceeași ordine.

6. Opriți vizibilitatea stratului nostru principal și activați stratul „Base_1”. Efectuați acțiunea „Imagine – Corecție – Izohelie” (Imagine-Ajustare-Prag). Parametrul este setat la nivelul 138.

7. Efectuăm operațiunile indicate în paragrafele 3.4 și 5 cu acest strat.

8. Creați un nou strat și umpleți-l cu negru. Îi spunem „fond”. Setați-l sub stratul „Bază”. În stratul „Base_1”, schimbați modul în „Diferență” (Diferență).

Iată ce primim:

9. Rezultatul este o imagine puțin înfricoșătoare, dar o vom repara acum. Faceți stratul de bază activ și adăugați o mască de strat. După aceea, cu ajutorul unei radiere, putem elimina zonele inutile de pe fața și corpul fetei.

10. Deci am primit desenul, acum trebuie convertit în vector. Folosiți „Bagheta magică”, selectați întreaga zonă neagră a imaginii și faceți clic dreapta pe imagine, în meniul care se deschide, selectați „Generează calea de lucru”. Setați valoarea la 1,0.

Mulți iubitori de design începători se vor confrunta cu siguranță cu această problemă, deoarece în unele momente este nevoie de o imagine vectorială. Acest articol detaliază cum să faci o imagine vectorială.

Pentru ce se folosește conversia dintr-un obiect raster într-un obiect contur?

Un exemplu în acest sens este o umplere care are aplicată o mască vectorială. Grupul de primitive vectoriale este un grup de instrumente pentru crearea unei măști fără plată și în mod automat. În acest exemplu, se dovedește că conturul imaginii va fi vectorial, în timp ce umplerea va fi raster.

Cu toate acestea, trebuie să înțelegeți că „Photoshop” nu funcționează în plină forță cu un vector, folosind laturi pozitive acolo unde este posibil. În timpul lucrului intens cu grafica, specialiștii au diverse sarcini, în rezolvarea cărora este mai convenabil să convertiți imediat selecția într-o cale, decât să folosiți un ilustrator pentru această sarcină. Pentru sarcini similare în Photoshop există o funcție care vă permite să convertiți obiecte raster în obiecte vectoriale, deoarece nu toți specialiștii preferă să folosească un ilustrator.

Cum se transformă o imagine raster într-o imagine vectorială?

Pentru a face acest lucru, în Photoshop, trebuie să urmați o anumită procedură. Mai întâi trebuie să selectați un obiect folosind caseta de instrumente Selectare. Programul convertește orice obiect selectat și selectat într-un contur.

Dacă metodele de lucru descrise sunt dificile pentru dvs., atunci este mai bine să vă familiarizați mai întâi cu interfețele programului, deoarece aceasta este baza, fără să știți care, nu puteți merge mai departe.

Un exemplu este procesul de reprezentare a unei persoane dintr-o imagine. Puteți face o fotografie originală și puteți utiliza o tabletă și o perie cu margini dure pentru a contura obiectul. După aceea, îl puteți modifica, de exemplu, înlocuiți fața. După ce această imagine este convertită în vector, va fi posibil să o scalați fără a pierde calitatea imaginii.

Imagini pentru urmărire

Pentru un exemplu vizual, este luată o imagine ușoară - un fluture. La traducere, este necesar să țineți cont de faptul că, cu cât imaginea este mai mare, cu atât imaginea vectorială va fi mai bună. Această regulă funcționează în Photoshop, la fel și în Illustrator. Imaginile mari sunt cele care sunt mai mari de 1000 de pixeli.

Selectarea unui obiect

Procesul de selectare a unui obiect ar trebui să înceapă cu alegerea instrumentelor. Trebuie să aplicați cel mai comun instrument Magic Wand din setul de instrumente, apoi apăsați Click dreapta butonul mouse-ului o dată în partea albă a spațiului de lucru. Ca urmare a acestor manipulări, vei crea un spațiu de lucru.

Apoi trebuie să selectați fluturele folosind setul Selectare - Selectare inversă. În această procedură, are loc inversarea pentru a selecta imaginea. Cu toate acestea, merită remarcat faptul că această opțiune sau alta nu afectează rezultatul final, principalul lucru este că obiectul necesar este selectat.

În fotografia de mai sus puteți vedea așa-numitele modele vectoriale. O astfel de imagine se numește fractal - acesta este un obiect care, atunci când este mărit, se schimbă în funcție de anumiți algoritmi. O imagine vectorială este potrivită pentru o imagine fractală, trebuie doar să introduceți formula și să obțineți rezultatul final, așa cum se arată mai sus. Acesta se numește model vectorial.

Crearea unui traseu vectorial

Aceasta este aproape ultima parte a modului de realizare a unei imagini vectoriale. Merită să ne amintim principalul lucru: există multe programe pentru crearea unor astfel de imagini, un specialist trebuie să aleagă una (maximum două), altfel eforturile tale de a studia toate deodată vor fi zadarnice.

După ce ați selectat o zonă, convertiți-o într-o cale vectorială. Pentru a face acest lucru, puteți utiliza instrumente de selecție, cum ar fi Instrumentul Lasso, Instrumentul Marquee dreptunghiular, Instrumentul Baghetă magică etc. Apoi faceți clic dreapta pe zona de selecție, după care va apărea un meniu în care ar trebui să selectați Creare cale de lucru. Urmează un meniu în care este setat gradul de netezire Toleranță. Cu cât mai anti-aliasing, cu atât mai puține noduri vectoriale și cu atât mai puțin exactă repetarea conturului raster.

După toate cele de mai sus în Cale, ar trebui să se formeze o cale de lucru. Dacă nu există o astfel de paletă, aceasta poate fi găsită folosind Windows ferestreși selectați Cale în ea. Apoi trebuie să faceți dublu clic pe Calea de lucru și să o salvați în altă parte. Căile din această zonă acționează similar cu straturile din paleta Straturi. Un contur evidențiat înseamnă că este activat și poate fi utilizat.

Apoi selectați calea utilizând Instrumentul de selecție a căii sau paleta Cale. Trebuie să apăsați butonul Layer, apoi în fila care se deschide, selectați New Fill Layer, și deja în el Solid Color. În acest fel, veți crea un strat de umplere, căruia i se atribuie imediat o mască vectorială sub forma căii dvs.

Sfârșitul lucrării

Pentru a rafina imaginea, puteți utiliza Instrumentul Pen - pentru a selecta masca stratului de umplere. Apoi - configurați Instrumentul Pen, și anume, setați Scăderea. Cu aceasta, puteți desena elemente și modele suplimentare pe imagine.

Acesta este cât de ușor este să faci o imagine vectorială. Această abilitate va ajuta cu siguranță designerii începători.

În acest tutorial, vom învăța elementele de bază despre desenarea formelor vectoriale în Photoshop CS6 folosind instrumente simple grupuri „Forme”! Vom începe prin a afla cum funcționează instrumentele "Dreptunghi"(Instrument dreptunghi ), "Dreptunghi rotunjit"(Instrument dreptunghi rotunjit), "Elipsă"(Instrumentul Elipse), "Poligon"(Instrumentul poligonului) și "Linia"(LineTool). În continuare, vom învăța cum să alegem culorile de umplere și de contur pentru forme, schimbare aspect lovituri, editați forme cu 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 munca și proprietățile celor cinci instrumente principale ale grupului Forme geometrice. În următorul tutorial, vom învăța cum să adăugăm forme mai complexe la documentul nostru folosind „ Cifră arbitrară»!

Această lecție este concepută pentru utilizatorii Photoshop CS6. Dacă lucrezi pentru mai mult versiune veche program, apoi studiați lecția originală „Shape and shape layer in Photoshop”.

Majoritatea oamenilor cred că Photoshop este folosit doar pentru procesarea imaginilor pixelate și, dacă ar fi să le ceri să-ți recomande unul bun pentru tine editor grafic, atunci în majoritatea cazurilor răspunsul ar fi „Adobe Illustrator”. Într-adevăr, posibilitățile Editor Adobe Illustrator este mult mai larg decât programele Photoshop, dar, cu toate acestea, așa cum vom vedea în această lecție și în următoarele, diverse instrumente din grupul Forme facilitează adăugarea de imagini vectoriale simple la desene și desene.

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

Instrumente din grupul „Forme”.

program Photoshop ne oferă o gamă de șase instrumente din grupul „Forme”: "Dreptunghi"(Instrument dreptunghi), "Dreptunghi rotunjit"(Instrument dreptunghi rotunjit), "Elipsă"(Instrumentul Elipse), "Poligon"(instrument poligon), "Linia"(Instrument de linie) și „Figură arbitrară”(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 celelalte instrumente ale grupului de forme

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 Photoshop ne permite de fapt să desenăm trei forme. tipuri diferite- forme vectoriale, contururi și forme de pixeli. Ne vom uita la diferența dintre aceste tipuri de forme mai detaliat în alte tutoriale, dar așa cum am învățat tu și cu mine în tutorialul Desenarea formelor vectoriale și a formelor pixelilor în Photoshop CS6, în majoritatea cazurilor 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ă le putem edita, redimensiona după cum dorim, fără a pierde calitatea imaginii. Atât pe ecran, cât și în timpul imprimării ulterioare, marginile formelor vectoriale rămân ascuțite și ascuțite.

Pentru a desena forme vectoriale mai degrabă decât căi sau forme de pixeli, selectați opțiunea "Figura"(Formă) în panoul de setări instrument 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 culoarea de umplere

Ca urmare, 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, indicate de o pictogramă separată. De la stânga la dreapta, puteți vedea pictograma Fără culoare (cu o bandă diagonală roșie), pictograma Umplere cu culoare, pictograma Gradient și pictograma 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. Vă puteți întreba, de ce avem nevoie de o cifră goală? 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 formei, dar dacă doriți ca forma să aibă doar un contur fără umplere de culoare, selectați opțiunea Fără culoare:

Dacă selectați opțiunea „Fără culoare”, forma nu va fi umplută cu nicio culoare

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

Când metoda de umplere este setată la Fără culoare, este vizibil doar conturul formei (și apoi numai în Photoshop)

Metoda de umplere „Culoare pură”

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 pură”.

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 principalelor mostre:

Alegeți o culoare făcând clic pe eșantionul acesteia

Dacă culoarea necesară nu se află printre mostre, faceți clic pe pictograma Paletă de culori 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 când v-ați decis asupra unei culori:

Alegeți o culoare pentru a umple forma în Selectorul de culori

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

Forma noastră este acum plină de culoare.

Metoda de umplere cu gradient

Pentru a completa o formă umplere cu gradient, selecteaza o optiune "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 opțiunea „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 prefabricate.

Metoda de umplere a modelului

Și în sfârșit, alegerea opțiunii "Model"(Model), putem umple forma cu un model. Faceți clic pe una dintre miniaturi pentru a decide asupra modelului final. Inițial, programul nu oferă multe modele, 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 „Încărcați modele”(Load Patterns) din meniul care apare:

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

Și iată cum va arăta forma umplută cu unul dintre modelele Photoshop. Pentru a închide caseta de dialog "Torsare"(Umpleți), apăsați tasta Enter (Win) / Return (Mac) sau faceți clic pe un spațiu gol din bara de opțiuni. Dacă nu sunteți sigur că alegeți culoarea, gradientul sau modelul potrivit pentru o formă, nu vă faceți griji, vom afla cum să le schimbăm mai târziu:

Forma umplută cu modelul selectat

Adăugarea unui accident vascular cerebral la o formă

În mod implicit, Photoshop nu adaugă un contur în jurul marginilor unei forme, dar adăugarea unuia 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 "Torsare"(Fill) în Photoshop CS6 sunt aceleași, 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 panoul de setări:

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. În partea de sus a ferestrei sunt din nou patru pictograme „Fără culoare”(fara 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 din mostre. La fel ca în cazul umplerii, dacă culoarea dorită 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 pură” pentru contur și apoi selectați culoarea dorită din mostrele de culoare

Modificarea lățimii cursei

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 panoul de setări. Î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 caseta 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:

Modificarea lățimii cursei

Opțiunea Aliniere margini

Dacă te uiți mai departe în partea dreaptă a panoului de setări, vei vedea opțiunea „Aliniați marginile”(Aliniați marginile). Cu această opțiune activată (bifată), Photoshop va alinia marginile formei la grila de pixeli, astfel încât acestea să rămână 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 doar să o selectezi. De asemenea, doriți ca lățimea cursei să fie în pixeli (px), nu în puncte (pt). Pentru că în în prezent lățimea cursei mele este măsurată î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 este o contur negru de 10 px aplicat formei:

O formă simplă cu o 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. Interiorul formei va deveni gol. Poate părea că forma este 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 Umplere setată la Fără culoare

Mai multe opțiuni 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 „Set Shape Stroke Type”.

Ca rezultat, se va deschide o casetă de dialog. Opțiuni de cursă(Opțiuni stroke), unde putem schimba aspectul stroke-ului de la o linie continuă la întreruptă sau întreruptă. Parametru "Alinia"(Align) ne permite să alegem tipul de aliniere pentru contur: în interiorul traseului, în exterior sau în mijloc. Putem face ca capetele liniilor să fie mângâiate (opțiune „Se termină”(Caps)) rotunjite, pătrate sau îngroșate și punctele de legătură ale liniilor în cursă (parametru „Unghiuri”(Colțuri)): ascuțite, rotunjite sau teșite. Când apăsați un buton "Mai multe opțiuni"(Mai multe Opțiuni) aflată în partea de jos a casetei de dialog, se va deschide o altă fereastră unde putem seta valori specifice pentru liniile și spațiile liniei întrerupte și chiar salva setările ca presetare:

Opțiuni de cursă

Mai jos este o formă cu aceeași contur, dar de data aceasta se alege o linie întreruptă în loc de una continuă:

Aspectul accidentului vascular cerebral s-a schimbat de la o linie continuă la una punctată.

Instrument dreptunghi

Așadar, am învățat deja cum să selectăm diferite instrumente ale grupului „Forme” din bara de instrumente, cum să alegem culoarea umplerii și a conturului, cum să schimbați aspectul conturului. Acum să învățăm cum să desenăm singuri forme vectoriale! Vom începe prin a examina primul instrument de grup de forme din listă - "Dreptunghi"(Instrument dreptunghi). O voi selecta din bara de instrumente, așa cum am făcut mai devreme:

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 mouse-ul în diagonală pentru a termina de desenat forma. Pe măsură ce mutați cursorul, veți vedea un contur subțire (contur) al figurii viitoare:

Trageți cursorul pentru a desena o formă dreptunghiulară. Pe măsură ce cursorul se mișcă, va apărea un contur subțire al formei

Când eliberați butonul mouse-ului, programul va umple forma cu culoarea pe care ați ales-o în panoul de setări:

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 panoul de setări: 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:

Panoul de setări arată dimensiunile originale ale formei (lățime și înălțime)

Dacă trebuie să redimensionați o formă după ce ați desenat-o (această metodă funcționează pentru toate instrumentele Forme), introduceți pur și simplu valori noi î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. Acest lucru necesită doar modificarea valorii lățimii la 500px. Dacă este necesar, aș putea intra și eu sens specificînălţime. Dacă doriți ca proporțiile să rămână aceleași atunci când schimbați înălțimea sau lățimea formei, faceți mai întâi clic pe pictograma de lanț mic dintre valorile înălțimii și lățimii:

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

Redimensionarea unei forme

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, pur și simplu faceți clic oriunde în interiorul documentului. Ca rezultat, 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 caseta de dialog și programul va desena automat forma:

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

Desenarea unei forme din centru

Să învăță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, veți desena forma din centru, nu din colț. Acest truc funcționează cu toate instrumentele Formă, nu doar cu instrumentul Dreptunghi. Vă rugăm să rețineți că trebuie să începeți mai întâi să desenați forma și abia apoi să apăsați tasta Alt (Win) / Opțiune (Mac). De asemenea, este necesar să eliberați primul buton al mouse-ului și abia apoi apăsată tasta Alt (Win) / Opțiune (Mac), altfel recepția 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 ați început 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 desena. Puteți combina două combinații de taste apăsând lung pe taste Shift+Alt(Victorie) /Shift+Opțiune(Mac) atunci când utilizați instrumentul "Dreptunghi"(Instrument dreptunghi), în urma căruia veți desena 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 desenați, veți vedea doar un contur subțire al pătratului, dar când eliberați butonul mouse-ului, Photoshop îl va 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 opțiunii „Aliniați marginile”(Aliniați marginile) veți vedea o pictogramă roată. Făcând clic pe el, se va deschide o casetă de dialog cu setari aditionale pentru acel instrument al grupului „Forme”, care în acest moment selectat:

Faceți clic pe pictograma roată

Pentru că am un instrument selectat "Dreptunghi"(Instrument 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 foarte 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 specific această opțiune. Parametru "Pătrat"(Pătrat) ne permite să desenăm pătrate cu instrumentul Dreptunghi, dar putem face acest lucru prin simpla apăsare ș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 apăsând și menținând apăsată tasta Alt (Win) / Opțiune (Mac).

Dacă alegeți opțiuni „Dimensiunea specificată”(Dimensiune fixă) sau „Setați proporții”(Proporțional) și introduceți valori 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 că, după desenarea formei, mergeți înapoi și reselectați parametrul "Arbitrar"(Neconstrâns), în caz contrar, fiecare formă nouă desenată va avea aceeași dimensiune sau cu aceleași proporții:

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

Editarea straturilor de formă

Mai devreme, am învățat ce să desenăm în program vector Photoshop forme, trebuie să setăm modul de desen - "Figura"(Forme) (spre deosebire de contururi ș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 în panoul de straturi, putem vedea că forma pe care am desenat-o cu instrumentul "Dreptunghi"(Instrument dreptunghi), situat pe un strat separat în formă de „Dreptunghi 1”. Numele stratului va depinde de instrumentul folosit, așa că dacă desenez un oval cu Instrumentul Elipse, de exemplu, stratul de formă se va numi Elipse 1:

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

Din punct de vedere vizual, diferența dintre un strat normal ș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 normal de pixeli 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 de straturi și că instrumentul de grup Forme este activat. Apoi faceți clic pe oricare dintre eșantionul de culoare umple(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 juca cu alte opțiuni. 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 culoarea albastră

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

Culoarea formei a fost schimbată fără a fi nevoie să redesenați forma

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

Când am făcut modificările, 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 gradul de rotunjire a 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 desena forma, în cazul meu, voi introduce valoarea parametrului „Rază” egală cu 50 de pixeli:

Utilizați opțiunea „Radiu” 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, cu butonul mouse-ului ținut apăsat, trageți mouse-ul în diagonală pentru a termina de desenat forma. La fel ca în cazul formei dreptunghi, pe măsură ce mutați cursorul, programul va afișa un contur subțire al formei:

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

Când eliberați butonul mouse-ului, Photoshop va termina de desenat forma și o va 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 px. Valoare dată atât de mare (pentru această figură, oricum) încât stânga și partea dreapta dreptunghiurile au forma unei curbe:

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

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

O rază mică rotunjește colțurile mai puțin

Din pacate, previzualizare nu există un grad 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, iar Photoshop nu ne permite să revenim înapoi și să schimbăm valoarea razei după ce am desenat forma. Toate cele de mai sus înseamnă că desenarea dreptunghiurilor rotunjite este în esență încercare și eroare.

Dacă nu vă place rotunjirea colțurilor dreptunghiului după ce l-ați desenat, accesați secțiunea de meniu "Editare"(Editați) în partea de sus a ecranului și selectați „Anulați: 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 de 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ă și 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ăsarea tastei 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.

Instrumentul Elipse

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 acoperit, faceți clic în fereastra documentului pentru a defini punctul de pornire al formei, apoi, cu butonul mouse-ului ținut apăsat, trageți mouse-ul î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:

Figura este plină de culoare.

Pentru a desena un cerc perfect uniform cu instrumentul Elipse, începeți să mutați cursorul ș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 începi să desenezi. Țineți apăsate simultan tastele 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

Instrumentul poligonului

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

Selectarea instrumentului Poligon

În timp ce cu 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ă cu instrumentul Poligon, introduceți mai întâi numărul de laturi dorit în caseta de opțiuni "Petreceri"(Laturile) în panoul de setări. Puteți introduce orice număr de la 3 la 100. În mod implicit, numărul de laturi este 5, așa că îl voi lăsa așa:

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

După ce ați setat numărul de laturi, plasați cursorul în fereastra documentului și începeți să trageți pentru a desena forma poligonală. Photoshop desenează întotdeauna forme poligonale din centru, astfel încât nu trebuie să țineți apăsată tasta Alt (Win) / Opțiune (Mac). Apăsând lung o tastă Schimb odată ce ați început 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:

O formă cu 5 fețe desenată cu instrumentul Poligon

Setând numărul de laturi la 3, putem desena cu ușurință un triunghi:

Un triunghi simplu desenat cu instrumentul Poligon

Mai jos este un poligon cu 12 laturi. La fel ca în cazul opțiunii Rază pentru instrumentul Dreptunghi rotunjit, nu putem schimba numărul de laturi după ce am desenat forma, așa că dacă greșești, trebuie să mergi la meniul "Editare"(Editați) în partea de sus a ecranului și selectați elementul 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 de opțiuni Laturi și redesenați forma:

Poligon cu douăsprezece laturi

Desenați stele cu instrumentul Poligon

Pentru a desena o stea cu instrumentul Poligon, faceți clic pe pictograma roată din bara de opțiuni, 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ă este cinci, obținem o stea cu cinci colțuri:

Steaua cu cinci colțuri desenată cu instrumentul Poligon

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

Specificați numărul de vârfuri stele folosind opțiunea Laturi

Putem desena o formă care arată ca o stea care explodează prin creșterea clarității razelor stelei cu 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 de stele la 16:

Desenați o formă care arată ca o stea care explodează prin creșterea valorii parametrului Ray Depth

Și iată forma pe care am primit-o:

O stea care explodează desenată cu instrumentul Poligon

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

Selectați opțiunea „Colțurile exterioare netede”

Mai jos este o stea cu cinci colțuri cu opțiunea Colțuri externe netede selectată:

Opțiunea Smooth Outside Corners înmoaie unghiul stelelor

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

Selectați opțiunea „Colțuri interioare netede”.

Și din nou, vedeta noastră arată complet diferit:

Steaua pictată cu colțuri interioare netede selectate

Instrument de linie

Ultimul dintre instrumentele de bază din grupul Forme este "Linia"(LineTool). Î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, valoarea grosimii este de 1px, o voi crește la 16px:

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

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

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

Desenarea săgeților de ghidare

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țile: la începutul liniei, la sfârșit sau la ambele capete în același timp (dacă doriți ca săgeata să îndrepte în aceeași direcție în care trasați linia, selectați opțiunea "Până la capăt"(Sfârşit)):

Faceți clic pe pictograma roată pentru a accesa opțiunile „Săgeți”.

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

Instrumentul de linie facilitează trasarea săgeților de ghidare

Dacă dimensiunea implicită a săgeții nu este pe placul dvs., o puteți modifica folosind opțiunile "Lăţime"(lățimea) și "Lungime"(lungime). De asemenea, putem adăuga o îndoire 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 „Curvature”.

Și iată cum arată săgeata acum. Asigurați-vă că selectați o valoare 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 desenați din nou:

Săgeată cu curbură setată la 50%

Ascunde conturul din jurul formei

De fiecare dată când desenăm o formă în acest tutorial, programul își desenează 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 dispărut. ÎN&

În acest tutorial, vă voi arăta cum să faceți un desen vectorial alb-negru dintr-o fotografie color fără a utiliza instrumentul Pen.

Pasul 1. Deschideți fotografia în Photoshop.

Voi face imediat o rezervare că fotografiile în care figura unei persoane este pe un fundal alb sunt potrivite pentru finalizarea acestei lecții. Dacă nu aveți una disponibilă, atunci înainte de a începe lecția trebuie pregătită fotografia existentă.

Folosind instrumentele de selecție, separați figura de fundal și copiați selecția pe un nou strat. Redenumiți acest strat „formă”. Creați un nou strat, umpleți-l cu alb, redenumiți-l „fundal”. Mutați acest strat în panoul de straturi astfel încât să fie sub stratul „formă”. Îmbinați stratul „de fundal” cu stratul „formă”. Redenumiți stratul rezultat în „Bază”.

Pasul 2 Apoi, vom aplica o ajustare de izoheliu la stratul de bază pentru a obține o siluetă alb-negru. Este foarte posibil ca prima dată să nu vă puteți asigura că toate detaliile de care aveți nevoie sunt vizibile pe silueta. Prin urmare, vom face mai multe copii ale stratului „Base”, astfel încât pe fiecare, folosind diverse setari pentru „Isohelia”, obțineți o siluetă cu detaliile necesare.

După ce ați făcut două sau trei copii ale stratului „de bază”, dezactivați vizibilitatea acestora. Asigurați-vă că aveți doar stratul de bază activ.

Pasul 3 Aplicați (Imagine - Ajustare - Prag). Am folosit următoarele setări pentru a obține baza siluetei:

Pasul 4 Acum vom aplica un filtru de difuzie pe strat pentru a netezi marginile zimțate. Filtru - Stilizare - Difuzie(Filtru - Stiliza - Difuz)

Acum, pentru a face marginile imaginii mai clare, să mergem Imagine - Corecție - Nivele(Imagine – Ajustare – Niveluri), mutați glisoarele din dreapta și din stânga mai aproape de centru. Pentru a facilita controlul rezultatului, măriți până la 300% înainte de a aplica ajustarea.

Repetați din nou pașii cu filtrul „Difuzie” și corecția „Niveluri”.

Pasul 5 Activați vizibilitatea pentru stratul „Base_1”. aplica Imagine - Corecție - Izohelie(Imagine - Ajustare - Prag).

Pasul 6 Repetați pasul 4 pentru stratul „Base _1”.

Pasul 7 Creați un nou strat, umpleți-l cu negru, mutați-l în panoul de straturi de sub stratul „Bază”. Schimbați modul de amestecare pentru stratul „Base_1” în „ Diferență(Diferență). Iată ce s-a întâmplat în această etapă.

Pasul 8 Fata s-a dovedit a fi destul de urâtă, dar totul se poate repara. Faceți stratul de bază activ, adăugați masca de strat. Cu ajutorul unei radiere, ștergem zonele „terifiante” de pe fața fetei.

Deja mult mai bine. Totuși, după părerea mea, ochiul stâng ne-a dezamăgit puțin.

Pasul 9. Activați vizibilitatea pentru stratul „Base_2”, aplicați Isohelia astfel încât să apară conturul clar al ochiului. Repetați pasul 4. Folosind instrumentul " lasou» Selectați zona cu ochiul și adăugați o mască de strat.

Dacă sunteți mulțumit de rezultat, atunci lipiți straturile.

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 amator, lecțiile de grafică web îți vor fi cu siguranță extrem de utile. Scopul acestei lecții este de a face lumină asupra procesului de creare a unei imagini selectate. Pas cu pas voi demonstra întregul proces și cu ajutorul comentariilor mele voi explica toți pașii.

Pentru a crea o imagine cu adevărat cool, trebuie să alegeți programul doritși respectă anumite reguli. Dacă doriți să desenați o ilustrație vectorială, ar trebui să aveți în vedere că editorii precum Adobe Illustrator sau Corel Draw. In orice caz, photoshop dispune de fonduri suficiente pentru dezvoltarea ilustrațiilor vectoriale. Voi arăta clar acest lucru în lecția mea despre cum să convertesc un desen într-un vector. Am ales o schiță a unei pisici ca bază pentru ilustrație. Am decis să desenez o pisică albastră cu flori roz în labe.

Pasul 1

Să începem prin a crea fundalul. Să desenăm o formă cu instrumentul de selecție () (în modul forme straturi(Forma stratului)). Setări - (Fill Opacity) = 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 indica gradul) și gradientul. Adăugând Accident vascular cerebral(Stroke) ( (Stil strat - Stroke)). Folosim toate setările implicite, cu excepția lățimii în 1 px și culori.