Conception d'un caractère, avec Illustrator et FontLab, du début à la fin - Partie 2

Dans cet article de Designing a Typeface, nous allons continuer avec les illustrations de la partie 1. Vous avez donc défini le cadre de belles lettres et vous avez utilisé certains des principes de base de la typographie pour établir un système de . Maintenant, il est temps de prendre ces règles et de débusquer dans une police de caractères à part entière. De retour au travail, on continue de s'amuser!


Étape 1

Que vous commenciez avec la lettre A et que vous alliez à Z, ou que vous créiez des groupes de lettres similaires (aceos, lijft, bdghpqy, vwkyxz, mhnur), tous les caractères devaient être créés. Je préfère utiliser des formes de lettre similaires pour générer de nouvelles lettres. Cela semble être un moyen de travail plus rapide et plus productif et aide à garder les choses cohérentes.


Étape 2

Voici un exemple de création de lettres majuscules de forme et de forme similaires. En commençant par le P, qui est créé avec une ligne verticale, un cercle et une forme blanche "de rognage" (1), créez simplement une copie à droite (option + Glisser) et inversez le cercle supérieur en bas, créant base pour la lettre B (2). Étendez la forme blanche à gauche, appliquez un remplissage sur le cercle inférieur et une forme blanche pour rogner le reste des cercles qui se chevauchent (3). Tracez une ligne horizontale à partir du point d'intersection des deux cercles sur le dos pour créer la lettre B (4). Pour créer le R, supprimez simplement le cercle inférieur et réfléchissez la forme de recadrage blanche (5). Tracez la diagonale dans la position appropriée en créant la lettre R (6)..


Étape 3

Les caractères avec des courbes peuvent être délicats, la cohérence est la clé. L'utilisation des mêmes formes simplifiera le processus. Remarquez comment j'utilise les mêmes formes pour créer plusieurs lettres. Le g est un p réfléchi, avec un descender modifié. Le q utilise les mêmes formes, sauf que le descendeur est reflété et modifié. Les j et f utilisent le même descendeur modifié de q.


Étape 4

Encore une fois, notez à quel point il est simple de créer de nouvelles lettres à partir de formes de lettres existantes. Vous pouvez avoir ou vouloir faire quelques exceptions, notez comment le u est un upside n, avec une révision mineure.


Étape 5

Mes progrès, en majuscules.


Étape 6

Et en minuscule.


Étape 7

Ne supprimez pas les caractères simplement parce qu'ils ne correspondent pas à la grille ou si vous décidez de ne pas les utiliser dans le dernier jeu de caractères. Ils peuvent toujours être inclus en tant que personnages alternatifs, voici quelques restes.


Étape 8

Passez ensuite à tous les extras; chiffres, signes de ponctuation, caractères internationaux, etc. Évidemment, encore une fois, il est judicieux d’utiliser des lignes ou des formes à partir d’autres caractères. Ici, le S devient un esperluette (&). Il est très important de créer un jeu de caractères complet, y compris des caractères internationaux. Cela rendra la police plus professionnelle et beaucoup plus polyvalente. Le pire, c’est quand vous utilisez une police de caractères et qu’elle n’a pas les caractères nécessaires. Vous pouvez trouver un jeu de caractères assez standard et complet ici.


Étape 9

Régulièrement, vérifiez l’apparence de votre police de caractères. Créez les caractères pour le mot 'hamburgefonstiv', il s'agit d'un moyen classique de vous aider à juger de votre progression et à éliminer les caractères restants. Il aide également à vérifier les proportions des caractères ainsi que l’espacement vertical / horizontal.


Étape 10

Vous devez maintenant apporter des corrections, modifications, substitutions, etc. Selon votre police, vous devrez peut-être créer des caractères nécessitant des corrections optiques. Par exemple, si vous mettez O et H l'un à côté de l'autre sur les lignes directrices, le O peut sembler légèrement plus petit (hauteur). Même s'ils sont mathématiquement parfaits, ils peuvent toujours ne pas avoir l'air corrects. En augmentant subtilement la hauteur du O, en dépassant la ligne de base, vous pouvez donner aux caractères une apparence correcte.


Étape 11

À ce stade, vous avez décidé du poids (ou poids) de votre police (2,5 points dans mon exemple) et vous l'avez appliqué de manière cohérente à tous les caractères. Jusqu'à présent, seules des lignes (avec des caractères) et des formes de "rognage" blanches ont été utilisées pour créer les lettres. Afin de les insérer dans FontLab, vous ne pouvez pas avoir de traits ou de multiples formes, chaque caractère doit être une seule forme. Vous aurez donc besoin de convertir n'importe quelle ligne avec un trait en contours. Sélectionnez toutes les lignes appropriées et accédez à Objet> Chemin> Contour du contour.

Conseil: Un moyen simple de sélectionner toutes les lignes appropriées consiste simplement à sélectionner une ligne à l'aide de l'outil de sélection (flèche noire), puis à sélectionner Sélectionner> Identique> Poids du trait. Cela sélectionnera toutes les lignes noires avec le trait 2.5pt.


Étape 12

Utilisez la palette Pathfinder pour rogner ou réduire toute zone où vous avez utilisé la forme blanche pour développer la forme de lettre. Afin de garantir qu'il n'y a pas de problèmes, je suggère de faire chaque personnage individuellement. Par exemple, le D est construit par un cercle, une ligne verticale et une forme blanche «rognant» le côté gauche du cercle (1). Une fois les contours délimités, sélectionnez la forme blanche et le cercle puis, tout en maintenant la touche Option enfoncée, cliquez sur l’option Soustraire de la forme de la palette Pathfinder (2). La forme blanche disparaîtra en coupant ou en "coupant" le côté gauche du cercle. Ensuite, sélectionnez la ligne verticale et la partie restante du cercle (option de maintien) et cliquez sur l'option Ajouter à la surface de la forme dans la palette Pathfinder (3)..


Étape 13

Voici mes caractères finalisés, esquissés et en minuscules. Chaque lettre est une forme unique. Il n'y a plus de trait avec des traits, ni de formes blanches, mais simplement des formes étendues. J'ai utilisé uniquement les lettres minuscules pour l'affichage, appliquez ce processus de contour / chemin éclairé à tous les personnages.


Étape 14

Ok, vous avez créé le jeu complet de caractères, il est maintenant temps de préparer FontLab. Créez un nouveau document dans Ai, la taille du document dépend de la police de caractères, le mien est défini sur 1 000 points x 1 000 points. Ce sera le fichier que vous utiliserez pour exporter les caractères de Ai vers FontLab. Nommez-le donc "export". Ouvrez la préférence Ai (Commande + K), sous Grilles et repères, définissez la Grille sur 10 pts et 10 subdivisions. Vérifiez également les préférences sous Gestion des fichiers et Presse-papiers, elles doivent être configurées comme ci-dessous..


Étape 15

Configurez le système de guidage que vous avez défini pour votre police. Vous pouvez utiliser les lignes (bleu clair) que vous avez initialement dessinées (sélectionnez-les et Ctrl + Clic> Créer des repères) ou utilisez les repères réels dans Ai. Assurez-vous de verrouiller les guides (Option + Commande +;). L'échelle que vous utilisez pour cette grille d'exportation dépend entièrement de la taille / du détail / la forme de la police que vous créez. Pour vous donner une idée, les chiffres que j'utilise sont ci-dessous. Comme il n’ya pas d’ascendeurs dans ma conception, la hauteur de ma casquette et mon chiffre d’ascension sont identiques. Pour simplifier, définissez les lignes de base sur 0.
Hauteur du capuchon: 700, hauteur x: 441, descendeur: -269


Étape 16

Assurez-vous que Voir> Aligner sur la grille (Maj + Commande + ") est activé. Enfin, placez tous vos caractères de manière à ce qu'ils soient cohérents avec les instructions. Si possible, essayez de redimensionner tous les caractères en même temps. les choses sont cohérentes et prendront beaucoup moins de temps.


Conclusion

Félicitations, la conception de votre police de caractères est terminée. À l’étape 3, nous allons apprendre à importer les formes de lettre dans FontLab et à les transformer en polices de travail. Encore une fois, ce n'est peut-être pas le moyen "expert" de créer une police de caractères, mais c'est un bon moyen si vous n'aimez pas dessiner directement dans FontLab. L'image finale est ci-dessous