Concevoir une police qui fonctionnera efficacement dans différentes tailles avec un crénage de lettre soigneusement conçu peut prendre des années, mais ce projet rapide et amusant vous montrera comment créer vos propres polices d’écriture manuscrite avec Inkscape et fontastic.me. vous votre propre police unique. Fontastic.me a pour objectif principal de produire des polices de caractères pour les sites Web, mais vous pouvez créer une police de lettres que vous pouvez utiliser pour produire des titres ou de petites quantités de texte.
Si vous ne les connaissez pas encore, Inkscape est une application de dessin au trait vectoriel gratuite et à code source ouvert, disponible pour Windows, OS X et Linux. Fontastic.me est un site Web qui propose une variété de polices de caractères, mais vous permet également de télécharger vos propres graphiques SVG et de les convertir gratuitement en police de caractères.
Pour les besoins de ce didacticiel, nous allons tracer une photo de certaines lettres écrites, mais vous pouvez facilement adapter cette technique et dessiner vos lettres directement dans Inkscape. Cela pourrait fonctionner particulièrement bien pour ceux qui utilisent des tablettes à dessin.
Importer une photo de votre police écrite
Vous aurez besoin d'une photo de certaines lettres dessinées si vous souhaitez suivre et si vous ne voulez pas créer les vôtres, vous pouvez télécharger et utiliser a-doodle-z.jpg qui contient les lettres majuscules A à Z.
Si vous souhaitez créer les vôtres, utilisez une encre de couleur foncée et un papier blanc pour obtenir un fort contraste et photographiez les lettres terminées sous un bon éclairage. Aussi, essayez d'éviter les espaces fermés dans les lettres, tels que le «O», car cela compliquera la vie lors de la préparation de vos lettres tracées.
Pour importer la photo, sélectionnez Fichier> Importer, accédez à la photo, puis cliquez sur le bouton Ouvrir. Dans la boîte de dialogue suivante, il est conseillé d’utiliser l’option Incorporer.
Si le fichier image est très volumineux, vous pouvez effectuer un zoom arrière en utilisant les options du sous-menu Affichage> Zoom, puis le redimensionner en cliquant une fois dessus pour afficher les poignées fléchées à chaque coin. Cliquez et faites glisser une poignée tout en maintenant la touche Ctrl ou Commande enfoncée pour conserver les proportions d'origine.
Ensuite, nous tracerons l'image pour créer des lettres de lignes vectorielles.
02 de 05Tracez la photo pour créer des lettres vectorielles
C'est une bonne idée de passer en revue le processus de traçage des graphiques bitmap avant de commencer.
Cliquez sur la photo pour vous assurer qu'elle est sélectionnée, puis sélectionnez Chemin> Tracer le bitmap pour ouvrir la boîte de dialogue Tracer le bitmap. Ici, nous avons laissé tous les paramètres par défaut et cela a donné un bon résultat. Vous devrez peut-être ajuster les paramètres de tracé, mais vous constaterez peut-être qu'il est plus facile de prendre votre photo à nouveau avec un meilleur éclairage pour produire une image avec un contraste plus fort.
Dans la capture d'écran, vous pouvez voir les lettres tracées que nous avons éloignées de la photo d'origine. Une fois le traçage terminé, les lettres seront placées directement sur la photo, elles ne seront donc peut-être pas très évidentes. Avant de poursuivre, vous pouvez fermer la boîte de dialogue Tracer une image bitmap, cliquer sur la photo pour la sélectionner et cliquer sur la touche Suppr de votre clavier pour la supprimer du document.
03 de 05Diviser le calque en lettres individuelles
À ce stade, toutes les lettres sont jointes. Allez dans Chemin> Séparer pour les séparer en lettres individuelles. Notez que si vous avez des lettres composées de plusieurs éléments, celles-ci ont également été scindées en éléments distincts. Dans le cas de notre exemple, cela s’applique à chaque lettre. Il est donc logique de regrouper chaque lettre à ce stade.
Pour ce faire, cliquez et faites glisser un cadre de sélection autour d'une lettre, puis sélectionnez Objet> Groupe ou appuyez sur Ctrl + G ou Commande + G en fonction de votre clavier.
Évidemment, vous n'avez besoin de faire cela qu'avec des lettres contenant plus d'un élément. Avant de créer les fichiers de lettre, nous redimensionnons le document à une taille appropriée.
04 de 05Définir la taille du document
Vous devez définir une taille appropriée pour le document. Pour ce faire, sélectionnez Fichier> Propriétés du document et, dans la boîte de dialogue, définissez la largeur et la hauteur nécessaires. Nous définissons la nôtre à 500 x 500 x px, bien que, dans l'idéal, vous définissiez la largeur différemment pour chaque lettre, de sorte que les lettres finales s'emboîtent mieux.
Nous allons ensuite créer les lettres SVG qui seront téléchargées sur fontastic.me.
05 de 05Créer des fichiers SVG individuels pour chaque lettre
Fontastic.me requiert que chaque lettre soit un fichier SVG distinct. Vous devez donc les produire avant d'appuyer sur.
Faites glisser toutes vos lettres afin qu’elles se trouvent en dehors des bords de la page. Fontastic.me ignore tous les éléments situés en dehors de la zone de page. Vous pouvez donc laisser ces lettres garées ici sans aucun problème.
Maintenant, faites glisser la première lettre dans la page et utilisez les poignées situées au coin pour la redimensionner au besoin.
Ensuite, allez dans Fichier> Enregistrer sous et attribuez un nom explicite au fichier. Nous avons appelé mine a.svg - assurez-vous que le fichier porte le suffixe .svg.
Vous pouvez maintenant déplacer ou supprimer la première lettre et placer la deuxième lettre sur la page, puis sélectionnez à nouveau Fichier> Enregistrer sous. Vous devez le faire pour chaque lettre. Si vous êtes patient, vous pouvez ajuster la largeur de la page en fonction de chaque lettre.
Enfin, vous pouvez envisager de produire de la ponctuation, bien que vous souhaitiez certainement un caractère d'espace. Pour un espace, enregistrez simplement une page vierge. De plus, si vous voulez des majuscules et des minuscules, vous devez également les sauvegarder.
Vous pouvez maintenant visiter fontastic.me et créer votre police. Vous pouvez en apprendre un peu plus sur ce processus dans un article d'accompagnement qui explique comment utiliser fontastic.me pour créer votre police.
