Creați un set de pictograme pentru artiști

Ce veți crea

Există multe motive pentru care Adobe Illustrator este o aplicație excelentă pentru crearea de pictograme. Aceleași elemente pot fi folosite ca blocuri pentru a asigura coerența și a accelera fluxul de lucru. Aflați o serie de tehnici, de la construirea de forme de bază până la efecte de iluminare mai complexe.


PARTEA I - PENCIL

Pasul 1

Un lucru important atunci când creați un set de pictograme este coerența. Nu numai în stil, ci și în dimensiune, perspectivă și iluminare (pentru mai multe detalii privind designul eficient al icoanelor, consultați acest articol). În acest scop, vom obține un ajutor din efectele 3D ale Illustratorului în configurarea formei de bază.

Faceți clic o dată cu instrumentul Polygon pentru a crea un hexagon. Poate fi orice culoare.



Pasul 2

Accesați Efecte> 3D> Extrude & Bevel. Introduceți valorile de mai jos. Extrude Depth poate varia, în funcție de mărimea hexagonului și preferința dvs. pentru cât de înalt doriți să fie pictogramele.



Pasul 3

Accesați Obiect> Extindeți aspectul. Apoi dezagregați formele. Probabil că va trebui să selectați un grup de două ori. Ștergeți forma top. Fiți restul de trei forme cu galben, ca în imaginea de mai jos. Fața stângă are un gradient de umplere, care trece de la mediul galben la cel puțin mai întunecat.



Pasul 4

Alegeți instrumentul Convertizor de ancorare (Shift + C) și faceți clic și trageți în colțul din stânga sus pentru a rotunji partea superioară a formei. Țineți apăsată tasta Shift în timp ce trageți pentru a restrânge la 90 de grade, ceea ce va menține partea creionului drept și curbele mai uniforme. De asemenea, puteți activa Ghidurile inteligente pentru a vă ajuta. Faceți același lucru cu fiecare formă, pentru a rotunji topurile.



Pasul 5

Acum puteți face clic pe mânerele inferioare ale acestor puncte curbe pentru a scăpa de ele. Acest lucru nu este absolut necesar, dar cred că este pentru un dosar mai curat.



Pasul 6

Selectați forma centrală și mergeți la Obiect> Cale> Cale de decalare. Alegeți 4 pixeli (sau în funcție de dimensiunea formei), astfel încât noua formă să fie ușor inserată de cea originală.



Pasul 7

Umpleți noua formă cu un gradient liniar alb-negru, ca în imaginea de mai jos. În panoul Transparență, schimbați Modul de amestecare pe Ecran și setați opacitatea la aproximativ 50%.




Pasul 8

Faceți o copie a feței drepte și glisați-o deoparte. Opțiune - trageți o altă copie, poziționați-o puțin mai jos și spre dreapta. Luați instrumentul Shape Builder (Shift + M), țineți apăsată tasta Opțiune / Alt și trageți pentru a elimina formele evidențiate.



Pasul 9

Aliniați forma rămasă pe partea dreaptă. Apoi, așa cum ați procedat la pasul 7, completați-l cu un gradient și schimbați setările Transparenței.



Pasul 10

Utilizați instrumentul Pen pentru a desena un triunghi pentru punctul creionului. Porniți ghidurile inteligente pentru a poziționa punctul central în centrul formelor creionului.


Umpleți forma cu un gradient, așa cum se arată în imaginea de mai jos. Utilizați instrumentul Gradient pentru a regla ușor gradientul pentru a se conforma unghiului laturilor.



Pasul 11

Pentru plumbul de la vârf, trageți o elipsă și centrați-o cu forma triunghiului. În panoul Pathfinder, faceți clic pe butonul Divide. Ștergeți elipsa în exces. Ați putea folosi instrumentul Shape Builder, dar în acest caz, acesta lasă în urma prea multe puncte inutile.



Pasul 12

Faceți o copie a celor trei forme principale de creion. Utilizați Pathfinder> Add pentru a le îmbina într-o singură formă. Opțiune - glisați o copie peste original. Utilizați instrumentul Shape Builder pentru a șterge formele inferioare, lăsând un ras subțire pentru creion. Colorați-l cu un galben foarte deschis și poziționați-l deasupra formelor creionului galben.



Pasul 13

Utilizați instrumentul Shape Builder pentru a șterge suprapunerea pe fiecare parte.



Pasul 14

Adăugați accente la vârf prin desenarea unui triunghi subțire, ca în imaginea de mai jos. Utilizați instrumentul Pen și urmați curba formei galbene. Completați acest triunghi cu un gradient liniar, apoi ajustați setările Transparenței, ca și înainte. Faceți dublu clic pe instrumentul Reflect pentru a reflecta și copia această formă. Iluminați marcajul din dreapta, așa cum se arată.



Pasul 15

Pentru o dimensiune adăugată, adăugați o teșitură în partea de jos a creionului. Mai întâi trageți un triunghi subțire mergând de la marginea creionului stâng al formei până la intersecția dintre formele stângi și centrale. Utilizarea ghidurilor inteligente va ajuta la obținerea acesteia. Reflectă-copiați această formă și poziționați-o pe partea dreaptă.



Pasul 16

Desenați un dreptunghi lung și subțire la aceeași lățime cu forma centrală. Utilizați instrumentul de selectare directă (A) pentru a deplasa punctele inferioare în linie cu triunghiurile din dreapta și din stânga. Din nou, ghidurile inteligente vă vor ajuta.



Pasul 17

Umpleți formele conice cu galben mai închis, ca în imaginea de mai jos.



Pasul 18

Creionul este terminat. Selectați toate și grupați.



Pasul 19

Pentru o reflecție lucioasă, selectați grupul creion și reflectați-l copiați pe axa orizontală. Cu instrumentul de selecție directă, trageți punctele laterale, astfel încât unghiul căilor se potrivește cu cel al creionului original. Faceți acest lucru pe ambele părți.



Pasul 20

Desenați un dreptunghi și umpleți-l cu un gradient radial alb-negru. Poziționați-l deasupra copiei reflectate, după cum se arată. Selectați atât dreptunghiul cât și copia creionului, mergeți la panoul Transparență, faceți clic pe meniul derulant și alegeți Make Opacity Mask.



Pasul 21

Puteți repoziționa sau modifica în alt mod masca făcând clic pe miniatură din panoul Transparență.



Pasul 22

Creionul complet, cu reflecție:



PARTEA II - PAINTBRUSH

Pasul 1

Desenați un cerc perfect cu instrumentul Ellipse. Puteți să faceți clic pe tabloul de bord și să introduceți valori egale sau să țineți apăsată tasta Shift în timp ce trageți cu instrumentul. Acum, pentru a asigura coerența cu creionul, aplicați același efect 3D Extrude & Bevel ca înainte.

Sub opțiunile Suprafață din caseta de dialog 3D, alegeți Nu se umbrește. Extindeți cercul 3D.



Pasul 2

Umpleți ovalul superior cu un gri închis. Mergeți cele două jumătăți ale cilindrului. Umpleți această formă cu un gradient roșu, ca în imaginea de mai jos. Aceasta va fi forma de bază a mânerului periei.



Pasul 3

Pentru a face forma pentru banda metalica, mai intai faceti o copie a obiectului cilindrului. Opțiune / Alt trageți o altă copie sub original. Selectați ambele obiecte și faceți clic pe Divizare în panoul Pathfinder. Apoi ștergeți formele inferioare.



Pasul 4

Desenați o ovală și aliniați-i centrul cu marginea formei pe care tocmai ați creat-o. Copiați ovalul și aliniați-l spre cealaltă parte. Mergeți în aceste trei forme. Umpleți noua formă cu un gradient metalic. Pentru a accesa gradientele metalice, faceți clic pe meniul Swatch Libraries din partea de jos a panoului Swatches și navigați la Gradients> Metals.



Pasul 5

Creați o evidențiere pentru marginea superioară a metalului în același mod în care ați creat banda metalică. Începând cu o copie a elipsei de sus, drag-copy, Divide, apoi ștergeți excesul.



Pasul 6

O mare parte din acest tutorial implică formarea de forme din formele existente, ca în Pasul 3. Faceți o copie a formei de bandă metalică pe care tocmai ați creat-o. Utilizați instrumentul Foarfece (C) pentru a tăia calea, ca în imaginea de mai jos. Aruncați secțiunea intermediară, lăsând doar două căi curbe.



Pasul 7

Poziționați căile deasupra și dedesubtul "bulgări" pe banda metalică. Este posibil să fie necesar să ajustați căile cu instrumentul Pen.



Pasul 8

Odată ce traseele curbe sunt în loc, extindeți-le (Object> Path> Stroke Outline). Măriți și ștergeți excesele cu ajutorul instrumentului Shape Builder (Shift + M). Țineți apăsată tasta Opțiune / Alt pentru a elimina forme.



Pasul 9

Umpleți cursele expandate cu același gradient metalic. În panoul Transparență, schimbați Modul de amestecare pentru a multiplica. Banda metalică terminată (cunoscută sub denumirea de "ferrule") este mai jos.



Pasul 10

Așa cum ați făcut pentru evidențierea marginilor de la pasul 5, Creați o formă pentru o umbră de sub ferulă. Umpleți-l cu un roșu închis și schimbați Modul de amestecare pentru a multiplica.



Pasul 11

Pentru o adâncime mai mare, creați o bandă largă pe mânerul periei. Faceți o copie a formei mânerului. Cu ajutorul instrumentului Direct Selection, marchee - selectați punctele de vârf și deplasați-le în jos. Selectați punctele de fund și împingeți-le în sus.



Pasul 12

Umpleți banda cu un gradient alb-negru, ca în imaginea de mai jos. Schimbați modul de amestecare pe ecran și opacitatea la aproximativ 70%.



Pasul 13

Așa cum ați făcut cu creionul, creați o formă mai întunecată sub cilindru pentru o mică adâncime. Mânerul periei finisate este jos.



Pasul 14

Pentru perii de perie, trageți o elipsă care este puțin mai lată decât este înaltă. Luați instrumentul Eraser (Shift + E) și tăiați o secțiune a acestuia pentru a forma un sfat, ca în imaginea de mai jos. Este posibil să trebuiască să simplificați calea dacă este prea încurcată. Mergeți la Object> Path> Pur și simplu pentru a netezi.



Pasul 15

Umpleți această formă cu un gradient cu trei picioare așa cum este arătat.



Pasul 16

Accesați Obiect> Cale> Cale de decalare. Introduceți o valoare negativă pentru a crea o versiune mai mică a formei. Umpleți-l cu culoarea mai deschisă de la gradientul de mai sus. Schimbați modul de amestecare în ecran și reduceți opacitatea la 20%. Acum mișcați puțin.



Pasul 17

Desenați o cale mică, ușor curbată. Modificați profilul de lățime din meniul derulant din bara de control.



Pasul 18

Faceți mai multe copii ale acestei curse, apoi redimensionați-le și poziționați-le după cum se arată. Accesați Obiect> Extindeți aspectul. Adesea, acest lucru are ca rezultat prea multe puncte pe o cale, așa că du-te la Object> Path> Simplify.



Pasul 19

Selectați toate aceste obiecte și completați setul cu un gradient liniar alb-negru. Așezați-o pe partea superioară a formei firelor. Schimbați modul de amestecare pentru a multiplica și a reduce Opacitatea.



Pasul 20

Desenați o formă triunghiulară curbată pentru o evidențiere. Sau copiați una din loviturile de deasupra și modificați-o. Modificați modul de amestecare la ecran și reduceți opacitatea la 60%. Reflect - Copiați această formă și poziționați-o pe cealaltă parte.



Pasul 21

Creați o nouă formă prin copierea formei principale a firelor, apoi trasați o elipsă, ca în imaginea de mai jos. Împărțiți cele două în panoul Pathfinder. Luați forma de fund și plasați-o deasupra părului. Umpleți-l cu portocaliu și schimbați Modul de amestecare pentru a multiplica.



Pasul 22

Pentru vopseaua însăși, selectați forma principală a părului și deplasați-o cu 2 pixeli. Luați această nouă formă și creați niște picături organice prin ștergerea prin formă cu ajutorul instrumentului Eraser.




Pasul 23

Umpleți forma vopselei cu un gradient care merge de la o culoare la o nuanță de aceeași culoare.



Pasul 24

Transformați această formă cu 2 sau 3 pixeli negativi. Umpleți noua formă cu un gradient de linie negru-gri și schimbați Modul de amestecare pe Ecran.

Transformați a doua cale și simplificați-o dacă este necesar. Picura ar trebui să arate ca imaginea de mai jos.



Pasul 25

La fel ca în pașii 17 și 18, trageți mici căi curbe pentru cele mai importante momente din picurare. Aplicați același profil de lățime înainte. Schimbați modul de amestecare în ecran și opacitatea până la 60%.


Motivul folosirii acestei metode, mai degrabă decât curse colorate și un gradient normal de culoare, este că puteți schimba culoarea de bază fără a fi nevoie să schimbați fiecare formă de sus. Deci, dacă decideți că doriți vopsea purpurie, de exemplu, tot ce trebuie să faceți este să schimbați umplerea obiectului de jos.



Pasul 26

Creați o umbră pentru "vopsea" prin compensarea formei de bază, apoi folosiți noua formă ca umbra. Schimbați culoarea în maro, iar Modul de amestecare se înmulțește. Ștergeți orice parte care este agățată peste partea superioară sau laterală. Poziționați vopseaua peste umbră.



Pasul 27

Sfatul periei completate ar trebui să arate ca imaginea de mai jos.



Pasul 28

Grupează toate elementele vârfului periei și pune-l în spatele mânerului periei. Scalare dacă este necesar, astfel încât să pară că este atașat. Ovalul întunecat ar trebui să meargă în spatele vârfului periei, pentru ca perii să fie așezate în mâner.



Pasul 29

Deoarece peria este rotundă, putem trăda puțin asupra reflexiei, mai degrabă decât să folosim metoda Opacity Mask. Creați un dreptunghi cu aceeași lățime ca mânerul periei. Umpleți-l cu un gradient radial cu trei trepte, care trece de la roșu la roșu până la alb (sau transparent). Trucul este de a plasa centrul gradientului în afara centrului dreptunghiului, ca în imaginea de mai jos.



Pasul 30

Așezați dreptunghiul în spatele periei și aliniați-l la mânerul periei. Mutați-o în sus sau în jos, după cum este necesar. Peria este acum completată.



PARTEA III - PEN

Pasul 1

Faceți o copie a mânerului periei, minus banda metalică. Schimbați gradientul roșu într-o culoare neagră și gri închis. Banda ecranată rămâne aceeași.



Pasul 2

Punctați punctele de pe ambele părți folosind instrumentul Adăugați ancorarea (+). Aceasta va ajuta la trasarea unui ghid, astfel încât punctele să fie plasate la același nivel. Mutați fiecare punct spre centru la o distanță egală. De obicei, apăs doar tastele săgeată din dreapta și din stânga, numărând numărul de clicuri.

Utilizați instrumentul Ancorare conversie pentru a face laturile curbate. În cele din urmă, mutați punctele de pe banda de ecran pentru alinierea cu noua formă.



Pasul 3

După cum ați făcut în tutorial, copiați ovalul superior și folosiți-l pentru a crea o nouă formă pentru margine. Umpleți-l cu un gradient radial, ca în imaginea de mai jos.



Pasul 4

Desenați o nouă formă ovală și centralizați-o pe cea existentă. Umpleți-l cu un gradient gri-spre-negru, așa cum se arată, pentru a da iluzia adâncimii.



Pasul 5

Mânerul complet al stiloului este mai jos.



Pasul 6

Pentru a construi vârful, folosiți instrumentul Pen și trageți o cale cu trei puncte, ca în imaginea din stânga. Luați instrumentul Ancorare conversie și trageți punctele de sus și de jos pentru a crea fețe curbate. Porniți ghidurile inteligente pentru a restrânge tragerea la 90º.



Pasul 7

Reflectă-copiați această cale, apoi îmbinați punctele ca în imaginea de mai jos.



Pasul 8

Desenați un dreptunghi subțire vertical și o elipsă. Îndreptați-le cu forma de vârf. Selectați toate și apăsați Minus Front pe panoul Pathfinder.



Pasul 9

Umpleți forma nervurii cu un gradient metalic. Am folosit modelul de aur implicit, apoi am făcut culorile mai luminoase și mai saturate.



Pasul 10

Pentru a da picioarei un pic de dimensiune, Opțiune-glisați pentru a face o copie. Umpleți-l cu un aur profund și trimiteți-l în spatele originalului.



Pasul 11

Aliniați punctele de top, ca în imaginea de mai jos. Deplasați punctele laterale astfel încât acestea să fie în conformitate cu originalul.



Pasul 12

Faceți o copie a formei creionului și folosiți-o pentru a crea noi căi. Tăiați calea în punctele de mai jos. Aruncați toate segmentele, cu excepția celor evidențiate.



Pasul 13

Plasați aceste căi de evidențiere pe partea superioară a știfturii de aur. Modificați profilele cursei și ajustați punctele astfel încât acestea să se alinieze cu forma vârfului.




Pasul 14

Un stilou vertical nu ar fi în mod normal umplut cu cerneală, dar vom pune ceva în contrast. Desenați o formă neagră și trimiteți-o în spatele vârfului, așa cum se arată.


Apoi trageți două elipse pentru căderea de cerneală. Cea mai de sus este umplută cu un gradient de linie drept un punct culminant.



Pasul 15

O mulțime de știfturi pentru pixuri au un fel de gravură decorativă. Găsiți un ornament sau alt element. Există tone pe Web pentru descărcare. Iată o listă de grafică ornamentală din mai multe surse.

Creați un aranjament simetric cu ornamentul. Modificați modul de amestecare astfel încât gradientul să fie afișat.



Pasul 16

Partea inferioară a vârfului trebuie să se alinieze cu ovalul de sus de pe bază, astfel încât să pară că este încastrat. Prin urmare, partea inferioară trebuie să fie curbată. Faceți o copie a ovalului superior și transformați-l într-un ghid (Vizualizați> Ghiduri> Asigurați ghiduri).

Aliniați partea inferioară a vârfului cu partea inferioară a ghidajului. Adăugați un punct în partea inferioară a formei creionului, apoi utilizați instrumentul Convertire ancoră pentru ao face curbă.



Pasul 17

Selectați știftul și ovalul superior. Opțiunea / Alt trageți pentru a face o copie a ambelor obiecte. Accesați panoul Pathfinder și alegeți Divide. Ștergeți numai forma inferioară, care va fi folosită ca o umbră.



Pasul 18

Plasați forma umbrei pe partea superioară a vârfului. Umpleți-l cu un aur solid și schimbați Modul de amestecare pentru a multiplica.



Pasul 19

Aliniați vârful cu umbră pe bază. Faceți o copie a reflexiei de pe perie și schimbați gradientul în nuanțe de negru. Pixul completat este de mai jos.



Concluzie

Illustratorul este ideal pentru a face icoane. Căile și obiectele vectorilor pot fi copiate, decupate și reproduse infinit, fără degradare. Lucrul cu blocuri de construcție în acest fel asigură forme coerente și fișiere curate. De asemenea, economiseste timp - care vrea sa traga aceeasi cale din nou si din nou?