Share
Crearea identității grafice proprii nu este niciodată o operă ușoară. De fapt, ar putea fi cel mai greu lucru pe care l-ai făcut vreodată. De obicei, nu există un termen limită - doar un client pretențios cu așteptări iraționale: tu.
În încercarea de a găsi aspectul potrivit, nu am mers săpat prin tipografii populare și scheme de culori la modă. Deoarece majoritatea lucrării mele este experimentală și complet realizată de sine, de ce nu ar trebui să fie propriul meu logo?
Primul lucru pe care ar trebui să știți este că crearea formelor de scris nu este pentru toată lumea. Pentru majoritatea utilizatorilor, se recomandă utilizarea unui tip de fișier existent. De fapt, se poate întreba "dacă semnul dvs. este atât de simplu, de ce să vă deranjez? De ce să nu folosiți doar un font?" Sunt sigur că acolo sunt tone de fonturi mai bune. Dar nici unul dintre ei nu mă face atât de fericit ca acesta. Vezi tu, am făcut asta. Dacă sunteți un om practic ca mine, a fi fericit cu ceva înseamnă a face să îndeplinească cerințele dumneavoastră. Deci, ce vrei să ieși din logo-ul tău?
În acest tutorial, vă voi învăța cum să creați un logo care să satisfacă următoarele nevoi. Mai întâi de toate, sunt un producător de imagini care afișează în mod predominant munca în format digital. Acesta este deja un indicator că fontul meu trebuie să arate bine pe ecran. Fonturile Sans-serif funcționează bine în mod digital, deci este deja un motiv bun pentru a merge în această direcție.
În al doilea rând, munca mea necesită o semnătură, un simbol, ceva care identifică o anumită piesă de lucru ca a mea. În lumea digitală, se numește un filigran. Foarte devreme, am decis că simbolul ar fi un monogram. Întotdeauna am fost atras de lucruri vechi, iar acest lucru ar putea fi mai mult decât o alegere sentimentală. Monogramele ocupă puțin spațiu, pot fi afișate atât în format mare, cât și în format mic, dar oferă suficiente informații pentru a deveni recunoscute. Într-un proces foarte lung de schițare, mi-am dat seama că monograma mea poate deveni o ambigramă (citește același lucru când este rotită în sus). Asta este +1 pentru awesomeness. :)
Bine, așa că vreau un simbol sans serif simplu și ambigrama conexe. Acum cum să transformi asta în mai mult decât o schiță? Există diferite moduri de a crea un font. De vreme ce eu sunt un astfel de scandal de control în munca mea, am ales să fac acest lucru prin construcție geometrică. Aceasta înseamnă că nimic nu este estimat aproximativ prin vedere. Curbele sunt create prin alinierea unei serii de cercuri proporțional dimensionate. Radiunile lor sunt determinate de linii cu unghi precis și greutățile fonturilor sunt specificate metric. Pur și simplu, nimic nu este lăsat la întâmplare.
Înainte de a intra în ea, m-am gândit să vă arăt una din scrisorile mele în comparație cu Futura Std, astfel veți obține un sentiment de proporții cu privire la cât de mare este să vă creați cercurile. Aceasta este și grila pe care o vom face.
În următorii pași voi lăsa litera "e" în loc. Acest lucru va servi drept ghid, din nou pentru dragul proporțional, chiar dacă îl recreăm de la zero. Acest vas cu litera pe care suntem pe cale să îl creăm va fi mai târziu transformat într-un "a", "e" și un "c".
Pentru a începe, creați primul cerc. Acesta va fi colțul bolului, ca să spunem așa. În această secțiune, asigurați-vă că opțiunea Ghidului inteligent al Illustratorului este activată (Command + U) și că este activat (opțiunea + comandă +). Nu este doar un economizor de timp în această situație, ci este necesar.
Creați o linie orizontală care se întinde de la o parte a cercului la cealaltă.
Mergeți la Object> Transform> Rotiți și rotiți linia la un unghi de -25 grade.
Trageți linia de-a lungul căii spre partea stângă. În acest fel, aveți o intersecție clară a căilor cu cercul.
Linia este acum deasupra cercului, deoarece a fost creată după aceea. Vrem ca cercul să fie pe partea de sus, deoarece încercăm să adăugăm un punct de intersecție în calea cercului. Fie schimbați aranjamentul prin aducerea cercului pe partea de sus, fie tăiați și inserați cercul în loc (Command + F). Apoi plasați mouse-ul peste intersecție și adăugați un punct cu instrumentul Pen (P).
Copiați și lipiți linia în poziție (Command + F) Mergeți la Object> Transform> Reflect. Răsuciți-l prin axa verticală.
Repetați procesul liniei (trageți linia de-a lungul căii, aduceți cercul deasupra, adăugați un punct de intersecție în cerc).
Copiați și inserați cercul în loc și mergeți la Object> Transform> Scale. Fa-o 225% mai mare.
Trageți punctul superior de unghi de 15 grade al cercului mare direct deasupra punctului celui mai mic. Ar trebui să se fixeze împreună.
Copiați și lipiți cercul mai mic. Trageți-l așa cum ați făcut cu primul, cu excepția punctului inferior al cercului mare.
Aceasta ar trebui să arate până acum construcția. Aceasta completează marginea exterioară a literei. Următoarea este granița cu raza interioară.
Copiați și lipiți în loc cercul mic al razei exterioare. Scalați-l până la 50%.
Folosind opțiunea Ghiduri inteligente, adăugați un punct cu instrumentul Pen pe cercul de rază interioară la 135 de grade (ghidul va apărea automat). Practic, aceasta este o diagonală de 45 de grade.
Copiați și lipiți cercul mic (vom numi acest nou mediu). Scalați-l la 130%.
Din nou, creați diametrul cercului ca înainte, dar la un unghi de -15 grade de data aceasta.
Copiați și inserați unul dintre cercurile mari. Dați-i și un diametru de -15 grade.
Deplasați cercul mare astfel încât acesta să corespundă cu punctul unghiului de 15 grade al cercului mediu.
Copiați și lipiți cele două cercuri (mici și medii). Împingeți-le vertical (reflecție orizontală) și fixați-le pe cel mai mic punct de 15 grade al cercului mare (dacă nu l-ați creat, faceți-o acum).
Copiați și lipiți un alt cerc mare și fixați-l în punctul superior al cercului mediu. Faceți același lucru pentru cel de jos.
Acum creați un accident de 37 pt, care este mai mare decât litera. De asemenea, creați un accident vascular cerebral subțire pe care îl veți folosi ca ghid (văzut în negru). Atașați linia de ghidare la punctul corect al cercului mediu.
În timp ce ați selectat cursa mare, mergeți la Object> Expand.
Creați câteva linii directoare pe fiecare parte a acestui accident vascular cerebral gros.
Ștergeți cursorul gros și trimiteți ghidajele pe care tocmai le-ați făcut în partea din spate a pânzei.
unde ghidajele se intersectează cu cercurile exterioare și interioare mari, adăugați puncte de intersecție.
Construcția noastră este acum completă. Să începem să alcătuim granița exterioară. Copiați doar elementele de pe marginea exterioară într-un strat nou și ascundeți precedentul.
Iată cum funcționează acest lucru. Fiecare cerc este relevant numai până când atinge un alt cerc. Deci, din marele cerc exterior (încă păstrat ca o linie albă pentru referință), tot ce avem nevoie este micul mic. Deoarece am adăugat puncte de intersecție la toate, tot ce trebuie să faceți este să tăiați extrasurile ștergând punctele care nu sunt necesare cu ajutorul instrumentului de selecție directă (A - săgeată albă). Ștergeți toate, dar partea evidențiată de mai jos.
Din raza de colț, lăsați la fel de mult ca să conectați cercul mare și stânga.
Faceți același lucru pentru cercul mare stâng, apoi pentru partea inferioară.
Chiar acum, așa ar trebui să arate cercul dvs. Nu vă deranjează că vârful este mai lung. Nu este de fapt - litera "e" este puțin mai lată decât "a" de sus.
Calea poate părea continuă, dar de fapt este împărțită în multe bucăți pe care le-am creat. Acum trebuie să adunăm împreună toate punctele intersectate. Cu instrumentul de selecție directă (A), glisați peste cele două puncte de suprapunere și alăturați-vă căilor împreună (Command + J). Faceți asta pentru toate capetele divizate.
Schița dvs. exterioară este acum terminată. Aveți grijă să nu pierdeți capetele libere.
Repetarea procesului pentru conturul interior ar trebui să vă dea acest rezultat. Nu uitați să vă alăturați celor două căi împreună.
Amintiți-vă cele două ghiduri verticale pe care le-am plasat? Închideți vasul "a" cu instrumentul Rectangle (M).
Umpleți calea bolului cu o culoare solidă, îndepărtați conturul și aliniați-l cu dreptunghiul. Și în sfârșit avem prima noastră scrisoare!
Duplicați-l și treceți la următoarea literă. Creați o linie înclinată de 15 grade.
Plasați punctul final al liniei peste colțul literei.
În aceeași tehnică de plasare a punctelor finale peste căile intersectate, tăiați partea inferioară a bolului.
Deplasați dreptunghiul prin prinderea colțului din dreapta jos peste punctul final al literei.
Micșorează dreptunghiul până la o proporție verticală de 70%. Amintiți-vă să faceți acest lucru nonconforming, pentru a păstra grosimea.
Trageți colțul din dreapta sus al dreptunghiului până când se fixează pe traseul bolului.
Îndepărtați excesul vasului pe partea dreaptă a dreptunghiului, așa cum se vede mai jos.
Duplicați dreptunghiul, rotiți-l la un unghi de 90 de grade și fixați-l în colțul dreptunghiului anterior.
Duplicați dreptunghiul vertical și fixați-l la ancora centrală interioară a bolului.
Glisați cele două puncte finale ale dreptunghiului orizontal cu Instrumentul de selecție directă (A) până când se fixează la cel de-al treilea dreptunghi. Ștergeți-le din urmă pentru a descoperi diferența.
"C" este o modificare simplă față de "e". Decupați doar separatorul orizontal în timp ce utilizați un ghidaj de la "e". Acum avem cele trei scrisori cele mai dificile de creat!
Vom începe acum să creați formularea și să creați noi scrisori acolo unde este necesar. Pentru a începe, vom avea nevoie de o grilă de plasare. Creați două linii orizontale foarte lungi și fixați-le până la cele mai îndepărtate ancore verticale de pe "a".
Grupați cele două linii (Command + G), le tăiați și le lipiți pe un strat nou, copiați-le și lipiți-le (Command + F). Scalați acest grup nou până la 94% pe axa sa verticală. De ce setul dublu de ghiduri? Aruncați o privire rapidă asupra fiecărui font profesional din bibliotecă. Veți observa că ghișările întotdeau întotdeauna mai mult decât tulpini. Acest lucru se datorează faptului că atunci când contorul și tulpina sunt la nivele egale, unul vizual percepe tulpina ca fiind mai înaltă. Pentru a compensa această diferență de nivel, trebuie să creșteți nivelul contorului dincolo de înălțimea x.
Liniile roșii sunt acum înălțimea noastră x. Acum avem nevoie de o linie ascenderă (marcată cu alb).
Creați o linie verticală care se fixează de la linia ascendentă până la linia de bază. Nu confunda linia de bază cu contra-linia. Amintiți-vă tulpinile (ceea ce noi creăm acum) nu coincid cu liniile contra. S-ar putea să vă ajute să schimbați culoarea liniei de bază și a înălțimii x la altă culoare.
Adăugați un alt ghid care se fixează la vârful literei "a" (după cum se arată mai jos). Apoi, pe stratul de font, adăugați o linie înclinată de 20 de grade și fixați capătul final în care ghidajul se intersectează cu tija.
Acum avem nevoie de o componentă pentru litera "l". Creați un cerc foarte mare pe același strat.
Atașați ancora orizontală stângă a cercului la tija.
Adăugați ancore la căile în care se intersectează cu ghidajele. Unul pentru linia de contra și altul pentru linia de bază. Asigurați-vă că ați blocat stratul de ghidare, în caz contrar acele ancore vor ajunge pe ghidaje, mai degrabă decât pe căi.
Îndepărtați cercul până când rămâneți cu partea mică din stânga jos. Conectați căile pentru a obține o literă "l".
Creați o linie verticală de 40 pt (linia de grosime) și rotiți-o la un unghi de 35 de grade.
Duplicați linia și răsturnați-o orizontal.
Extindeți-l și tăiați excesul, din nou, folosind linia de bază și înălțimea x ca ghid. Odată ce x este completă, rotiți un "l" cu 90 de grade și fixați-o în partea de jos a liniei de contragreutate. Apoi duplicați ghidajele și fixați-le în partea inferioară a roții "l". În principiu, am creat doar ghiduri pentru un al doilea rând, cu un spațiu identic cu greutatea fontului. Acest lucru face pentru un layout foarte strâns, dar imposibil de a face cu corpuri mari de tip.
Vedeți, nu am scrisori descendente în primul meu nume (ex "g" - litere care coboară dincolo de linia de bază). Cu un astfel de aspect, descendenții s-ar suprapune cu al doilea rând, ceea ce ar fi o problemă evidentă.
Duplicați litera "a" și răsturnați-o orizontal pe rândul de jos.
Extindeți tulpina până când ajunge la linia ascendentă.
Duplicați litera "a" și răsturnați-o orizontal pe rândul de jos.
Extindeți tulpina până când ajunge la linia ascendentă.
Modificarea pe care o vom face este una care îmbunătățește lizibilitatea la dimensiuni mici. Este un fel de lucru pe care îl observi după ce au fost tipărite probe și teste de dimensiuni mici pe ecran. Creați un cerc care generează un rezultat aproximativ, după cum se arată mai jos. Folosind tehnica explicată în prima parte a tutorialului, tăiați vasul.
Puteți vedea schimbarea de mai jos, ceea ce îmbunătățește lizibilitatea, în special la dimensiuni mici.
Următoarea noastră scrisoare din listă este "t". Duplicați e și așezați-l pe un duplicat "l" așa cum se vede mai jos.
Decupați totul, dar ceea ce se arată în ecranul de dedesubt.
Adăugați bara la "t" în timp ce utilizați alinierea corespunzătoare.
Adăugați o linie de -10 grade și folosiți-o ca ghid pentru a modifica bara.
Păstrarea unității vizuale a unui font poate însemna reutilizarea unor părți dintr-o literă pentru a crea altele (așa cum am făcut cu "a", "e", "c"), dar poate duce la extreme. Transformarea unui "b" într-un "h" nu este o modalitate de a merge. Unghiul trebuie să fie mai clar și trecerea la cea de-a doua tulpină în jurul unei raze mai strânse. Trebuie să cunoașteți tehnica până acum, așa că creați unul folosind imaginea de jos ca ghid.
Și, în cele din urmă, o scrisoare "i" a făcut dintr-o scurtă "l". Adăugați punctul, dar faceți ca punctul să fie cu 105% mai mare decât greutatea fontului (sau mai mult dacă doriți).
Miscarea noastra finala cu semnul este pe distanta dintre litere, cunoscuta si sub numele de kerning. Pentru a începe, vom expedia scrisorile folosind o literă "l" ca șablon. Atașați toate literele la acest bloc de spațiere pentru a obține același rezultat.
Ceea ce chiar ne dorim, este distanța optică. Când se distribuie în mod egal cu litere, obțineți lacune nedorite datorită formei distincte a fiecărei litere. Decalajul trebuie egalat prin mutarea fiecărei litere la stânga sau la dreapta. De exemplu, în secțiunea "tec", am mutat "e" mai mult spre stânga pentru a corecta decalajul. Nu mutați literele de capăt ale fiecărui cuvânt (a, x, b, i). Mutați conținutul în schimb.
Un mod brut de explicare a kerning-ului este acesta. Imaginați-vă că trebuie să umpleți spațiile dintre fiecare literă cu nisip. Fiecare spațiu trebuie să aibă un volum aproximativ egal.
Și aici este cuvântul, înainte și după kerning.
Crearea ambigramei este destul de ușoară. Copiați și lipiți două litere "b" pe un alt strat.
Răsturnați-o pe cea din stânga, atât verticală, cât și orizontală.
Aliniați cele două așa cum se vede în imaginea de mai jos.
Creați o lovitură de 30 pt și extindeți-o. Aliniați-l la ambele margini ale tijei.
Prindeți calea de urmărire și utilizați opțiunea Subtracție din zona de formă pentru a decupla ambigrama.
Adăugați un cerc de 30 pt, lăsând suficient spațiu interior. Scalarea în jos a simbolului va arăta cât spațiu este necesar.
Și aici sunt, ambigram și cuvânt. Sper că acest tutorial ți-a învățat ceva sau două despre tipografie. Aștept cu nerăbdare să vă văd propriile nume și personalități exprimate prin fețele personalizate!
Accentsconagua