Pe spațiile deschise ale internetului rusesc, am găsit o imagine a siglei. Este posibil să îl convertiți dintr-un raster în vector în Photoshop și automat? Nu. Din păcate, în timp ce tendințele vectorului în Photoshop sunt astfel, tot ceea ce s-a făcut în această direcție a rămas neschimbat cu încă 5 versiuni în urmă. De atunci, nu a mai fost atins, nu s-a schimbat și nimic nou nu a fost adăugat la vector. Aveți nevoie de instrumente vectoriale în Photoshop? Iată-le, vrei mai mult? Ce ai uitat în Photoshop, maestru Illustrator. Aproximativ această linie de gândire a determinat dezvoltatorii să implementeze cele mai simple operații vectoriale în Photoshop. Acum să trecem la treabă.

Conversia raster-vector se efectuează prin zonele de selecție. Mai întâi, creăm o selecție, apoi traducem liniile de selecție în căi vectoriale, apoi umplem căile vectoriale cu straturi de umplere, creând astfel o mască vectorială. Pentru a înțelege toate acestea nu la nivelul echipelor armatei - faceți clic aici, faceți clic acolo, ar trebui să învățați cum să lucrați cu instrumente de desenare vectorială, să înțelegeți modul în care căile vectoriale pot interacționa între ele și să învățați cum să creați o mască vectorială. Dar nu vă faceți griji, nu trebuie să vă așezați să citiți până în weekend, veți înțelege deja cum să convertiți un raster în vector în Photoshop dacă terminați de citit articolul până la capăt.

Evidențierea logo-ului

Aș dori să subliniez că pentru ca traducerea într-un vector să fie de înaltă calitate, imaginea în sine trebuie să fie mare. Acest lucru este adevărat în cazul urmăririi în Illustrator, iar pentru Photoshop este chiar mai important. Imaginea mea are o lățime de 1500 de pixeli, când am terminat traducerea într-un vector, voi arăta cum Photoshop traduce imagini mici și vom compara rezultatele.

• Alegeți instrumentul baghetă magică

• Setați în opțiunile Toleranță 20 sau 30.

• În același loc, faceți clic pe pictograma Adăugați la selecție. Am scris în detaliu despre munca lor în articolul Adăugare, scădere, intersecție și excludere din Photoshop unde era vorba despre instrumente vectoriale, dar în selecție aceste opțiuni funcționează la fel.

Sincer să fiu, nu-mi pasă cum selectați sigla, fie cu lasso manual, fie prin gama de culori. Doar că în această situație, în mod specific pe această imagine, cel mai simplu mod de a face acest lucru este cu instrumentul Magic Wand.

Convertiți selecția într-o cale vectorială

Nu comutați de la Magic Wand Tool.

• Faceți clic dreapta pe zona de selecție.

• Din meniul care apare, alegeți Creați calea de lucru.

• În fereastra care apare, reglați toleranța la 1.0. Cu cât valoarea toleranței este mai mare, cu atât contururile noastre vor fi mai netede, mai stilizate și inexacte.

În ilustrația de mai jos, am selectat instrumentul de selectare a căii și am selectat calea, astfel încât să o puteți vedea.

Salvarea căii către paleta Cale

Această operație este opțională, dar de dorit.

Treceți la paleta Cale. Dacă nu o puteți găsi, faceți clic pe Fereastră> Cale

Faceți dublu clic pe calea din paletă.

• În fereastra care apare, introduceți un nume și faceți clic pe OK.

Creați o mască vectorială

Procesul de creare a unei măști vectoriale este perfect descris în articolul meu Vector mask în Photoshop. Să desfășurăm acest proces rapid și fără detalii.

Asigurați-vă că canisa dvs. este selectată în paleta Căi

Alegeți din meniul Layer> New Fill Layer> Solid Color

În fereastra care apare, selectați o culoare și faceți clic pe OK

Asta e tot. Totul ar fi mai precis dacă nu ar fi hronofag.ru Amintiți-vă că v-am spus că cu cât imaginea este mai mică, cu atât va fi mai rău tradusă. Sunteți gata să pariați pe mâinile dvs. o scanare murdară îndesată în Cuvânt, pe care clientul cere să o traducă într-un vector? Am ghicit? În același timp, imaginea este comprimată prin compresie JPG, redusă, apoi mărită, apoi redusă din nou la dimensiunea unui avatar, iar ketchup-ul a fost vărsat și pe ea. Este posibil să traduci calitativ o astfel de imagine într-un vector în Photoshop?

În primul rând, aruncați o privire la sigla noastră. În ciuda rezoluției excelente, marginile clare Photoshop nu a reușit să creeze contururi frumoase și uniforme. Ilustratorul o face de 100 de ori mai bine, dar articolul nu este despre ilustrator. După cum puteți vedea, contururile nu sunt nici măcar peste tot, chiar și în părțile dreptunghiulare ale logo-ului. Și cercurile sunt complet oblic.

Acum voi reduce imaginea de 2 ori, apoi de 2 ori mai mult și vă voi arăta rezultatul traducerii într-un vector.

Iată un bun exemplu despre modul în care dimensiunea bitmap-ului afectează calitatea urmării. Și asta în ciuda faptului că imaginea are o calitate foarte bună, în ciuda dimensiunii. Ei bine, voi reduce calitatea. Salvați imaginea ca JPG la cea mai proastă calitate.

Să traducem într-un vector. Rezultat excelent, lipsește doar ketchup. Chiar potrivit pentru un client mulțumit, prelucrare grunge sau vintage!

Și totuși manipulez puțin adevărul. Ideea este că toate acestea au sens pentru Illustrator, care creează un vector dintr-o imagine. Photoshop nu creează un vector dintr-o imagine, ci creează căi dintr-o selecție. Este logic ca, cu cât selecția să fie mai bună și mai lină, cu atât curbele vor fi mai fine. Iar instrumentul Bagheta magică cu care am selectat aceste zone nu mai este potrivit pentru selectarea unor astfel de imagini înfiorătoare. Da, veți putea face selecții de înaltă calitate, utilizați toate instrumentele de selecție, veți putea chiar să le măriți și să creați un contur mai mult sau mai puțin egal pe baza acestora, care totuși nu va fi ideal. Mergând pe acest drum este doar o pierdere de timp. Singura opțiune de lucru este să redați sigla de la zero în Photoshop.

Deși nota mea despre măștile din Photoshop nu s-a răcit, vreau urgent să evidențiez problema convertirii unui raster într-un vector. Acum două zile, am intrat în cronofag Google analiticși ce am văzut. Se pare că unii oameni ajung pe site-ul meu la cererea „raster to vector” și, între timp, pe site-ul meu nu există o singură notă sensibilă pe acest subiect. Oamenii torturează Google pentru a converti rasterul în vector Corel Draw, ilustratorși chiar Adobe Photoshop ... Să începem cu Photoshop.

De la raster la vector. De ce este nevoie de asta?

Photoshop este un program bitmap. Vectorul este prezent în el sub formă de contururi vectoriale. Ca atare, obiecte vectoriale nu în Photoshop. Dar există căi vectoriale care pot fi convertite într-o mască vectorială. O mască este aplicată unui efect sau obiect și un vector este obținut în Photoshop. Conținutul unui astfel de obiect este încă raster, dar poate fi convertit într-un vector atunci când este salvat în unele formate.

De exemplu, putem crea o umplere și putem trage peste ea o mască vectorială. Photoshop are un întreg grup de instrumente care fac acest lucru gratuit și automat, acesta este un grup de primitive vectoriale. Pentru mai multe detalii, citiți articolul Primitive vectoriale în Photoshop sau. Deci conturul va fi vector. Completați rasterul în interior.

Photoshop nu funcționează cu vectori la capacitate maximă. Utilizează avantajele sale doar acolo și aici. Dar chiar și în Photoshop, obiectele raster pot fi transformate în obiecte vectoriale. De ce ai nevoie de asta dacă ai Illustrator? Ei bine, cum să vă spun. Când lucrați activ cu grafica, situații diferite... Uneori este mai ușor să traduceți o selecție într-o cale pe loc decât să mergeți cu capul în Illustrator și să urmăriți acolo. Pentru a înlătura un pat de căpșuni în țară, nu trebuie să apelați o combina. În cele din urmă, nu toată lumea dorește sau știe să folosească Illustrator, nu toată lumea are nevoie de ea, nu toată lumea o poate instala pentru ei înșiși și trebuie să traduceți ciocănirea într-un vector aici și acum. Nu este deloc necesar să stai cu trei volume pe Illustrator timp de câteva săptămâni.

Conversie raster în vector în Photoshop

Ce anume este capabil să traducă Photoshop într-un vector? Orice dacă selectați acest obiect în prealabil cu instrumentele de grup Selectați... Photoshop convertește orice selecție într-un contur. Puteți citi despre instrumentele de selecție în articolul Primitive de selecție din Photoshop. Permiteți-mi să vă dau un exemplu de lucru. În urmă cu mulți ani, un client foarte dificil m-a contactat și mi-a cerut un site dificil. Pentru site, a fost necesar să interpretez diverse arte și am decis să o desenez în Photoshop. În timpul desenului, l-am transformat într-un vector și acum vă voi spune cum. Iată una dintre acele imagini pe care le-am pictat cu o pensulă tare pe tabletă. Am desenat în jurul Omului Vitruvian original, l-am modificat și am pictat-o ​​pe a mea, diferită de cea originală. Ideea de a vectoriza arta a apărut întâmplător. Dar după ce l-am implementat, am avut ocazia să escaladez o persoană așa cum îmi place. Mai mult, marginile rupte anterior și neregulile după vectorizare au fost netezite.

Găsirea imaginii de urmărit

Am căutat în Google Images un fluture. Îl vom converti într-un vector. Vă rugăm să rețineți că cu cât imaginea este mai mare, cu atât obiectul nostru vector va fi mai fin. Acest lucru este valabil atât pentru Photoshop, cât și pentru Illustrator. Printr-o imagine mare, mă refer la o imagine cu o lățime de 1000 pixeli sau mai mult. Fluturele meu, de exemplu, este de la 2000 de pixeli.

Selectarea obiectului

Alegeți din meniu Instrument cea mai comună baghetă magică Instrument de baghetă magicăși faceți clic pe zona albă. Așa am creat o zonă de selecție, dar trebuie să selectăm fluturele.

Mergi la Selectați> Invers sau faceți clic pe spațiul de lucru și din meniul care apare, selectați Selecteaza invers... Ideea este că selecția creată trebuie inversată pentru a selecta fluturele. Sincer, nu-mi pasă cum îți creezi selecția. Urmăriți lazo manual, nu contează cu adevărat.

Cum se creează o cale vectorială

Avem o selecție, acum o convertim într-o cale vectorială cale... Alegeți orice instrument de selecție, cum ar fi Instrumentul Lasso, Instrumentul pentru carcasa dreptunghiulară sau Instrument de baghetă magică... Faceți clic pe zona de selecție cu butonul din dreapta al mouse-ului și selectați Faceți o cale de lucru... În meniul care apare, setați gradul de netezire Toleranţă gust. Dependența este simplă. Cu cât este mai mare numărul, cu atât este mai mare netezirea. Cu cât este mai mic numărul, cu atât este mai mic anti-aliasing. Anti-aliasing ridicat înseamnă un număr mai mic de noduri vectoriale și o cale raster mai imprecisă. În cazul Omului meu Vitruvian, exact asta mi-am dorit.

Deci, în paletă cale acum avem o cale de lucru. Dacă nu aveți o paletă cale deschidel Windows> Cale Zona de lucru a paletei cale arată ca un desktop sau un adăpost temporar. Pe el pot apărea diferite contururi, dar dacă aveți grijă de economisirea consecventă, acestea vor dispărea în timp. Faceți dublu clic pe contur Calea de lucruși salvați conturul separat. Contururi în zonă cale funcționează la fel ca straturile din paletă Straturi... Dacă conturul este selectat, atunci acesta este activ și puteți lucra cu el.

Instrumente Photoshop pentru lucrul cu căi - Instrument de selectare a traseuluiși Instrument de selecție directă... Avem o cale, dar niciun obiect. Dacă ați citit seria mea de note despre vectori în Photoshop, știți deja că un vector din Photoshop este reprezentat ca o mască vectorială pentru un fel de efect sau grafică. Vectorul poate fi prezent și ca un strat inteligent care face referire la fișierul Illustrator importat, dar îl vom lăsa pentru o altă notă. Selectați calea cu instrumentul Instrument de selectare a traseului sau în paleta de căi cale... Click pe Strat> Strat de umplere nou> Culoare solidă Am creat un strat de umplere, căruia i se atribuie imediat o mască vectorială sub forma căii noastre.

Rafinarea conturului vectorial

Folosind materialele pe care le-am descris în articolele Instrumente de desenare vectoriale în Photoshop și Adăugare, scădere, intersecție și excludere în Photoshop, să complicăm desenul. Am luat instrumentul Instrument pentru stilou, a selectat masca stratului de umplere. În setări Instrument pentru stilou pune sus Scădeași am adăugat câteva elemente fluturii noștri. Am decupat modelele de pe aripi și am făcut mai groase picioarele și antenele.

Crearea unei forme personalizate Forme personalizate

Puteți salva întotdeauna obiectul rezultat în forme arbitrare Forme personalizate... Cu ceva timp în urmă am menționat cum se poate face acest lucru în articolul Custom Shape Tool din Photoshop. Selectați stratul de fluture și apăsați Editați> Definiți forma personalizată Fluturele nostru a apărut în formele instrumentului Instrument pentru forme personalizate.

Iată ce am obținut în final:

Conversia unei fotografii raster într-un vector în Photoshop este un exercițiu complet inutil. Dar, uneori, aceste tehnici pot fi utile pentru lucrul cu grafica și multe altele.

Traducerea raster-la-vector a fotografiilor în Photoshop

Photoshop nu este conceput pentru a traduce grafica raster în vectori. Cu toate acestea, în el există mai multe efecte speciale care creează vizual o aparență de imagine vectorială. Și cu ajutorul tehnicii pe care am descris-o, puteți face din ele imagine vectorialăîn Photoshop. Luați, de exemplu, o fotografie obișnuită făcută de un fotograf pe care îl cunosc.

Unul dintre efectele pe care le-am menționat este Filtru> Artistic> Decupaj Las setările pe conștiința ta. Imaginea ar trebui să fie cât mai realistă, dar puternic anti-aliased. Ne-am putea opri la asta, imaginea arată deja „vector”, dar este încă raster.

Acum trebuie să creați zone vectoriale egal cu numărul de culori din fotografie. Alegeți un băț Instrument de baghetă magicăși asigurați-vă că caseta de selectare nu este bifată în setări Contiguous... Selectați prima zonă și urmați întreaga cale pe care am descris-o mai sus. Creați o cale din selecție, creați o mască vectorială plină din cale și așa mai departe.

În total, întreaga fotografie este convertită în zone vectoriale. Nu vom converti ultima zonă albă într-un vector. Trageți doar un pătrat mare alb cu instrumentul Instrument Rectangleși așezați-l sub toate straturile. După o curățare ușoară și conturare, fotografia arată ca imaginea de mai jos. Și din nou, acest tip de muncă nu este destinat Photoshop-ului și este mai degrabă o perversiune. Dar, acest lucru se poate face și, în diverse situații, astfel de tehnici pot fi utile. Mi-au trebuit 10 minute să procesez fotografia, așa că acest lucru nu durează mult. Și amintește-ți ce dimensiune mai mare veți așeza fotografia în așa fel în straturi, cu cât conturul va fi mai bun și mai elastic în jurul zonei de selecție. Cu cât vectorul nostru este mai puțin unghiular și aspru, se va dovedi în Photoshop. Setări diverse Toleranse atunci când creați un contur, acestea vor da, de asemenea, rezultate diferite. Experimente fericite!

În ciuda faptului că Photoshop este un editor grafic raster, setul său de instrumente include câteva instrumente vectoriale. Instrumentele vectoriale sunt destinate în principal creării de curbe editabile - căi. Pentru a vă reîmprospăta memoria, amintiți-vă că diferența dintre graficele raster și vectoriale constă în modul de stocare și descriere a informațiilor grafice. Imaginile vectoriale sunt stocate sub formă de curbe descrise matematic, care nu își pierd calitatea la redimensionare, oricând sunt supuse unei editări ușoare și flexibile. În primul rând, să ne uităm la principiul construirii curbelor vectoriale.

Contururile vectoriale sunt desenate pe segmente de linie care au noduri cheie și puncte de control. Nodurile cheie limitează linia de ambele părți, iar punctele cheie vă permit să controlați îndoirea curbelor.

Utilizați instrumentele de grup pentru a crea curbe. Pix... Instrument Instrument pentru stilou conceput pentru a crea curbe pentru nodurile cheie. Principiul de funcționare al acestui instrument este de a indica punctele cheie ale unui segment de cale. Dacă, atunci când specificați un punct de control, fără a elibera butonul mouse-ului, mutați-l, atunci un segment care conține punct de control ... Mai multe mișcări ale mouse-ului afectează deja direct punctul de control și, la rândul său, pe cotul segmentului. Următorul clic stânga va seta următorul punct de control etc.

Instrumentul Pen poate funcționa în două moduri - crearea curbelor și crearea așa-numitelor forme - zone vectoriale închise.Pentru a comuta între aceste moduri, utilizați butoanele - modul de creare a conturului, - modul de creare a formelor. Dacă lucrați în modul de creare a formularelor, atunci conturul pe care îl creați va fi considerat întotdeauna închis și, ca rezultat, completat cu culoarea pe care o alegeți. Fizic, o mască de strat este creată în paleta Straturi pe baza unei imagini vectoriale. Stratul în sine este umplut cu culoarea aleasă de dvs. (alegeți culoarea din paleta Proprietăți).

Principiul de lucru cu o mască vector este ușor diferit de principiul de lucru cu o mască raster, doar instrumentele diferă. Dacă, în cazul lucrării cu o mască bitmap, ați schimbat-o folosind instrumentele de desen, atunci în acest caz forma măștii este modificată folosind instrumente vectoriale.

Pentru a converti o mască vectorială în una raster, trebuie să apelați meniul contextual al măștii vectoriale și să selectați elementul Rasterizați masca... Ca urmare, veți obține o mască de strat obișnuită. În caz contrar, lucrul cu o mască de strat în versiunea vector nu diferă de lucrul cu versiunea raster.

Desenele vectoriale sunt convenabile, deoarece în orice moment puteți schimba foarte convenabil forma curbelor acestui desen. Există o serie de instrumente pentru aceasta. De exemplu, instrumentul (adăugând puncte cheie - noduri) - adaugă puncte cheie pe curbă în locul în care faceți clic. Instrumentul poate elimina punctele inutile de pe cale făcând clic pe punctul de șters. De fapt, nu trebuie să treceți la aceste instrumente. Fii atent la comutator Adăugare / Ștergere automată din paleta Proprietăți. Dacă acest mod este activat (bifat), Instrumentul stilou va trece automat la instrumentul Adăugare punct (când îl așezați peste cale) și Instrumentul de eliminare a punctelor (când îl așezați peste un punct existent). Dacă modul este dezactivat, atunci ștergerea și adăugarea de puncte vor fi posibile numai atunci când se utilizează instrumentele adecvate.

Îndoirea curbei este controlată prin puncte de control. Pentru a selecta un punct de control, utilizați instrumentul Instrument de selecție directă... Selectarea unui nod pentru editare (făcând clic cu acest instrument pe nodul în curs de editare). Apoi, prin deplasarea punctelor de control, influențezi îndoirea curbei în zona nodului selectat. De asemenea, cu acest instrument puteți muta nodurile selectate. Instrument Instrument de selecție a căilor conceput pentru a lucra cu o curbă în ansamblu, ca și cu un obiect - pentru mișcare și transformare. Pentru obiectele vectoriale se aplică modul Transformare liberă, exact la fel ca pentru zonele raster.

Un instrument important pentru lucrul cu nodurile cheie este un instrument numit Instrumentul Conversie punct... Înțelesul acestui instrument este de a transforma tipul nodului... V grafică vectorială Photoshop face distincția între două tipuri de noduri cheie - netedși colț (colț)... Semnificația nodurilor cheie antialiasate este că punctele de control ale două curbe converg la un singur nod Întotdeauna pe aceeași linie virtuală.

Un alt tip de nod, așa cum am spus, se numește unghiular. Semnificația acestui tip este că liniile virtuale care trec prin punctul de control al unuia dintre segmente și nodul cheie comun al ambelor segmente pot converge în orice unghi.

Instrumentul de conversie a tipului funcționează după cum urmează - dacă nodul este netezit (și implicit, nodurile sunt netezite), atunci făcând clic pe instrumentul de conversie va marca tipul nodului la colț. Dacă, după apăsarea butonului mouse-ului, nu îl eliberați, ci pur și simplu trageți-l, veți putea controla îndoirea segmentului la un anumit nod.

Am început prin selectarea a două moduri ale instrumentului Pen. Primul este modul de creare a formelor, iar al doilea este modul de creare a căilor. Să ne gândim mai detaliat la modul de lucru cu contururile.

În acest caz, calea dvs. nu se va umple automat și nu va forma o mască și un strat vector. În acest caz, calea dvs. va fi pur virtuală și nu va avea legătură cu straturile. Pentru a lucra cu astfel de căi, există o paletă numită Cale. Toate operațiile cu căi sunt concentrate în această paletă.

În paleta Căi, căile (căile) sunt plasate ca straturi în paleta Straturi, iar pe un singur strat vector pot exista mai multe căi vectoriale neconectate. Linia de jos a paletei Căi conține pictograme de control al căii. Pictogramele dureroase, familiare, cu un coș de gunoi și o frunză goală, nu și-au schimbat scopul în această paletă, adică în consecință, aceasta este îndepărtarea stratului vector și crearea unui strat vector gol.

Până acum, ne-am întrebat de ce un astfel de editor absolut raster precum Photoshop are nevoie de aceste instrumente vectoriale. Un exemplu simplu de utilizare a vectorilor în Photoshop este lucrul din nou cu selecții. După cum puteți vedea din imagine, o serie de pictograme ale paletei Cale sunt utilizate pentru a transforma o cale (cale) într-o cale de selecție și invers. De fapt, după ce ați câștigat unele abilități în lucrul cu căi, veți înțelege că este mult mai ușor să reglați calea vectorială la forma zonei selectate decât chiar să folosiți o mască rapidă destul de flexibilă. Prin urmare, dacă doriți să editați selecția, puteți să o convertiți oricând într-o cale (cale), apoi să o editați și să o convertiți din nou într-o selecție. Dacă doriți să utilizați operațiunile tradiționale Stroke și Fill pentru contururi de selecție, atunci acestea sunt, de asemenea, la dispoziția dumneavoastră.

Operațiile logice funcționează oarecum pe neașteptate. Puteți crea căi în oricare dintre modurile logice, fie că este vorba de adunare sau scădere. În această etapă, nu veți observa nicio acțiune. Dar nu vă lăsați păcăliți de faptul că ați găsit o eroare într-un program aproape impecabil. De fapt, Photoshop își amintește în ce mod ați creat calea (biroul scrie ...) și imediat ce spuneți programului să creeze o schiță de selecție din amestecul dvs. de căi, Photoshop își va aminti totul și va efectua toate operațiunile pe care le-ați creat. atribuit acestuia la crearea căilor. Caseta de dialog pentru crearea unui contur de selecție dintr-o cale vă permite să specificați cel mai mult setări importante referitor la contururile de selecție (dar acest lucru este numai dacă utilizați comanda Efectuați selecția din meniul paletei Căi).

Vă rugăm să rețineți că puteți seta raza Feather, activați sau dezactivați Anti-Aliased. În secțiunea Operațiune, puteți seta modul logic pentru selecția nou creată. Opțiuni din această secțiune devin disponibile numai dacă există deja un contur de selecție. În consecință, dacă alegeți operația New Selection, selecția creată va înlocui selecția existentă; opțiunea Adăugare la selecție va adăuga o selecție creată dintr-o cale către o selecție existentă; Substruct din selecție - va scădea calea creată din selecția existentă.

Instrument Instrument de formular gratuit vă permite să creați o cale vectorială într-un mod simplu de vopsire, ca o pensulă. Țineți apăsat butonul stâng al mouse-ului și mutați doar mouse-ul, trasând conturul de care aveți nevoie. Acest instrument are unul caracteristica principală opțiunea care compară acest instrument vector cu instrumentul Lasso magnetic Magnetic... Principiul de funcționare este același, instrumentul caută margini contrastante și urmărește conturul doar acolo. În caz contrar, calea creată de acest instrument nu diferă de o cale obișnuită.

• Vizualizări: 58428

În acest tutorial, vom învăța noțiunile de bază pentru desenarea formelor vectoriale în Photoshop CS6 folosind instrumentele simple Shapes! Vom începe prin a învăța cum funcționează instrumentele. "Dreptunghi"(Instrument Rectangle ), "Dreptunghi rotunjit"(Instrument rotunjit dreptunghi), "Elipsă"(Instrumentul Ellipse), "Poligon"(Instrument Polygon) și "Linia"(Instrument de linie). Apoi, vom învăța cum să alegem culorile de umplere și linie pentru forme, să le schimbăm aspect contururi, editați forme cu proprietăți 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 documentului nostru folosind instrumentul Formă liberă!

Acest tutorial este destinat utilizatorilor Photoshop CS6. Dacă lucrați mai mult versiune veche din program, apoi studiați lecția originală „Formă și strat de formă în Photoshop”.

Majoritatea oamenilor cred că Photoshop este utilizat doar pentru procesarea imaginilor pixelate și, dacă le-ați cere un editor de imagini bun, de cele mai multe ori răspunsul ar fi „ Ilustrator Adobe". Într-adevăr, capabilitățile editorului Adobe Illustrator sunt mult mai largi decât programele Photoshop, dar, cu toate acestea, așa cum vom vedea din lecțiile următoare și din următoarele, diferitele instrumente ale grupului 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ă pixelată, consultați acest tutorial.

Instrumente pentru forme

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

Dând clic pe pictograma instrumentului dreptunghiular, ne va permite să vizualizăm alte instrumente din grupul Formă.

Voi selecta primul instrument din listă, instrumentul dreptunghiular:

Forme de vector, căi și forme de pixeli

Înainte de a începe să desenăm formele, trebuie să spunem Photoshop ce tip de formă dorim să desenăm, deoarece, în realitate, Photoshop ne permite să desenăm forme din trei tipuri diferite- forme vectoriale, căi și forme de pixeli. Vom analiza mai detaliat diferența dintre aceste tipuri de forme în alte lecții, dar după cum am învățat deja din lecția „Desenați forme vectoriale și forme pixel în Photoshop CS6”, în majoritatea cazurilor veți desena forme vectoriale. Spre deosebire de formele de pixeli, 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 atât pe ecran, cât și când sunt imprimate.

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

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

Umplerea unei forme cu culoare

Faceți clic pe pictograma de culoare de umplere

Ca urmare, se va deschide o casetă de dialog în care vi se va cere să alegeți una din cele patru modalități de a completa 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 a culorii, o pictogramă Gradient și o pictogramă Model:

4 opțiuni de umplere a formei (fără culoare, culoare solidă, gradient și model)

Metoda de completare „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ă, s-ar putea să întrebați? Ei bine, în unele cazuri, este posibil să doriți ca forma să aibă doar un contur subțire. În continuare, vom analiza cum să adăugați o linie la o formă, 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 eșantion după aplicarea opțiunii Fără culoare. Tot ce vedem este conturul subțire al figurii, așa-numitul „contur”. Schița poate fi văzută numai în Photoshop, deci 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ă adăugăm un accident vascular cerebral, pe care îl vom explora mai departe după ce vom acoperi toate opțiunile. completati(Completati):

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

Metoda de umplere a culorii solide

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

Faceți clic pe pictograma parametrului „Solid Color”

După selectarea parametrului „Culoare solidă”, selectați o culoare pentru formă făcând clic pe una dintre mostrele de culoare. Culorile pe care le-ați folosit recent vor apărea în rând „Culori folosite recent”(Culori folosite recent) peste principalele mostre:

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

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

Faceți clic pe pictograma Color Picker

Apoi selectați culoarea dorită în Color Picker. Faceți clic pe OK pentru a închide paleta atunci când decideți o culoare:

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

Mai jos este aceeași formă, doar de această dată plină de culoare:

Forma noastră este acum plină de culoare

Metoda de umplere „Gradient”

Pentru a umple forma cu o umplere în 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 dvs. folosind opțiunile de sub miniaturile de gradient. V o lecție separată vom vedea cum să creăm și să modificăm gradienți:

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

Mai jos este aceeași formă, doar de data aceasta umplută cu un umplutură în gradient:

Forma noastră este acum umplută cu una dintre probele de gradient predefinite.

Metoda de completare a modelului

În cele din urmă, alegerea opțiunii "Model"(Model), putem umple forma cu un model. Faceți clic pe una dintre miniaturi pentru a determina modelul terminat. Inițial, nu există multe modele în program, dar puteți descărca și modele suplimentare descărcate de pe Internet sau create personal făcând clic pe pictograma roată mică (sub pictograma Color Picker) și selectând „Descărcați modelele”(Load Patterns) din meniul care apare:

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

Și așa va arăta forma, plină cu unul dintre modelele din Photoshop. Pentru a închide caseta de dialog "Completati"(Completaț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, a gradientului sau a 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 o lovitură la o formă

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

Pentru a adăuga o linie, faceți clic pe exemplul de culoare a liniei în bara de opțiuni:

Faceți clic pe exemplul de culoare a cursei

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 linie. 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, este selectată opțiunea Fără culoare. La rândul meu, voi selecta opțiunea Culoare solidă și apoi voi seta culoarea liniei la negru, alegând-o din specimene. La fel ca în cazul umpluturii, dacă culoarea de care aveți nevoie nu este printre specimene, faceți clic pe pictograma Color Picker din colțul superior pentru a selecta manual culoarea dorită:

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

Modificați lățimea unei curse

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

Modificați lățimea cursei

Opțiunea Align Edges

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

Asigurați-vă că 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). De când în în prezent lățimea mișcării mele se măsoară în puncte (unitatea implicită), mă întorc și introduc o nouă valoare a lățimii de 10 pixeli (px):

Pentru ca opțiunea Align Edges să funcționeze, setați lățimea liniei în pixeli (px)

Mai jos am aplicat o formă neagră de 10 px pe formă:

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

După ce am adăugat o lovitură la formă, dacă mă întorc și fac clic pe exemplul de culoare de umplere din bara de opțiuni, alegând o metodă de umplere „Fără culoare”(Fără culoare), voi avea conturul formei doar cu o lovitură. Forma va deveni goală în interior. Forma poate părea umplută cu alb, dar asta se datorează doar culorii fundal documentul este alb, pe care îl vedem în realitate.

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

Opțiuni suplimentare de accident vascular cerebral

În mod implicit, programul trasează cursa ca o linie continuă, dar putem schimba acest lucru făcând clic pe buton Setați tipul cursei de formă(Opțiuni accident vascular cerebral) în panoul de setări:

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

Aceasta va deschide o casetă de dialog Opțiuni de accident vascular cerebral(Opțiuni cursă), unde putem schimba aspectul cursei de la o linie continuă la o linie punctată sau punctată. Parametru Alinia(Align) ne permite să alegem tipul de aliniere pentru cursă: în interiorul căii, în exterior sau în mijloc. Putem realiza capetele liniilor pentru cursă (parametru „Se încheie”(Capace)) rotunjite, pătrate sau îngroșate și joncțiunea liniilor în cursă (parametru „Colțuri”(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 linii și spații linie punctatași chiar salvați setările ca presetare:

Opțiuni de accident vascular cerebral

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

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

Instrument dreptunghiular

Deci, am învățat deja cum să selectăm diferitele instrumente ale grupului Shapes din bara de instrumente, cum să selectăm culoarea de umplere și linie și cum să schimbăm aspectul unei linii. Acum, să învățăm cum să desenăm singuri formele vectoriale! Vom începe prin a examina primul instrument de grup de forme din listă - "Dreptunghi"(Instrument Rectangle). O voi selecta din bara de instrumente, așa cum am făcut înainte:

Selectarea instrumentului dreptunghi

Instrumentul dreptunghiular 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 deplasați cursorul, veți vedea contururile subțiri (conturul) formei viitoare:

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

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

Programul va umple forma cu culoare de îndată ce eliberați butonul mouse-ului

Redimensionarea unei forme după ce a fost desenată

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

Dimensiunile inițiale ale formei (lățimea și înălțimea) 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 Shapes), 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. Este nevoie doar de modificarea valorii lățimii cu 500 de pixeli. Dacă este necesar, aș putea introduce și o anumită valoare a înălțimii. Dacă, la schimbarea înălțimii sau lățimii formei, proporțiile ar trebui să rămână neschimbate, mai întâi faceți clic pe pictograma lanțului mic între valorile înălțimii și lățimii:

Apoi, după activarea pictogramei lanțului, 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 pixeli și, din moment ce pictograma lanțului a fost activată, Photoshop a schimbat și valoarea înălțimii la 273 pixeli:

Redimensionarea formei

Redimensionarea unei forme înainte de a fi desenată

Dacă se întâmplă să cunoașteți înălțimea și lățimea exactă a formei înainte de a o desena, există un truc la îndemână. Cu instrumentul Forme selectat, trebuie doar să faceți clic oriunde în interiorul documentului. Ca rezultat, se va deschide instantaneu o casetă de dialog unde 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ă țineți apăsată tasta Alt (Win) / Option (Mac)în timp ce deplasați cursorul, atunci veți desena forma din centru, nu din colț. Această tehnică funcționează cu toate instrumentele Shape, nu doar cu instrumentul Rectangle. Vă rugăm să rețineți că mai întâi trebuie să începeți să desenați forma și abia apoi apăsați tasta Alt (Win) / Option (Mac). De asemenea, trebuie să eliberați primul buton al mouse-ului și abia apoi apăsați tasta Alt (Win) / Option (Mac), altfel tehnica nu va funcționa:

Țineți apăsat Alt (Win) / Option (Mac) pentru a desena o formă din centru

Desene pătrate

Pentru a desena un pătrat, așezați cursorul în fereastra documentului și începeți să-l trageți afară, desenând o formă dreptunghiulară. Odată ce ați început să faceți acest lucru, apăsați tasta Schimbși țineți-l apăsat în timp ce deplasați cursorul. Apăsând tasta Shift va converti forma într-un pătrat. Din nou, nu uitați să apăsați tasta Shift după ce ați început 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"(Instrument Rectangle), drept urmare desenezi un pătrat perfect din centru:

Apăsați și mențineți apăsată tasta Shift în timp ce deplasaț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ă vă uitați la panoul de setări, atunci în stânga parametrului Aliniați muchiile(Aliniați muchiile) veți vedea o pictogramă roată. Făcând clic pe acesta, veți deschide o casetă de dialog cu setari aditionale pentru instrumentul grupului Shapes, care în acest moment selectat:

Faceți clic pe pictograma roată

De când am instrumentul selectat "Dreptunghi"(Instrument Rectangle), făcând clic pe pictograma roată va apărea opțiuni suplimentare pentru instrumentul Rectangle. Cu excepția faptului că lucrați cu instrumentele Poligon și Linie, pe care le vom explora mai târziu, nu veți utiliza acest meniu prea des, deoarece am prezentat deja cum să accesați aceste opțiuni de la tastatură. De exemplu, parametrul "Arbitrar"(Fără restricții) ne permite să desenăm forme de orice dimensiune și raport de aspect, dar din moment ce î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 pur și simplu apăsând și ținând apăsată tasta Shift în timp ce deplasă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ă tasta Alt (Win) / Option (Mac).

Dacă alegeți opțiuni « Dimensiune presetată» (Dimensiune fixă) sau „Setați proporțiile”(Proporțional) și introduceți valorile pentru lățime și înălțime, apoi aceste valori vor afecta și următoarea formă de desenat, nu doar pe cea pe care ați desenat-o deja. Prin urmare, trebuie să vă amintiți să reveniți după desenarea figurii și selectați din nou parametrul "Arbitrar"(Fără restricții), altfel fiecare nouă figură desenată va avea aceeași dimensiune sau proporții:

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

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 Stratul de formă(Stratul de formă). Dacă ne uităm la panoul de straturi, putem vedea că forma pe care am desenat-o cu instrumentul "Dreptunghi"(Instrument Rectangle), situat pe un strat de formă separat „Rectangle 1”. Numele stratului va depinde de instrumentul utilizat, așa că dacă desenez un oval cu instrumentul Ellipse, stratul de formă se va numi Ellipse 1:

Fiecare nouă formă vectorială 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ță între un strat de formă și un strat de pixeli 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 linie pentru o formă, am menționat că putem oricând să ne întoarcem și să schimbăm 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 instrumentul de grup Forme este activat. Apoi, faceți clic pe oricare dintre exemplele de culoare Umpluturi(Completați) sau prin eșantion de culoare Accidente vasculare cerebrale(Stroke) în panoul de setări pentru a selecta o altă culoare. De asemenea, puteți modifica lățimea cursei după cum este necesar și puteți lucra cu alți parametri. Voi face clic pe exemplul de culoare Fill:

Cu stratul de formă selectat, faceți clic pe specimenul de culoare Umplere.

Faceți clic pe eșantionul albastru

De îndată ce fac clic pe specimen, programul umple imediat forma cu o culoare nouă:

Culoarea formei a fost modificată fără a fi nevoie să retrase 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 de dreptunghi rotunjit

Să aruncăm o privire la al doilea instrument al grupului Shapes - Dreptunghi rotunjit(Instrument de dreptunghi rotunjit). O voi selecta din bara de instrumente:

Selectați Instrumentul de dreptunghi rotunjit

Instrumentul Rectangle Rounded este foarte similar cu instrumentul Rectangle, cu excepția faptului că ne permite să desenăm dreptunghiuri rotunjite. Reglăm rotunjirea colțurilor folosind parametrul "Rază"(Rază) în panoul de setări. Cu cât valoarea razei este mai mare, cu atât colțurile devin mai rotunde. Valoarea razei trebuie setată înainte de a începe desenarea formei, în cazul meu, voi introduce valoarea parametrului „Radius” egală cu 50 de pixeli:

Utilizați opțiunea Radius 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 desenarea formei. Ca și în cazul formei dreptunghiulare, pe măsură ce mișcați cursorul, programul va desena un contur subțire al formei:

Trageți afară 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 finalizează desenarea formei și o umple cu culoare:

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

Mai jos este un alt dreptunghi cu o rază setată la 150 de pixeli. Această valoare este 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 rotunde.

Iată un dreptunghi cu o rază mică - 10 pixeli, care rotunjește ușor doar colțurile formei:

Valoarea razei mici este mai redusă la colțuri

Din pacate, previzualizare nu există niciun grad de rotunjire a colțurilor în Photoshop CS6. Putem vedea cât de rotunde sunt colțurile numai după ce desenăm un dreptunghi. De asemenea, nu putem schimba valoarea razei în timp ce desenăm forma și totuși Photoshop nu ne permite să ne întoarcem și să schimbă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 ați desenat-o, accesați secțiunea meniu „Editarea”(Editați) în partea de sus a ecranului și selectați Anulare: instrument rotunjit dreptunghi(Anulați instrumentul de 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 desenarea dreptunghiului.

Alegeți Editare> Anulare: Instrument rotunjit rotunjit

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

Pentru a desena o formă din centru în locul unui colț, începeți să desenați forma, apoi țineți apăsat Alt (Win) / Option (Mac).Și, în final, împărtășirea tastelor Schimb+ Alt (Victorie) / Schimb+ Opțiune (Mac) va face să fie trasat un pătrat din centru. Tastele trebuie eliberate numai după ce eliberați butonul mouse-ului.

Instrument Ellipse

Instrument "Elipsă"(Ellipse Tool) ne permite să desenăm elipse și cercuri. O voi selecta din bara de instrumente:

Selectarea instrumentului Ellipse

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 desenarea formei:

Desenați o elipsă cu instrumentul Ellipse

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 Ellipse, începeți să trageți și apoi ț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 să deseneze. Ț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 Ellipse

Instrumentul poligon

Instrument "Poligon"(Instrumentul poligon) este mai interesant pentru noi în ceea ce privește posibilitățile de desenare a formelor. O 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 analiza modul în care puteți desena chiar stele cu acest instrument! Pentru a desena o formă folosind instrumentul Poligon, introduceți mai întâi numărul de laturi dorite în caseta de parametri "Petreceri"(Laturi) î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 astfel:

Introduceți numărul de laturi în caseta de parametri „Fețe”

După ce specificați 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, deci nu trebuie să țineți apăsat Alt (Win) / Option (Mac). Apăsarea și menținerea apăsată a unei taste Schimb după ce începeți să desenați poligonul, acesta vă va permite să limitați numărul de colțuri pentru forma dvs. și să îl așezați pe ecran exact așa cum doriți:

Formă pe 5 fețe desenată cu instrumentul Poligon

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

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ă desenarea formei, deci dacă faceți o greșeală, trebuie să accesați secțiunea meniu „Editarea”(Editați) în partea de sus a ecranului și selectați Anulați: instrumentul poligon(Undo Polygon Tool) (sau apăsați Ctrl + Z (Win) / Command + Z (Mac)), apoi introduceți o valoare diferită în caseta de parametri „Sides” ș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 panoul de setări, apoi selectați opțiunea "Stea"(Stea):

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

Apoi faceți clic în fereastra documentului și trageți cursorul pentru a desena o stea. Parametru "Petreceri"(Părțile laterale) din panoul de setări determină numărul de vârfuri ale stelei, deci dacă valoarea implicită a parametrului este de cinci, vom obține o stea cu cinci puncte:

Stea cu cinci colțuri desenată cu instrumentul Poligon

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

Determinați numărul de vârfuri ale stelei folosind parametrul Sides

Putem desena o formă care arată ca o stea care explodează prin creșterea clarității razelor stelei folosind parametrul "Adâncimea razelor"(Indentare laterală). În mod 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:

Stea explozivă 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 Smooth):

Selectarea opțiunii Smooth Outside Corners

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

Smooth Outer Corners înmoaie unghiul stelelor

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

Selectarea opțiunii Smooth Inner Corners

Din nou, vedeta noastră arată complet diferită:

O stea desenată cu Smooth Inner Corners selectată

Instrument de linie

Ultimul dintre principalele instrumente din grupul Forme este instrumentul "Linia"(Instrument de linie). O voi selecta din bara de instrumente:

Selectarea instrumentului Linie

Acest instrument ne permite să trasăm linii drepte simple, dar putem trage ș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 în cazul celorlalte instrumente de grup Shapes, faceți clic în fereastra documentului și trageți cursorul pentru a desena o linie. Pentru a ușura 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ți tasta Shift:

Țineți apăsată tasta Shift pentru a trasa 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 săgeata să indice în aceeași direcție în care ați tras linia, selectați opțiunea "La sfarsit"(Sfârșit)):

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

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

Ușor de desenat săgeți de ghidare 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ățime) ș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 îl voi crește la 50%:

Modificaț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 schimba î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 curbură de 50%

Ascundeți 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 atent 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 &

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. Indiferent dacă sunteți începător sau pasionat, lecțiile de grafică web vă vor fi cu siguranță extrem de utile. Scopul acestei lecții este de a arunca o lumină asupra procesului de creare a imaginii selectate. Voi demonstra întregul proces pas cu pas și voi explica toți pașii folosind comentariile mele.

Pentru a crea o imagine foarte interesantă, trebuie să alegeți programul doritși respectați anumite reguli. Dacă doriți să desenați o ilustrație vectorială, ar trebui să aveți în vedere că pentru aceasta utilizați editori precum Ilustrator Adobe 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ă portretizez o pisică albastră cu flori roz în labe.

Pasul 1

Să începem prin a crea fundalul. Să desenăm o formă folosind instrumentul de selecție () (în Formați straturile(Forma stratului)). Setări - (Opacitate de umplere) = 0% ... Acum utilizați o suprapunere în gradient: ((Stil strat - Suprapunere în gradient)) 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) ((Layer Style - Stroke)). Folosim toate setările implicite, cu excepția lățimii din 1 px și culori.