Prilikom oblikovanja fontova koji će učinkovito funkcionirati u različitim veličinama s pažljivo zamišljenim pismima, vještina koja može trajati godinama, ovaj će vam brz i zabavan projekt pokazati kako možete kreirati vlastite fontove rukopisa pomoću Inkscapea i fontastic.me, dajući imate svoj jedinstveni 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.
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.
U svrhu ovog vodiča pratit ćemo fotografiju nekih pisanih pisama, ali možete jednostavno prilagoditi tu tehniku i privući slova izravno u Inkscape. To bi moglo biti posebno dobro za one koji koriste crtanje tableta.
Uvoz fotografije pisanog slova
Trebate li fotografiju 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 velika slova A-Z.
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 savjetuje se da koristite opciju Ugradi.
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 05Tragajte sliku da biste stvorili slova za Vector Line
Dobro je provjeriti postupak praćenja bitmap grafike prije nego što počnete.
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. Ovdje smo ostavili sve postavke na njihovo zadano i proizvele dobar i č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 tragirana slova koja smo izvukli iz originalne 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 05Podijelite 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 slučaju našeg primjera, to se odnosi na svako slovo, pa je smislo grupiranje 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 05Postavite veličinu dokumenta
Morat ćete postaviti dokument na odgovarajuću veličinu, pa idite na Datoteka> Svojstva dokumenta i u dijaloškom okviru, po potrebi podesite Širinu i visinu. Postavili smo na 500 px po 500 px, iako biste idealno postavili širinu drugačije za svako slovo, tako da se posljednja slova bolje uklapaju.
Zatim ćemo stvoriti SVG slova koja će biti učitana u fontastic.me.
05 od 05Izradite pojedinačne SVG datoteke za svako pismo
Fontastic.me zahtijeva da svako slovo bude zasebna SVG datoteka, tako da ćete 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, pa možete 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. Nazvali smo moju a.svg - osigurati 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 ste strpljivi, možete prilagoditi širinu stranice kako biste se bolje podudarali s svakim slovom.
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. Možete saznati nešto o ovom postupku u pratećem članku koji objašnjava kako koristiti fontastic.me kako biste napravili svoj font.
