Stvorite ručno nacrtano slovo pomoću Illustratora i Fontastic.me

01 od 06

Stvorite ručno nacrtano slovo pomoću Illustratora i Fontastic.me

Tekst i slike © Ian Pullen

U ovom zabavnom i zanimljivom udžbeniku predstavit ću vam kako možete stvoriti svoj vlastiti font koristeći Illustrator i online web service fontastic.me.

Da biste je slijedili, potrebna vam je kopija Adobe Illustratora, iako ako niste dobili kopiju i ne želite ga kupiti, možda će vas zanimati naš sličan vodič koji koristi Inkscape . Inkscape je besplatna, open source alternativa Illustratoru. Bez obzira na aplikaciju crtanja vektorskih linija koju koristite, fontastic.me nudi svoju uslugu potpuno besplatno.

Dok ću vam pokazati kako izraditi crte s crtama rukom pomoću fotografije slova izvučenih na papiru, možete upotrijebiti i slične tehnike za izradu fontova pomoću slova koja je izrađena izravno u Illustrator. Ako upotrebljavate tablet za crtanje , to bi vam moglo biti bolje.

Ako koristite fotografiju, provjerite koristite olovku s olovkom u tamnoj boji kako biste nacrtali slova i koristili običan bijeli papir za maksimalni kontrast. Također, uzmite svoju fotografiju u dobrom svjetlu kako biste mogli izraditi jasnu i kontrastnu fotografiju kako biste ga lakše pronašli kako bi Illustrator mogao pratiti pojedinačna slova.

Tijekom sljedećih nekoliko stranica, proći ću vas kroz postupak izrade prvog fonta.

02 od 06

Otvorite Prazan dokument

Tekst i slike © Ian Pullen

Prvi korak je otvoriti praznu datoteku za rad.

Idite na Datoteka> Nova i u dijaloškom okviru postavite željenu veličinu. Koristio sam kvadratnu veličinu stranice od 500 px, ali to možete podesiti po želji.

Zatim ćemo uvesti fotografsku datoteku u Illustrator.

03 od 06

Uvezite svoju fotografiju ručnog nacrta teksta

Tekst i slike © Ian Pullen

Ako nemate fotografiju rukom nacrtanog teksta, možete preuzeti istu datoteku koju sam koristio za ovaj vodič.

Da biste uvezli datoteku, idite na Datoteka> Mjesto i idite na mjesto gdje se nalazi fotografija ručnog teksta. Kliknite gumb Mjesto i vidjet ćete da se fotografija prikazuje u vašem dokumentu.

Sada možemo pratiti ovu datoteku kako bismo dobili vektorske slova.

04 od 06

Pratite fotografiju ruku ispisanih slova

Tekst i slike © Ian Pullen

Traganje slova je vrlo ravno naprijed.

Samo idite na Object> Live Trace> Make and Expand i nakon nekoliko trenutaka vidjet ćete da su sva slova završena s novim verzijama vektorske linije. Manje očito je činjenica da će biti okruženi drugim objektom koji predstavlja pozadinu fotografije. Moramo izbrisati pozadinski objekt, pa idite na Object> Ungroup i kliknite bilo gdje izvan pravokutnog graničnog okvira kako biste poništili odabir svega. Sada kliknite blisko, ali ne i jedno, slovo i vidjet ćete da je odabrana pravokutna pozadina. Samo pritisnite tipku Delete na tipkovnici da biste je uklonili.

To ostavlja sva pojedinačna slova, međutim, ako bilo koja od vaših pisama sadrži više od jednog elementa, morat ćete ih grupirati zajedno. Sva moja pisma sadrže više od jednog elementa pa sam ih morao grupirati. To se vrši klikom i povlačenjem okvira za odabir koji obuhvaća sve dijelove slova i zatim odlazi u Object> Group.

Sada ćete ostati sa svim svojim pojedinačnim slovima, a zatim ćemo ih koristiti za stvaranje pojedinačnih SVG datoteka koje trebamo stvoriti font na fontastic.me.

Srodno: upotreba Live Trace u Illustratoru

05 od 06

Spremanje pojedinačnih pisama kao SVG datoteka

Tekst i slike © Ian Pullen

Nažalost, Illustrator ne dopušta spremanje više radnih ploča na pojedine SVG datoteke, tako da svako slovo mora biti ručno spremljeno kao zasebna SVG datoteka.

Najprije odaberite i povucite sva slova tako da više ne stavljaju umjetničko pano. Zatim povucite prvo slovo na ploču za ploču i ponovo ga izmjerite da biste ispunili ploču s podacima povlačenjem jedne od ručica u kutu. Držite pritisnutu tipku Shift dok to učinite da biste zadržali isti omjer.

Kada završite, idite na Datoteka> Spremi kao iu dijaloškom okviru, promijenite padajući izbornik Oblikovanje na SVG (svg), dajte datoteci smisleno ime i kliknite Spremi. Sada možete izbrisati to slovo i postaviti i ponovno veličinu sljedećeg na ploči s instrumentima. Opet Spremite kao i nastavite sve dok ne spremite sva vaša pisma.

Konačno, prije nastavka, spremite praznu ploču kako biste to mogli upotrijebiti za prostorni znak. Možda biste također htjeli uzeti u obzir spremanje interpunkcijskih znakova i malih verzija vaših pisama, ali nisam se brinuo za ovaj tutorial.

S tim zasebnim SVG pismovnim datotekama spremno možete napraviti sljedeći korak za izradu fonta tako što ćete ih prenijeti na fontastic.me. Pogledajte ovaj članak da biste vidjeli kako koristiti fontastic.me da biste dovršili svoj font: Izradite font pomoću Fontastic.me

06 od 06

Kako koristiti novu ploču za izvoz imovine u Adobe Illustrator CC 2017

Izrada SVG-a svodi se na tijek rada koji klikne i povlači novu ploču Izvoz sredstava u programu Adobe Illustrator CC 2017.

Trenutačna inačica Adobe Illustratora sadrži novu ploču koja vam omogućuje postavljanje svih vaših crteža na jednu ploču, te ih izlaziti kao pojedinačne SVG dokumente. Evo kako:

  1. Odaberite Window> Export Asset ili otvorite ploču Export Asset.
  2. Odaberite jedno ili sva slova i povucite ih u ploču. Svi će se pojaviti kao pojedinačne stavke.
  3. Dvaput kliknite naziv objekta na ploči i preimenujte ga. Učinite to za sve stavke na ploči.
  4. Odaberite stavke koje želite izvesti i odaberite SVG s padajućeg izbornika Format.
  5. Kliknite Izvezi.