U ovom vodiču prikazat ću vam kako možete izraditi vlastite fontove rukopisa pomoću značajke Inkscape i fontastic.me.
Ako niste upoznati s tim, Inkscape je besplatna i open source aplikacija za crtanje linija vektora koja je dostupna za Windows, OS X i Linux. Fontastic.me je web stranica koja nudi razne fontove ikona, ali vam također omogućuje upload svoje SVG grafike i pretvoriti ih u font besplatno.
Prilikom oblikovanja fontova koji će učinkovito raditi na različitim veličinama s pažljivo oblikovanim pismima, vještina koja može trajati godinama, ovo je brz i zabavan projekt koji će vam dati jedinstven font. Glavni cilj fontastic.me je stvaranje fontova ikona za web stranice, ali možete stvoriti font slova koje možete koristiti za izradu naslova ili male količine teksta.
U svrhu ovog vodiča slijedit ću fotografiju nekih pisanih pisama, ali možete jednostavno prilagoditi ovu tehniku i privući slova izravno u Inkscape. To bi moglo biti posebno dobro za one koji koriste crtanje tableta .
Na sljedećoj stranici ćemo započeti s stvaranjem vlastitog fonta.
01 od 05
Uvoz fotografije pisanog slova
Trebat će vam fotografija nekih ispisanih slova ako želite slijediti i ako ne želite napraviti svoj vlastiti, možete preuzeti i koristiti a-doodle-z.jpg koji sadrži glavna slova AZ.
Ako ćete stvoriti vlastitu, upotrijebite tamnu boju i bijeli papir za jak kontrast i fotografirajte dovršena slova na dobrom svjetlu. Također, pokušajte izbjegavati sve zatvorene prostore u slovima, kao što je "O", jer će to učiniti život složenijim pri pripremi vaših tragiranih slova.
Da biste uvezli fotografiju, idite na Datoteka> Uvoz i zatim prijeđite na fotografiju i kliknite gumb Otvori. U sljedećem dijaloškom okviru savjetujem vam da upotrijebite opciju Ugradnja.
Ako je slikovna datoteka vrlo velika, možete smanjiti veličinu pomoću opcija u podizborniku Prikaz> Zum i ponoviti veličinu tako da kliknete jednom kako biste prikazali ručice sa strelicama u svakom kutu. Pritisnite i povucite dršku dok držite tipku Ctrl ili Command i zadržat će njezine originalne proporcije.
Dalje ćemo pratiti sliku kako bismo stvorili slova vektorskih linija.
02 od 05
Tragajte sliku da biste stvorili slova za Vector Line
Prethodno sam opisao praćenje bitmap grafike u Inkscapeu , ali ovdje će brzo opisati postupak.
Kliknite fotografiju kako biste bili sigurni da je odabran, a zatim idite na Put> Bitmap za praćenje da biste otvorili dijaloški okvir Bitmap tragova. U mom slučaju, ja sam ostavio sve postavke na njihove zadane i to je proizveo dobar, čist rezultat. Možda ćete morati prilagoditi postavke praćenja, ali ćete možda lakše ponovno snimiti fotografiju uz bolju rasvjetu da biste dobili sliku s jačim kontrastom.
U snimci zaslona možete vidjeti slijedeća slova koja sam izvukao iz izvorne fotografije. Kada je praćenje završeno, slova će biti postavljena izravno na fotografiju, pa možda neće biti vrlo očite. Prije nego što se prebacite, možete zatvoriti dijaloški okvir Trace Bitmap i kliknuti na fotografiju da biste je odabrali i kliknite tipku Delete na tipkovnici da biste je uklonili iz dokumenta.
03 od 05
Podijelite trag u pojedinačnim pismima
U ovom trenutku sve se slova spajaju, pa idite na Put> Break Apart i razdijelite ih u pojedinačna slova. Imajte na umu da ako imate slova koja su sastavljena od više elemenata, oni će biti podijeljeni u zasebne elemente. U mom slučaju, to se odnosi na svako slovo, pa je smislo grupirati svako pismo zajedno u ovoj fazi.
Da biste to učinili, samo kliknite i povucite oznaku za odabir oko slova, a zatim idite na Objekt> Grupa ili Pritisnite Ctrl + G ili Command + G ovisno o tipkovnici.
Očito je da to morate učiniti samo slovima koja sadrže više od jednog elementa.
Prije stvaranja dopisnih datoteka ponovno ćemo veličinu dokumentirati na odgovarajuću veličinu.
04 od 05
Postavite veličinu dokumenta
Moramo postaviti dokument na odgovarajuću veličinu, pa idite na Datoteka> Svojstva dokumenta i u dijaloškom okviru, podesite širinu i visinu prema potrebi. Postavio sam svoju na 500 piksela po 500 px, iako bi idealno odredili širinu drugačije za svako slovo, tako da se posljednja slova lijepo uklapaju.
Zatim ćemo stvoriti SVG slova koja će biti učitana u fontastic.me.
05 od 05
Izradite pojedinačne SVG datoteke za svako pismo
Fontastic.me zahtijeva da svako slovo bude zasebna SVG datoteka pa ćemo ih morati proizvesti prije nego što pritisnete.
Povucite sva slova tako da su izvan rubova stranice. Fontastic.me zanemaruje sve elemente koji su izvan područja stranice, tako da možemo ostaviti ta slova parkirana ovdje bez ikakvih problema.
Sada povucite prvo slovo na stranicu i koristite ručke za povlačenje na uglu da biste je ponovno prilagodili prema potrebi.
Zatim idite na Datoteka> Spremi kao i datu datoteku smisleno ime. Zvao sam moj a.svg - osigurajte da datoteka ima sufiks .svg.
Sada možete premjestiti ili izbrisati prvo slovo i postaviti drugo slovo na stranicu i ponovno otvoriti Datoteka> Spremi kao. Morate to učiniti za svako slovo. Ako imate više strpljenja nego mene, možete prilagoditi širinu stranice dok idete kako biste bolje odgovarali svako slovo.
Konačno, preporučujemo da razmotrite izradu interpunkcijskih znakova, iako ćete zasigurno htjeti prostorni znak. Za prostor samo spremite praznu stranicu. Također, ako želite gornje i mala slova, trebate spremiti sve te predmete.
Sada možete posjetiti fontastic.me i stvoriti font. Objasnio sam malo o ovom postupku u pratećem članku koji objašnjava kako koristiti tu web-lokaciju kako bi vaš font bio: Izradite font pomoću Fontastic.me