Creați etichete de câine vectorizate

În acest tutorial, vom explica cum să creați un obiect realist stilizat cu gradienți și amestecuri de straturi. Vom învăța cum să utilizați instrumentul de amestecare, cum să adăugați și să scăpați forme și să le suprapuneți. Hai să intrăm și să facem niște etichete de câine vectoriale stilizate în Illustrator.

Imagine finală a imaginii

Să aruncăm o privire la imaginea pe care o vom crea.

Pasul 1

Deschideți un nou document și desenați un dreptunghi cu o lățime de 72 pt și o înălțime de 115 pt. Puteți deschide Paleta dreptunghiulară selectând Instrumentul dreptunghi (M) și făcând clic o dată pe tabloul de bord.

Pasul 2

Umpleți dreptunghiul cu un gri închis și introduceți ghidaje în jurul acestuia.

Pasul 3

Desenați un ghidaj vertical în mijlocul dreptunghiului. Dacă faceți dreptunghiul o selecție activă, puteți vedea punctul său central și îl puteți folosi ca o aliniere pentru ghid. Începeți să creați o formă de jumătate de elipsă cu instrumentul Pen (P). Păstrați umplerea (X) același gri închis și lăsați cursorul gol.

Pasul 4

Odată ce ați creat forma semi-rotundă, duplicați-o și rotiți-o și plasați-o sub forma dreptunghiului. Apoi selectați toate cele trei forme și selectați Modurile de Formare din Adăugare în Formă din paleta Pathfinder. Acest lucru se va alătura tuturor formelor.

Pasul 5

Selectați cele două puncte verticale din partea stângă și faceți clic pe Comandă + Alt + J pentru a deschide paleta medie. Alegeți Axa verticală și faceți clic pe OK. Repetați acest lucru cu cealaltă parte a dreptunghiului.

Pasul 6

Înainte de a continua, aș dori să arăt cât de multe forme vom avea nevoie. Din forma exact creată în pasul 5, vom crea (de la stânga la dreapta) două obiecte de formă cadru, trei forme principale cu o gaură și două forme interioare cu un model de linie. Toate aceste forme împreună vor forma eticheta câinelui nostru.

Pasul 7

Faceți o copie a formei principale deasupra (Command + C + F) și blocați prima formă. Apoi mergeți la Object> Path> Cale Offset, și alegeți -7 pt. Selectați atât forma decalată, cât și cea originală și alegeți opțiunea Divide din paleta Pathfinder. Acest lucru ne va da două forme separate. Apoi ștergeți forma interioară.

Pasul 8

Selectați cadrul ca formă și umpleți-l cu un gradient liniar negru-alb. De asemenea, setați unghiul la 35 de grade.

Pasul 9

Deblocați forma originală, faceți un alt duplicat, apoi blocați din nou forma originală. Creați un cerc mic și plasați-l în partea de sus a formei. Selectați ambele opțiuni și alegeți opțiunea Divide din paleta Pathfinder. Acest lucru ne va da gaura.

Pasul 10

Umpleți forma cu un Gradient ușor și păstrați Unghiul la 35 de grade.

Pasul 11

Duplicați această formă din nou (Command + C + F) și completați-o cu un model grafic. Am ales "6 lpi 50%" de la Basic Graphic_Lines din biblioteca Swatch.

Pasul 12

Acum, trebuie să scăpăm forma cadrului nostru din forma exact creată cu linie. Faceți acest lucru duplicând forma cadrului și apoi selectați-le pe ambele. Apoi selectați opțiunea Divide din paleta Pathfinder. Ștergeți forma exterioară. Apoi creați un cerc mic, mutați-l puțin din forma căptușit și alegeți din nou opțiunea Divide.

Am modificat calea de aici un pic pentru al muta mai aproape de gaura.

Pasul 13

Selectați forma plină cu linie și adăugați o strălucire interioară. Marcați setările ca Mod la Normal, Culoare Negru, Opacitate la 100% și Blur la 8 pt. Apoi, setați Modul de amestecare a transparenței la Overlay și opacitatea la 42%.

Pasul 14

Selectați forma gri deschis cu gaura sub forma căptușită și adăugați o Glow Inner cu aceeași setare, alegeți doar o culoare gri deschis și setați Blur la 5 pt.

Pasul 15

Pentru a-i da un pic mai multă adâncime, putem adăuga un Accident la forma noastră plină de linie. Am ales o culoare gri deschis, cu o greutate de greutate de 1 pt.

Pasul 16

Apoi, selectați forma gradientului umplut și creați un duplicat în partea superioară (Command + C + F). Apoi, umpleți-l cu un gri închis și setați Transparența la ecran la 100% opacitate.

Pasul 17

Selectați forma noastră completă și faceți un duplicat deasupra acesteia (Command + C + F). Umpleți-l cu un model grafic de bază. Am ales "10 lpi 40%" din biblioteca Swatch. Apoi setați Transparența la Overlay cu o opacitate de 42%.

Pasul 18

Să adăugăm o stea. Alegeți Instrumentul Star în secțiunea Tool Tool (Dreptunghi) și creați o mică stea cu 5 puncte și umpleți-o cu un gradient liniar.

Pasul 19

Offset stele cu 0.25 pt și umple această nouă formă adăugată cu un gri închis. S-ar putea să doriți să măriți și apoi să mutați un punct în partea dreaptă. Puteți face acest lucru folosind tastele săgeți de pe tastatură. Acest lucru va da stelei un anumit adâncime.

Pasul 20

Selectați forma umplută cu gri deschis (care are deja o strălucire interioară) și adăugați o strălucire exterioară. Setați Modul la Normal, Opacitate la 75% și Blur la 2 pt. Creați o stea mai mică cu un gradient liniar deasupra stelei mai mari.

Pasul 21

Să creăm lanțul. Desenați o linie la fel ca cea pe care o vedeți în imagine sau ceva similar. Setați greutatea Accident vascular cerebral la 0,25 pt și culoarea Stroke la negru. Faceți o copie a acesteia, plasați-o pe un strat nou și ascundeți-o, așa cum o vom avea nevoie mai târziu.

Pasul 22

Creați un cerc cu diametrul de 4 pt. Umpleți-l cu un gradient radial. Apoi faceți o copie (Command + C), inserați-o pe tabla Art (Command + V) și mutați-o din primul cerc. Accesați Object> Blend> Blend Options, alegeți pașii specifici ca Spacing, introduceți numărul 15 și faceți clic pe OK. Nimic nu se va întâmpla încă. Selectați ambele cercuri și apăsați tastele Command + Alt + B. Acest lucru ne va da link-urile lanțului nostru.

După cum puteți vedea, s-ar putea să avem nevoie de mai multe legături de lanț. Deoarece nu ne-am extins amestecurile, îl putem modifica ușor prin deschiderea din nou a opțiunilor de amestecare și introducerea unui număr mai mare. De data aceasta puteți alege opțiunea Previzualizare, doar dacă doriți ca legăturile lanțului să fie mai apropiate.

Pasul 23

Selectați amestecul de lanț și calea de lanț creată mai devreme în Pasul 21. Apoi a ajuns la Object> Blend> Replace Spine. Acum lanțul nostru este aproape gata. Dacă există unele lacune în lanț, le puteți umple ușor cu mai multe lanţ cercurilor adăugând puncte de traiectorie către coloana vertebrală. Pentru a face acest lucru, trebuie doar să selectați Pen Tool (T) și faceți clic pe coloana vertebrală. Puteți să vă răsuciți cu mânerele și să închideți toate golurile în acest fel.

Pasul 24

Deschideți copia căii de lanț de la cea anterioară. Apoi setați Greutatea în Greutate la 0,25 pt. Plasați-l în spatele amestecului de lanț. Și acolo avem lanțurile complete!

Pasul 25

Pentru a ascunde părțile lanțului și a face să pară că este în spatele etichetei de câine și vine prin gaură, am rupt amestecul neexpandat și am făcut o parte mai mică pe care am plasat-o pur și simplu sub stratul de etichetă pentru câini. Dacă doriți, puteți adăuga o strălucire exterioară lanțului.

Concluzie

Am creat un fundal cu un gradient radial de culoare gri închis și întunecat și adăugat o formă plină de linie. Am și duplicat tot tag-ul de câine și l-am rotit în sens invers acelor de ceasornic. Sfat mic: liniile grafice aplicate vor rămâne orizontale, prin urmare trebuie să vă extindeți aspectul înainte de a vă roti. Asta e!