Exercice d'une heure : Dessinez votre propre police de caractères

24 janvier 2020

Hier, j'ai reçu la boîte que mon éditeur m'a gracieusement envoyée et qui contient des sujets sur lesquels je pourrais écrire. Accessoires Wacom, matériel pédagogique, y compris un livre d'exercices de dessin par notre partenaire (et franchement génial) artiste. Peter HanJ'espère pouvoir écrire un article à ce sujet prochainement - des stylos compatibles avec le Wacom One à réviser... mais parmi eux se trouvait un livre d'entraînement à l'écriture japonaise. 

Livre e1579761086442

A l'intérieur, des conseils pour les traductions côte à côte et des quadrillages de proportion pour s'entraîner aux kanji et aux kana :

Intérieur du livre e1579761164463

Plutôt sympa, mais je ne savais pas ce que j'étais censé faire avec. L'apprentissage du japonais ne figure pas sur ma liste de choses à faire dans l'immédiat, car j'ai entendu dire que cela ne se faisait pas en un après-midi. Sans compter que les stylets Wacom ne fonctionnent pas très bien sur le papier.

Mais cela m'a rappelé quelque chose que vous peut faire dès maintenant. Si vous savez dessiner au stylo et au papier, mais que vous n'êtes pas habitué à la sensation d'une tablette, le fait d'écrire dessus est un bon moyen de commencer à vous adapter.

Aujourd'hui, nous allons donc créer une police de caractères.

Je fais cela sur le Wacom One avec Crayon numérique Noris de Staedtler. Ma première impression du Noris est qu'il est plus confortable que n'importe quel stylo pour tablette que j'ai essayé jusqu'à présent. En ce qui concerne le ratio, j'ai quand même passé beaucoup plus de temps dans ma « carrière » de dessinateur à utiliser le graphite qu'à ne pas l'utiliser, et il est donc étonnant de voir à quel point cela imite un #2.

Assez de placement de produits, passons à l'exercice :


Vous pouvez utiliser plusieurs sites Web pour ce faire. J'utiliserai Calligraphie.

Étape 1 : Il faut s'abonner. Faites-le. Vous devrez confirmer votre adresse électronique. Faites-le aussi.

Étape 2 : Cliquez sur Minimal English - et sur Minimal English uniquement - pour remplir votre modèle vierge avec des lettres et quelques signes de ponctuation.  

Fenêtre Calli

La version gratuite limite votre police à 75 caractères, ce qui n'est pas suffisant pour les majuscules, les minuscules, les chiffres et les symboles. Vous devrez donc créer une police pour les lettres et une autre pour les chiffres et la ponctuation. Le prix est raisonnable.

Étape 3 :  Cliquez sur Télécharger le modèle, et cochez la case « tirer des lignes de soutien ». 

Téléchargez-les au format PNG, qui est beaucoup plus facile à utiliser que le format PDF lorsque vous dessinez numériquement au lieu d'imprimer.  Sauvegarder one version avec l'option Caractères en arrière-plan activée - qui ajoute de faibles caractères gris à l'endroit où les lettres sont censées se trouver, ce qui facilite grandement l'obtention de proportions correctes - et une autre version avec l'option désactivée. 

Nommez-les 1 et 2, A et B, peu importe. Je fais Foo et Bar.

Étape 4 : Ouvrez votre éditeur d'images. J'utilise Clip Studio Paint (dont une version d'essai est fournie avec le Wacom One), mais le processus est identique dans Photoshop.

Open Bar.png. (Celui sur lequel figurent les caractères gris).

Étape 5 : Nouvelle couche. (Ctrl+N)

Étape 6 : Écrivez l'alphabet sur vos lettres grises. Je vais simplement utiliser Darker Pencil, mon outil de prédilection pour les dessins linéaires propres, mais n'hésitez pas à expérimenter avec d'autres pinceaux. Assurez-vous que la stabilisation est bien réglée, sinon vous aurez du mal à tracer des lignes droites et des courbes douces. Je l'ai gardé à 100, parce que je le garde 💯. Et parce que j'ai les mains qui tremblent.

Je les rends aussi nets que possible parce que je n'utilise pas de caractères alternatifs pour celui-ci : Les imperfections apparaîtraient de la même manière chaque fois que j'utiliserais ce caractère, ce qui rendrait plus évident le fait qu'il s'agit d'une police de caractères et non d'un texte manuscrit. Si vous optez pour des lettres alternatives - la procédure à suivre sort du cadre de ce tutoriel, mais elle est expliquée sur le site Web -, soyez aussi libre que vous le souhaitez.

Étape 7 : Lorsque vous avez terminé, sélectionnez tout (Ctrl+A), copiez le calque, ouvrez Foo.png (le calque vide) et collez-le. Cela ira parfaitement, ils sont de la même taille.

FooFilled

Pour reprendre la plaisanterie d'un ami, j'écris en majuscules parce que tout ce que je dis est important.

Étape 8 : Enregistrez ou exportez le fichier en png.

Nonpun

Désolé.

Étape 9 : Soumettre cette version au site Web : MY FONTS > Télécharger le modèle. Décochez la case « Nettoyer automatiquement les modèles » - puisque nous ne travaillons pas sur papier et que nous ne soumettons pas le modèle avec les contours gris - et soumettez.

Un aperçu s'affiche.  Ne vous inquiétez pas, la version finale sera loin d'être aussi aliasée que le premier rendu.

Étape 10 : Allez dans Modifier les détails de la police, donnez-lui un nom et procédez à d'autres ajustements. Cliquez sur Construire la police. Donnez-lui un nom accrocheur, pas quelque chose comme ça :

Lettres

Voici l'avant-première finale. Il s'adapte bien :

Avant-première

Télécharger le TTF. Ouvrez et installez le logiciel.

Font

 

Étape bonus : Une fois que vous l'avez téléchargé, supprimez-le (du site Web, idiot), revenez aux modèles, cliquez sur Supprimer tout, et ajoutez « chiffres minimaux » et « ponctuation minimale » à l'ardoise vierge. Si vous avez besoin d'un symbole monétaire autre que le dollar, vous le trouverez dans la rubrique « Divers ». Répéter le processus.

Et vous avez votre police de caractères.

Ender


 

Janvier est le premier mois, dédié à la Wacom One.   Sortie le 7 janvier, la nouvelle version est un moniteur de dessin - notre prix le plus bas à ce jour, offrant à tous les Wacom la qualité de construction pour la moitié du coût d’une Cintiq.

Pour ceux d'entre vous qui pourraient acquérir l'One comme première tablette écran, ceux qui l'utilisent pour des tâches telles que la conception graphique, ou ceux qui ont simplement besoin d'une remise à niveau sur les bases, je publierai périodiquement des exercices d'une heure, d'une journée ou, dans un cas à venir, d'une minute, que vous pourrez utiliser pour pratiquer les principes fondamentaux.

Puisque nous avons commencé tard (j’ai eu mon One au milieu du mois), je vais prolonger ce thème jusqu’en février, alors assurez-vous de vérifier.

Et pendant que vous y êtes, découvrez le Wacom One.

 

À propos de l’auteur

CS Jones

CS Jones est un écrivain et un illustrateur indépendant basé à Philadelphie. C'est tout ce qu'il dira, car « selon la graphologie, les écrivains en majuscules ne sont pas à l'aise pour parler de leur vie privée ». -Choix de l'écriture

Son travail est plus visible sur le site Web thecsjones.com ou @thecsjones sur Instagram.

Articles connexes :

What will be the top branding trends for 2025?

What will be the top branding trends for 2025?

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 5 : Comment utiliser le « mode précision » ?

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 5 : Comment utiliser le « mode précision » ?

Comparaison entre Affinity et Adobe pour la conception d'un signet, avec Vivienne Le

Comparaison entre Affinity et Adobe pour la conception d'un signet, avec Vivienne Le

La finance avec Klarma

Shop now pay later with Klarna.

Only on the US eStore.

Shop now>

Connectez-vous avec Wacom sur les médias sociaux

Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️ Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! #animation #2danimation #aaronblaise #MadeWithWacom
416 11
Black Friday Deals are here 🖤🎁🛒⁣ Head to our Amazon store to discover our exclusive #BlackFriday deals. ⁣ Whether you're a beginner artist or a pro, we have something for you!⁣ Head to the link in our bio or our stories to save! ⁣ Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣ #christmasgifts #holiday #deals #shopping #amazon #wacomsale
104 2
Hey 👋 Artists of Europe! We’ve got some exciting news for you! 🎉 Wacom Europe now has its very own INSTAGRAM ACCOUNT — created just for YOU! Follow @wacomeurope and get ready for: ✨ Creative tips & tricks 🎨 Get inspired by incredible artists 📅 Stay updated on local events 💡 Enjoy exclusive promotions Let’s celebrate creativity together and join the Wacom community 🚀 Follow us here 👉 @wacomeurope #CreativeCommunity #WacomArtists #WacomCommunity
182 19
When the brain won't quit playing tricks 🧠👯‍♂️🖌️ Switching to digital can be hard but not impossible, right @lplucas? What are some of the things you struggle with as you transition from analog to digital? Tell us in the comments 👇🏼 #madewithwacom #digitalartist #digitalart #artistsoninstagram #artistlife #wacomtablet #wacomtips
1672 15
Avez-vous déjà envisagé de devenir créateur de bijoux?  Dans le cadre du #MoisDuDéveloppementDeCarrière, nous sommes ravis de partager une poignée de carrières diverses parmi les utilisateurs de Wacom. ✍️ Rencontrez Quincy Vadan (@champagne_corpse), créateur de bijoux indépendant et artiste-propriétaire de Vadan Jewelry. Quincy nous fait part de l'ensemble de son processus de création d'une collection capsule de trois pièces. Son installation, y compris le Wacom #CintiqPro, lui permet de rester totalement indépendant et de prendre en charge la majeure partie de son processus créatif. Rendez-vous sur le lien dans la bio pour voir la vidéo complète! #Wacom #MadeWithWacom #WacomForEducation #Jewelry #JewelryDesigner #SilverJewelry #ConnectedInk #ConnectedInk2024
149 21
Abonnez-vous à un webinaire GRATUIT DEMAIN à 13h PST avec l'incroyable @aaronblaiseart! ❄️🐻‍❄️🤍 L'un de nos mentors préférés en matière d'animation nous explique le processus de création de personnages animaliers étonnants, comme le personnage principal de son court métrage d'animation, Snowbear.  Abonnez-vous au moyen du lien dans notre bio ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
633 10
Vous voulez savoir comment créer des licences pour vos œuvres d'art? @zeythehuman vous explique comment configurer facilement des licences* dans Wacom Yuify, pour garantir la protection de votre travail. Qu'il s'agisse d'utiliser des modèles ou de personnaliser vos propres accords, il n'a jamais été aussi facile de gérer vos droits créatifs. Prêt à protéger votre art? 🔑 Abonnez-vous gratuitement sur Yuify.com *La licence Yuify n'est disponible que dans certaines régions et peut nécessiter des accords supplémentaires pour des cas particuliers non couverts par le créateur de licence. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
114 1
Plongeons avec @alexferreiraa pour apprendre comment améliorer nos poses en utilisant le #WacomMovink et le flux de travail 2D pour les pousser à un niveau supérieur. Découvrez la vidéo complète en cliquant sur le lien dans notre bio ou en vous rendant sur la chaîne YouTube @animationflow.academy.  #animationflow #madewithwacom #characteranimation
314 4
Vous cherchez un cadeau qui fera plaisir à un enfant de 7 ans, à un père ou à un collègue de travail? 🎁 Offrez-leur un #WacomIntuos! Parfait pour les croquis, l'animation, les bandes dessinées, la retouche de photos et la prise de notes, c'est un cadeau qui ne s'oublie pas. Maintenant en vente sur le site Web Wacom US 🏷️ #WacomSale
189 6
Lorsque l'auteur et @verabee a eu une échéance rapide, elle était loin de chez elle et de sa configuration de travail habituelle 😱 Entrez dans Wacom Movink, un écran à stylet vraiment portable et puissant qu'elle peut utiliser n'importe où. Regardez la vidéo complète sur notre YouTube pour entendre son évaluation complète de #WacomMovink et pour voir son processus d'illustration des taches. Et ne manquez pas de surveiller Return to Sender, qui paraîtra en 2025! #movink #professionnels de la création #madewithwacom #creativesonthego #digitalart
158 0