Conception d'une police de caractères, avec Illustrator et FontLab, du début à la fin - Partie 1

Mettons une chose au clair: il y a une différence entre «lettrage» et «conception de caractères», cela peut être sérieux. Il y a des gens qui conçoivent strictement des lettres pour toute leur vie. Ils vivent, respirent, mangent, dorment, boivent et font pipi, je les admire vraiment. Dans mon travail personnel, je me penche vers le lettrage et je ne veux pas mordre sur les pieds en disant que c'est «LA» façon de concevoir le type. C'est une façon de concevoir une police de caractères à l'aide d'Ai. Tout le monde aime la lettre, alors amusons-nous!

Apprendre la typographie, c’est vraiment comme apprendre une nouvelle langue. Je vais donc essayer d’expliquer les choses de façon à ce que tout le monde puisse comprendre et utiliser la terminologie typographique. Je vais gâcher quelque chose, alors à tous les experts du type, allez-y doucement.

L'inspiration pour une police de caractères peut provenir de n'importe quoi: un arbre, une échelle, des rochers, des personnes, de vieilles fournitures de bureau qui traînent… à peu près tout et n'importe quoi. Vous pouvez commencer de différentes manières: croquis au crayon, découper des formes de papier et les déplacer, etc.


Étape 1a

Être inspiré. Regardez les légendes. Quel genre de type aimes-tu?
Décidez du type de police que vous souhaitez créer. Demandez-vous ce que vous voulez faire avec la police de caractères que vous créez… Voulez-vous créer une police de caractères à partir de votre écriture? Voulez-vous l'utiliser pour les gros titres en gras? Ou cherchez-vous à l'utiliser comme texte dans un livre? Avoir une idée générale de votre objectif final vous aidera à prendre de nombreuses décisions tout au long du processus de création d'une police de caractère..


Étape 1b

Par souci d'efficacité et de simplicité, je vais créer une police de caractères de titre sans empattement, audacieuse et fondamentale, inspirée à la fois par ITC Avant Garde et Bernhard Fashion (majuscule). J'aime la netteté et la base des formes sont basées sur une géométrie simple.


Étape 2a

Parce que la base de cette police de caractères est la géométrie de base, commencez par utiliser les formes les plus élémentaires - ligne, carré, cercle et triangle. Créez-les à l'aide des outils de ligne et de forme, puis copiez et collez des sections ou des morceaux de ligne) avec un trait (stoke).


Étape 2b

Au lieu d'un remplissage, utilisez une ligne avec un trait noir simple, cela permettra d'expérimenter avec le poids du trait. Plus tard, nous choisirons un poids de base et le rendrons cohérent tout au long de.


Step3a

Commencez simplement à créer des caractères (lettres). Pour une raison quelconque, il semble que je commence toujours par un majuscule A. Comme vous pouvez le voir (en gris), j'utilise simplement un triangle et une ligne horizontale pour créer la forme en «A». Maintenant ça reste simple.


Étape 3b

Expérimentez avec les formes et les formes des lettres. En utilisant la forme carrée, vous pouvez avoir le «maigre» à gauche ou à droite.


Étape 3c

Au lieu de dessiner et d’éditer chaque ligne avec le stylo ou les outils de ligne, l’utilisation des formes rendra les choses cohérentes et super faciles. Une autre façon de vous simplifier la tâche consiste à utiliser une «forme blanche» pour «découper» visuellement certaines parties des formes, de manière à voir à quoi ressemble la lettre. L'exemple le plus simple consiste à créer la lettre 'C'. Commencez par un cercle (1) et placez simplement un triangle blanc au-dessus (2) et vous avez terminé (3). (le fond gris est pour que vous puissiez voir les formes blanches)


Étape 4

Évidemment, je ne peux pas expliquer comment créer toutes les lettres, mais je décrirai ici comment j'ai conçu le "B" et comment j'ai implémenté l'utilisation de la "forme blanche". Créez 2 cercles qui se chevauchent (1) et tracez une ligne horizontale entre les deux points où le cercle se croise (2). Tracez une ligne où les 2 cercles et la ligne horizontale se croisent sur le côté gauche (3). Ensuite, ajoutez un fond blanc au cercle inférieur (pour supprimer le chevauchement du cercle supérieur) et utilisez une forme blanche pour «rogner» le côté gauche de la ligne verticale (4). Ensuite, à l’aide de l’outil Plume, recadrez simplement le haut du cercle inférieur (5) et déplacez la ligne horizontale initiale vers le haut..


Étape 5

À ce stade, j’aime commencer à expérimenter avec le poids par AVC et même à rassembler des mots si possible. Descendre et devenir fou!


Étape 6a

Les choses peuvent commencer à devenir un peu folles, alors la meilleure façon de tout organiser est d’établir une grille. Vous n'avez pas besoin d'utiliser une grille, vous pouvez choisir un style / un style de police totalement différent, mais l'utilisation d'une grille est le meilleur moyen de gagner en cohérence dans vos lettres. Par exemple, lors de la création de lettres de structure similaire à celles des lettres E, F et H, l'utilisation d'une grille vous aidera à conserver les lignes horizontales, ou barres transversales, des lettres à la même hauteur (orange)..


Étape 6b

La mise en place de la grille devrait être assez facile, il ne vous faudra que quelques déterminations, et à partir de là, vous suivrez essentiellement les guides. En utilisant du bleu clair (comme dans l’école primaire, ha, ha), tracez des lignes qui détermineront la hauteur des lettres majuscules (1), appelées ligne de cap et baseline. Ensuite, établissez une ligne qui nous servira de ligne directrice horizontale principale (2) ou de ligne moyenne. Pour la police de caractères que je dessine, je vais également établir une ligne directrice horizontale secondaire (3)..


Étape 6c

Certaines parties des lettres minuscules iront au-dessous de la ligne de base définie, connue sous le nom de descendant, établissez donc une ligne directrice (ligne de descente) pour cela. Notez que les lettres minuscules sont cohérentes avec les majuscules, en ce sens que la ligne moyenne établit la hauteur (hauteur x) des lettres minuscules (5). Et lorsque les lettres minuscules ont des parties qui s’étendent au-delà de la ligne moyenne, elles correspondent à la ligne de majuscule (6).


Étape 7

Les directives vous permettront de rester cohérent lorsque vous développez la hauteur des lettres. Vous souhaitez également garder à l'esprit la largeur des caractères que vous créez. Typiquement, le «M» majuscule sera le caractère le plus large et le minuscule «i» ou le point d'exclamation sera le plus mince. Assurez-vous de garder votre lettre cohérente et proportionnelle.


Étape 8a

Comme je l'ai déjà dit, cette police de caractères est sans empattement, il n'y a donc aucun empattement compliqué à gérer. Mais vous devez vous assurer que vous êtes cohérent avec la manière dont vous terminez chaque "trait" ou "fin de lettre". Afin d’établir des terminaisons de terminal cohérentes, il suffit de suivre le système de grille en terminant le stoke horizontalement au niveau de la ligne de grille appropriée..


Étape 8b

Bien que la plupart des traits (dans cette conception) se terminent simplement horizontalement, il existe des circonstances évidentes dans lesquelles ce ne sera pas une option, telles que les terminaux incurvés. Donc, établissez un système secondaire pour les traits courbes. Mon système, dans la plupart des cas, consiste à terminer chaque courbe avec le même angle. Une astuce pour obtenir le même angle consiste, encore une fois, à utiliser une «forme blanche» pour couper ou couper chaque trait. Ici vous pouvez voir que j'utilise la même forme de triangle blanc et le rectangle vertical sur plusieurs formes de lettres.


Étape 9

Le poids de la police de caractères est un autre aspect à traiter. La noirceur ou la lourdeur d'un personnage est appelée son poids. Expérimentez avec différentes épaisseurs de ligne, simplement en augmentant le trait de la ligne noire. Ici, en commençant par le "W", les poids de trait augmentent de 1 point à 7 points sur le "t". Traditionnellement, une police de caractères aura au moins deux poids: régulier et gras. Pour ce tut, je ne fais que créer un poids, choisissez donc le même poids dans toutes les lettres..


Étape 10

La dernière chose que je vais aborder, avant de reprendre notre souffle, est la lettre problématique 's. Parce qu’il ne peut pas être facilement créé à partir de formes simples (cercle, carré, triangle) sur lequel cette police est basée, il existe un problème. Bien qu’il soit initialement basé sur deux cercles, l’épine incurvée du «s» devra constituer une exception aux règles que j’ai établies. C'est comme cela que ça se passe.


Conclusion

Ce n'est peut-être pas le moyen "expert" de créer un caractère, mais c'est un bon moyen si vous n'aimez pas dessiner directement dans FontLab. Assurez-vous de lire la partie 2 pour apprendre à concevoir le reste des caractères de votre police. L'image finale est ci-dessous.