Comment créer une police dans Adobe Illustrator

Ce que vous allez créer

Si vous êtes un designer ou un illustrateur qui est plus à l'aise avec la création de glyphes dans Adobe Illustrator, ce didacticiel vous convient parfaitement. Nous planifierons notre ensemble de lettres, examinerons les moyens de peaufiner la conception des polices et préparerons les fichiers à utiliser dans un programme de création de polices, le tout dans le confort de votre ordinateur. Adobe Illustrator.

Ce didacticiel devrait facilement vous préparer à créer des polices simples et amusantes pouvant être vendues sous forme d’actifs numériques sur Envato Market. Découvrez la catégorie de police du marché pour trouver l'inspiration pour vos créations personnelles..

Il s’agit de la première partie de deux didacticiels sur la création de polices simples et amusantes dans Adobe Illustrator. Dans le prochain tutoriel, nous allons créer une police personnalisée avec nos lettres vectorielles..

1. Esquisser vos lettres

Étape 1

Que vous dessiniez des lettres dans un programme d'art numérique comme Adobe PhotoshopOutil de peinture SAIKrita, Ou quelque chose d'autre, ou dessiner votre lettrage sur papier, j'aime commencer par un alphabet rapidement dessiné dans le style que je veux que ma police ait. Notez les différences dans le w vu ci-dessous. Réfléchissez aux relations entre vos lettres.

Étape 2

Une option pour garder vos lettres dessinées d'être un désordre est d'utiliser des lignes de grille dans un programme de dessin comme Adobe Photoshop. Vous pouvez créer un Disposition de la grille si vous le souhaitez, ou placez les lignes de la grille manuellement. Cela vous permet de suivre la hauteur et la largeur de chaque lettre dans un cadre informel..

Étape 3

Vous pouvez également numériser des formes de lettre dessinées ou écrites et ajuster la Seuil (Image> Réglages> Seuil) votre image est donc une image nette en noir et blanc, prête à être importée dans Adobe Illustrator. Ceci est entièrement facultatif, car vous pouvez également dessiner votre police à main levée dans Adobe Illustrator lui-même ou importer votre image sans l'ajuster dans Adobe Photoshop.

2. Préparez vos lettres et votre document illustrateur

Étape 1

Avant de nous lancer dans la création de versions vectorielles de nos lettres, je tiens à préparer mon fichier image importé. J'utilise les lettres que j'ai dessinées Adobe Photoshop. Ouvrez le jpeg dans Adobe Illustrator. dans le Trace d'image panneau, tenez compte des paramètres suivants (les vôtres peuvent être différents):

  • Préréglage: Douane
  • Vue: Résultat de traçage
  • Mode: Noir et blanc
  • Seuil: 168

Frappé Trace (cela se produit automatiquement si vous êtes activé Aperçu) et votre dessin sera instantanément tracé comme une image vectorielle.

Étape 2

Sélectionnez votre image nouvellement tracée et allez à Objet> Développer. Cela élargira votre image tracée en objets vectoriels.. Dissocier les objets et utiliser le Outil Baguette Magique (W) sélectionner les objets remplis de blanc. Effacer ceux-ci, donc il ne reste que les lettres noires.

Étape 3

Créer un Nouveau document. Le mien est dimensionné à ma meilleure idée de la taille que je souhaite pour la plus grande de mes lettres: 0,55 po par 1,26 po. Vous pouvez bien sûr choisir la bonne taille de fichier pour vos besoins.

3. Organisez vos lettres

Étape 1

Dans ton Nouveau document, importer ou Coller (Contrôle-V) votre groupe de lettres. Dissociez-les pour avoir un contrôle total sur chaque objet. J'ai ajouté la grille des lignes sur mon Artboard pour aider à définir les limites de chaque partie dans mon ensemble de lettres. Les lignes définiront les points les plus hauts et les plus bas des lettres majuscules et minuscules.

Placez votre premier objet de lettre sur votre Artboard. Assurez-vous que s'il n'a pas de descendeurs (comme les lettres p, g, j et y), vous voudrez le placer à la ligne de base indiquée par votre ligne de grille..

Échelle et ajustez votre lettre au sein de votre quadrillage et Artboard comme bon vous semble.

Étape 2

Certaines lettres ont une taille, une forme et une conception générale similaires. J'ai tendance à utiliser les minuscules b comme d, p et q également. Notez également comment vos lettres se comparent des minuscules aux majuscules. Je vais tout redessiner dans la section suivante de ce didacticiel. Par conséquent, la manière dont vos lettres s’apparent les unes aux autres appartiendra entièrement à vous. Prenez des notes sur les modifications que vous souhaitez apporter à ce stade, avant d'affiner les lettres..

Étape 3

Chaque type de glyphe (minuscule, majuscule, ponctuation et nombre) est placé sur le Artboard à son tour, puis organisé dans la couche correspondante de sa catégorie dans le Couches panneau. Au fur et à mesure que j'affine chaque lettre, de nouveaux objets seront placés dans le calque correspondant.. 

Créer une police peut être un gros projet. Plus vous serez organisé, plus il sera facile..

Étape 4

La taille et l'emplacement de la ponctuation et des caractères spéciaux sont à votre discrétion. Les chiffres seront probablement de la taille de vos lettres majuscules, mais la ponctuation doit s’adapter aux lettres minuscules et majuscules. Notez les flèches ci-dessous. J'ai placé mon astérisque au point le plus élevé de mes formes de police, alors que pour l'instant mon signe plus se situe plus près du milieu..

Expérimenter avec votre lettre et vos objets glyphes vous informera du placement de ponctuation le plus souhaitable. Jouez avec vos objets jusqu'à ce que vous trouviez un arrangement que vous aimez!

4. Affiner vos lettres

Étape 1

Commençons par quatre façons différentes d'affiner vos lettres..

  1. D'abord, nous n'avons rien fait du tout. Voici à quoi ressemblerait mon s si je laissais l’image tracée sous forme de lettre. C'est agité mais a son propre charme étrange.
  2. Cette lettre suivante est ce qui se passe après que j'ai utilisé le Forme Outil. Il est nettoyé et plus lisse, mais pas aussi lisse que les autres formes de lettre ci-dessous.
  3. Ce troisième a été tracé avec le Outil Crayon (N). Définissez votre fidélité à Lisse et tracez vos lettres comme bon vous semble!
  4. Enfin, c’est le résultat de la Outil Pinceau Blob (Maj-B). Vous pouvez également obtenir un effet similaire avec le Pinceau (B). Les deux permettent un travail en ligne activé par la pression.

Si vous optez pour le Outil pinceau blob, vous allez créer des objets sous chaque forme de lettre. Si vous optez pour le Outil Pinceau, vous allez créer des chemins que vous pouvez changer avec différents pinceaux. Je vais utiliser un pinceau personnalisé, créé ensuite, et le Outil Pinceau.

Étape 2

Mon pinceau personnalisé est un Pinceau calligraphique avec les options suivantes:

  • Angle: 40 °
  • Rondeur: 51%
  • Taille: 6 pt, Pression Variation: 6 pt

Veuillez noter que j'utilise une tablette graphique sensible à la pression. le Outil stylo (P) est probablement une meilleure option si vous utilisez une souris ou autre chose qu'un stylet pour le dessin.

Étape 3

Il est temps de redessiner et d’affiner vos lettres! Sur un calque situé au-dessus de votre catégorie de lettres (en minuscules), définissez chaque lettre comme étant visible, une à la fois, et tracez dessus. Mon pinceau personnalisé garde l'aspect de mes lettres comme si elles étaient dessinées avec un marqueur ciselé. Utilisez des caractères similaires pour influencer le regard des autres. Les quatre personnages ci-dessous ont été tirés du b que j'ai dessiné.

Placez chaque lettre au-dessus de la suivante en masquant celles sur lesquelles vous ne travaillez pas pour le moment. Couches panneau.

Étape 4

Pour certaines lettres, j'ai changé leur dessin après avoir travaillé à travers l'alphabet. Je me suis également assuré que les descendeurs correspondent à la même ligne, au-dessous de la ligne de base, et que les lettres minuscules qui ne sont pas l, h, t ou k ne dépassent pas la ligne supérieure des autres lettres minuscules. 

Comme toujours, il vous appartient de décider si vos lettres sont conformes à ces règles. Amusez-vous avec vos créations et utilisez les outils de dessin qui vous plaisent le plus dans Adobe Illustrator.!

Étape 5

Affinez également les caractères spéciaux et la ponctuation. Mon signe dièse (ou hashtag) était un peu trop grand et maigre pour le style du reste de mes personnages. En tant que tel, je le redessine avec le Outil Pinceau il est donc plus petit et plus grassouillet.

5. Préparez vos caractères pour la police

Étape 1

Commençons par les versions finales des 89 de mes personnages pour cette police. À ce stade, j'ai fait ce qui suit:

  • Assurez-vous que chaque lettre s'inscrit dans le même espace et utilise les mêmes lignes de la grille pour référence.
  • Raffiné chaque caractère que je veux faire partie de la police de caractères finale.
  • Organisé tous mes personnages en couches facilement accessibles au sein de la Couches panneau.

Étape 2

Si vous souhaitez exporter le contenu vers un autre programme, vous devez enregistrer chaque glyphe dans son propre SVG fichier. J'ai conservé les paramètres par défaut pour la sauvegarde SVG fichiers et ont simplement fait en sorte qu'il y ait 89 fichiers organisés par nom de personnage dans un dossier une fois que j'ai terminé.

Étape 3

Pour chaque SVG fichier, j’ai également fait ce qui suit pour que ma taille de fichier soit la plus petite possible:

  • Tous mes chemins de pinceau ont été Étendu dans Objets.
  • Les objets et les calques non visibles (autre que le caractère actuel) ont été supprimés de chaque SVG fichier.
  • Les chemins d'objet ont été Uni dans le Éclaireur panneau, Fabriqué en une forme composée, et alors Étendu comme leur propre chemin ou chemin composé.

Ces étapes, quoique un peu fastidieuses, ont réduit la taille de mon fichier de 800 Ko à 1 Ko ou moins. À partir de là, vos fichiers sont prêts à être importés dans votre programme de création de polices.. 

Excellent travail, vous avez terminé!

Maintenant que vous avez créé environ 89 caractères de votre police, vous êtes prêt à passer à la deuxième partie de ce didacticiel: la création de polices! Nous allons explorer les options de création de polices dans l'application avec un script acheté, exporter le jeu de caractères dans des applications telles que Font Forge, et plus encore! Partagez votre création de caractère de police ci-dessous et rejoignez-moi dans la deuxième partie de ce didacticiel..