Cum se creează un font în Adobe Illustrator

Ce veți crea

Dacă sunteți un designer sau un ilustrator care este mai confortabil în crearea de glifuri în Adobe Illustrator, acest tutorial este chiar pe alee! Vom planifica setul nostru de scrisori, vom trece peste modalitățile de a rafina designul de fonturi și de a pregăti fișiere pentru a fi utilizate într-un program de elaborare a fonturilor, toate din confortul Adobe Illustrator.

Acest tutorial vă va pregăti cu ușurință pentru a crea fonturi simple și distractive care pot fi vândute ca active digitale pe Envato Market. Verificați categoria de fonturi a pieței pentru a vă inspira designul personal.

Aceasta este o parte din două tutoriale privind crearea de fonturi simple și distractive în Adobe Illustrator. În următorul tutorial, vom crea un font personalizat cu formularele noastre vectoriale.

1. Schițați-vă scrisorile

Pasul 1

Fie că desenați scrisori într-un program de artă digitală, cum ar fi Adobe PhotoshopPaint Tool SAIKrita, sau altceva, sau să-ți scrii litere pe hârtie, îmi place să încep cu un alfabet rapid desenat în orice stil vreau să aibă fontul meu. Observați diferențele dintre cele de mai jos. Luați în considerare modul în care scrisorile dvs. se referă unul la altul.

Pasul 2

O opțiune pentru a păstra scrisori desenate de la a fi o mizerie este de a folosi linii de rețea într-un program de desen cum ar fi Adobe Photoshop. Puteți crea o Grid Layout dacă doriți, sau plasați linii de rețea manual. Acest lucru vă permite să urmăriți înălțimea și lățimea fiecărei litere într-un cadru informal.

Pasul 3

Puteți, de asemenea, să scanați în formate tipărite în formă scrisă sau scrisă și să reglați Prag (Imagine> Ajustări> Prag) astfel încât imaginea dvs. este o imagine curată, alb-negru, gata de a fi importată în Adobe Illustrator. Acest lucru este în întregime opțional, deoarece poți să-ți desenezi gratuit fontul Adobe Illustrator sau importați imaginea fără să o ajustați Adobe Photoshop.

2. Pregătiți-vă scrisorile și documentul Illustrator

Pasul 1

Înainte de lansarea în crearea de versiuni vectoriale ale formularelor noastre de scrisori, îmi place să-mi pregătesc fișierul de imagine importat. Folosesc litere pe care le-am intrat Adobe Photoshop. Deschide jpeg în Adobe Illustrator. În Urmărirea imaginilor , luați în considerare următoarele setări (ale dvs. pot diferi):

  • Presetare: Personalizat
  • Vedere: Rezultatul urmăririi
  • Mod: Alb-negru
  • Prag: 168

Lovit Urmă (acest lucru se întâmplă automat dacă sunteți activat previzualizare) și desenul dvs. va fi instantaneu urmărit ca o imagine vectorială.

Pasul 2

Selectați imaginea nou trasată și accesați Obiect> Extindeți. Aceasta va extinde imaginea trasată în obiecte vectoriale. Degrupeaza obiectele și folosiți Magic Wand Tool (W) pentru a selecta obiectele pline de culoare albă. Șterge astfel încât să rămâi numai cu formularele negre.

Pasul 3

Creeaza o Document nou. Mine este de dimensiuni pentru a-mi ghici cel mai bine pentru cât de mare vreau cel mai mare dintre formularul meu de a fi: 0,55 in de 1,26 in. Puteți alege bine dimensiunea fișierului pentru nevoile dvs., desigur.

3. Organizați-vă formularele de scrisori

Pasul 1

În tine Document nou, import sau Lipiți (Control-V) grupul dvs. de formular. Ungroup-le pentru a avea control complet asupra fiecărui obiect. Am adăugat Grilă linii peste mine artboard pentru a ajuta la definirea limitelor fiecărei părți din setul meu de scrisori. Liniile vor defini cele mai înalte și cele mai joase puncte ale literelor majuscule și minuscule.

Plasați primul obiect cu litere pe dvs. artboard. Veți dori să vă asigurați că, dacă nu are descendenți (cum ar fi literele p, g, j și y), veți dori să o plasați la linia de bază indicată de grilă.

Scară și ajustați formularul dvs. de scris în liniile dvs. de grilă și artboard după cum doriți.

Pasul 2

Unele litere sunt similare în dimensiune, formă și design general. Tind să folosesc literele b, c, d, p și q, de asemenea. De asemenea, rețineți modul în care literele dvs. se compară din litere mici cu majuscule. Voi redacta totul în următoarea secțiune a acestui tutorial, astfel încât modul în care formatele dvs. de scrisoare se referă unul la celălalt vor fi în întregime în funcție de dvs. Faceți note cu privire la modificările pe care doriți să le faceți în acest moment, înainte de a rafina literele.

Pasul 3

Fiecare tip de glif (cu majuscule, majuscule, punctuație și numere) este plasat pe artboard la rândul său, și apoi a fost organizat în stratul corespunzător al categoriei sale în cadrul straturi panou. Pe măsură ce perfecționez fiecare literă, obiectele noi vor fi plasate în stratul corespunzător. 

Crearea unui font poate fi un proiect mare, deci cu cât sunteți mai organizat, cu atât mai ușor va fi.

Pasul 4

Mărimea și amplasarea semnelor de punctuație și a caracterelor speciale depinde de dvs. Numerele vor fi probabil în jurul dimensiunii literelor mari, dar punctuația trebuie să se potrivească atât cu litere mici, cât și cu majuscule. Rețineți săgețile de mai jos. Mi-am plasat asteriscul la cel mai înalt punct al formularelor mele de fonturi, în timp ce pentru moment semnul meu plus se află mai aproape de punctul central.

Experimentarea obiectelor dvs. cu litere și glifli vă va informa despre cele mai dorite destinații de punctuație. Jucați-vă cu obiectele până veți găsi un aranjament pe care îl doriți!

4. Îmbunătățiți formularele literelor

Pasul 1

Să începem cu patru moduri diferite de a perfecționa formularele de scris.

  1. În primul rând nu am făcut nimic. Așa ar arăta dacă aș lăsa imaginea trasată ca scrisoarea mea. Este încurcat, dar are propriul său farmec ciudat.
  2. Următoarea formă de scrisoare este ceea ce se întâmplă după ce am folosit Formă Instrument. Este curățată și mai fină, dar nu este la fel de netedă ca și celelalte foi de scris de mai jos.
  3. Această a treia a fost urmărită cu Instrumentul pentru creioane (N). Setați-vă Fidelitate la Neted și schițează formularele de scrisori așa cum credeți de cuviință!
  4. În cele din urmă, acesta este rezultatul Instrumentul pentru perie Blob (Shift-B). De asemenea, puteți obține un efect similar cu Instrument perie (B). Ambele permit funcționarea în linie sub presiune.

Dacă optați pentru Blob Brush Tool, veți crea obiecte ca fiecare formă de scrisoare. Dacă optați pentru Unealta perie, veți crea căi pe care le puteți schimba cu diferite pensule. Voi folosi o perie personalizată, creată în continuare, și Unealta perie.

Pasul 2

Peria mea personalizată este a Pensulă caligrafică cu următoarele opțiuni:

  • Unghi: 40 °
  • Rotunjime: 51%
  • Mărimea: 6 pt, Presiune Variație: 6 pt

Rețineți că folosesc o tabletă grafică sensibilă la presiune. Instrument Pen (P) este probabil o opțiune mai bună dacă utilizați un mouse sau altceva decât un stylus pentru desen.

Pasul 3

Este timpul să redeschideți și să vă perfecționați formularele de scris! Pe un strat deasupra categoriei literelor (acestea sunt litere mici), setați fiecare literă ca vizibilă, una câte una, și trageți-o peste ea. Peria mea personalizată păstrează aspectul scrisorilor mele ca și cum ar fi fost desenate cu un marcator șifonat. Utilizați ca personaje pentru a influența aspectul altora. Toate cele patru personaje de mai jos au fost extrase din b-ul pe care l-am desenat.

Plasați fiecare scrisoare deasupra celei următoare, ascunzând pe cele la care nu lucrați în acest moment straturi panou.

Pasul 4

Pentru unele scrisori, le-am schimbat designul general după ce am lucrat în alfabet. De asemenea, m-am asigurat că descendenții lovesc aceeași linie, sub linia de bază și litere mici, care nu sunt l, h, t sau k, nu trec peste linia de sus a celorlalte litere mici. 

Ca întotdeauna, depinde de dvs. dacă formatele dvs. de scrisori respectă aceste reguli. Distreaza-te cu creatiile tale si folosește instrumentele de desen care iti plac cel mai mult in Adobe Illustrator!

Pasul 5

Rafinați și caracterele speciale și punctele de punctuație. Semnul meu de lire sterline (sau hashtag) a fost cam prea mare si stralucitor pentru stilul restului personajelor mele. Ca atare, am redrew-o cu Unealta perie așa că este mai mic și mai general.

5. Pregateste-ti caracterele pentru font

Pasul 1

Să începem cu versiunile finale ale celor 89 de personaje ale mele pentru acest font. În acest moment am făcut următoarele:

  • Asigurați-vă că fiecare literă se potrivește în același spațiu și utilizează aceleași linii de grilă pentru referință.
  • Rafinat fiecare personaj vreau să fac parte din textul final.
  • Mi-a organizat toate personajele în straturi ușor accesibile din interiorul straturi panou.

Pasul 2

Dacă intenționați să exportați conținutul într-un alt program, va trebui să salvați fiecare glif ca al său SVG fişier. Am păstrat setările implicite pentru salvare SVG fișiere și pur și simplu s-au asigurat că există 89 de fișiere organizate de numele de caractere într-un dosar odată ce am terminat.

Pasul 3

Pentru fiecare SVG fișier, am făcut și următoarele pentru a vă asigura că dimensiunile fișierelor mele sunt cât mai mici posibil:

  • Toate căile mele de pensule au fost Extins în Obiecte.
  • Obiectele și straturile care nu sunt vizibile (orice altceva decât caracterul curent) au fost șterse de la fiecare SVG fişier.
  • Au existat căi de obiect Unit în deschizător de drumuri panou, Făcut într-o formă compusă, și apoi Extins ca pe calea lor sau pe calea compusă.

Acești pași, deși un pic obositori, mi-au luat mărimea dosarului 800 ko la 1KB sau mai putin. De aici, fișierele dvs. sunt gata de a fi importate în programul de alegere a fonturilor. 

Locul de muncă mare, ai terminat!

Acum că ați creat toate cele 89 de caractere de tip, sunteți pregătit să faceți saltul în partea a doua a acestui tutorial: crearea de fonturi! Vom explora opțiunile de creare a fonturilor în aplicații cu ajutorul unui script achiziționat, exportarea setului de caractere în aplicații precum Font Forge și multe altele! Distribuiți creația de caractere de caractere de mai jos și aderați-mă la a doua parte a acestui tutorial.