Creați un font desenat manual folosind Illustrator și Fontastic.me

01 din 06

Creați un font desenat manual folosind Illustrator și Fontastic.me

Text și imagini © Ian Pullen

În acest tutorial distractiv și interesant, vă voi arăta cum vă puteți crea propriul font folosind Illustrator și serviciul web online fontastic.me.

Pentru a urmări, veți avea nevoie de o copie a Adobe Illustrator, deși dacă nu aveți o copie și nu doriți să o cumpărați, ați putea fi interesat de tutorialul nostru similar care utilizează Inkscape . Inkscape este o alternativă gratuită, open source pentru Illustrator. Indiferent de aplicația de desen vectorial pe care o utilizați, fontastic.me oferă serviciul complet gratuit.

În timp ce vă voi arăta cum să creați un font alcătuit manual, folosind o fotografie a literelor desenate pe hârtie, puteți utiliza și tehnici similare pentru a produce un font folosind litere care au fost desenate direct în Illustrator. Dacă utilizați o tabletă de desenat , aceasta ar putea fi preferabilă pentru dvs.

Dacă utilizați o fotografie, asigurați-vă că utilizați un pix stilou color închis pentru a desena literele și pentru a utiliza hârtie albă albă pentru a obține un contrast maxim. De asemenea, luați-vă fotografia în lumină bună pentru a vă ajuta să realizați o fotografie clară și contrastantă pentru a face cât mai ușor posibil pentru Illustrator să urmărească literele individuale.

În următoarele câteva pagini, vă voi trece prin procesul de creare a primului dvs. font.

02 din 06

Deschideți un document gol

Text și imagini © Ian Pullen

Primul pas este să deschideți un fișier gol pentru a lucra.

Accesați Fișier> Nou și în fereastra de dialog configurați dimensiunea dorită. Am folosit o dimensiune pătrată de 500px, dar puteți seta acest lucru după cum doriți.

Apoi vom importa fișierul foto în Illustrator.

03 din 06

Importați fotografia textului mâinii desenate

Text și imagini © Ian Pullen

Dacă nu aveți o fotografie de text desenat manual, puteți descărca același fișier pe care l-am folosit pentru acest tutorial.

Pentru a importa fișierul, mergeți la File> Place și apoi deplasați-vă spre locul unde este localizată fotografia textului desenat manual. Faceți clic pe butonul Locați și veți vedea că fotografia apare în documentul dvs.

Acum putem urmări acest fișier pentru a ne da litere vectoriale.

04 din 06

Urmăriți fotografia scrisorilor scrise manual

Text și imagini © Ian Pullen

Urmărirea literelor este foarte simplă.

Doar du-te la Object> Trace Live> Make și Expand și după câteva momente, veți vedea că toate literele au fost terminate cu noi versiuni vectoriale linie. Mai puțin evident este faptul că acestea vor fi înconjurate de un alt obiect care reprezintă fundalul fotografiei. Trebuie să ștergeți obiectul de fundal, așa că du-te la Object> Ungroup și apoi faceți clic oriunde în afara casetei de legare dreptunghiulare pentru a deselecta totul. Acum faceți clic pe aproape, dar nu pe una dintre litere și trebuie să vedeți că fundalul dreptunghiular este selectat. Apăsați tasta Ștergere de pe tastatură pentru al elimina.

Cu toate acestea, dacă toate literele conțin mai multe elemente, trebuie să le grupați împreună. Toate scrisorile mele conțin mai mult de un element, așa că a trebuit să le grupez pe toate. Acest lucru se face făcând clic și trăgând o marcă de selecție care cuprinde toate părțile diferite ale unei litere și apoi mergeți la Object> Group.

Veți fi lăsat acum cu toate scrisorile dvs. individuale și apoi le vom folosi pentru a crea fișiere SVG individuale de care avem nevoie pentru a crea un font pe fontastic.me.

Related: Folosirea Live Trace în Illustrator

05 din 06

Salvați literele individuale ca fișiere SVG

Text și imagini © Ian Pullen

Din păcate, Illustrator nu vă permite să salvați mai multe tablouri de artă în fișiere SVG individuale, astfel încât fiecare literă trebuie salvată manual ca fișier SVG separat.

Mai întâi, selectați și trageți toate literele, astfel încât acestea să nu depășească placa de artă. Apoi glisați prima literă pe tabloul de bord și re-dimensionați-o pentru a umple tabloul de bord prin tragerea unuia dintre manerele de tragere din colț. Țineți apăsată tasta Shift în timp ce faceți acest lucru pentru a menține aceleași proporții.

Când ați terminat, mergeți la File> Save As și în dialog, modificați meniul Format din SVG (svg), dați fișierului un nume semnificativ și faceți clic pe Salvați. Acum puteți șterge această literă și plasați și redimensionați următoarea pe tabloul de bord. Din nou, faceți Salvare ca și continuați până când ați salvat toate scrisorile.

În cele din urmă, înainte de a continua, salvați o tablă grafică necompletată, astfel încât să puteți folosi aceasta pentru un caracter spațiu. De asemenea, puteți să vă gândiți să salvați semnele de punctuație și versiunile cu litere mici ale scrisorilor dvs., dar nu am deranjat acest tutorial.

Cu aceste fișiere SVG litere separate gata, puteți face următorul pas pentru a vă crea fontul prin încărcarea lor în fontastic.me. Vă rugăm să aruncați o privire la acest articol pentru a vedea cum să utilizați fontastic.me pentru a termina fontul: Creați un font folosind Fontastic.me

06 din 06

Cum se utilizează panoul de export al unui nou instrument în Adobe Illustrator CC 2017

Crearea SVG este redusă la un flux de lucru clic-și-drag cu noul panou Export Asset în Adobe Illustrator CC 2017.

Versiunea actuală a Adobe Illustrator conține un nou panou care vă permite să puneți toate desenele pe o singură placă de desen și să le scoateți ca documente SVG individuale. Iată cum:

  1. Selectați Fereastră> Export de active pentru a deschide panoul Export de active.
  2. Selectați una sau toate literele dvs. și trageți-le în panou. Ele vor apărea ca elemente individuale.
  3. Faceți dublu clic pe numele obiectului din panou și redenumiți-l. Faceți acest lucru pentru toate elementele din panou.
  4. Selectați elementele pentru a exporta și selectați SVG din meniul Format în jos.
  5. Faceți clic pe Export.