Notions de base sur le type de dessin et la création de votre propre police manuscrite

Ce que vous allez créer

Vous avez toujours voulu donner à vos mises en page et conceptions numériques une touche vraiment personnelle? Dans ce didacticiel, nous verrons comment créer une police à partir de votre propre écriture, à utiliser sur votre ordinateur.. 

Le tutoriel sera divisé en trois parties. Tout d'abord, nous allons examiner les bases du dessin d'une police de caractères. Ensuite, une fois que nous aurons chauffé, nous verrons comment vous pouvez optimiser votre écriture pour garantir une qualité et une polyvalence optimales. Enfin, nous analyserons différentes méthodes pour obtenir votre police sur l'ordinateur et convertir vos lettres dessinées à la main en polices numériques..

1. Type de dessin pratique

Ce dont vous aurez besoin pour la première partie de ce tutoriel:

  • papier à dessin (blanc)
  • crayon aiguisé HB ou 1H
  • règle avec des mesures millimétriques

Vous écrivez probablement des notes ou des listes gribouillées tous les jours, mais vous êtes rarement conscient de votre écriture manuscrite. Lorsque vous prenez soudain conscience de votre propre écriture, celle-ci peut sembler artificielle..

Vous devriez d'abord entrer dans un mode d'écriture plus naturel. Je trouve que la meilleure façon de faire est de s’exercer à dessiner une police de caractères. Cela est également très utile, car cela vous permet de mieux connaître les caractéristiques clés d'un caractère et de mieux reconnaître les caractéristiques communes (cohérence) entre différents caractères au sein d'un même caractère. Cela s'avérera utile lorsque nous commencerons à affiner nos propres caractères manuscrits et à les optimiser pour la numérisation..

Étape 1

Posez votre règle à plat sur la page, à un angle horizontal, aussi droite que possible. Prenez votre crayon taillé et, en appuyant assez fort, tracez une ligne au-dessus du bord supérieur de la règle.. 

Si votre règle est une règle normalisée d'une largeur de 30 mm, vous pouvez la garder en place et tracer une seconde ligne le long de son bord inférieur. Cela a l'avantage de garantir que les deux lignes sont parfaitement parallèles. Sinon, créez simplement deux lignes horizontales, 30 mm une part. La ligne inférieure représente le De base, et la ligne du haut est le Hauteur du bouchon

Marquez le haut 10 mm tiers de la hauteur totale entre les lignes et tracez une troisième ligne horizontale avec votre règle et votre crayon, en appuyant plus légèrement pour obtenir une ligne légèrement plus pâle. Cette ligne représente le hauteur x. Faites un saut sur vos termes de typographie, tels que x-height et baseline, dans mon article sur The A to Z of Typography.

Étape 2

Vous pouvez répéter la séquence de lignes en utilisant les mêmes mesures de Étape 1, pour créer une page remplie de lignes. Ceci est votre propre grille d'écriture, sur laquelle vous pouvez vous entraîner à dessiner des caractères..

Étape 3

Ouvrez un logiciel où vous pouvez facilement modifier du texte, tel que Adobe InDesign, ou même Microsoft Word ou Des pages

Sélectionnez un classique Serif type de caractère, tel que Adobe Caslon Pro, qui est montré ici, ou Garamond. Pour s'exercer à dessiner une police, il est préférable de choisir un serif dans un premier temps, car les polices sans serif ont des caractéristiques plus subtiles et peuvent être plus délicates à dessiner avec précision si vous êtes débutant..

Tapez les caractères suivants: 'H non oui', avec un espace entre chaque. Ce sont de bons personnages à choisir, car ils affichent une gamme de caractéristiques différentes: deux tiges verticales et une barre transversale sur le «H», une ouverture et des empattements sur le «n», un compteur entièrement fermé sur le «o», et un descendant rapide et bras diagonaux en minuscule 'y'.

Si vous travaillez dans InDesign vous pouvez également activer la grille de base (Affichage> Grilles et guides> Afficher la grille de base) pour voir plus facilement comment les proportions des personnages s'alignent.

Faites exploser les caractères à grande échelle sur votre écran ou effectuez un zoom avant. Vous pouvez maintenant commencer à dessiner les caractères. Alterner entre utiliser votre règle et dessiner des traits à la main. Ne vous inquiétez pas si vos tentatives semblent un peu en désordre. Le but de cet exercice est de vous familiariser avec le type de dessin et d'observer les caractéristiques du caractère et les similitudes (ou différences) entre chaque caractère..

Vous remarquerez que les polices Serif sont basées sur les principes de symétrie et d'ordre. Étendez les traits du bord des caractères et notez les angles et les proportions. Les tiges ont presque toujours la même largeur, quel que soit le caractère, mais vous remarquerez peut-être que la taille des empattements est légèrement plus grande en majuscule 'H'. Notez également que certaines parties des personnages sont plus minces; ces sortes d'accident vasculaire cérébral sont appelées lignes de cheveux.

Étape 4

Bien que nous n'appliquions pas toutes ces caractéristiques à notre police manuscrite, il est très important de reconnaître que toutes les polices de caractères sont régies par un ensemble de règles, qu'elles soient formelles, ce qui est plus courant pour les types serif et sans serifs, ou informelles, ce qui est normal. plus commun avec les polices dessinées à la main, peintes ou manuscrites.

Une fois que vous vous êtes exercé à dessiner une police de caractères, ou plusieurs polices si vous le souhaitez, vous devriez commencer à faire quelques recherches sur les polices manuscrites pour vous aider à réfléchir à la manière dont vous souhaitez organiser votre police manuscrite..

Accédez à un site de ressources sur les polices tel que FontSquirrel ou DaFont et jetez un coup d'œil aux polices manuscrites disponibles. Choisissez une police qui, à votre avis, partage les qualités avec votre propre écriture et téléchargez-la.. 

Choisissez un logiciel qui vous permettra d’afficher l’ensemble des caractères de la police.. Adobe InDesign est un bon choix, mais vous pouvez aussi utiliser Glyphes, que nous allons examiner de plus près plus tard.

Dans InDesign, créez un bloc de texte et définissez le Police de caractère à la police que vous venez de télécharger. Ici j'ai choisi Wagnasty. Aller à Fenêtre> Texte et Tableaux> Glyphes ouvrir le Glyphes panneau. Vous serez en mesure de voir l'ensemble des caractères disponibles dans la police de caractères. 

Prenez note des types de caractères présents et de ce qui est notamment absent. Par exemple, dans Wagnasty, nous avons:

  • un ensemble complet de lettres majuscules, de A à Z
  • pas de lettres minuscules
  • un ensemble complet de nombres, 1 à 9
  • point final (.), virgule (,), deux points (:), point-virgule (;), point d'exclamation (!), point d'interrogation (?)
  • apostrophe (')
  • ronds (parenthèses) crochets (), crochets [], accolades / accolades et chevrons <>
  • quelques symboles de base en mathématiques / équations (= +%)
  • hashtag (#)
  • des symboles monétaires
  • astérisque (*)
  • barre oblique (/), barre oblique inverse (\), tiret (-), tiret (~), barre verticale (|)

C’est un ensemble de caractères de base qui vous permettrait d’écrire la plupart des choses en anglais sans trop de problème.

Vous devez également noter si la police a des poids supplémentaires, par exemple. audacieux ou italique. Le plus souvent, une police manuscrite aura un seul poids, car elle doit avoir l’air authentique. Appliquer un poids différent peut paraître anormal.

La plupart des polices manuscrites ont un jeu de caractères similaire. Comme Callie Main:

Ou certains pourraient inclure un peu plus, comme Journal, qui comprend des symboles ou des images bizarres dessinés à la main:

2. Écrire vos propres personnages

Maintenant que vous vous êtes exercé à dessiner des polices et à jeter un coup d'œil à la gamme de polices manuscrites et aux caractères disponibles dans chaque jeu de polices, vous pouvez commencer à penser à la création de votre propre police de caractères personnalisée..

Pour cette section du didacticiel, vous aurez besoin des éléments suivants:

  • papier ligné (un vieux carnet minable suffira)
  • papier à dessin (blanc; et avec un peu de texture si vous voulez donner une apparence plus informelle et rustique à vos personnages)
  • crayon aiguisé HB ou 1H
  • règle avec des mesures millimétriques
  • un stylo à encre liquide à pointe fine en noir (j'aime utiliser un Pilot Hi-TecPoint)
  • la gomme

Étape 1

Beaucoup de gens auront développé au fil du temps deux variantes ou plus de leur écriture. Lorsque j'écris des passages de texte plus longs, mon écriture a tendance à se rejoindre et à s'incliner légèrement vers la droite, créant ainsi un caractère cursif en italique.

Cependant, il existe un certain nombre de problèmes pour essayer de convertir une écriture manuscrite cursive ou script en une police numérique. Vous devez vous assurer que le crénage (espace entre les caractères) est bien défini, afin que les caractères apparaissent toujours parfaitement reliés. Vous devez également vous assurer que chaque combinaison de caractères sera parfaitement reliée, ce qui est très difficile sans passer des heures à post-éditer le script sur votre ordinateur..

Ainsi, à moins que vous ne cherchiez une migraine, il est recommandé de numériser une écriture manuscrite non cursive. Au lieu de cela, il devrait avoir des caractères autonomes qui n'auront pas besoin d'être raffinés pour correspondre avec précision à un caractère voisin donné.. 

Heureusement, j'utilise souvent une variante différente de mon écriture, généralement pour annoter des documents ou écrire des notes rapides. Tout est mis en majuscule et n'est pas joint. Il a aussi une légère italique.

Choisissez un court extrait d'un livre et copiez le texte sur du papier ligné en utilisant votre style d'écriture naturel. Tout en faisant de votre mieux pour garder l'écriture naturelle, essayez de vous assurer que les caractères ne sont pas liés ou ne se touchent pas trop. Peu importe si vous mélangez des lettres majuscules et minuscules. Mais notez que si vous voulez faire cela, vous devrez éventuellement créer un jeu complet de caractères majuscules et un jeu complet de caractères minuscules..

Vous pouvez également vous entraîner à écrire quelques symboles, tels que des points d’exclamation ou des crochets..

Vous pouvez utiliser ce passage de livre comme référence utile lorsque vous commencez à créer votre dernier exemple d’écriture manuscrite. Il n'est pas toujours naturel d'écrire des caractères individuels, dans un ordre de A à Z, vous pouvez donc regarder le passage et voir comment vous avez créé un "G" ou un "F", par exemple lorsque vous écrivez une manière fluide et naturelle.

Étape 2

Retournez à votre papier à dessin. Prenez votre crayon et votre règle et, après Étapes 1 et 2 de Partie un du didacticiel (ci-dessus), tracez une séquence de trois lignes représentant la hauteur du capuchon, la hauteur x et la ligne de base. 

Dans Partie un, nous avons créé un groupe de lignes d’une hauteur totale de 30 mm. Cependant, si vous essayiez d'écrire naturellement à cette échelle, vous auriez certainement du mal! Réduire la hauteur totale entre les Hauteur du bouchon et De base à 6 mm; marquer le haut 2 mm tiers de cela pour montrer la hauteur x

Vous pourriez même trouver que cela est encore trop grand pour vous permettre d'écrire naturellement sans effort. Écrivez quelques caractères sur le papier pour voir quelle taille vous écrivez naturellement.. 

Réduire la hauteur totale à 4 ou 5 mm si vous êtes plus à l'aise pour écrire à une plus petite échelle.

Répétez la séquence de lignes jusqu'à ce que vous ayez rempli la page.

Étape 3

Prenez votre stylo à encre (l'encre noire créera un bon contraste pour la numérisation ultérieure) et faites pivoter le papier dans le sens contraire des aiguilles d'une montre. Ceci afin d'éviter de trop forcer le bras pendant que vous écrivez.

Au même rythme que vous écrivez normalement, écrivez les majuscules de A à Z en une fois, le long de la même ligne si vous avez de la place. 

Si vous faites des erreurs, réessayez simplement à la ligne suivante. Mais ne vous inquiétez pas des erreurs mineures ou des bizarreries dans l'écriture. Vous voulez que l'écriture ait l'air organique et naturelle, et le perfectionner trop vous en débarrassera.

En se référant à la liste des caractères notés dans Partie un du didacticiel, écrivez d’autres personnages dans le même style naturel et à la même échelle. Si vous le souhaitez, vous pouvez également écrire un ensemble de lettres minuscules, a à z, ainsi.

Étape 4

Laissez l’encre sécher complètement, prenez ensuite une gomme à effacer et effacez délicatement les lignes tracées au crayon autour des caractères pour obtenir un bel ensemble de caractères nets, prêts à être numérisés..

3. Numérisation et numérisation de votre police

Pour cette dernière partie du tutoriel, vous aurez besoin de:

  • un scanner (ou alternativement un trépied et un appareil photo numérique)
  • Adobe Illustrator
  • accès à un éditeur de polices / logiciel de conversion, par exemple. FontLab Studio ou Glyphs (vous pouvez obtenir un essai gratuit de 30 glyphes pendant 30 jours, et une version mini est disponible sur les applications Mac)

Remarque: Nous allons vous guider à travers le processus d'utilisation Glyphes dans ce tutoriel, mais il existe de très nombreux programmes d’édition de types. Je trouve personnellement Glyphes très conviviale, mais de nombreux typographes présenteront également des arguments solides en faveur de FontLab et RoboFont.

Étape 1

Réglage du scanner sur une résolution élevée (j’ai numérisé à 1600 dpi), scannez votre échantillon d'écriture. 

Enregistrez le fichier en tant que TIFF ou JPEG. Puis ouvert Adobe Illustrator et créer un Nouveau document.

Aller à Fichier> Place et sélectionnez votre image numérisée. L'image sélectionnée, ouvrez le Trace d'image panneau (Fenêtre> Trace d'image). Avec le Aperçu case cochée, régler le Mode à Noir et blanc, et ajuster le Seuil, Les chemins et Coins niveaux jusqu'à ce que vous êtes satisfait de la précision de la trace. Cliquez sur Trace.

Puis, avec l'image toujours sélectionnée, allez à Objet> Trace d'image> Développer. Comme dernière étape, Ctrl-Clic (Mac OS) ou Clic-droit (Windows)> Dissocier. 

Vous devez maintenant vous débarrasser de toutes les zones blanches de l'image. Ouvrez le Couches panneau (Fenêtre> Calques) et créer un nouveau calque. Faites-le glisser vers le bas pour placer le nouveau calque sous le calque d'image. Sélectionnez le Outil Rectangle (M) et faites glisser pour créer un rectangle qui s'étend sur toute la planche graphique. Met le Remplir à une couleur vive contrastante.

Vous pouvez maintenant voir plus facilement où il y a du blanc sur l'image. Sélectionnez la zone blanche autour de l'extérieur et supprimez. Sélectionnez les petites zones blanches à l'intérieur des cuvettes et des compteurs de caractères, puis supprimez-les..

Vous avez réussi à vectoriser votre écriture, excellent travail! 

Étape 2

Ouvrez maintenant votre logiciel d’édition de polices. Ici, je vais vous guider dans le processus de numérisation de votre police manuscrite en utilisant Glyphes.

Aller à Fichier> Nouveau pour créer une nouvelle police Glyphs. Dans la partie gauche de la fenêtre Glyphes qui s’ouvre, un menu d’options répertorie les groupes de caractères que vous pouvez ajouter à la police.. 

Cliquez sur Lettre pour afficher l’ensemble des options du menu. Pour insérer des lettres majuscules, sélectionnez Majuscule. Un ensemble complet de caractères majuscules, de A à Z, apparaît dans la fenêtre..

Double-cliquez sur un personnage pour le modifier directement.. 

Retournez à Illustrateur et sélectionnez le caractère vectoriel approprié. Aller à Édition> Copier.

Retourner à Glyphes, et allez à Édition> Coller. Les glyphes placent le vecteur dans la fenêtre, prêt à être redimensionné et ajusté. Les valeurs numériques en bas de l'écran sont modifiables, ce qui vous permet d'ajuster l'espace à gauche et à droite du caractère, ce qui affecte le crénage.. 

À gauche de la fenêtre, vous pouvez voir '-' et '+' symboles, qui vous permettent de redimensionner le caractère. Vous pouvez également régler manuellement l’échelle à l’aide des touches Échelle (s) outil accessible dans le panneau des outils en haut de la fenêtre.

Vous devez utiliser les guides à l’écran comme guide, en plaçant le bas du personnage sur la De base, et le haut du personnage (s'il est en majuscule) qui rencontre le Hauteur du bouchon ligne.

Étape 3

Vous pouvez revenir en arrière pour voir l’ensemble des caractères en cliquant sur le bouton Police de caractère onglet vers le haut de la fenêtre.

Répétez le processus ci-dessus, en double-cliquant sur les caractères dans les glyphes pour les ouvrir et en alternant Illustrator et Glyphs, en copiant et en collant des caractères..

Vous pouvez également commencer à ajouter d'autres types de caractères à l'aide du menu de gauche dans la fenêtre Glyphes. Vous devrez ajouter manuellement Nombres et Ponctuation repères, en les sélectionnant dans les menus déroulants et en sélectionnant produire.

Étape 4

Une fois que vous avez ajouté tous les caractères de votre police, vous pouvez lui donner un nom.. 

Aller à Fichier> Informations sur la police ouvrir une nouvelle fenêtre. 

Attribuez un nom approprié à la police. Vous pouvez également ajouter des détails supplémentaires, tels que votre nom, votre site Web et vos informations de copyright. Une fois que vous avez terminé, fermez simplement la fenêtre.

Étape 5

Une fois les caractères de votre police modifiés, vous pouvez les exporter en tant que police numérique.. 

Aller à Fichier> Exporter

Conservez les options par défaut telles quelles, pour créer un Police OpenType, puis clique Suivant. Enregistrez la police dans un dossier facilement consultable..

Vous pouvez quitter les glyphes et accéder au dossier de votre choix pour afficher le fichier de police.. 

Vous pouvez ensuite l’installer sur votre ordinateur, comme vous le feriez avec une police .otf standard..

Conclusion

Votre police manuscrite est maintenant terminée et prête à être utilisée comme police numérique dans vos propres documents. Utilisez-le pour ajouter une touche personnelle à des notes ou des annotations, ou incorporez-le dans des mises en page pour rendre votre illustration vraiment unique.!

Récapitulons les leçons que nous avons abordées dans ce tutoriel. Nous avons examiné:

  • comment type de dessin pratique, et reconnaître les règles et les éléments communs aux polices de caractères
  • comment appliquer ces leçons de dessin à votre propre écriture, l'optimiser pour la numérisation
  • comment numérisez votre oeuvre et vectoriser dans Illustrator
  • comment convertissez vos vecteurs en police numérique, le modifier à l'aide de glyphes ou d'un autre logiciel d'édition de polices

Super travail! Amusez-vous à créer davantage de vos propres polices. Pourquoi ne pas expérimenter avec différents styles dessinés à la main ou peints?