Creați un portret mozaic Utilizând plug-in Adobe Illustrator și Scriptographer

În tutorialul de astăzi vom învăța cum să creăm un mozaic vector dintr-o imagine raster folosind un plug-in Scriptographer, care ne permite să extindem funcțiile standard ale Adobe Illustrator. Pentru a crea un portret vectorial vom folosi scenariile elaborate de designerul rus Vladimir Seregin.


Pregătiri de lucru

Pasul 1

Plug-in-ul Scriptographer poate fi descărcat de pe site-ul Scriptographer.org. Veți găsi instrucțiuni detaliate despre cum să instalați scripturi pe computerul dvs. aici. Descărcați toate scripturile necesare pentru tutorialul nostru pe blogul lui Vladimir Seregin, utilizând următorul link https://github.com/peko/scriptographer_scripts/downloads. Extrageți scripturile din arhivă și instalați-le în folderul Adobe Illustrator Plug-ins> Scriptograf> Scripts folder.


Pasul 2

În acest tutorial am folosit fotografia fotografului ucrainean Alexander Osadchuk.

Puteți utiliza cu siguranță orice altă imagine în lucrarea dvs., de exemplu, propria fotografie. Rețineți că scripturile funcționează corect cu imagini în modul RGB cu rezoluție de 72 ppi. Pentru a oferi imaginii opțiunile necesare, selectați-o și mergeți la Object> Rasterize ... și setați valorile care sunt afișate în imaginea de mai jos.


Crearea mozaicului cubic

Pasul 3

Pentru a activa scripturile, accesați fereastra> Scriptograf> Afișare paletă principală. Alegeți directorul care conține scripturile lui Vladinir Seregin. În cazul meu, este folderul Exemple> Instrument.

Vom folosi scriptul "cube split.js" pentru a lucra cu imaginea noastră raster. Pentru a rula și a opri scriptul, utilizați butonul de control din partea de jos a panoului Scriptographer.

Vă atrag atenția asupra mesajului de eroare de mai jos. Scenariul necesită selectarea imaginii raster pentru a funcționa corect.


Pasul 4

Acum, selectați imaginea, alegeți "cube split.js" și apăsați pe butonul de redare din panoul Scriptographer. Faceți clic pe imaginea raster - și scriptul "cube split.js" creează un cub mare, care este un grup de trei obiecte.

Cubul trebuie să acopere toate imaginile. Utilizați Instrumentul de selecție (V) pentru a modifica dimensiunea cubului, ținând cont de butoanele Shift + Opțiuni. Acum faceți clic pe marginea cubului; acest lucru duce la crearea de noi cuburi de dimensiuni mai mici.


Pasul 5

Pentru mai multă ușurință a muncii noastre cu mozaicul cubic, trebuie să creăm un nou strat deasupra primului, copiați imaginea raster și lipiți-o în față (Command + C, Command + F), apoi glisați copia într-un nou strat.

Reduceți opacitatea din panoul Transparență pentru acest strat.

Nu avem nevoie de stratul superior pentru o vreme, așa că opriți vizibilitatea și blocați-l.


Pasul 6

Există o întreagă familie de scenarii pentru mozaicul cubic. Deși nu le voi folosi pentru crearea acestui portret, dar le puteți găsi utile pentru realizarea viziunii tale artistice. Vă voi arăta câteva exemple de utilizare și efectele pe care le puteți obține pe cuburile primite.

Următoarele scripturi: "Cube gradientor CF.js", "Cube gradientor Cx.js", "Cube gradientor H.js", "Cube gradientor R.js", "Cube gradientor Rx.js" modifică umplerea solidă a cuburilor " frontierele pentru a umple gradientul. "Cube gradientor CF.js":

"Cube gradientor Cx.js":

"Cube gradientor R.js":


Pasul 7

Împărțiți cuburile primite în cuburi mai mici utilizând scriptul "cube split.js". Apoi repetați descompunerea, apropiindu-vă de centru.


Pasul 8

Definiți elementele de bază ale compoziției noastre. Mă voi concentra pe fața fetei, pe mâna care ține o floare și pe una dintre florile situate în partea de jos a imaginii.

În aceste zone, mozaicul va avea mai multe blocuri mai mici. Acum va fi util stratul superior cu copia semi-transparentă a portretului. Când ne întoarcem viziunea, putem defini exact unde se află fața, mâna și floarea.

În timp ce lucrați, porniți și opriți viziunea stratului superior, schimbați zoomul și împărțiți blocurile în cele mai mici în locurile în care decideți să faceți un accent. Încercați să obțineți o partiție uniformă în locurile de detaliu maxim.


Pasul 9

Vom folosi câteva instrumente și scripturi pentru a da artei finale compoziției noastre. Îți voi spune ce tehnici am folosit, dar poți decide unde să le folosești. Vreau să vă atrag atenția unde putem lucra cu un cub separat, precum și cu obiectele de care este compus cubul.

Este convenabil să utilizați Instrumentul de selecție a grupului (cu un clic selectează marginea cubului, dublu-clic selectează întregul grup căruia îi aparține obiectul) pentru a selecta elementele mozaicului.


Pasul 10

Putem muta cuburile selectate, să le ștergem sau să le recolorăm.


Pasul 11

Pachetul, care a fost instalat la calculatorul dvs. la începutul tutorialului, are câteva scenarii mai interesante. Scriptul "Cube random shift.js" aduce cuburile selectate într-o mizerie creativă. Selectați cuburi cu Instrumentul Lass (Q) și utilizați Cube random shift.js

Când rulați scriptul din nou, locația obiectelor și a cuburilor se va schimba din nou. Astfel, puteți alege cea mai bună opțiune pentru dvs..


Pasul 12

Scriptul "Exploder.js" împarte cubul selectat în forme mai mici, repartizându-i la întâmplare noile coordonate.


Pasul 13

Scriptul "Splitter.js" împarte cubul selectat în patru părți.

"SplitterHex.js" împarte cubul selectat în șapte părți.

Folosind tehnicile descrise mai sus am creat un portret mozaic cum ar fi acesta.


Crearea mozaicului cubic al obiectelor arbitrare

Pasul 14

Puteți obține un rezultat interesant utilizând scriptul "Butterflator.js". Ca și în cazul mozaicului cu cuburi, pregătiți imaginea raster pentru lucru utilizând tehnica descrie în pașii 1-5.


Pasul 15

Creați un cerc cu ajutorul instrumentului Ellipse (L). Cercul trebuie să acopere complet imaginea raster.


Pasul 16

Folosind scriptul "Butterflator.js" împărțiți cercul în părți mai mici.

Rețineți că în centrul compoziției noastre există un loc în care nu s-au făcut cercuri noi. De asemenea, putem vedea zona imaginii raster. În aceste zone creați cercuri noi cu ajutorul Instrumentului Ellipse (L) și aplicați scriptul acestora.

Utilizați scriptul pentru a diviza cercurile în mai mici.


Pasul 17

Definiți elementele de bază ale compoziției noastre: fața, mâna care deține o floare și floarea în partea de jos a imaginii. Dacă activați și dezactivați vizibilitatea stratului superior, măriți și micșorați, împărțiți obiectele noastre în aceste locuri în cele mai mici.


Pasul 18

Puteți utiliza și alte scripturi în timp ce creați mozaicul nostru. Iată câteva exemple de utilizare a scripturilor: scriptul "Splitter.js" împarte obiectul selectat în patru.

Scriptul "SplitterHex.js" împarte obiectul selectat în șapte.

"Splitter Raster Gradient.js" împarte obiectul selectat în obiecte mai mici și modifică umpluturile solide în gradient fill.

Scriptul "Exploder.js" împarte obiectul selectat în cele mai mici și le mută în mod aleatoriu.

Folosind tehnicile descrise mai sus, rezultatul este acest portret vectorial format din cercuri.

Obiectul din care se compune mozaicul poate fi o stea, o inimă sau orice alt obiect creat de tine.

Sper că ți-a plăcut acest tutorial și acum poți crea portrete vectoriale folosind această metodă simplă și specială.

Este foarte cool că calitatea și dimensiunea fotografiei nu contează deloc! După crearea mozaicului, îl puteți mări până la dimensiunea dorită. De aceea îmi plac grafica vectorială.