Alatima poput " Google Fontovi "A" Typekit » koji nudi tisuće različitih fontova, postoji gotovo bezbroj opcija koje će vam omogućiti da odaberete dobar font za blog. Međutim, i dalje ste ograničeni samo na odabir fonta koji je netko drugi izradio. Postoje različiti razlozi zašto ćete htjeti izraditi vlastiti font.

Ovaj će vam vodič pokazati korak po korak kako stvoriti vlastiti font. Također ćemo ponuditi prijedloge za neke manje tehničke mogućnosti, kao i naprednije alternative. No, prije toga, razumjet ćemo zašto biste željeli stvoriti prilagođeni font.

Zašto stvarati prilagođeni font?

Stvaranje policije može postati vrlo tehničko i koštati vas vremena i novca (Zato stvarno trebate razmisliti o svemu prije nego što se upustite u ovu avanturu). Namjenska upotreba vaših pravila pomoći će vam da odlučite koliko vremena i financijskih ulaganja trebate uložiti u razvoj ove politike.

Ako je to samo iz zabave, možda vam treba osnovni alat za izradu fontova, poput pretvarača rukopisa. Ako se radi o određenom projektu, možda ćete htjeti odvojiti vrijeme za učenje nekih vitalnih tehnika, a također upotrijebiti i sofisticiraniji softver. Ovo je put kojim smo prošli kroz ovaj dio.

Napokon, ako stvarate font koji je namijenjen drugima, vjerojatno ćete trebati uložiti puno više vremena u proces razvoja i potrošiti puno više novca na profesionalni softver.

Neke osnovne alate za početak

Prije nego što uđemo u tutorial, pogledajmo nekoliko osnovnih alata za one koji samo žele uživati ​​u stvaranju prilagođenog fonta. Ova rješenja mogu biti i dobro polazište za upoznavanje s nekim tehničkim aspektima stvaranja fonta:

  • PaintFont (besplatno): Ova usluga vam omogućuje da svoje pisanje pretvorite u font ispunjavanjem i skeniranjem predloška.
  • FontStruct (besplatno): Koristeći FontStruct, moći ćete stvoriti vlastiti font koji koristi geometrijske oblike.
  • Fontself (49 $): Ovaj alat omogućuje vam da Adobe Illustrator pretvorite rukom pisana slova u fontove i uskoro će biti kompatibilni s Adobe Photoshop-om.
  • Metaflop (besplatno): Ovaj vam alat omogućuje prilagodbu osnovnih fontova podešavanjem jednostavnog skupa postavki.

izrada-od-font-Personalizirana-za svoj blog

Sada smo pogledali najjednostavnije opcije za stvaranje fontova, prijeći ćemo na više tehničkih metoda.

Kako stvoriti vlastiti font (u jednostavnim koracima 6)

Ako ste malo ozbiljniji u stvaranju jedinstvenog fonta i želite više mogućnosti prilagodbe, možete izabrati nekoliko besplatnih alata. Međutim, prije nego što dođemo do samog softvera, razmotrit ćemo nekoliko preliminarnih koraka. Riješimo se svakog redom.

Korak # 1: Definirajte izvrstan dizajn

Ovo je najvažniji korak u procesu stvaranja fonta. Kao i za svaki projekt dizajna, nužno je da svoje ciljeve istaknete unaprijed. Evo nekoliko potencijalno važnih pitanja koja trebate postaviti prilikom stvaranja vlastitog fonta:

  • Je li vaš font za određeni projekt, hoće li ga koristiti i drugi projekti?
  • Hoće li aplikacija zahtijevati veliku ili malu veličinu fonta?
  • Želite li osnovnu vrstu fonta bilo Serif ili Sans Serif?
  • Jeste li naišli na fontove pomoću kojih biste mogli nadahnuti?

Nakon što dobijete odgovore na ta pitanja, možete pristupiti planiranju dizajna vašeg fonta.

Korak # 2: Počnite na papiru

Iako može biti primamljivo prijeći izravno na svoj softver, mnogi profesionalni udžbenici za policiju preporučuju da se idejni rad izvede na papiru. Pokušajte stvoriti oblike koji predstavljaju viziju kako bi vaš font mogao izgledati. Ovaj je zadatak teško zamisliti na računalu.

Evo nekoliko korisnih savjeta za stvaranje papirnih slova:

  • Ne morate nacrtati cjelovit skup znakova - najviše se preporučuju slova "H", "n", "o" i "y".
  • Označite na osnovnoj liniji i drugim važnim visokim crtama kako biste ih koristili kao putokaz.
  • Pogledajte ostale fontove da biste vidjeli gdje se oblici ponavljaju u skupu znakova.
  • Pomicanje stranice umjesto ruke omogućit će vam stvaranje glatkih krivulja.

izrada-od-font-Šema

Korak # 3: Odaberite i instalirajte svoj softver

Za dizajn tipografije na srednjoj razini dostupan je niz besplatnih aplikacija, a važno je znati koja će vam najviše odgovarati.

1 - FontForge

fontforge alat-of-stvaranja-of-fontovi

« FontForge Je urednik fontova otvorenog koda s ogromnom količinom dokumentacije koja će vas voditi kroz postupak dizajniranja. Iako dizajnersko sučelje u početku može biti pomalo zastrašujuće, nakon što se naviknete, FontForge stoga postaje moćan alat za stvaranje prekrasnih prilagođenih fontova. Možete početi ispočetka, koristeći dostupne alate ili preuzeti slike fontova koje ćete koristiti kao početnu točku.

2 - Birdfont

birdfont alat za stvaranje-a-policije

Birdfont je malo intuitivniji od " FontForge Tako da je možda i bolja opcija za one koji žele brzo započeti. Baš kao FontForge Font možete pokrenuti ispočetka pomoću uređivača ili kao početnu točku prenijeti slike. Međutim, iako postoje dostupni vodiči, “ Birdfont Nemate toliko dubok kao FontForge. " Birdfont Slobodno kreira pravila pod licencom SIL, ali zahtijeva donaciju u iznosu od 5 $ ili više za komercijalnu upotrebu.

Korak # 4: Pokrenite izradu

Nakon što instalirate softver, spremni ste za početak izrade fonta. Ovisno o odabiru softvera, možete početi od početka, prenijeti slike svojih dizajna na papir ili prenijeti datoteku fonta da biste je uredili. Nakon što transformirate svoje znakove, možete ga proširiti tako da uključuje slova, brojeve i druge znakove.

Ovaj dio postupka može biti prilično dugotrajan jer će svaki softver imati vlastitu krivulju učenja. Međutim, kad se počnete navikavati, postupak bi se trebao ubrzati prilično brzo. Da bismo vam pomogli da brzo krenete, evo neke terminologije s kojom ćete se trebati upoznati:

  • simboli: Svaki pojedinačni znak u fontu smatra se glifom.
  • Osnovni: Nevidljiva linija na kojoj sjede svi znakovi fonta.
  • Linija uzlazne: Nevidljiva linija prema kojoj počinje uspon.
  • Visina uspona : Visina vertikalnog poteza prema gore na slovima kao što su "h" i "k".
  • Dubina žlijeba: Dubina vertikalnog poteza prema slovima poput "p" i "y".
  • stabljika: Glavni vertikalni potez slova poput "F" i "T".
  • Zdjela: Zatvoreni zaobljeni dio slova kao što su "b", "d" i "o".
  • Bezier krivulja : Parametrijska formula koja se koristi za modeliranje glatkih evolucijskih krivulja.

Jedva smo se ogrebali površini, ali ako ste nekoga tko želi stvoriti font, ovaj dijagram prikazuje neke od anatomija fonta o kojem smo upravo govorili:

anatomija-dina-policija

Korak # 5: Pročistite svoj set znakova

Tijekom postupka stvaranja fonta lako je usredotočiti se samo na pojedinačne znakove. Međutim, važno je razmotriti i kako će se font prikazivati ​​prilikom pročišćavanja. Evo nekoliko savjeta kako biste imali na umu tijekom pročišćavanja skupa znakova:

  • Obratite pažnju na razmak između slova i kerning kad kombinirate niz ovih slova tijekom postupka.
  • Eksperimentirajte s različitim veličinama za svaki znak, posebno ako će aplikacija koja će koristiti vaš font odabrati velike veličine.
  • Redovito ispisujte posao tijekom procesa dizajniranja, često je lakše uočiti suptilne pogreške.

U ovom trenutku ste skoro tamo! Osmislili ste svoj font, odabrali i postigli ono što želite svojim softverom, pretvorili u digitalni format i doradili do savršenstva. Ostalo je samo da ga preuzmete.

Korak # 6: Preuzmite fontove za WordPress

Kad završite svoj prilagođeni font, vjerojatno ćete ga htjeti početi koristiti. Ako se font upotrebljava na vašoj web lokaciji WordPress, na raspolaganju je niz načina preuzimanja. Najjednostavnije je koristiti dodatak za font, jedan od najpopularnijih je " Koristite bilo koji font '

upotrijebiti bilo--smo-wordpress-dodatak

Ovaj dodatak automatski pretvara datoteke fonta, izdvaja CSS kôd i integrira ga u datoteke vaše teme. Podržava TTF, OTF i WOFF proširenja, a nakon preuzimanja font će biti dostupan za upotrebu na WordPressu. Ovaj dodatak besplatan je za jednu konverziju fonta, ali donacijom od 10 $ ili više moći ćete pretvoriti neograničen broj.

To je to za ovaj tutorial. Nadam se da ćete uspjeti izraditi prilagođene fontove za svoje WordPress blog.