Article original : Designing a font from scratch — and submitting it to Google Fonts in 24 hours
Par James Barnard
Constructions en une journée
Je suis un grand fan des One Day Builds d'Adam Savage. Au début de la journée, il commence avec un tas de matériaux, et se retrouve avec quelque chose qu'il convoitait autrefois (celui-ci est mon préféré).
Avec cela en tête (et un jour de congé du travail), je me suis lancé un défi...
Créer une toute nouvelle police de caractères, à partir de zéro, et la soumettre à Google Fonts en moins de 24 heures.
J'avais déjà esquissé quelques lettres dans un vieux carnet. Je voulais créer une police de caractères sans empattement, haute, destinée à être utilisée dans des posters ou des œuvres d'art à grande échelle. À mes débuts chez Men's Health, je devais utiliser des polices comme 'Tungsten' ou 'Heron', qui étaient terribles pour les blocs de texte, mais incroyables lorsqu'elles étaient utilisées dans les titres ou pour le matériel promotionnel (ce qui était mon travail principal là-bas). C'est le style que j'ai décidé de créer.
13h, mercredi
Je suis passé directement à Adobe Illustrator avec les deux ou trois styles de lettres que j'avais esquissés. J'ai configuré cinq lignes de grille sur ma planche de travail, une pour la ligne descendante, la ligne de base, la hauteur des x, la hauteur des majuscules et la ligne ascendante. J'ai ensuite décidé d'une largeur pour les lettres majuscules, et à partir de là, l'épaisseur de la hampe (par exemple, la largeur de la lettre I).
J'ai fait beaucoup de recherches sur les proportions et les ratios des lettres, et j'ai même mesuré certaines polices existantes, en déterminant comment les lettres minuscules devaient se rapporter aux majuscules. À partir de là, j'ai établi quelques règles :
- Hauteur des x = 2 × hauteur de l'ascendante/descendante.
- Largeur de la hampe = 1/4 de la largeur de la lettre majuscule
- Largeur des minuscules = 3/4 de la largeur de la lettre majuscule
À partir de là, j'ai créé les lettres O et B en premier. J'ai pris la décision que toutes les lettres qui auraient normalement des courbes auraient plutôt un coin arrondi. La plupart des lettres seraient de forme rectangulaire haute, mais pour des lettres comme O, B et D, les bords avec des courbes auraient des coins arrondis.
Le coin extérieur aurait un rayon de 12 mm, et le coin intérieur de 6 mm. Avec ces règles établies, plus une hauteur pour ma barre transversale (à travers la lettre H), j'ai commencé à créer mes lettres majuscules.
Ma police était très simple, mais avec une 'touche' distinctive, si vous voulez. Toute aperture, c'est-à-dire l'ouverture dans une lettre, comme la découpe dans la lettre C, ou la fin de tout arc, comme l'extrémité courbée de la lettre J, serait coupée en angle. Les lettres les plus difficiles ici étaient G et K.
Avec les majuscules terminées, je suis passé aux lettres minuscules. C'était sans aucun doute plus difficile, mais avec mes règles établies, il ne restait plus qu'à les créer une par une. J'ai utilisé beaucoup plus de mes 'touches' ici, surtout à la fin des ascendantes et des descendantes. Les lettres f, g, a et e étaient les plus délicates, car elles étaient de styles complètement nouveaux.
21h, mercredi
Je passais maintenant à certains des glyphes supplémentaires, comme le point d'interrogation et le point d'exclamation. Mon rythme s'est accéléré, et avant d'aller me coucher, j'avais réussi à en créer environ 35.
Jeudi matin
Le matin, j'ai rapidement terminé les chiffres de 0 à 9, puis j'ai commencé à créer le fichier de la police.
C'était un territoire complètement nouveau. Ian Barnard, un ami calligraphe sur Twitter (avec mon nom de famille), m'a recommandé un programme appelé Glyphs, que vous pouvez télécharger pour un essai gratuit de 30 jours.
J'ai téléchargé Glyphs Mini et j'ai regardé quelques vidéos tutoriels, puis j'ai réalisé que j'avais configuré mon fichier Illustrator complètement incorrectement. J'ai donc dû coller chaque caractère manuellement et le redimensionner pour qu'il corresponde aux guides de l'application.
10h, jeudi
Avec mes caractères en place, je me suis attelé à l'espacement et au crénage des lettres. Cette partie était incroyablement chronophage. Il existe une série de raccourcis clavier dans cette application que vous devez absolument maîtriser avant de vous lancer. Et avant de commencer le processus de crénage, vous devez ajuster l'espacement des lettres aussi près que possible de ce que vous voulez pour le fichier.
Apparemment, en règle générale, mesurez la largeur du contrepoinçon de la lettre O (le trou au milieu) et divisez cela par trois. C'est la distance d'espacement avec laquelle vous devriez commencer sur les côtés gauche et droit de vos lettres.
11h, jeudi
Avec l'espacement configuré (en tenant compte des lettres plus larges comme M et W), j'ai commencé le crénage. C'était un processus extrêmement fastidieux. J'ai visité ce site web, et j'ai collé leur texte d'exemple de crénage.
En utilisant les raccourcis clavier (utilisez ce tutoriel), j'ai avancé péniblement et ajusté les groupes de crénage pour chaque distance qui ne me semblait pas correcte. Les plus évidentes sont entre V et A, mais il y a tant de paires de lettres dans ce texte d'exemple auxquelles je n'aurais pas pensé.
Une fois terminé, j'ai converti le texte de crénage en majuscules et j'ai refait tout le processus, pour apparier les lettres majuscules.
12:59, jeudi
J'ai exporté ma police et l'ai convertie en fichier .ttf prêt à être soumis à Google. Avec encore quelques glyphes manquants (comme les crochets et les symboles de copyright), j'étais certain qu'elle ne serait pas acceptée. Je n'avais également pas le temps d'inclure les nombreuses accents nécessaires pour une prise en charge complète des langues.
Ce n'est pas la meilleure des polices, mais ce n'était pas mal pour une première tentative. Et étant donné que j'ai dû m'apprendre à utiliser le logiciel Glyphs à partir de zéro, et que cela a été réalisé en une seule journée, j'étais assez fier !
Le nom ?
Odibee Sans
... prononcé « oh-dee-bee ». Mon propre « One Day Build » (ODB).
Postface
J'ai soumis Odibee Sans à l'équipe de Google Fonts en mai 2017, et à ce jour, la police est toujours dans leur pipeline pour être ajoutée. L'équipe a tout à fait raison de suggérer que je devrais passer un peu plus de temps sur la police pour affiner le design (bien qu'ils aient admis que cela allait à l'encontre de l'esprit du projet).
Avec cela en tête, j'ai passé une journée supplémentaire sur la police. J'ai depuis ajouté tous les glyphes supplémentaires (je pense) nécessaires pour la prise en charge du latin étendu. J'ai également apporté des modifications majeures à environ 30 des glyphes, y compris de nouveaux styles pour les lettres (majuscules) S, B, R, et les minuscules s, c, y, a, e, r, f, t, p, q et j, ainsi que quelques ajustements de chiffres.
En plus de cela, il y a maintenant plus de 1500 paires de crénage, ce qui a apporté une amélioration massive à la police.
Et j'ai créé un site web ! odibeesans.com
Le site a également été réalisé en une journée avec Adobe Muse. Plus d'informations ici.
Merci d'avoir lu ! J'adorerais lire vos projets que vous avez pu réaliser en une journée. C'est une technique assez efficace, si vous pouvez vous libérer du temps (Dieu bénisse le mode de vie freelance) !