Napravite ručno nacrtani font koristeći Illustrator i Fontastic.me

01 od 06

Napravite ručno nacrtani font koristeći Illustrator i Fontastic.me

U ovom zabavnom i zanimljivom tutorialu, pokazaću vam kako možete kreirati svoj vlastiti font koristeći Illustrator i online web servis fontastic.me.

Da biste pratili dužinu, potrebna vam je kopija Adobe Illustratora, iako ukoliko nemate kopiju i ne želite da je kupite, možda ćete biti zainteresovani za naš sličan tutorial koji koristi Inkscape . Inkscape je besplatna alternativa Illustrator-u sa otvorenim izvorima. Bez obzira na koju aplikaciju za crtanje vektorske linije koristite, fontastic.me nudi potpuno besplatnu uslugu.

Dok ću vam pokazati kako da napravite font koji se nacrta na ruci koristeći sliku slova nacrtanih na papiru, možete koristiti slične tehnike da biste napravili font pomoću slova koje su nacrtane direktno u Illustrator. Ako koristite tablet za crtanje , ovo bi možda bilo poželjno za vas.

Ako koristite fotografiju, uverite se da koristite olovku za olovku tamne boje da crtate slova i koristite običan bijeli papir za maksimalni kontrast. Takođe, fotografišite na dobrom osvetljenju kako biste dobili sliku koja je jasna i kontrastna kako bi bilo što lakše učiniti Illustratoru da prati pojedinačna slova.

U narednih nekoliko stranica, proći ću vam kroz proces kreiranja prvog fonta.

02 od 06

Otvorite prazan dokument

Prvi korak je otvaranje prazne datoteke za rad.

Idi na File> New i u dijalogu podesite veličinu po želji. Koristio sam veličinu kvadratne stranice od 500px, ali možete to podesiti po želji.

Zatim ćemo uvoziti fotografsku datoteku u Illustrator.

03 od 06

Uvezite svoju fotografiju rukom nacrtanog teksta

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

Da biste uvezli datoteku, idite na Datoteka> Postavite, a zatim idite do mjesta gdje se nalazi vaša fotografija ručno nacrtanog teksta. Kliknite na dugme Postaviti i videćete da će se fotografija pojaviti u vašem dokumentu.

Sada možemo pratiti ovu datoteku da bi nam dala vektorska pisma.

04 od 06

Tražite fotografiju pisanih ruku

Traženje slova je veoma jednostavno.

Samo idite na objekat> Live Trace> Make and Expand i nakon nekoliko trenutaka, videćete da su sva slova završena novim verzijama vektorske linije. Manje je očigledna činjenica da će ih okružiti drugim objektom koji predstavlja pozadinu fotografije. Moramo izbrisati pozadinski objekat, pa idite na stavku Object> Ungroup, a zatim kliknite bilo gdje izvan pravougaonog graničnog polja da biste poništili sve. Sada kliknite na blizu, ali ne na jedno od slova, a vi treba da vidite da je izabrana pravougaona pozadina. Samo pritisnite taster Delete na tastaturi da biste je uklonili.

Međutim, to ostavlja sva pojedinačna slova, međutim, ako neko od vaših pisama sadrži više od jednog elementa, morate ih grupisati zajedno. Sva pisma sadrže više od jednog elementa, pa sam morao da ih grupišem. Ovo se vrši klikom i povlačenjem selektivne marke koja obuhvata sve različite dijelove slova i zatim odlazi u Objekat> Grupa.

Sada ćete biti ostavljeni sa svim svojim pojedinačnim slovima i sledeći ćemo ih koristiti da kreiramo pojedinačne SVG datoteke koje nam treba da napravimo font na fontastic.me.

Povezani: Korišćenje Live Trace u Illustratoru

05 od 06

Sačuvaj pojedinačna slova kao SVG datoteke

Na žalost, Illustrator vam ne dozvoljava da sačuvate više tabela u pojedinačne SVG datoteke, tako da se svako slovo mora ručno čuvati kao zasebna SVG datoteka.

Prvo, izaberite i prevucite sva slova tako da ne prelaze umetnu ploču. Zatim prevucite prvo slovo na artboard i ponovo ga uvežite da popunite artboard tako što ćete prevući jednu od ručica za vuču. Držite pritisnut taster Shift dok to radite da biste zadržali iste razmere.

Kada završite, idite na Datoteka> Sačuvaj kao iu dijalogu, promenite opciju Pad na SVG (svg), dajte datoteku značajno ime i kliknite na Sačuvaj. Sada možete obrisati ovo slovo i postaviti ga i ponovo uveći sledeću na artboard. Ponovo uradite Save As i nastavite dok ne sačuvate sva vaša slova.

Konačno, pre nego što nastavite, sačuvajte praznu tablu tako da možete da koristite ovo za znak prostorija. Možda ćete takođe želeti da uzmite u obzir uštedu znakova za interpunkciju i male verzije slova, ali nisam se trudio za ovaj tutorijal.

Sa ovim odvojenim datotekama slova SVG možete pripremiti sljedeći korak da biste kreirali svoj font tako što ćete ih otpremiti u fontastic.me. Molimo pogledajte ovaj članak kako biste videli kako koristiti fontastic.me da završite svoj font: Kreirajte font koristeći Fontastic.me

06 od 06

Kako koristiti New Asset Export Panel u Adobe Illustrator CC 2017

Trenutna verzija programa Adobe Illustrator sadrži novu tablu koja vam omogućava da stavite sve svoje crteže na jednu tablu i izađete ih kao pojedinačne SVG dokumente. Evo kako:

1. Odaberite Window> Export Asset t otvara panel za Asset Export.
2. Izaberite jedno ili sva vaša slova i prevucite ih u panel. Sve će se pojavljivati ​​kao pojedinačne stavke.
3. Dvaput kliknite na ime objekta na panelu i preimenujte je. Uradite to za sve stavke u panelu.
4. Izaberite stavke Izvoz i izaberite SVG iz padajućeg formata.
5. Kliknite Export.