Imagini raster și vectoriale în Photoshop. Combinarea imaginilor raster și vectoriale în Photoshop

1. Poza. Mai jos este o imagine a unei mini mașini la care va trebui să fie lucrată pentru a-i da un aspect vectorial. Calitatea imaginii în acest caz nu este atât de importantă, atâta timp cât există detalii pentru urmărire.

2. Proces. Pentru a începe, faceți clic dreapta și faceți unul dintre cele două lucruri: a) Copiați. Apoi în Photoshop Editare - Lipire [Editare - Lipire]. Metoda Photoshop lasă stratul de fundal blocat și lipește imaginea pe strat nou Stratul 1 deasupra fundalului. Faceți dublu clic pe cuvântul Layer 1 pentru a evidenția textul și a da stratului un nume mai adecvat. De exemplu, „imaginea”.

b) Salvați imaginea ca pe șurub. Apoi accesați Photoshop File - Deschideți și găsiți unde ați salvat imaginea. Poate pe desktop?.. Observați că în paleta de straturi pictograma imagine arată că imaginea este „index” [pe scurt, este un gif]. De asemenea, rețineți că este blocat. Pentru a remedia acest lucru, pur și simplu accesați Imagine - Mod - Culoare RGB [Imagine - Model - RGB] și transferați astfel stratul blocat în stratul de fundal. Făcând dublu clic pe stratul de fundal, acesta va fi un strat editabil. [Redenumiți stratul 0 la ceva mai prietenos... De exemplu, „imaginea”.]

Acum să creăm un duplicat al stratului de imagine. Dacă utilizați Photoshop 7 sau CS, creați set nou straturi pentru a păstra toate obiectele individuale. Doar faceți clic pe pictograma folderului din partea de jos a paletei de straturi, faceți dublu clic pe Setul 1 și numiți-l ca al meu.

3. Un instrument puternic este stiloul. Să începem prin a crea un contur în jurul perimetrului întregii mașini. Setați culoarea primului plan folosind pipeta, luând culoarea din partea cea mai întunecată a imaginii. În acest caz, foarte aproape de negru. Acum selectați instrumentul stilou din bara de instrumente. Asigurați-vă că opțiunea Straturi de formă este activată [în partea de sus a barei de opțiuni], am încercuit-o în portocaliu.

Acum doar adăugați puncte de ancorare unde credeți că va trebui editat conturul.
Sfat: Ctrl + [Plus pe tastatura numerică din partea dreaptă a tastaturii] pentru a mări. În consecință, Ctrl - acțiune inversă. Vă recomand să utilizați aceste funcții pentru a vă îmbunătăți imaginea.

4. Conectarea punctelor de ancorare. După ce ați creat o cale în jurul mașinii, conectați-vă la primul punct de ancorare pentru a crea o formă solidă. Acum ascundeți stratul de copiere a imaginii pentru a vedea ce s-a întâmplat [Așa cum am făcut în imaginea de mai jos.] Acum să începem să manipulăm punctele de ancorare pentru a da mașinii noastre o formă mai subțire.

Iată cum arată acum paleta Straturi cu noul strat Vector Shape evidențiat în albastru. De asemenea, dacă faceți clic pe fila Căi din paleta Straturi, veți vedea o versiune „cale” a acestui strat.

5. Conversia punctelor de ancorare. Selectați instrumentul de conversie a punctului de ancorare și manipulați zonele care au nevoie de transformare pentru a da mașinii o margine clară.

Asigurați-vă că este selectat stratul Forma 2.
Am început să convertesc punctele de pe roată. Faceți clic pe punctul de ancorare și deplasați-vă în direcția săgeții negre [vezi. Fig.] până când poteca a început să urmeze contururile roții.

Sfat: Instrumentul de conversie creează 2 puncte Bezier pentru a ajusta curbura.

Manipulați curbele Bezier pentru a vă asigura că contururile sunt cât mai precise posibil.

Sfat: După ce convertiți câteva puncte de ancorare [sau puncte de ancorare], vă veți da seama că unele dintre punctele originale nu sunt deloc necesare. De fapt, cu cât sunt mai puține puncte de ancorare, cu atât selecția va fi mai fină. Prin urmare, utilizați instrumentul de îndepărtare a punctului de ancorare.

Asta mi s-a întâmplat. Vom folosi această formă ca bază.

Apoi, am făcut o copie a stratului Shape 2 și am manipulat punctele pentru a desena culoarea dominantă [albastru, în acest caz] a mașinii. Faceți clic pe pictograma acestui strat, luați pipeta și schimbați culoarea neagră în albastru #3672BD.

Așa arată acum mașina.

Acum să lucrăm la ferestre.
Porniți din nou stratul de copiere a imaginii [negru] și ascundeți stratul [albastru] de copiere a formei 2.
Luați instrumentul stilou și în bara de opțiuni, activați opțiunea Scădere din forma zonei [l-am încercuit în portocaliu].

Ascundeți stratul de copiere Shape 2. Selectați stratul Forma 2 Să începem prin a urmări geamurile de pe partea opusă a mașinii.

Opriți vizibilitatea stratului de copiere a imaginii și priviți rezultatul.
Scăderea din forma neagră a creat iluzia de transparență.

Pentru a aplica acest efect celorlalte două ferestre fără a adăuga un nou strat, pur și simplu țineți apăsat Ctrl+Alt și faceți clic și trageți această cale de copiere scădere. [Fă acest lucru de două ori.] Acum plasează duplicatele în locul lor. Utilizați din nou Instrumentul de conversie a punctului de ancorare pentru a netezi colțurile și a crea forme precise.

Aplicați aceeași tehnică pe stratul de copiere Shape 2 pentru a obține o imagine ca a mea.

Acum că avem forma vectorială de bază a mașinii, tot ce mai rămâne de făcut este să adăugați câteva forme noi, linii și câteva texturi. Umplem geamurile mai târziu!

Acum, folosind Instrumentul Elipse din panoul Instrumente, trageți centrul roții din spate, apoi țineți apăsat Shift și faceți același lucru pentru roata din față.
Pentru o poziționare precisă, Ctrl plus faceți clic pe noua elipsă, apoi faceți clic dreapta pe elipsa simplă și selectați Free Transform Path. Faceți clic dreapta din nou și selectați Distorsionare. Am început să lucrez și la faruri [pe un nou strat], folosind aceeași tehnică: Ellipse - Free Transform - Distort - Set to Position.

Deoarece au fost adăugate noi straturi, este posibil să se fi acumulat, este rezonabil să le denumim corect. [M-am gândit că ar putea fi posibil să folosim cât mai puține straturi, dar...]

Apoi am adaugat bara de protectie. Din nou, folosind instrumentul stilou pentru a urmări, instrumentul de conversie a punctului de ancorare pentru a netezi colțurile și a le modela cu precizie în raport cu originalul. [Toate acestea sunt o practică de urmărire îndelungată și acceptată, sincer!]

Apoi am aplicat un stil de strat pe bara de protecție pentru a-i da un efect cromat. Faceți clic dreapta pe stratul barei de protecție și aplicați următoarele setări.

Creați un nou strat și denumiți-l Linii. Acest strat ar trebui să fie cel mai înalt. Deci, instrumentul stilou este selectat pe bara de instrumente, setările corespund cu cele specificate în panoul de opțiuni, începem să adăugăm puncte de ancorare în direcția săgeții albe.

Acum setați culoarea activă la negru [sau apăsați doar D], apăsați B pentru a selecta instrumentul pensulă, acum în bara de opțiuni setați Selectorul de presetare a pensulei și selectați o perie mică, cu margini moi, de aproximativ 3. Dar schimbați diametrul la 2 pixeli [încercați chiar 1], deoarece chiar și 3 pot fi prea mulți.

Pentru a reselecta stiloul, apăsați P, activați stratul Lines, faceți clic dreapta și selectați opțiunea Stroke Path.

Vi se va cere să selectați instrumentul cu care să creați o nouă contur. Selectați Pensula din meniul derulant și faceți clic pe OK.

Am modificat opacitatea stratului Linii la 54% pentru a-l înmuia.

Apoi am continuat în aceeași ordine de idei, folosind aceeași tehnică pentru a adăuga alte linii.
S-au adăugat o oglindă, ștergătoare și o emblemă pe capotă.
Sfat: pentru zonele prea mici pentru a fi manipulate cu instrumentul stilou, utilizați lasoul poligonal. De asemenea, faceți clic și adăugați puncte de ancorare așa cum ați face cu un creion, iar când ați terminat, faceți clic dreapta pe selecție și selectați fie opțiunea „Creare cale de lucru” fie „Umplere”.

Pentru structuri, cum ar fi evidențieri, utilizați Poligonal Lasso [L] pentru a urmări în jurul acestor zone, faceți clic dreapta și umpleți cu o culoare albastră moale [am folosit #86A9D7].

Tot ce mai rămâne de făcut acum este să adaugi detalii. Detaliul depinde de tine. Mai jos este rezultatul muncii mele după ce am adăugat detalii la faruri, roți etc.
Sper că ți-a plăcut lecția.

Desenele vectoriale sunt foarte populare, dar crearea lor necesită multă răbdare și perseverență pentru un începător. Photoshop este folosit pentru a pregăti astfel de ilustrații; poate fi folosit pentru a converti o fotografie într-o imagine vectorială. În acest articol vă vom spune cum diferă un astfel de desen de unul raster și cum să faceți o imagine vectorială în Photoshop.

Vector

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

Măriți cu instrumentul Lupă - veți vedea că literele sunt făcute din pixeli. De fapt, aspectul este specificat prin formule, doar afișarea în program se face în pixeli.

Ne intoarcem mărime normală făcând dublu clic pe pictograma mâinii. Reducem dimensiunea după cum urmează: „Editare” - „Transformare” - „Scalare”. Când dimensiunile sunt reduse, calitatea literelor este menținută. În același mod, mărim textul cât mai mult, calitatea rămâne și ea bună, deoarece formulele funcționează bine la orice scară.

Raster

Pentru a converti o imagine vectorială în Photoshop într-o imagine raster, reduceți poza terminata. Apoi accesați fila „Straturi”, acolo selectați „Rasterize” - „Text”. Avem litere care constau într-adevăr din pixeli.

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

În astfel de ilustrații, atunci când sunt mărite conform algoritmului programului, noi pixeli sunt umpluți cu culoare. Acest lucru se întâmplă mai puțin precis decât atunci când lucrați cu formule.

Crearea de grafică vectorială

Puteți face un desen folosind orice fotografie. Dacă nu știați cum să convertiți o fotografie într-un vector în Photoshop, convertiți-o, urmați la următorul algoritm actiuni:

1. Deschideți o fotografie/ilustrare. Creați un nou strat.
2. Folosind instrumentul Pen, desenați conturul unuia dintre elemente (de exemplu, o față). Pentru a evita deranjarea fundalului, setați transparența la 20–30%. Selectați o culoare de umplere și contur.
3. Apoi, desenați în același mod contururile altor părți și umpleți-le cu culoarea dorită.
4. Pentru aplicarea complexă a culorii pe fața modelului, puteți folosi „Filtre”. Accesați „Galeria de filtre”, faceți „Posterizare” acolo la mai multe niveluri, convenabil la 3 niveluri. Photoshop vă va spune cum sunt aplicate umbrele; tot ce trebuie să faceți este să le conturați contururile. Puteți să desaturați în continuare, să faceți fotografia alb-negru și să reglați claritatea pentru a vedea nivelurile mai clar. La umplere, alegeți culori din ce în ce mai deschise/mai închise pentru straturi. Obțineți tranziții de culoare.

Pe internet am găsit o imagine cu logo-ul. Este posibil să îl convertiți din raster în vector în Photoshop și automat? Nu, nu poti. Din păcate, în timp ce tendințele vectoriale în Photoshop sunt următoarele, tot ceea ce s-a făcut în această direcție a rămas neschimbat cu 5 versiuni în urmă. De atunci, nu a fost atins, nu a fost schimbat și nimic nou nu a fost adăugat vectorului. aveai nevoie instrumente vectorialeîn Photoshop? Iată-i, vrei mai mult? Orice altceva ai uitat despre Photoshop, maestru Illustrator. Aproximativ această linie de gândire i-a motivat pe dezvoltatorii care au introdus cele mai simple operații vectoriale în Photoshop. Acum să trecem la treabă.

Rasterul este convertit într-un vector prin zonele de selecție. Mai întâi creăm o selecție, apoi transferăm liniile de selecție la contururi vectoriale, apoi umpleți contururile vectoriale cu straturi de umplere, creând astfel o mască vectorială. Pentru a înțelege toate acestea nu la nivelul comenzilor armatei - faceți clic aici, faceți clic acolo, merită să învățați cum să lucrați cu instrumente de desen vectorial, să înțelegeți cum pot interacționa contururile vectoriale î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ă-l citiți până în weekend, veți înțelege deja cum să convertiți un raster într-un vector în Photoshop dacă citiți articolul până la sfârșit.

Evidențierea logo-ului

Aș dori în special să remarc faptul că, pentru ca traducerea în vector să fie de înaltă calitate, imaginea în sine trebuie să fie marime mare. Acest lucru este valabil în cazul urmăririi în Illustrator, dar pentru Photoshop este și mai important. Imaginea mea are 1500 de pixeli lățime, când o vom termina de convertit în vector, voi arăta cum traduce Photoshop o imagine mică și vom compara rezultatele.

• Alegeți instrumentul Baghetă magică

• Setați opțiunile de toleranță la 20 sau 30.

• Acolo, faceți clic pe pictograma Adăugați la selecție. Am scris în detaliu despre munca lor în articolul Add, Subtract, Intersect and Exlude în Photoshop unde am vorbit despre instrumentele vectoriale, dar în selecție aceste opțiuni funcționează la fel.

Sincer să fiu, nu-mi pasă cum selectezi logo-ul, fie că folosești un laso manual, fie că folosești gama de culori. Doar că, în această situație, în special în această imagine, cel mai simplu mod de a face acest lucru este cu Instrumentul Baghetă magică.

Conversia selecției într-o cale vectorială

Nu comutați de la Instrumentul Baghetă magică.

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

• Din meniul care apare, selectați Creare cale de lucru.

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

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

Salvarea unei căi în paleta Cale

Această operație nu este necesară, dar recomandată.

Comutați la paleta Cale. Dacă nu îl găsiți, 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.

Crearea unei măști vectoriale

Procesul de creare a unei măști vectoriale este descris perfect în articolul meu Vector Mask in Photoshop. Vom efectua acest proces rapid și fără detalii.

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

Selectați Strat > Strat de umplere nou > Culoare solidă din meniu

Î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 se va traduce mai rău. Pun pariu că aveți un fel de scanare murdară pe mâini, introdusă în Word, pe care clientul o cere să fie convertită într-un vector? Am ghicit? În acest caz, imaginea este comprimată compresie JPG, redus, apoi mărit, apoi din nou redus la dimensiunea avatarului său, iar pe el s-a vărsat și ketchup. Este posibil să convertiți eficient o astfel de imagine într-un vector în Photoshop?

În primul rând, aruncați o privire la logo-ul nostru. În ciuda rezolutie excelenta, margini ascuțite Photoshop nu a reușit să creeze contururi bune și netede. Ilustratorul o face de 100 de ori mai bine, dar articolul nu este despre ilustrator. După cum puteți vedea, contururile nu sunt netede peste tot, nici măcar în părțile dreptunghiulare ale logo-ului. Iar cercurile sunt complet oblice.

Acum voi reduce imaginea de 2 ori, apoi de încă 2 ori și vă voi arăta rezultatul conversiei acesteia într-un vector.

Iată un exemplu clar al mărimii bitmap afectează calitatea urmei. Și asta în ciuda faptului că imaginea este de foarte înaltă calitate în ciuda dimensiunii. Ei bine, voi reduce calitatea. Să salvăm imaginea în JPG la cea mai proastă calitate.

Să-l transformăm într-un vector. Rezultat excelent, singurul lucru care lipsește este ketchup-ul. Exact pentru un client mulțumit, tratament grunge sau vintage!

Și totuși manipulez ușor adevărul. Faptul este că toate acestea sunt rezonabile pentru Illustrator, care creează un vector pe baza unei imagini. Photoshop nu creează un vector pe baza unei imagini, ci creează contururi pe baza unei selecții. În mod logic, cu cât selecția este mai bună și mai fină, cu atât curbele vor fi mai fine. Și un instrument bagheta magica, pe care le-am folosit pentru a evidenția aceste zone, nu vor mai fi potrivite pentru evidențierea unor astfel de imagini înfiorătoare. Da, veți putea face selecții de înaltă calitate, folosind 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 uniform pe baza lor, care tot nu va fi perfect. A merge pe această cale este pur și simplu o pierdere de timp. Singura opțiune de lucru este să desenați logo-ul de la zero în Photoshop.

În acest tutorial Photoshop ne vom transforma o fotografie obișnuită fete în desen vectorial.

E de ajuns lecție dificilă, care vă va lua mult timp, dar merită! Cu acest tutorial veți înțelege cum să desenați imagini vectoriale ale oamenilor.

Aici nu folosim niciun filtru, doar instrumentul Pen. Dacă nu știți cum să utilizați instrumentul Pen, vedeți.

Găsiți fotografii pe care doriți să le transformați în artă vectorială.

Duplicați-l și accesați meniul Imagine>Ajustări>Posterizare (Imagine - Corecție - Posterizare) și selectați acolo numărul dorit de niveluri. Cu cât sunt mai multe niveluri, cu atât imaginea ta vectorială va fi mai detaliată.

Selectați fața și gâtul fetei (zonele expuse ale pielii) folosind pipeta pentru a selecta culoarea pielii din fotografie. Completați selecția cu această culoare.

Conturează din nou părul, umple-l cu negru și plasează acest strat sub stratul feței.

Deoarece am pierdut unele zone de păr de pe tâmple și pe frunte, trebuie să le terminăm de desenat. Faceți acest lucru pe un nou strat deasupra stratului feței.

Trasează marginile hainei. Amintiți-vă că fiecare detaliu trebuie să fie monocromatic. Vom desena umbrele mai târziu...

Acum, pe baza bazei tale posterizate și a imaginii originale, decideți noul nivel pe care îl veți desena și culoarea acestuia.

NU LUATĂ CULOARE DIN STRATUL POSTERIZAT ÎN NICIUN CAZ! CULORILE DE PE ESTE SUNT GRESITE, AI NEVOIE DOAR PENTRU A DESENA NIVELUL.

Continuați să desenați nuanțe pe piele. Straturile cu umbre ar trebui să se suprapună între ele conform următorului principiu: straturi luminoase în partea de jos, straturi întunecate în partea de sus.
Când ați terminat cu pielea, combinați toate aceste straturi.

Deoarece avem două straturi de păr, faceți un nou strat în partea de sus și trageți șuvițe ușoare pe el.
Dacă părul din fotografia ta este întunecat, atunci acest lucru va fi ușor de făcut, dar dacă este deschis, atunci va trebui să desenezi mai precis nuanțele obținute în timpul posterizării.

Faceți același lucru cu hainele.
Dacă te uiți la fotografia originală, vei observa că din poză lipsește colierul. E în regulă, așa să fie.

Dacă persoana din fotografie este puțin grasă sau există un detaliu care nu vă place, atunci eliminați-l!

Editați toate detaliile rămase...

Acum lucrează la ochii tăi. Mai întâi desenați forma ochiului pe un nou strat. Apoi creați un alt strat și desenați genele. Apoi îmbinați ambele straturi împreună.

Pe partea de sus a formei ochiului negru, desenați puțin alb mai mici ca dimensiuni. Și în interiorul celui alb sunt mai multe cercuri, care vor face un elev.

Extragem buzele. Mai întâi desenați o formă și umpleți-o cu culoarea principală.

Desenați umbre și lumini pe buze, precum și în gură (dacă este necesar).
Aici, după cum puteți vedea, este desenat suportul pentru dinți - aceasta este baza gingiilor și umbra dinților.

Și la sfârșit, desenați dinții înșiși și evidențierea pe ei.
Amintiți-vă că toate umbrele și luminile trebuie grupate cu culoarea principală.

Și după câteva ore de lucru la această fotografie, acum uitați-vă la rezultat! Sperăm din suflet că îți place ceea ce ai desenat.

În această lecție vom vorbi despre cum să convertiți o imagine raster în formă vectorială în Photoshop. Desigur, Photoshop este conceput în primul rând pentru a lucra cu imagini raster, iar vectorul din el este o adăugare sub formă de căi cu o mască de strat vectorială care este aplicată obiectului și creează o formă vectorială. Într-o astfel de formă vectorială (Shape), conturul va fi vectorial și umplerea va fi raster.

ÎN această lecție Luați în considerare următorii pași:

Crearea unui document și desenarea unui obiect

Mai întâi, creați un nou document de orice dimensiune și un strat.

Acum să desenăm orice imagine. Luați instrumentul Perie cu margini neîncețoșate și opacitate completă. Să desenăm câteva simple figură geometrică, de exemplu, așa cum se arată în imagine.

Selectarea unui obiect raster

Pentru a traduce o imagine raster, trebuie mai întâi să o selectați cu orice instrument Selectare. Acum selectați obiectul desenat fie folosind Instrumentul Baghetă, fie faceți clic pe strat cu butonul stâng al mouse-ului în timp ce țineți apăsată tasta Ctrl.

Convertiți un obiect selectat într-o cale vectorială (Cale)

Folosind orice instrument de tip Select, apelăm meniul contextual. Pentru a face acest lucru, îndreptați instrumentul spre obiectul selectat și apăsați butonul corect soareci. În meniul care apare, selectați „Faceți calea de lucru...”.

Va apărea o fereastră în care va trebui să introduceți parametrul de toleranță, care determină cât puncte de control va contine formă vectorială, cu cât sunt mai multe, cu atât va fi mai lin obiect vectorial, dar calitatea punctelor de control va fi scăzută.

Crearea unei măști vectoriale pentru un strat dintr-o cale vectorială

Accesați fila Căi, unde ar trebui să apară calea vectorială pe care tocmai am creat-o.

Faceți dublu clic pe el pentru a-i da un nume.

Apoi din meniul principal selectați „Layer -> New Fill Layer -> Solid Color...”. Puteți denumi ceva noului strat, apoi faceți clic pe „ok”. Selectați o culoare pentru forma viitoare în dialogul de selecție a culorii.

Acum ar trebui să apară un nou strat cu o mască vectorială în fila Straturi.

Cum să salvați un obiect vectorial într-o bibliotecă de forme vectoriale în Photoshop

Apoi vi se va solicita să denumiți noul obiect vectorial. Faceți clic pe „ok” și apoi verificați obiect nouîn bibliotecă folosind Instrumentul Forme personalizate.

Dacă ați găsit utilă lecția despre conversia raster în vector, vă rugăm să o distribuiți rețea socială(pictogramele de mai jos).