Skip to main content

Créer une police dessinée à la main à l'aide d'Illustrator et de Fontastic.me

Dans ce didacticiel, nous allons vous montrer comment créer votre propre police à l'aide d'Illustrator et du service Web en ligne fontastic.me.

Pour suivre, vous aurez besoin d'une copie d'Adobe Illustrator. Toutefois, si vous n'en avez pas une et que vous ne voulez pas l'acheter, vous serez peut-être intéressé par notre tutoriel similaire qui utilise Inkscape. Inkscape est une alternative libre et gratuite à Illustrator. Quelle que soit l'application de dessin vectoriel que vous utilisez, fontastic.me propose son service entièrement gratuitement.

Pendant que nous allons vous montrer comment créer une police dessinée à la main à l'aide d'une photo de lettres dessinée sur papier, vous pouvez également utiliser des techniques similaires pour produire une police à l'aide de lettres dessinées directement dans Illustrator. Si vous utilisez une tablette à dessin, cela peut être préférable pour vous.

Si vous utilisez une photo, veillez à utiliser un stylo de couleur foncée pour dessiner vos lettres et utilisez du papier blanc ordinaire pour un contraste maximal. En outre, prenez votre photo sous un bon éclairage pour obtenir une photo claire et contrastée afin que Illustrator puisse tracer les lettres aussi facilement que possible.

Ouvrir un document vierge

La première étape consiste à ouvrir un fichier vierge dans lequel travailler.

Aller à Fichier> Nouveau et dans la boîte de dialogue, définissez la taille souhaitée. Nous avons utilisé une taille de page carrée de 500 px, mais vous pouvez le définir comme vous le souhaitez.

Ensuite, nous allons importer le fichier photo dans Illustrator.

Importez votre photo de texte dessiné à la main

Si vous ne possédez pas de photo de texte rédigé à la main, vous pouvez télécharger le même fichier que celui utilisé pour ce didacticiel.

Pour importer le fichier, allez à Fichier> Place puis accédez à l'emplacement où se trouve votre photo du texte dessiné à la main. Clique le Endroit bouton et vous verrez la photo apparaît dans votre document.

Nous pouvons maintenant tracer ce fichier pour nous donner des lettres vectorielles.

Trace la photo de lettres dessinées à la main

Le traçage des lettres est très simple.

Il suffit d'aller à Objet> Suivi en temps réel> Créer et développer et après quelques instants, vous verrez que toutes les lettres ont été superposées avec de nouvelles versions de lignes vectorielles. Le fait qu’ils soient entourés d’un autre objet représentant l’arrière-plan de la photo est moins évident. Nous devons supprimer l'objet d'arrière-plan, alors allez à Objet> Dissocier puis cliquez n'importe où en dehors du cadre de sélection rectangulaire pour tout désélectionner. Cliquez maintenant près de l'une des lettres, mais pas sur, et vous devriez voir que l'arrière-plan rectangulaire est sélectionné. Appuyez simplement sur la Effacer touche sur votre clavier pour le supprimer.

Cela laisse toutes les lettres individuelles, cependant, si l'une de vos lettres contient plus d'un élément, vous devrez les regrouper. Toutes nos lettres contiennent plus d’un élément, nous avons donc dû les regrouper. Pour ce faire, cliquez et faites glisser un rectangle de sélection englobant toutes les différentes parties d’une lettre, puis cliquez sur Objet> Groupe.

Toutes vos lettres individuelles vous seront laissées et nous les utiliserons ensuite pour créer les fichiers SVG individuels dont nous avons besoin pour créer une police sur fontastic.me.

en relation: Vous voudrez peut-être aussi apprendre à utiliser Live Trace dans Illustrator.

Enregistrer des lettres individuelles sous forme de fichiers SVG

Malheureusement, Illustrator ne vous autorise pas à enregistrer plusieurs planches d’art dans des fichiers SVG individuels. Par conséquent, chaque lettre doit être enregistrée manuellement dans un fichier SVG distinct.

Tout d'abord, sélectionnez et faites glisser toutes les lettres afin qu'elles ne superposent pas la planche graphique. Ensuite, faites glisser la première lettre sur la planche et redimensionnez-la pour la remplir en faisant glisser l'une des poignées d'angle. Maintenez la Décalage touche pendant que vous faites cela pour maintenir les mêmes proportions.

Une fois terminé, allez à Fichier> Enregistrer sous et dans le dialogue, changez le Format descendre à SVG (svg), donnez un nom explicite au fichier et cliquez sur sauvegarder. Vous pouvez maintenant supprimer cette lettre et placer et redimensionner la suivante sur la planche à dessin. Encore une fois Enregistrer sous et continuez jusqu'à ce que vous ayez sauvegardé toutes vos lettres.

Enfin, avant de continuer, enregistrez un tableau d’art vierge afin de pouvoir l’utiliser comme caractère d’espace. Vous voudrez peut-être également envisager de sauvegarder vos signes de ponctuation et les versions minuscules de vos lettres, mais nous ne nous sommes pas inquiétés pour ce didacticiel.

Avec ces fichiers de lettre SVG séparés prêts, vous pouvez passer à l'étape suivante pour créer votre police en les téléchargeant sur fontastic.me. Consultez cet article pour savoir comment utiliser fontastic.me pour terminer votre police: Créez une police en utilisant Fontastic.me.

Utiliser le panneau New Asset Export

La version actuelle d'Adobe Illustrator contient un nouveau panneau qui vous permet de placer tous vos dessins sur une seule planche et de les exporter en tant que documents SVG individuels. Voici comment:

  1. Sélectionner Fenêtre> Exportation d'actif pour ouvrir le panneau Asset Export.
  2. Sélectionnez une ou toutes vos lettres et faites-les glisser dans le panneau. Ils apparaîtront tous comme des éléments individuels.
  3. Double-cliquez sur le nom de l'objet dans le panneau et renommez-le. Faites cela pour tous les éléments du panneau.
  4. Sélectionnez les éléments à exporter et sélectionnez SVG du Format pop down.
  5. Cliquez sur Exportation.