Echipa minunată de la logo-ul scris manual la vectorul din Adobe Illustrator

Ce veți crea

Ați vrut vreodată să creați un logo tipografic pentru dvs. sau echipa dvs.? Nu este atât de dificilă cum pare! Mulți oameni spun că nu pot picta sau desena, dar tipografia face parte din viața noastră de zi cu zi. Întotdeauna scriem nume, adrese de e-mail, numere de telefon și altele asemenea. Deci, toți avem un început bun; suntem cu toții familiarizați cu formele literelor.

Vă voi îndruma acum prin toate etapele necesare pentru a crea un logo pentru "Team Awesome". 

Ce vei avea nevoie

Pentru a finaliza acest proiect, veți avea nevoie de următoarele:

  • Hârtie
  • Creion
  • Adobe Illustrator

1. Planificați-vă sigla

Pasul 1

Notați cuvântul sau fraza pe care doriți să o creați înainte de a începe schița. Acest lucru poate părea stupid, dar crede-mă, este important! Pe măsură ce scrieți cuvintele, veți începe să vedeți cum literele "dansează" și joacă unul cu celălalt.

Pentru acest proiect, creez un logotip pentru "Team Awesome". Acesta este numele echipei de instructori și al membrilor comunității din secțiunea Design & Illustration din Tuts +. Deoarece citești acest tutorial, bine ai venit în echipă!

Pentru a mea "Echipa minunată"logo-ul, mă întrebam ce aș putea folosi pentru a reprezenta vizual" Awesomeness ". Primul lucru care mi-a venit în minte a fost super-eroii. Ce mai minunat decât un super-erou? Vreau ca sigla mea să semene cu o logos super-erou.

Pasul 2

Acordați-vă timp pentru a vă gândi și a planifica modul în care numele pe care îl utilizați pentru emblema dvs. poate fi tradus vizual. În acest caz, logo-ul nostru va fi de toate felurile, așa că voi folosi elemente integrate cu literele. Pentru acest logo am ales să folosesc un fulger.

Pasul 3

Doodle! Începeți explorarea diferitelor posibilități vizuale. Jucați cu tipul și elementele. Nu este nevoie să rafinați nimic în acest stadiu, doar doodle!

2. Alegerea unui stil tipografic

Pasul 1

Pe măsură ce începeți să schițați, gândiți-vă la stilul pe care doriți și la ce mesaj doriți să transmiteți cu sigla sau cu litere. Cum doriți să se arate și să se simtă emblema dvs.? Ce vrei să simtă persoana care se uită la sigla ta? Scott Biersack oferă un set grozav de tutoriale care vă vor ajuta să înțelegeți mai bine tipografia. Folosiți instruirea lui Scott cu privire la Fundamentele scrisorilor de mână. Acest lucru vă va ajuta în timp ce lucrați prin gândurile voastre.

Pasul 2

Acum, când v-ați gândit la mesajul pe care doriți să-l transmiteți, va trebui să alegeți un stil tipografic specific. Vreau ca logoul meu să fie funky și să aibă un flux frumos. Pentru a face acest lucru, am ales să o fac într-un stil de scenariu obișnuit similar cu scrisul de mână. Pentru a avea o mai bună înțelegere a tipografiei și a alege un stil care se potrivește cel mai bine cu ceea ce doriți să transmiți, verificați acest tutorial de Scott Biersack: Scrisoare de mână: înțelegerea tipurilor de tip.

3. Creați miniaturi

Acum veți începe să explorați mai multe posibilități și să încercați să legați toate elementele împreună.

Pasul 1

Mai întâi, creați miniaturi rafinate. Îmi place să schițez miniaturile ca versiuni mini ale logo-ului. În acest fel, pot vedea mai clar în această etapă inițială cum se va comporta logoul și dacă va funcționa sau nu. În acest moment voi schița mult. Nu vă fie frică să faceți multe versiuni diferite. De asemenea, încep să definiți unde voi plasa punctele mele de bezier în această etapă.

Pasul 2

Desenați literele ca simple linii și apoi adăugați adâncimea literelor; o versiune analogică a Calea offset comanda. Este o tehnică bună pe care o puteți adapta propriului dvs. scrierii de mână sau forme, astfel încât să aveți timp să practici. Vom aștepta.

4. Selectarea și perfecționarea schiței

Pasul 1

Selectați schița creionului dur cu care doriți să lucrați, scanați-o și redimensionați-o la o dimensiune mai mare. Acesta va fi șablonul pentru a vă construi vectorii.

Pasul 2

După ce imaginea este scanată, imprimați-o din nou și trasați cursa deasupra acesteia pentru a efectua ajustări și pentru a corecta eventualele probleme. Apoi re-scanați încă o dată această schiță pentru a utiliza imaginea pentru urmărirea reală în Illustrator. De obicei, fac modificări de ultimă oră în această schiță.

5. Definirea poziționării mânerelor Bezier

Pasul 1

S-ar putea să te întrebi: "Definirea plasării mânerilor meșterului ... acum? Pe hârtie?" da! Faceți acest lucru acum, înainte de a începe chiar cu partea vectorială. Acest lucru va ajuta la crearea ulterioară a fluxului de lucru în Illustrator mai târziu și, de asemenea, este un exercițiu bun pentru vectorizarea generală.

Pasul 2

Luați schița dvs. brută selectată și definiți punctele cheie care vă vor ajuta să vă construiți formele vectoriale. Aceasta nu este o regulă; uneori va trebui să adăugați sau să eliminați puncte aici și acolo mai târziu. Nu fi un bezier nazist! Este vorba doar de a face curbele să arate bine. Examinați cu atenție formele literelor și încercați să identificați punctele extreme. Trasează linii în jurul literelor pentru a identifica punctele extreme. Marcați-le pe hârtie cu un stilou sau un marcator.

Păstrați această hârtie la îndemână pentru referințe ulterioare; noi o vom numi Fișa de referință Bezier.

6. Pregătirea schiței

Cu schița selectată și plasarea punctelor bezier definite, este timpul să pregătiți schița pentru a fi urmărită în Illustrator. Facem asta prin deschiderea schiței în Photoshop, transformând-o într-o imagine bitmap (Imagine> Mod> Bitmap) și salvarea ca fișier TIFF.

7. Configurarea cadrului în Adobe Illustrator

Pasul 1

Acum este momentul să configurați documentul Illustrator pentru a începe să construiți formele logo-ului "Team Awesome". Primul clic pe Fișier> Nou pentru a crea un nou document. Al meu e A4 (210 x 297 mm) orizontală, Mod culoare: RGB. Folosesc versiunea CS5, dar nu ar trebui să existe o mare diferență în versiunile mai noi sau anterioare.

Pasul 2

Plasați imaginea făcând clic pe Fișier> Locul și selectarea fișierului TIFF pe care l-ați salvat anterior. Calea de a merge!

Pasul 3

Această schiță va fi șablonul dvs. Am vopsit-o cu o culoare albastru deschis, pentru a mă ajuta să văd prin linii. 

Este o practică bună să adăugați linii care vor funcționa ca ghiduri pentru a vă ajuta să plasați formele. Eu folosesc un gri deschis pentru ghizi. Aceasta nu este o regulă - puteți juca cu culori pentru a vedea ce funcționează cel mai bine pentru dvs. Lumina cenușie funcționează pentru mine. Cel mai important lucru pe care trebuie să-l aveți în vedere este să aveți schița vizibilă. 

Denumiți acest strat "TEMPLATE" sau alt nume despre care credeți că vă va ajuta. După ce este setat, creați un nou strat și denumiți-l "TRACE". Vă recomandăm să alegeți culoarea Albastru închis pentru stratul "TRACE".

8. Începeți construirea formelor vectoriale

Pasul 1

Folosind fișa de referință Bezier creată mai devreme, faceți clic pe Instrument Pen (P) și începeți să adăugați puncte în locurile definite, menținând întotdeauna Schimb cheie pentru a restrânge poziția. Aceasta va păstra punctele înclinate la , 45º și 90º, permițând formei dvs. să aibă curbe mai bune cu mai puține puncte și făcându-l ușor de construit și controlat mai târziu. 

Continuați și dezactivați stratul TEMPLATE pentru a vedea cum arată curbele și ajustați-le dacă este necesar. Pentru formele pe care le folosesc o culoare roz (# FF00FF). Acest lucru vă va ajuta să vedeți liniile deasupra schiței albastre.

Pasul 2

Începeți cu majusculă A și construiți fiecare literă separat ca un obiect diferit până când compoziția este completă. Continuați să repetați acest lucru pentru toate literele, să activați și să dezactivați stratul TEMPLATE și să acordați atenție modului în care sunt amplasate punctele dvs. și cum arată curba. După ce vă obișnuiți cu această tehnică, veți vedea cât de simplu este.

9. Plasarea punctelor

Pentru majoritatea oamenilor, lucrul cu curbe bezier este partea cea mai dificilă și, uneori, terifiantă. Ar putea părea complicată pentru prima dată, dar nu este. Uită-te la capturile de ecran de mai jos și observă cum sunt plasate toate punctele. 

10. Forme vectoriale finalizate 

Pasul 1

Cu ajutorul formelor vectoriale de bază completate, acum este momentul să examinăm progresul nostru. În acest moment îl voi imprima din nou și voi face mai multe ajustări cu un creion.

Pasul 2

Aceasta este schița mea tipărită. Cu toate acestea, nu voi re-scana acest lucru. Mă voi referi doar la modificări în Illustrator.

11. Ajustări

Pasul 1

Duplicați stratul TRACE și denumiți-l REVISION. Pe acest strat faceți corecții utilizând schița imprimată, dacă este necesar, păstrând celelalte straturi și lăsându-le intacte.

Pasul 2

Ați completat și modelați vectorul. Duplicați acest strat și îl denumiți FINAL ca rezervă, în cazul în care trebuie să îl modificați mai târziu.

12. Styling

Acum este momentul să faceți logo-ul pop! Să-i dăm niște viață pentru ao face chiar mai minunată.

Pasul 1

Tăiați câteva litere pentru a le face să pară mai strâns. Puteți adăuga forme pe anumite părți și, împreună cu Minus Înapoi comanda de la deschizător de drumuri panou, scade din forma originală.

Puteți face acest lucru prin plasarea de forme tăiate în partea de jos și faceți clic pe Obiect> Aranjare> Trimitere înapoi sau lovind Shift-Control-[.

Pasul 2

Deschide deschizător de drumuri făcând clic pe Fereastră> Pathfinder sau faceți clic pe Shift-Control-F9.

Pasul 3

Cu cele două forme selectate, faceți clic pe Minus Înapoi buton. Voilà!

Pasul 4

Adăugați un contur la obiect selectând și făcând clic pe Obiect> Cale> Calea offset. introduce 1 mm și faceți clic pe O.K.

Pictează conturul cu o culoare albastru închis sau negru, pentru a putea distinge amândouă. Nu vă faceți griji despre culori pentru moment - vom schimba asta mai târziu.

Pasul 5

Acum, să adăugăm o adâncime. Duplicați stratul de contur făcând clic pe Editați> Copiere (Control-C), și lipiți-o în spate făcând clic pe Editați> Inserați înapoi (Control-B).

Selectați cele două contururi negre și faceți clic pe Obiect> Blend> Make sau faceți clic pe Control-Alt-B.

După aplicarea efectului, veți observa că amestecul pare ciudat. Să corectăm acest lucru dând dublu clic pe Instrumentul de amestecare pe butonul " Instrument panou.

În caseta de dialog care apare, selectați Spațierea: Pași specificați și intră 60. După aplicarea efectului, selectați Obiect> Blend> Extindeți și va fi convertită în obiecte.

Cu obiectele selectate, deschideți deschizător de drumuri  panou și localizați Uni buton. Apasa pe el. Aceasta va îmbina toate obiectele într-un singur obiect.

Și e gata! Felicitări pentru ... Ce? Nu, nu, încă! Transfigurați-vă și vedeți că unele linii sunt pline de puncte, făcând conturul să arate în anumite zone. Trebuie să scăpăm de asta!

introduce Modul de contur dând clicuri Control-Y și faceți clic pe Lasso Tool buton (Q) pe Instrument panou. Selectați punctele suplimentare cu Lasso Tool și du-te la Obiect> Cale> Eliminați puncte de ancorare. Repetați acest lucru pe toate părțile necesare până când aveți niște forme frumoase.

13. Culoare și detalii

Pasul 1

După ce totul este corectat, hai să schimbăm culorile. În cazul meu, fac acest logo pentru un grup minunat de oameni și culorile lor sunt cele de mai jos, așa că mă voi abține de la ei. În acest pas, puteți juca cu orice culoare doriți.

Încă mai cred că ceva lipsește. Încă nu este logoul super-erou pe care l-am imaginat, așa că am adăugat o elipsă în fundal și am vopsit-o cu culoarea mai deschisă.

Pasul 2

Acum, pentru a adăuga câteva detalii. Mai întâi adaug un contur alb în jurul extrudării. Click pe Obiect> Cale de decalare și intră 1 mm.

Duplicați conturul alb selectând-l și făcând clic pe Editați> Copiere (Control-C) și lipiți-o în spate făcând clic pe Editați> Lipire înapoi (Control-B) Voi picta "umbra" mea cu o culoare mai inchisa decat culoarea elipsei.

Pasul 3

Acum voi adăuga câteva detalii. Faceți clic pe Instrumentul dreptunghiului pe butonul " Instrument panousau lovit M, și desenați niște dreptunghiuri și pictați-le albastru pentru a fi mai vizibile. Voi poziționa a mea împreună cu unghiul de extrudare. Creeaza o Traseul compusului din toate dreptunghiurile, făcându-le o singură cale. Cu toate dreptunghiurile albastre selectate, faceți clic pe Shift-8 sau mergeți la Obiect> Calea compusă> Efectuați.

Selectați extrudarea și faceți clic pe Obiect> Cale> Calea offset și intră -1 mm în caseta de dialog.

Selectați calea generată și dreptunghiurile și în deschizător de drumuri panou localizați intersecta și faceți clic pe el. Copiați calea generată făcând clic pe Editați> Copiere (Control-C), apoi selectați extrudarea și faceți clic pe Editați> Lipire în față (Control-F).

O treabă minunată, Echipă!

Ura! Logo-ul echipei noastre Awesome este gata și strălucitor! Minunat!

Acest tutorial este destinat să vă ajute să aveți o mai bună înțelegere a literelor de mână și a vectorului. La început, sună complex, dar cu cât practici mai mult, cu atât mai ușor va deveni. Sper că toate informațiile pe care le-am oferit sunt utile pentru dvs. și că puteți să vă adaptați tehnicile și sfaturile prezentate aici pentru proiectele proprii. Vă mulțumim pentru vizionare și rămâneți minunat!