Cum să creați o siglă cu Adobe Illustrator pas cu pas

Logo-ul este unul dintre cele mai reprezentative elemente vizuale ale unui brand, este capabil să transmită publicului care este esența sa și este un simbol foarte puternic. În acest tutorial vă voi arăta instrumentele de bază pe care Illustrator le oferă pentru proiectarea siglelor și vă voi învăța cum să profitați la maximum de ele. Dacă doriți să știți cum să creați o siglă cu Adobe Illustrator, nu puteți rata această postare!

Logo, izotip sau imagotip

Diferența dintre logo, imagotip și isotip Illustrator

În mod normal, folosim cuvântul logo pentru a ne referi la simbolul care reprezintă o marcă. Cu toate acestea, acest termen nu este complet bine folosit. Înainte de a începe să proiectăm, să clarificăm acest lucru.

  • El logo este simbolul care reprezintă marca și este alcătuit din imagini și text (sau tipografie).
  • Când simbolul este compus doar din o imagine, fără text, este mai corect să folosiți termenul izotip.
  • Există mărci care uneori folosesc diferitele părți ale logo-ului lor independent. De exemplu, Nike de multe ori este reprezentat exclusiv de swoosh. Când imaginea logo-ului este asociată cu marca fără a fi nevoie să fim însoțiți de tipografie, ne putem referi la aceasta ca imagotip.

Creați un document nou în Illustrator și observați modelul

Analizați modelul pentru a crea sigla în Illustrator

Să creăm un document nou. Vom da masa de lucru a Dimensiune A4, astfel nu ne va lipsi spațiul pentru a lucra. Am schimbat modul de culoare la RGB.

Vom începe cu un logo simplu pe care l-am proiectat anterior. Privind la acest model, vom vedea pas cu pas cum l-am creat și cu ce instrumente. Al lor este că aveți o idee despre cum puteți profita la maximum de ceea ce oferă Illustrator. Prin descompunerea siglei, vedem asta Este alcătuit dintr-un set de forme combinate și un text.

Creați toate formele necesare în Adobe Illustrator

Corpul bufniței

Utilizați instrumentul de selecție directă pentru a edita forma în Illustartor

Să ne concentrăm mai întâi pe forme. În bara de instrumente, veți găsi fișierul instrument de forme. Făcând clic pe acesta, ne oferă opțiunea de a crea dreptunghiuri, elipse, stele, poligoane sau segmente de linie. În acest caz, avem nevoie creați un dreptunghi. Selectați instrumentul și târând mouse-ul creați un dreptunghi care este aproximativ dimensiunile pe care le vedeți în imaginea de mai sus.

Cum putem ajunge de la acest dreptunghi la forma care alcătuiește corpul bufniței? Trebuie să o deformăm, și pentru asta avem instrument de selecție directă pe bara de instrumente. Când îl selectați, veți vedea că la colțurile dreptunghiului un fel de manipulatori (cercurile). Dacă trageți direct pe oricare dintre ele, veți vedea că colțurile se rotesc. Pentru a distorsiona un singur colț, trebuie doar să faceți clic o dată și apoi să trageți. Vei vedea că acel colț se mișcă și restul rămâne așa cum a fost.

Vom începe din colțul din stânga jos, vom duce mânerul la limită. Vom continua spre stânga sus și în cele din urmă vom rotunji dreapta sus. În acest fel veți obține forma dorită.

Ochiul bufniței

Instrumentul de aliniere din Illustrator

Privind pe larg modelul. Ochii sunt alcătuiți din aceeași formă ca și corpul iar pentru două cercuri, unul în altul. Vom crea un dreptunghi mai mic și îl vom deformaEste așa cum am făcut în pasul anterior. Acum, vom crea cercurile. Selectează instrument de elipsă. Pentru a crea un cerc perfect, trebuie să apăsăm tasta deplasați în timp ce trageți, altfel ar putea fi deformat și ar putea fi mai mult o elipsă decât un cerc.

Odată ce avem toate elementele ochiului, este timpul să-l asamblăm. Pentru orice sarcină de proiectare pe care o faceți în Illustrator instrumentul de aliniere este de bază. Este posibil să nu îl aveți vizibil, îl puteți accesa oricând în fereastră>a se alinia. Vă va ajuta automat să aliniați diferite elemente. Puteți face referință la tablă, selecție sau la un obiect cheie. Pentru a vă alinia trebuie doar să selectați mai multe obiecte și ealegeți o opțiune de aliniere. Dacă doriți să alegeți un obiect de referință, faceți selecția și faceți clic pe obiectul pe care doriți să îl transformați într-un obiect cheie fără a apăsa nici o tastă. Vom centra pupila în interiorul părții exterioare a ochiului.

Duplicați și răsturnați pentru a crea celălalt ochi

Duplicați și răsturnați sigla în Illustrator

Dacă observați, celălalt ochi este exact același, dar în poziție opusă. Pentru a nu trebui să repetăm ​​întregul proces, ceea ce vom face este duplicar cel deja creat. Puteți face acest lucru cu comanda + c (copiere) și apoi comandă + v (lipiți) sau puteți alege să apăsați tasta de opțiune și trageți. Pentru a o inversa, faceți clic pe ea și în panoul de proprietăți, în secțiunea „transformare”, în simbolurile indicate în imaginea de mai sus, puteți răsturna forma, în acest caz avem nevoie să fie orizontală.

Creați aripa cu instrumentul de căutare sau stilou

Instrumentul Pen și Pathfinder

Să ne întoarcem la forma mare, veți vedea că are un fel de aripă. Este de fapt aceeași formă pe care o folosim pentru corp, plasată în spate și întoarsă. Voi profita de această ocazie pentru a explica două instrumente super utile pentru crearea siglelor: instrumentul stilou și pathfinder.

La instrument pentru stilou Îl aveți în bara de instrumente și poate fi folosit pentru a crea aripa. Folosirea acestuia este foarte simplă. Pur şi simplu faceți clic pentru a crea vârfuri și linii vor fi desenate automat pentru a le uni.

O altă modalitate de a construi aripa este folosind pathfinder. Dacă nu îl aveți vizibil, îl veți găsi în fila fereastră> Pathfinder. Cu acest instrument puteți combina sau scădea părți. În acest caz, trebuie să selectăm opțiunea: mai puțin față. Duplicați forma corpului, plasați-l în spatele formând aripa și copiați din nou, apăsați mai puțin în față și ștergeți excesul. Am avea deja aripa noastră. Odată create toate formele, puteți asambla logo-ul.

Culoare și gradient pentru sigla dvs. în Illustrator

aplicați degradarea siglei dvs. în Illustrator

Până acum nu am atins problema culorii. Este important ca atunci când îți proiectezi sigla să fii atent la culoare, să alegi tonuri care să armonizeze și să reprezinte spiritul mărcii. Am ales un roz, voi lăsa codul de culoare de mai sus în caz că funcționează pentru tine. Ochii nu sunt umpluți, sunt o linie albă cu grosimea de 0,25.

Partea roz a corpului nu are o culoare plată, are o culoare degradat. Există opinii contradictorii cu privire la siglele cu sau fără gradient. Înainte de a le utiliza, era un risc, deoarece gradientul putea fi pierdut atunci când îl încărcați pe web. Cu toate acestea, aceasta este o problemă depășită. Multe mărci folosesc gradiente în logo-urile lor, mărci la fel de recunoscute ca Instagram. Îmi plac personal pentru că, dacă sunt bine folosiți, adaugă volum siglei.

Pentru a aplica gradienți, trebuie să selectăm instrumentul de gradient și să facem dublu clic pe obiect. Putem comanda rapidă apăsând G de pe tastatură și făcând dublu clic. În panoul de proprietăți, în gradient, puteți alege tipul de gradient și puteți afișa un meniu pentru al modifica în cele trei puncte. În acest caz, am ales un gradient care merge de la negru la alb și am schimbat negrul în roz și albul pe care urmează să îl înlocuim cu un roz foarte foarte deschis, aproape alb. Prin mutarea barei care apare în formă și puncte, puteți modifica poziția și structura gradientului.

Tipografie în siglă

Textul nu are nicio complicație, este scris cu fontul Oswlad Medium, pe care îl puteți descărca gratuit de la Google Fonts. I-am acordat o dimensiune de 17 puncte și am ales același ton roz. Așa ar arăta!

Cum se personalizează fonturile în Adobe Illustrator

transformă textul în linie în Illustrator

Să vorbim mai multe despre tipografie! Fonturile pot fi convertite în linii, rupem, deformăm și ne putem juca cu ei. Sunt destul de reticent să o fac, dar hei, crearea de sigle este o resursă bună și ar trebui să o știți. Să vedem un exemplu:

Să alegem fontul File Black și voi scrie acest nume. Așa cum este acum, putem face puțin cu asta. Trebuie să transformăm tipografia într-un accident vascular cerebral. Pentru asta, îl selectăm cu instrumentul de selecție și mergem la fila text> creăm contururi. Înainte de a face acest lucru, asigurați-vă că textul este bine scris, deoarece nu îl veți mai putea edita!

cum se creează sigla cu Adobe Illustrator

Prin crearea schițelor, vă puteți trata textul ca orice altă lovitură Illustrator. Așa cum am făcut cu formele, cu instrumentul de selecție directă, vom curba capetele i-urilor și punctul celui de-al doilea „i” îl vom transforma într-un fel de frunză, căreia îi voi da acest lucru ton turcoaz. Interesant este că întregul cuvânt ar putea fi folosit ca logo sau „i” ca tip de imagine independent.

Testați-vă siglele cu machete în Photoshop

Rezultatul final cum să creați sigla cu Photoshop

O idee bună pentru a vedea dacă sigla dvs. funcționează este să creați machete cu Photoshop. Este cel mai bun mod de a vedea rapid cum ar arăta în realitate și cum ar putea fi implementat. Ce părere aveți?


Lasă comentariul tău

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

*

*

  1. Responsabil pentru date: Miguel Ángel Gatón
  2. Scopul datelor: Control SPAM, gestionarea comentariilor.
  3. Legitimare: consimțământul dvs.
  4. Comunicarea datelor: datele nu vor fi comunicate terților decât prin obligație legală.
  5. Stocarea datelor: bază de date găzduită de Occentus Networks (UE)
  6. Drepturi: în orice moment vă puteți limita, recupera și șterge informațiile.