Cum se creează mozaicul poligonal al varului

Cum se creează mozaicul poligonal al varului

Acest articol a fost publicat inițial pe Vectips.com în limba rusă. Puteți vedea articolul original aici.

În lecția de astăzi, vom învăța cum să creăm mozaicul vectorial poligonal dintr-o imagine bitmap utilizând instrumentul web gratuit Triangulator și Adobe Illustrator. Pentru a spori efectul vizual, creăm o reflecție folosind masca Opacity și umbra care se încadrează, folosind gradientul radial și panoul Transparență.







Pentru a finaliza această lecție, avem nevoie de un instrument Web numit Triangulator. care vă permite să convertiți imaginile raster în lucrări vectoriale. Faceți clic pe linkul de mai sus și faceți clic pe linkul de text pentru a descărca instrumentul pe computer.

Cum se creează mozaicul poligonal al varului

Despachetați arhiva, găsiți fișierul index.html și deschideți-l în browser.

Cum se creează mozaicul poligonal al varului

Cum se creează mozaicul poligonal al varului

Vă recomandăm să utilizați Google Chrome în aceste scopuri. Triangulatorul funcționează numai cu browsere care au suport de fișiere API.

Cum se creează mozaicul poligonal al varului

Glisați imaginea în zona de picătură a paginii, după cum se arată în figura de mai jos.

Cum se creează mozaicul poligonal al varului

Vreau să vă atrag atenția asupra faptului că pentru funcționarea cu succes a Triangulatorului, fereastra browserului ar trebui să fie deschisă pe întregul ecran.

Cum se creează mozaicul poligonal al varului

Pentru a crea poligoane, faceți clic în diferite locuri ale imaginii noastre. Uneori, din motive necunoscute pentru mine, nu se poate face prima dată. În acest caz, faceți clic pe Random pe panoul superior.

Apoi ștergeți poligoanele create făcând clic pe Ștergeți toate nodurile.

Cum se creează mozaicul poligonal al varului

Acum creați primul poligon făcând trei clicuri pe imagine în locurile unde ar trebui localizate vârfurile acestuia.

Cum se creează mozaicul poligonal al varului

Dacă faceți clic pe un nou punct, se va crea un poligon nou sau va fi împărțit unul existent în cazul în care a fost efectuat un clic în interiorul acestuia.

Cum se creează mozaicul poligonal al varului

Cum se creează mozaicul poligonal al varului

Puteți muta vârfurile poligoanelor create.

Cum se creează mozaicul poligonal al varului

Cred că vârfurile poligonului trebuie plasate pe limitele formei obiectelor și pe limitele de culoare. Încercați, de asemenea, să accentuați structura cu ajutorul poligoanilor înșiși. Nu pot spune că este o sarcină simplă, dar experimentând puțin, sper că veți învăța cum să faceți acest lucru.

Cum se creează mozaicul poligonal al varului

Cum se creează mozaicul poligonal al varului

În curând, cea mai mare parte a imaginii va fi ascunsă de un mozaic și va fi dificil să înțelegem unde să punem următorul punct. În acest caz, putem reduce opacitatea tuturor poligoanelor prin glisarea glisorului de pe panoul superior spre stânga.

Cum se creează mozaicul poligonal al varului






După cum puteți vedea, niște poligoane sunt în afara obiectelor. Nu acordați atenție acestui fapt, acestea vor fi șterse mai târziu.

După ce mozaicul poligoanelor este creat pe deplin, faceți clic pe Export

Cum se creează mozaicul poligonal al varului

Faceți clic pe Salvați acest link ca fișier.

Cum se creează mozaicul poligonal al varului

Ca urmare a acestor acțiuni, mozaicul se deschide într-o fereastră nouă.

Cum se creează mozaicul poligonal al varului

Faceți clic dreapta pe mozaic, apoi selectați Salvare ca ... în meniul contextual care se deschide.

Cum se creează mozaicul poligonal al varului

Deschideți fișierul din Adobe Illustrator. Mozaicul este un obiect obișnuit vector care este umplut cu gradienți liniari.

Cum se creează mozaicul poligonal al varului

Selectați și ștergeți poligoanele aflate în afara limitei.

Cum se creează mozaicul poligonal al varului

Datorită formatului vectorial al imaginii, putem schimba ușor culorile gradienților liniare și poziția vârfurilor poligonului, dacă este necesar. Pentru a edita culoarea, faceți dublu clic pe cursorul din panoul Gradient, care deschide panoul de tip pop-up Color.

Cum se creează mozaicul poligonal al varului

Pentru a muta vârfurile poligoanelor adiacente, selectați-le cu Lasso Tool (Q), apoi deplasați-le cu Instrumentul de selecție directă (A) sau tastele săgeți.

Cum se creează mozaicul poligonal al varului

Să începem să creăm un fundal. Desenați dreptunghiul cu instrumentul Rectangle (M). Dimensiunile dreptunghiului trebuie să corespundă dimensiunilor zonei de lucru. Umpleți acest obiect cu un gradient radial de la alb la verde deschis.

Cum se creează mozaicul poligonal al varului

Dezactivați vizibilitatea tuturor obiectelor, cu excepția fundalului din panoul Straturi. Acum mergeți la File> Save for Web ... și salvați fișierul în format JPG, de exemplu.

Cum se creează mozaicul poligonal al varului

Trageți fișierul cu fundalul raster în Triangulator. apoi creați un mozaic, la fel cum am făcut și cu var.

Cum se creează mozaicul poligonal al varului

Salvați poligoanele recepționate ca fișier SVG, apoi deschideți-l în Adobe Illustrator.

Pozițiile marginilor de fundal se aliniază utilizând panoul Aliniere, apoi grupați toate obiectele (Cmd / Ctrl + G).

Cum se creează mozaicul poligonal al varului

Acum, copiați fundalul și lipiți-l în documentul în care se află varia. Plasați fundalul sub obiectele de var.

Cum se creează mozaicul poligonal al varului

Cum se creează mozaicul poligonal al varului

Deplasați copia varului pe orizontală în jos, după cum se arată în figura de mai jos.

Cum se creează mozaicul poligonal al varului

Cu ajutorul instrumentului dreptunghi (M), creați un dreptunghi care să acopere întreaga reflecție de calcar. Umpleți acest dreptunghi cu un gradient linear vertical de la gri la negru.

Cum se creează mozaicul poligonal al varului

Selectați reflexia de calcar și dreptunghiul, apoi faceți clic pe Make Opacity Mask din meniul pop-up al panoului Transparență.

Cum se creează mozaicul poligonal al varului

Cum se creează mozaicul poligonal al varului

Plasați masca de opacitate sub obiectele de var, mutați-o în panoul Straturi.

Cum se creează mozaicul poligonal al varului

Creați o umbră care se încadrează. Desenați cercul cu instrumentul Ellipse (L) și umpleți-l cu un gradient radial de la verde închis la alb.

Cum se creează mozaicul poligonal al varului

Setați cercul pentru modul de amestecare Multiply în panoul Transparență.

Cum se creează mozaicul poligonal al varului

Deformați cercul cu Instrumentul de selecție (V), transformându-l într-o elipsă. Pune umbra sub obiectele de var.

Cum se creează mozaicul poligonal al varului

Vector viața vie cu var în stilul mozaicului poligonal gata.

Cum se creează mozaicul poligonal al varului







Articole similare

Trimiteți-le prietenilor: