Cum se creează o insignă vectorială de promovare în Adobe Illustrator

Ce veți crea

În următorii pași, veți învăța cum să creați o insignă vectorială de promovare în Adobe Illustrator. 

Pentru început, veți învăța cum să configurați o rețea simplă. Apoi, folosind instrumentele de bază și unele tehnici de aliniere, veți învăța cum să creați un set de cercuri concentrice. Deplasând-o, veți învăța cum să creați o panglică stilizată și cum să o îndoiți cu ușurință utilizând câteva efecte Warp. În sfârșit, veți învăța cum să adăugați un text pe o cale și o textura subtilă pentru întregul design.

Pentru mai multă inspirație cu privire la modul de ajustare sau îmbunătățire a insignei finale, puteți găsi o mulțime de resurse la GraphicRiver.

1. Cum să creați un document nou și să configurați grila

Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 850 în casetele de lățime și înălțime, apoi faceți clic pe acesta Mai multe setari buton. Selectați RGB pentru Modul color, Seteaza Raster Effects la Ecran (72 ppi), apoi faceți clic pe Creați un document.

Activați grila (Afișați> Afișați grilă) și Snap to Grid (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă, și intră 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă - vă va ușura munca și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" Comanda rapidă de la tastatură.

Puteți afla mai multe despre sistemul de grilă al Illustratorului în acest scurt tutorial de la Andrei Ștefan: Înțelegerea sistemului de grilă Adobe Illustrator.

De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Cum să creați un set de cercuri concentrice

Pasul 1

Alegeți Instrument de elipsă (L) și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 73 G = 35 B = 84. Deplasați-vă la tabloul de bord și creați-o 300 px grilă - grila și Fixat la retea ar trebui să fie mai ușor.

Asigurați-vă că forma dvs. rămâne selectată și deschideți-o Alinia panou (Fereastra> Aliniere). Pur și simplu faceți clic pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane pentru a aduce selecția dvs. în centrul tabloului de bord.

Pasul 2

Asigurați-vă că forma dvs. este încă selectată și mergeți la Efect> Distort & Transform> Zig Zag. Introduceți atributele afișate mai jos și faceți clic pe O.K.

Pasul 3

Utilizarea Instrument de elipsă (L), creeaza o 260 px cerc. Umpleți noua formă cu R = 228 G = 242 B = 255 și centrează-l.

Pasul 4

Utilizarea Instrument de elipsă (L), creeaza o 240 px cerc. Umpleți noua formă cu R = 73 G = 35 B = 84 și centrează-l.

Pasul 5

Utilizarea Instrument de elipsă (L), creeaza o 220 px cerc. Umpleți noua formă cu R = 228 G = 242 B = 255 și centrează-l.

Pasul 6

Utilizarea Instrument de elipsă (L), creeaza o 150 px cerc. Umpleți noua formă cu R = 73 G = 35 B = 84 și centrează-l.

Pasul 7

Utilizarea Instrument de elipsă (L), creeaza o 130 px cerc. Umpleți noua formă cu R = 228 G = 242 B = 255 și centrează-l.

Pasul 8

Utilizarea Instrument de elipsă (L), creeaza o 110 px cerc. Umpleți noua formă cu R = 73 G = 35 B = 84 și centrează-l.

3. Cum se creează panglica

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 310 x 70 px forma și completați-l cu R = 228 G = 242 B = 255. Centralizați această nouă formă, asigurați-vă că aceasta rămâne selectată și că vă concentrați pe Aspect panou (Fereastră> Aspect).

Selectați cursa și setați culoarea la R = 73 G = 35 B = 84, și apoi deschideți asta Accident vascular cerebral panou flyout. Seteaza Greutate la 10 px și nu uitați să verificați asta Intră în runda buton.

Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creaza un 80 x 70 px forma și completați-l cu R = 198 G = 212 B = 255. Plasați această nouă formă așa cum este prezentată în prima imagine, asigurați-vă că aceasta rămâne selectată și că focalizați pe Aspect panou. Selectați cursa și setați culoarea la R = 73 G = 35 B = 84, și apoi deschideți asta Accident vascular cerebral panou flyout. Seteaza Greutate la 10 px și nu uitați să verificați asta Intră în runda buton.

Asigurați-vă că acest dreptunghi rămâne selectat și alegeți Adăugați un instrument de ancorare (+). Utilizați un simplu clic pentru a adăuga un nou punct de ancorare, așa cum se arată în a doua imagine.

Pasul 3

Asigurați-vă că dreptunghiul făcut în pasul anterior este încă selectat și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați punctul de ancorare de sus-dreapta și trageți-l 30 px spre stânga, apoi selectați punctul de ancorare din stânga-mijloc și trageți-l 30 px la dreapta. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 4

Alegeți Instrument Pen (P) și creați o formă simplă, după cum se arată în imaginea următoare. Completați-l cu R = 73 G = 35 B = 84 și adăugați a 10 px accident vascular cerebral de culoare similară. Nu uitați să verificați Intră în runda butonul pentru cursa și apoi coborâți Opacitate din întreaga selecție 30%.

Pasul 5

Utilizarea Instrument Pen (P), creați un triunghi simplu, după cum se arată în imaginea următoare. Completați-l cu R = 73 G = 35 B = 84 și adăugați a 10 px accident vascular cerebral de culoare similară. Nu uitați să verificați Intră în runda pentru acest curs.

Pasul 6

Selectați cele trei forme evidențiate în prima imagine și grup lor (Control-G). Asigurați-vă că grupul dvs. este selectat și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în imaginea următoare, apoi faceți clic pe O.K.

Pasul 7

Utilizarea Instrument Pen (P), creați cele două forme de triunghi prezentate în imaginile următoare. Umpleți ambele forme cu un galben aleator, deocamdată.

Pasul 8

Selectați forma galbenă de fund și focalizați pe Aspect panou. Înlocuiți culoarea de umplere cu R = 73 G = 35 B = 84 și adăugați a 10 px accident vascular cerebral cu o culoare similară. Nu uitați să verificați Intră în runda butonul pentru acest curs și apoi selectați întreaga cale (faceți clic pur și simplu că "cale"bucată de text din Aspect panou). Mai întâi, coborâți Opacitate la 30% și apoi du-te la Efect> Warp> Arc inferior. Introduceți atributele afișate mai jos și faceți clic pe O.K.

Deplasați-vă la forma galbenă de sus și aplicați-o la fel Aspect atribute, dar înlocuiți Arc inferior efect cu Arc Upper efect prezentat în a doua imagine.

Pasul 9

Selectați-vă 310 x 70 px dreptunghi și adu - l în față folosind Shift-Control-] Comanda rapidă de la tastatură.

Alegeți Instrument Pen (P) și creați căile orizontale mici afișate în a doua imagine. Adauga o 10 px pentru aceste noi căi, setați culoarea R = 73 G = 35 B = 84, și nu uitați să verificați asta Intră în runda buton.

4. Cum se adaugă un text

Pasul 1

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Insaniburger, setați dimensiunea la 30 px, și creșteți urmărirea 22.

Pur și simplu faceți clic pe artboard dvs. și adăugați "PROMOVARE"bucată de text. Așezați-o așa cum se arată în imaginea următoare și setați culoarea la R = 73 G = 35 B = 84.

Pasul 2

Selectați toate formele evidențiate în prima imagine, grup lor (Control-G), apoi du-te la Efect> Warp> Steag. Introduceți atributele afișate mai jos și faceți clic pe O.K.

Pasul 3

Alegeți Instrument de elipsă (L) și de a crea un 200 px cerc. Umpleți această nouă formă cu un galben aleator și puneți-o în centru.

Asigurați-vă că această nouă formă rămâne selectată, alegeți Tastați un instrument de cale, și faceți clic pur și simplu pe marginea formei selectate. Acest lucru vă va permite să adăugați text de-a lungul căii dvs..

Adaugă "CELE MAI BUNE OFERTE"bucată de text, setați culoarea la R = 73 G = 35 B = 84 și să se concentreze pe Caracter panou. Selectați fontul Insaniburger și setați dimensiunea la 22 px și urmărirea 0. Apoi, trebuie să ajustați poziția textului. Treceți la Instrumentul de selecție directă (A) și trageți pur și simplu brațul mijlociu din exterior în interiorul cercului. Acest lucru ar trebui să vă mute textul în interiorul cercului. Utilizați același bracket pentru a muta textul de-a lungul căii așa cum se arată în imaginea următoare.

Pasul 4

Alegeți Instrument de elipsă (L) și de a crea un 170 px cerc. Umpleți această nouă formă cu un galben aleator și puneți-o în centru.

Asigurați-vă că cercul dvs. galben rămâne selectat, alegeți Tastați un instrument de cale, și faceți clic pur și simplu pe marginea selecției.

Adaugă "OFERTA SPECIALA"bucată de text, setați culoarea la R = 73 G = 35 B = 84, și să se concentreze pe Caracter panou. Aplicați atributele afișate în imaginea de mai jos și utilizați acea colțar pentru a muta textul de-a lungul căii, după cum se arată mai jos.

5. Cum se creează fundalul și se adaugă o textura subtilă

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și să creeze un 860 px pătrat. Umpleți noua formă cu R = 228 G = 242 B = 255, trimiteți-l înapoi utilizând Shift-Control-[ comanda rapidă de la tastatură și nu uitați să o centrați.

Pasul 2

În cele din urmă, să adăugăm o textura subtilă. Descărcați acest set de Fundaluri Abstract Grunge de la Envato Elements și trageți prima imagine în interiorul documentului.

Redimensionați puțin, asigurați-vă că acoperă întreaga placă grafică și apoi schimbați-o Mod de amestecare la Lumina slaba.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare. Nu ezitați să trimiteți rezultatul final în secțiunea de comentarii.

Simțiți-vă liber să reglați designul final și să-l faceți al tău. Puteți găsi câteva surse de inspirație extraordinare la GraphicRiver, cu soluții interesante pentru îmbunătățirea designului.