Dizajniranje fonta od nule - i slanje u Google Fonts za 24 sata

Jednog dana gradi

Veliki sam obožavatelj Adama Savagea "Jednodnevne gradnje". Na početku dana započinje s hrpom materijala, a na kraju drži nešto za čime je jednom priželjkivao (ovaj mi je najdraži).

Dakle, imajući ovo na umu (i slobodan dan s posla), postavio sam si izazov ...

Stvorite potpuno novi font, ispočetka, i pošaljite ga Google Fontovima za manje od 24 sata.

Imao sam nekoliko slova već skiciranih u staroj bilježnici. Htio sam stvoriti visoki, bez serifa, prikazni font koji bi se mogao koristiti u plakatima ili umjetničkim djelima velikih razmjera. U svojim ranim danima u Men's Healthu morao bih koristiti fontove poput 'Volfram' ili 'Čaplja', koji su bili užasni za dijelove tijela, ali nevjerojatni kad su se koristili u naslovima ili za promotivni materijal (što mi je tamo bio glavni posao ). Ovo je stil koji sam namjeravao stvoriti.

13:00, srijeda

Otišao sam izravno u Adobe Illustrator s dva ili tri stila slova koja sam skicirao. Na umjetničkoj ploči postavio sam pet linija mreže, po jednu za silaznu liniju, osnovnu liniju, visinu x, visinu kapice i liniju uspona. Tada sam odredio širinu za velika slova, a odatle i debljinu stabljike (npr. Širinu slova I ).

Ja sam mnogo istraživanja na slovo proporcija i omjera, te izmjeriti neke postojeće fontovi, radi kako mala slova trebao odnositi na kape. Odavde sam donio neka pravila:

  • X-visina = 2 × visina uspona / silaska.
  • Širina stabljike = 1/4 širine velikog slova
  • Mala širina = 3/4 širine velikog slova

Odavde sam prvo stvorio slova O i B. Odlučio sam da bilo koja slova koja obično imaju zavoje, umjesto toga, imaju zaobljeni kut. Većina slova bila bi u obliku visokog bloka, ali sa slovima poput O , B i D rubovi s krivuljama imali bi zaobljene kutove.

Vanjski kut imao bi radijus 12 mm, a unutarnji 6 mm. S ovim dogovorenim pravilima, plus visina moje prečke (preko slova H ), počeo sam izbacivati ​​svoja velika slova.

Moj je font bio vrlo jednostavan, ali s onim koji definira "procvat", ako želite. Bilo koji otvor, koji je otvor u slovu, poput reza u slovu C ili kraj bilo kojeg luka, poput zakrivljenog kraja slova J , bio bi izrezan pod kutom. Najteži slova ovdje su G i K .

S dovršenim CAPS-om prešao sam na mala slova. Ovo je nesumnjivo bilo teže, ali uz moja pravila koja su se složila, to je bio samo slučaj da se kroz njih vrti. Ovdje sam koristio puno više svojih 'procvata', posebno na kraju uspona i silaska. Slova f , g , a i e bila su najlukavija, jer su to bili potpuno novi stilovi.

21:00, srijeda

Sada sam prešao na neke dodatne glife, poput upitnika i uskličnika. Tempo mi se ubrzao i prije spavanja uspio sam ih riješiti oko 35.

Četvrtak ujutro

Ujutro sam prilično brzo dovršio brojeve od 0 do 9, a zatim počeo zapravo stvarati datoteku fonta.

Ovo je bio potpuno novi teritorij. Ian Barnard , kaligraf iz Twittera (s mojim prezimenom), preporučio je program pod nazivom Glyphs, koji možete preuzeti za besplatno 30-dnevno probno razdoblje.

Preuzeo sam Glyphs Mini i pogledao nekoliko tutorial videozapisa, a onda shvatio da sam svoju ilustratorsku datoteku postavio potpuno pogrešno. Stoga sam morao svaki znak zalijepiti ručno i prilagoditi ga prilagodbama vodičima u aplikaciji.

10:00, četvrtak

Sa svojim likovima na mjestu, krenuo sam u razmacivanje i isjecanje slova. Ovaj je dio nevjerojatno dugotrajan. U ovoj aplikaciji postoji niz tipkovnih prečaca koje apsolutno morate svladati prije nego što krenete na ovo. I prije početka postupka kerniranja, morate razmak između slova što je moguće bliži onome kako želite da datoteka izgleda.

Očigledno kao pravilo, izmjerite širinu brojača slova O (rupa u sredini) i podijelite to s tri. To je udaljenost razmaka s kojom biste trebali započeti s lijeve i desne strane slova.

Četvrtak u 11 sati

S postavljenim razmakom (uzimajući u obzir šira slova poput M i W ) započeo sam s kerningom. Ovo je bio izuzetno mukotrpan proces. Posjetio sam ovu web stranicu i zalijepio njihov primjer kerning teksta.

Pomoću tipkovnih prečaca (upotrijebite ovaj vodič) prolazio sam i prilagođavao kerning grupe za svaku pojedinu udaljenost koja mi nije izgledala dobro. Očigledna su između V i A , ali u toj primjernoj kopiji ima toliko uparivanja slova na koja ne bih pomislio.

Jednom kad sam dovršio, pretvorio sam tekst kerninga u sve kape i ponovio cijelu stvar, uparivši velika slova.

12:59 sati u četvrtak

Izvozio sam svoj font i pretvorio ga u .ttf datoteku spremnu za slanje Googleu. S obzirom da još uvijek nedostaje poprilično glifa (poput uglatih zagrada i simbola za zaštitu autorskih prava), bio sam siguran da to neće biti prihvaćeno. Također nisam imao vremena uključiti mnoštvo akcenata potrebnih za potpunu jezičnu podršku.

Nije najbolji font, ali nije bilo loše za moj prvi put. A s obzirom da sam se morao naučiti kako koristiti softver Glyphs od nule, a dovršen je u jednom danu, bio sam prilično ponosan!

Ime?

Odibee Sans

... izgovoreno "oh-dee-bee". Moja vlastita 'Jednodnevna gradnja' (ODB).

Pogovor

Odibee Sans poslao sam timu Google Fonts još u svibnju 2017. godine, a kako stoji, font je još uvijek u pripremi za dodavanje. Tim je s pravom sugerirao da bih trebao potrošiti neko dodatno vrijeme na font kako bih usavršio dizajn (iako su priznali da je to protiv duha projekta).

Imajući ovo na umu, proveo sam dodatni dan na fontu. Otada sam dodao sve dodatne glifove (mislim) potrebne za proširenu latinsku podršku. Također sam napravio neke velike promjene na oko 30 glifa, uključujući nove stilove za slova (velika slova) S, B, R i mala slova s, c, y, a, e, r, f, t, p, q i j, kao i nekoliko prilagodbi broja.

Povrh toga, sada postoji više od 1500 parova kerninga, što je znatno poboljšalo font.

I napravio sam web stranicu! odibeesans.com

Stranica je također izrađena u jednom danu koristeći Adobe Muse. Više o ovome ovdje.

Hvala na čitanju! Volio bih čitati o svim projektima kojima ste se možda bavili u jednom danu. To je prilično učinkovita tehnika, ako možete uštedjeti vrijeme (Bog blagoslovio slobodni stil života)!