Cum se creează un logo Nautical în Adobe Illustrator

Ce veți crea

În pașii următori veți învăța cum să creați un logo vectorial nautic în Adobe Illustrator. Pentru începători veți învăța cum să configurați o rețea simplă și cum să vă creați peria de model proprie. În continuare, veți învăța cum să creați o serie de cercuri concentrice și cum să le aduceți cu ușurință în centrul tabloului de bord. 

Deplasând-o, veți învăța cum să aplicați și să ajustați textul pe o cale și cum să utilizați măști de opacitate. Folosind câteva efecte de transformare îngrijite, veți învăța cum să vă grăbiți munca și cum să simplificați numărul de forme din document. În cele din urmă, veți învăța câteva tehnici de bază de amestecare și cum puteți adăuga o imagine pentru fundal.

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

1. Cum să creați un document nou și să configurați o rețea

Lovit Control-N pentru a crea un Document nou. Selectați pixeli de la Unități meniul derulant, introduceți 850 în Lăţime și Înălţime casete, apoi faceți clic pe acesta Avansat 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 Grilă (Afișați> Afișați grilă) si Fixat la retea (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> 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 fundalul și să salvați o pensulă de model

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe bara de instrumente. Eliminați culoarea din Accident vascular cerebral apoi selectați Completati și setați culoarea la R = 43 G = 59 B = 84.

Deplasați-vă la tabloul dvs. de arhitectură și creați pur și simplu un 860 px pătrat. Asigurați-vă că acoperă întreaga placă grafică și apoi treceți la straturi panou (Fereastră> Straturi). Extinde stratul existent și pur și simplu Blocare pentru a vă asigura că nu îl selectați / mișcați accidental.

Pasul 2

Reveniți la bara de instrumente și înlocuiți-le pe cele existente Completati culoare cu alb. Asigurați-vă că Instrumentul dreptunghiular (M) este încă activă și creează o 15 x 10 px formă. Concentrați-vă pe partea de jos a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și trageți-le pur și simplu 10 px la dreapta.

Asigurați-vă că această formă albă rămâne selectată și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Raza de 5 px și faceți clic pe O.K. Deschide Perii panou (Fereastra> Perii) și faceți clic pe Pensulă nouă. Verifică Pensulă de model caseta și faceți clic pe O.K pentru a deschide Opțiuni perie model fereastră. Introduceți toate atributele afișate în imaginea de mai jos, apoi faceți clic pe O.K pentru a crea o perie de model proprie.

3. Cum să creați trei cercuri concentrice

Pasul 1

Alegeți Instrument de elipsă (L) și de a crea un 320 px cerc. Asigurați-vă că acesta rămâne selectat și că focalizați pe Aspect panou. Asigurați-vă că nu există seturi de culori pentru Completati apoi selectați Accident vascular cerebral și aplicați-vă Pensulă de model de la Perii panou.

Apoi, trebuie să vă centrați cercul. Deschide Alinia panou (Fereastra> Aliniere) și selectați Aliniați-vă la Artboard. Dacă nu aveți acces la Aliniați-vă meniu, deschideți meniul de zbor al dvs. Alinia panou și mergeți la Afișați opțiunile. Acum, asigurați-vă că cercul dvs. este încă selectat și apoi pur și simplu faceți clic pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. Aceasta va muta imediat cercul dvs. în centrul tabloului de bord.

Pasul 2

Utilizarea Instrument de elipsă (L), creeaza o 300 px cerc și centrare. Selectați această nouă formă și focalizați pe Aspect panou.

Asigurați-vă că nu există seturi de culori pentru Completati apoi selectați Accident vascular cerebral. Setați culoarea albului (R = 255 G = 255 B = 255) și apoi faceți clic pe acesta Accident vascular cerebral bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 5 px și verificați Aliniați Accident vascular cerebral la interior buton.

Pasul 3

Utilizarea Instrument de elipsă (L), creeaza o 280 px cerc și centrare. Selectați această nouă formă și focalizați pe Aspect panou.

Asigurați-vă că nu există seturi de culori pentru Completati apoi selectați Accident vascular cerebral. Setați culoarea albului (R = 255 G = 255 B = 255), măriți Greutate la 30 px și nu uitați să verificați asta Aliniați Accident vascular cerebral la interior buton.

4. Cum se adaugă forme de text și mască

Pasul 1

Utilizarea Instrument de elipsă (L), creeaza o 240 px cerc, Completati cu o culoare aleatorie și cu centrul. Asigurați-vă că această nouă formă rămâne selectată, alegeți Tastați un instrument de cale, și deschideți Caracter panou (Fereastră> Tip> Caracter).

Selectează Rockwell Extra Bold font și setați dimensiunea la 15 px și urmărirea 500. Pur și simplu faceți clic pe marginea cercului selectat și adăugați textul. Setați culoarea neagră (R = 0G = 0B = 0) și treceți la Instrumentul de selecție directă (A). Utilizați brațul central pentru a glisa textul ca în imaginea a doua.

Pasul 2

Utilizarea Instrument de elipsă (L), creeaza o 260 px cerc, Completati cu o culoare aleatoare, și să-l centrați. Asigurați-vă că această nouă formă rămâne selectată și reselectați Tastați un instrument de cale.

Reveniți la Caracter și creșteți dimensiunea fontului la 16 px. Din nou, faceți clic pe marginea cercului selectat și adăugați piesa textului. Asigurați-vă că culoarea este setată pe negru (R = 0G = 0B = 0) și treceți la Instrumentul de selecție directă (A). Deplasați acea brățară centrală în interiorul cercului dvs., care va aduce și textul dvs. în interior. Glisați textul așa cum se arată în a doua imagine.

Pasul 3

Selectați ambele piese de text și grup lor (Control-G). Selectați acest grup împreună cu acesta 280 px cercul, deschideți Transparenţă panou (Fereastră> Transparență) și faceți clic pe Faceți masca buton. Debifați acea Clamă caseta și lucrurile vor arăta ca în a treia imagine.

Pasul 4

Utilizarea Instrument de elipsă (L), creeaza o 210 px cerc și centrare. Selectați această nouă formă și focalizați pe Aspect panou.

Asigurați-vă că nu există seturi de culori pentru Completati, apoi selectați Accident vascular cerebral. Setați culoarea albă, măriți Greutate la 5 px, și nu uitați să verificați asta Aliniați Accident vascular cerebral la interior buton.

5. Cum se creează steaua

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creaza un 80 px pătrați, îl faceți negru și îl centrați. Asigurați-vă că această nouă formă rămâne selectată și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Alegeți Instrumentul de selecție directă (A) și selectați cele patru puncte de ancorare evidențiate în prima imagine. Treceți la Instrument de scalare (S) și trageți pur și simplu punctele de ancorare selectate 25 px spre interior, așa cum se arată în a doua imagine.

Utilizarea Instrumentul dreptunghiular (M), creeaza o 150 px pătrați, albiți și centrați-l. Asigurați-vă că această nouă formă rămâne selectată și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Alegeți Instrumentul de selecție directă (A) și selectați cele patru puncte de ancorare evidențiate în a treia imagine. Treceți la Instrument de scalare (S) și trageți pur și simplu punctele de ancorare selectate 60 px spre interior, așa cum se arată în a doua imagine.

Pasul 2

Selectați-vă steaua albă și faceți-o Copiați în față (Control-C> Control-F). Selectați această copie împreună cu steaua neagră, deschideți-o deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Minus Front buton. Transformați formele rezultate într-o cale compusă (Control-8) și setați Completati culoarea albă.

Resetați acea stea albă și pur și simplu loviți Shift-X pentru a inversa rapid Completati și Accident vascular cerebral atribute. Selectați cursa, măriți Greutate la 5 px, și nu uitați să verificați asta Aliniați Accident vascular cerebral la interior buton.

Pasul 3

Alegeți Instrument Pen (P) și să creați un triunghi simplu, după cum se arată în imaginea următoare. Faceți-l alb și mergeți la Efect> Distortare & Transformare> Transformare. Asigurați-vă că verificați punctul de referință din dreapta jos, setați Unghi la 90 de grade, introduce 3 în Copii , apoi faceți clic pe acesta O.K buton.

Pasul 4

Concentrați-vă pe colțul de sus al formei stelei și alegeți Instrumentul dreptunghiular (M). Creeaza o 10 px pătrați, aliniați-o și plasați-o așa cum se arată în prima imagine.

Focalizați pe partea de jos a acestei forme minuscule și comutați la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și mergeți la Obiect> Cale> Mediu. Verifică Ambii apoi faceți clic pe O.K. Aceasta va transforma pur și simplu pătratul tău într-un triunghi.

Pasul 5

Asigurați-vă că triunghiul dvs. mic rămâne selectat și mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 190 px, verifică Reflectă Y și introduceți 1 în Copii cutie. Faceți clic pe acesta O.K buton și du-te din nou la Efect> Distortare & Transformare> Transformare. Seteaza Unghi la 90 de grade, introduce 1 în Copii , apoi faceți clic pe acesta O.K buton.

Pasul 6

Selectați toate formele care compun logo-ul dvs. și grup lor (Control-G).

6. Cum se maschează un grup de forme

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și de a crea un 90 x 50 px formă. Faceți-o negru și așezați-o exact așa cum este prezentat în prima imagine. Concentrați-vă pe partea dreaptă a acestui nou dreptunghi și alegeți Instrumentul de selecție directă (A). Selectați punctul de ancorare de sus și trageți-l 10 px , apoi selectați punctul de ancorare inferior și trageți-l 10 px jos.

A face o Copie din această formă neagră, Flip pe orizontală și plasați-o exact așa cum este prezentat în a treia imagine.

Pasul 2

Continuați să vă concentrați asupra celor două forme negre. Selectați cel din stânga și mergeți la Efect> Warp> Pește. Verifică Orizontală caseta, trageți aplecare glisați la 5%, și faceți clic pe acesta O.K buton. Selectați altă formă neagră și reveniți la Efect> Warp> Pește. Verifică Orizontală caseta, trageți aplecare glisați la -5%, și faceți clic pe acesta O.K buton. Odată ce ați terminat, reselectați ambele forme negre și grup lor (Control-G).

Pasul 3

Selectați ambele grupuri și mergeți la Transparenţă panou. Faceți clic pe acesta Faceți masca butonul și nu uitați să Debifați Clamă cutie.

7. Cum se creează panglicile

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și de a crea un 90 x 50 px formă. Faceți-o albă și plasați-o așa cum se arată în prima imagine.

Focalizați pe partea dreaptă a acestui nou dreptunghi, alegeți Adăugați un instrument de ancorare (+), și pur și simplu adăugați un nou punct de ancorare așa cum este arătat în prima imagine. Treceți la Instrumentul de selecție directă (A), selectați noul punct de ancorare și trageți-l 20 px la stanga.

A face o Copie din această formă albă, Flip pe orizontală și plasați-o după cum se arată în a treia imagine.

Pasul 2

Alegeți Instrumentul tip (T) și selectați fontul Pacifico din Caracter panou. Seteaza mărimea la 20 px și urmărirea 500, și apoi adăugați "19"bucată de text. Faceți-o negru și plasați-o așa cum se arată în prima imagine.

Selectați această nouă piesă de text împreună cu forma albă care se află în spatele acesteia și grup lor (Control-G). Asigurați-vă că acest grup nou rămâne selectat și mergeți la Efect> Warp> Pește. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 3

Continuați să vă concentrați asupra grupului făcut în etapa anterioară. Selectați textul și forma din interiorul acestui grup, mergeți la Transparenţă și faceți clic pe acesta Faceți masca buton. Nu uitați să debifați asta Clamă , iar lucrurile ar trebui să arate ca în a doua imagine.

Pasul 4

Selectați din nou Instrumentul tip (T) și adăugați "38"bucată de text. Faceți-o negru și plasați-o așa cum se arată în prima imagine.

Selectați această nouă piesă de text împreună cu forma albă care se află în spatele acesteia și grup lor (Control-G). Asigurați-vă că acest grup nou rămâne selectat și mergeți la Efect> Warp> Pește. Introduceți atributele afișate în următoarea imagine, apoi faceți clic pe aceasta O.K buton.

Pasul 5

Continuați să vă concentrați asupra grupului făcut în etapa anterioară. Selectați textul și forma din interiorul acestui grup, mergeți la Transparenţă și faceți clic pe acesta Faceți masca buton. Nu uitați să debifați asta Clamă , iar lucrurile ar trebui să arate ca în a doua imagine.

8. Cum să adăugați o imagine pentru fundal

Pasul 1

Reveniți la straturi panou și deblocați pătratul albastru. Selectați-l și focalizați-vă pe Aspect panou (Fereastră> Aspect). Selectează Completati, micșorați-l Opacitate la 50%, și schimbați Mod de amestecare la Culoare.

Pasul 2

Descărcați această imagine gratuită și trageți-o în interiorul documentului. Redimensionați-o, trimiteți-o în spate folosind Shift-Control-[ comanda rapidă de la tastatură și plasați-o aproximativ ca în imaginea următoare.

Pasul 3

Resetați pătratul albastru, focalizați-vă pe Aspect și adăugați un al doilea umplere folosind Adăugați o nouă umplere buton. Selectați acest nou Completati, setați culoarea la R = 39 G = 170 B = 225, micșorați-l Opacitate la 50%, și schimbați 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. Consultați acest tutorial de la Yulia Sokolova dacă sunteți interesat să aflați mai multe tehnici care pot fi folosite pentru a crea logo-uri vectoriale: Creați un logo-ul retro pe un fundal neclar în Adobe Illustrator.

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.