U ovom vodiču ću vam pokazati kako možete kreirati sopstvene fontove za rukopis koristeći Inkscape i fontastic.me.
Ako ih ne poznajete, Inkscape je besplatna aplikacija za crtanje vektorske linije sa otvorenim izvorima koja je dostupna za Windows, OS X i Linux. Fontastic.me je web stranica koja nudi razne fontove ikona, ali takođe vam omogućava da otpremite sopstvenu SVG grafiku i konvertujete ih u font.
Prilikom dizajniranja fonta koji će efikasno raditi u različitim veličinama sa pažljivo napravljenim pisanjem kerninga je veština koja može da traje godinama za hone, ovo je brz i zabavan projekat koji će vam dati jedinstveni font. Glavni cilj fontastic.me je da proizvodi fontove ikona za veb lokacije, ali možete kreirati font slova koje možete koristiti za proizvodnju naslova ili malih količina teksta.
U svrhu ovog tutorijala ću pratiti sliku nekih pisanih pisama, ali možete lako prilagoditi ovu tehniku i crtati vaša pisma direktno u Inkscape-u. Ovo bi moglo posebno raditi za one koji koriste tablete za crtanje .
Na sledećoj stranici ćemo početi sa stvaranjem sopstvenog fonta.
01 od 05
Uvezite fotografiju pisanog fonta
Potrebna vam je slika nekih nacrtanih slova ako želite da pratite i ako ne želite da napravite sopstvenu, možete preuzeti i koristiti a-doodle-z.jpg koji sadrži velika slova AZ.
Ako želite da kreirate sopstvene, koristite mastilo tamne boje i beli papir za jak kontrast i fotografisanje napunjenih slova u dobroj svjetlosti. Takođe, pokušajte izbjeći bilo koji zatvoreni prostor u slovima, kao što je "O" jer će ovo učiniti život komplikovanijim prilikom pripreme tragovanih slova.
Da biste uvezli fotografiju, idite na Datoteka> Uvoz, a zatim idite do fotografije i kliknite na dugme Otvori. U sledećem dijalogu savjetujem da koristite opciju Embed.
Ako je datoteka slike veoma velika, možete je umanjiti pomoću opcija u podmeniju View> Zoom, a zatim ga ponovo izmijeniti tako što ćete jednom kliknuti da biste prikazali ručice sa strelicama u svakom uglu. Klikni i prevucite ručku dok držite Ctrl ili Command taster i zadrži svoje originalne proporcije.
Zatim ćemo pratiti sliku da kreiramo slova vektorske linije.
02 od 05
Trace the Photo to Create Vector Line Letters
Ranije sam opisao trakciju bitmap grafike u Inkscape-u , ali ću brzo opet opisati proces ovde.
Kliknite na fotografiju da biste se uverili da je izabrana, a zatim idite na Path> Trace Bitmap da biste otvorili dijalog Trace Bitmap. U mom slučaju, ostavio sam sva podešavanja na podrazumevanu i dobila je dobar, čist rezultat. Možda ćete morati da podesite postavke traga, ali možda ćete lakše ponovo snimiti fotografiju sa boljim osvetljenjem kako biste dobili sliku sa jačim kontrastom.
Na snimku ekrana možete videti pročitane slova koje sam izvukao od originalne fotografije. Kada se trajanje završi, slova će biti postavljena direktno preko fotografije, tako da možda neće biti očigledne. Pre nego što se uključite, možete zatvoriti dijaloški trag i kliknite na fotografiju da biste je izabrali i kliknite na dugme Delete na tastaturi da biste je uklonili iz dokumenta.
03 od 05
Razdvajanje tragovanja u pojedinačna slova
U ovom trenutku, sva slova su spojena zajedno, pa idite na Path> Break Apart da biste ih podelili u pojedinačna slova. Imajte na umu da ako imate slova koja su sastavljena od više od jednog elementa, oni će biti podeljeni u odvojene elemente. U mom slučaju ovo se odnosi na svako slovo, tako da je smisla grupisati svako pismo zajedno u ovoj fazi.
Da biste to uradili, samo kliknite i prevucite izborni marquee oko slova, a zatim idite u objekat> Grupa ili pritisnite Ctrl + G ili Command + G u zavisnosti od vaše tastature.
Očigledno je da to treba učiniti samo slovima koja sadrže više od jednog elementa.
Prije kreiranja datoteka sa slovima, dokument ćemo ponovo izmjeriti na odgovarajuću veličinu.
04 od 05
Podesite veličinu dokumenta
Moramo postaviti dokument na odgovarajuću veličinu, pa idite na File> Document Properties i u dijalogu, podesite širinu i visinu po potrebi. Postavio sam svoj na 500px po 500px, iako bi idealno postavili širinu drugačije za svako slovo, tako da se završne slova uklapaju u uštrb.
Zatim ćemo stvoriti SVG slova koja će biti poslata na fontastic.me.
05 od 05
Kreirajte pojedinačne SVG datoteke za svako slovo
Fontastic.me zahteva da svako slovo bude odvojena SVG datoteka, tako da ćemo morati da ih proizvedemo pre nego što pritisnete.
Prevucite sva svoja slova tako da su izvan ivica stranice. Fontastic.me ignoriše sve elemente koji se nalaze izvan područja stranice, tako da možemo ostaviti ova slova parkirana ovdje bez problema.
Sada prevucite prvo slovo na stranicu i koristite ručke za vuču na uglu da biste ga ponovo izmijenili po potrebi.
Zatim idite na File> Save As i dajte datoteku smisleno ime. Nazvala sam svoj a.svg - osigurajte da datoteka ima .svg sufiks.
Sada možete premjestiti ili obrisati prvo slovo i postaviti drugo slovo na stranicu i ponovo otići na File> Save As. Morate to uraditi za svako slovo. Ako imate više strpljenja od mene, možete podesiti širinu stranice dok idete da bolje podudarate sa svakim slovom.
Na kraju, možda ćete želeti da razmislite o produženju interpunkcije, iako ćete definitivno želeti prostorni karakter. Za prostor, samo sačuvajte praznu stranicu. Takođe, ako želite pisma velikih i malih slova, morate ih spasiti.
Sada možete da posetite fontastic.me i kreirate svoj font. Objasnio sam malo o ovom procesu u pratećem članku koji objašnjava kako da koristite tu lokaciju kako biste napravili svoj font: Kreirajte font korištenjem Fontastic.me