Typographie à la main : concevoir une police de caractères d'après votre écriture

1. Introduction: Salut les gars. C'est Christine Fleming, illustratrice à Might Cut Studios. Dans ce cours, nous allons faire une police de travail à partir de votre propre écriture. Il existe de nombreuses façons de faire une police, et le processus peut devenir très compliqué très rapidement. Les concepteurs de type peuvent passer des mois et même des années à concevoir des formes de lettre parfaitement conçues. Pour ce cours, nous allons nous en tenir aux bases et utiliser un processus simple que n'importe qui peut terminer en seulement quelques heures. De plus, la police est basée sur votre propre écriture, donc vous avez déjà les données de conception. Nous allons dessiner les lettres, utiliser un service tiers pour vectoriser vos lettres et créer le fichier de polices, puis affiner les lettres et la façon dont elles fonctionnent ensemble. Tout ce dont vous avez besoin pour ce projet est un stylo et du papier, une imprimante , un scanner et une copie des programmes téléchargeables gratuits que je vais passer en classe. Faire une police à partir de votre écriture manuscrite est comme la passerelle vers la conception de polices et je vous garantis qu'après avoir fait cela, vous voudrez plonger plus profondément et commencer à concevoir plus de polices. Si vous finissez par décider que vous voulez creuser plus profondément après cette classe, j'ai inclus un PDF bonus sur la conception de type qui creuse dans l'anatomie de type et les détails de conception. Alors prenez votre stylo préféré et commençons. 2. Rassemblez le matériel: Avant de commencer la conception, nous allons rassembler tous nos matériaux et faire du travail de préparation. Pour ce cours, vous aurez besoin de prendre vos stylos et marqueurs préférés, quelques feuilles de papier ordinaire, un scanner et une imprimante. Vous aurez également besoin de télécharger quelques choses, mais ne vous inquiétez pas, elles sont toutes totalement gratuites. abord, allons sur myscriptfont.com et téléchargez le modèle ici. Il ressemblera à ceci lorsque vous cliquez dessus et vous pouvez simplement cliquer sur ce bouton pour le télécharger sur votre bureau. Alors allez-y et imprimez-le maintenant. Ensuite, nous allons aller sur le site FontForge, et vous pouvez trouver le lien vers ce site dans la page du projet. FontForge est un logiciel qui nous permet d'éditer et d'affiner notre police de caractères. Donc, de retour sur FontForget, nous allons cliquer sur « Mac OS Installer », puis au lieu de vous faire payer pour le programme, ils vous donnent la possibilité de faire un don et de vous abonner à leur newsletter, donc je pense que c'est une bonne affaire. Je vais juste m'abonner à la newsletter, puis continuer. Ensuite, je vais cliquer sur le guide détaillé ici et suivre ces instructions. Nous devons d'abord avoir le logiciel XQuartz, qui nous permet d'exécuter FontForge sur notre ordinateur. Donc, d'abord, cliquez sur l'un de ces liens pour télécharger XQuartz. Ensuite, vous verrez une fenêtre comme celle-ci et vous double-cliquez pour ouvrir le package. Vous passez par les fenêtres d'installation jusqu'à ce que l'installation soit réussie. Ensuite, vous voulez ouvrir XQuartz. Ensuite, vous voulez cliquer sur XQuartz dans le menu supérieur, puis les préférences, puis choisissez entrée ici. Ensuite, vous voulez vous assurer que les équivalents de clé activés sous X11 sont désactivés. Il sera probablement coché lorsque vous téléchargez le programme pour la première fois, il vous suffit de décocher cette case. Cela signifie simplement que la prochaine fois que vous ouvrirez FontForge, XQuartz s'ouvrira automatiquement également. Ensuite, nous devons réellement télécharger FontForge. Vous pouvez cliquer sur l'un de ces liens pour le faire, puis vous verrez une fenêtre comme celle-ci. Double-cliquez pour ouvrir le package, puis FontForge sera dans votre dossier Applications, et il vous demandera si vous êtes sûr de vouloir l'ouvrir et vous le faites, J'ai ce programme sur mon ordinateur aussi. Ensuite, FontForge s'ouvrira et vous verrez le programme FontForge. Alors c'est tout. Cela peut sembler un peu déroutant à la surface, mais c'est vraiment simple, et ce sont d'excellents programmes pour travailler avec les polices, surtout parce qu'elles sont libres. Maintenant, nous avons tout notre matériel, passons à la vidéo suivante. 3. Création d'un échantillon d'écriture: Donc la première chose que nous allons faire est d'écrire une phrase test pour obtenir notre écriture sur papier. Je suggère d'utiliser la phrase, « Le renard brun rapide sauté par-dessus le chien paresseux » .Cette phrase est souvent utilisée dans la conception de type, car elle utilise chaque lettre de l'alphabet. Essayez d'écrire la phrase avec beaucoup de stylos différents pour voir ce que vous aimez le plus. La conception que nous finissons ici sera notre base pour notre conception de polices plus tard. Avoir notre écriture manuscrite nous aidera également plus tard lorsque nous affinerons notre police de caractères, car nous serons en mesure de nous y référer comme un exemple de notre propre conception d'écriture manuscrite. Une petite annonce d'intérêt public ici, vous pouvez être confus sur les mots police et police de caractères. Les concepteurs peuvent être vraiment pénibles sur la façon dont ces mots sont utilisés, mais en général, voici la différence. Le mot police est utilisé lorsque nous parlons du fichier de police réel qui vous permet de taper sur votre ordinateur, et le mot police est utilisé lorsque nous parlons de la conception des lettres. D' accord. Donc je crois que j'ai décidé quelle de ces écritures j'aime le mieux. Passons à l'étape suivante. 4. Tracez les lettres: Maintenant, nous avons notre modèle ici et nous sommes prêts à commencer à dessiner vos lettres. N' oubliez pas d'avoir vos échantillons d'écriture à proximité, juste au cas où vous auriez besoin de vous y référer pendant que vous dessinez vos lettres. Vous avez un petit guide ici, sur les modèles, vous indiquant quelles lettres dessiner dans quelle boîte, mais vous n'avez pas l'impression d'avoir à coller exactement à la forme de la lettre. Par exemple, mon écriture a tendance à être beaucoup plus étroite que les lettres du guide. Reportez-vous à votre phrase d'exemples d'écriture manuscrite d'avant, et essayez de dessiner chaque lettre aussi fidèle que possible à votre écriture manuscrite. C' est bon si vous devez essayer plusieurs fois pour le faire écrire. Il suffit d'imprimer le modèle et de recommencer. Si vous voulez avoir des repères d'axe pour d'autres langues, n'oubliez pas de dessiner les lettres facultatives en bas, et n'oubliez certainement pas la ponctuation. Je pense que je suis content de ça, et je vais passer à l'étape suivante. 5. Conversion en fichier de caractères: Une fois que vous êtes satisfait de l'apparence de vos lettres, scannez votre modèle à 300 DPI. Ensuite, revenez sur le site web myscriptfont et téléchargez votre modèle numérisé. abord, nous allons cliquer sur choisir le fichier, puis sélectionner le fichier que nous venons d'analyser. Vous pouvez nommer votre police comme vous le souhaitez ici. Nous pourrons modifier cela plus tard si vous n'êtes pas sûr de ce que vous voulez appeler. Ensuite, ici dans le format de sortie, nous voulons choisir OTF. Vos deux seules options sont OTF ou TTF, et OTF vous donnera plus d'options sur la route si vous voulez plonger et apporter beaucoup de changements à votre visage dactylographié. Ensuite, nous allons appuyer sur Démarrer, et il va traiter votre image et la convertir en une police. Maintenant, nous voyons que nous avons une police basée sur notre écriture que nous avons dessinée. Cliquez ici pour télécharger votre police. C' est ce que j'aime appeler le MVP ou un produit minimum viable. C' est un terme de démarrage et j'aime l'utiliser pour beaucoup de mes projets artistiques. C' est comme les étapes dans lesquelles votre projet peut entrer. C' est comme les os nus de votre police d'écriture. Vous pouvez vous arrêter ici si vous voulez et avoir une police rapide et sale, ou nous pouvons continuer et résoudre certains de ces petits problèmes que vous pouvez voir où il y a des choses qui sortent que je ne veux pas qu'elles aillent. Certaines choses ont été coupées un peu, vous pouvez voir qu'il y a quelques erreurs que nous obtenons en utilisant un programme gratuit. Mais maintenant, nous pouvons utiliser un autre programme gratuit pour corriger ces erreurs et affiner notre police, alors continuons. 6. Amélioration : nettoyage: Maintenant, affinons ça pour un peu plus. Tout d'abord, assurez-vous d'avoir XQuartz ouvert. Ouvrez ensuite FontForge. Cette fenêtre nous dit juste que le XQuartz est ouvert pour que nous puissions sortir de ça. Ensuite, vous verrez la fenêtre FontForge ici. Maintenant, nous devons ouvrir notre police. Nous allons dans, Fichier, Ouvrir, puis naviguer vers notre police sur notre disque dur, puis cliquez sur « OK », et une nouvelle fenêtre apparaîtra avec notre police complète. Je vais juste sortir ça. Maintenant, nous pouvons voir toutes nos lettres ici dans FontForge. La première chose que nous devons faire est de sauvegarder ceci en tant que fichier de travail. Vous pouvez voir qu'il s'agit d'un fichier .sfd qui est notre fichier de travail de FontForge avant que nous ayons un otf. Cliquez sur « Enregistrer ». Maintenant, nous sommes prêts à y aller et nous pouvons continuer à travailler ici. abord, voyons à quoi ressemble notre phrase test d'avant avec notre police. Accédez à la fenêtre « Mesures » et « Nouvelles mesures ». Maintenant, j'ai une fenêtre ici où on peut taper pour prévisualiser nos lettres. Je vais juste ajuster un peu l'espacement. Tapons notre phrase. On peut zoomer ici pour voir toutes les lettres. Nous voulons regarder cette phrase qui nous montre toutes les lettres de notre alphabet, et voir où sont les ajustements que nous voulons faire. Voyez s'il y a des erreurs, comme si je vois que ce j a été coupé. Ce qui s'est probablement passé, c'est que je dessinais les lettres dans les boîtes et j'ai passé un peu la ligne et je ne me suis pas rendu compte que je l'avais fait. Maintenant, nous pouvons réparer ça ici dans FontForge. Je vois le j ici, je vois que q ici, je vois cela sur le c. Il y a un peu d'espacement drôle ici. Le y est un peu drôle, et le g est un peu drôle. Je vais juste passer à travers et faire quelques ajustements. Commençons par le j d'abord parce que celui-ci est vraiment évident. On peut aller chercher la lettre dans notre alphabet. Voici le J juste là. Vous double-cliquez dessus et une nouvelle fenêtre apparaîtra avec la forme vectorielle de votre lettre. Si vous maintenez la barre d'espace, elle trouvera les lettres. Vous pouvez voir à quoi cela ressemblera quand il sera dactylographié. Cette interface ressemble un peu à Illustrator. Ce sont des vecteurs ici, et nous avons nos points, et les X que nous pouvons tirer pour ajuster les courbes comme un illustrateur. Nous avons la flèche, l'outil stylo, l'outil manuel, l'outil zoom. Il s'agit de l'outil de rotation. Je vais y aller et vous montrer comment utiliser certains d'entre eux. abord, nous allons zoomer, et vous pouvez voir que c'est un peu funky ici. Je ne veux pas que tout soit parfait parce que c'est une police dessinée à la main. Mais je ne veux pas que ce soit totalement bizarre non plus. Avec ma flèche blanche, sélectionnez-le ici. Vous pouvez simplement cliquer sur un point et il sera jaune pour le sélectionner et le faire glisser où vous le souhaitez. Je vais traîner un peu plus pour être plus aligné avec ça. Ensuite, ici, cela va ajuster la courbe, donc je peux juste tirer ça, et l'ajuster juste comme ça. Maintenant, cette courbe semble un peu plus lisse. Je pourrais aussi le faire ici si je voulais ajuster ça. Ce point est plus d'un oblong qu'un point, et donc je vais en retirer certains pour le rendre un peu plus rond. Ensuite, c'est là que se trouve le vrai problème. On fera la même chose ici. Ensuite, vous pouvez voir que certains de ces points sont des carrés au lieu de cercles. Cela signifie que vous avez un angle dur ici au lieu d'une courbe lisse comme celle-ci. Si vous choisissez simplement le carré et faites un clic droit, vous obtiendrez ce petit menu et nous pouvons cliquer, « Curve ». Maintenant, nous avons une courbe ronde au lieu d'un angle dur. Alors je vais faire la même chose ici. Parfois, vous devez cliquer deux fois dessus pour l'obtenir. Je vais ajuster ces courbes pour le rendre un peu plus lisse. Maintenant, nous pouvons zoomer et voir à quoi ça ressemble. Je pense que ça a l'air bien. Je vais sortir de ça. N' oubliez pas que tout ce que je fais n'est pas enregistré tant que je n'ai pas cliqué sur « Enregistrer » comme dans Photoshop. Maintenant que j'ai fait ce changement et que je l'aime, je vais aller de l'avant et cliquer sur « Enregistrer ». Maintenant, vous pouvez voir dans notre exemple de phrase que le j a déjà été mis à jour, il semble beaucoup mieux. Maintenant, je vais passer par le reste des lettres et ajuster les erreurs que je vois. 7. Amélioration : emploi d'éléments cohérents: Vous pouvez voir ici que ce support ici est tout foiré. Donc, au lieu de passer le temps à rendre ça meilleur, je vais juste le supprimer, comme ça. Ensuite, je vais ouvrir le crochet gauche, sélectionner tout, Commande C pour copier. Ensuite, revenez entendre dans le crochet droit et collez-le dans. Ensuite, j'ai toujours tout sélectionné, vous pouvez le dire parce que c'est tout jaune ici. Je vais aller à Element, Transformations, Transformer. Ensuite, nous avons cette petite fenêtre ici. Nous avons quelques options différentes de ce que vous pouvez faire avec la sélection. Pour cela, je veux le retourner sur l'axe horizontal, donc je vais, Ok et on y va. Mais maintenant il est incliné dans le mauvais sens et donc je vais le transformer à nouveau sur l'axe vertical, et voilà. C' était beaucoup plus rapide que de passer le temps et d'ajuster tous les points. Je vais faire quelques petits ajustements. Mais au lieu de vous montrer chaque lettre, je vais passer à l'étape suivante. 8. Amélioration : ajustement du crénage: Maintenant, revenons en arrière et regardons notre exemple de phrase. Vous pouvez voir que le crénage, c'est-à-dire l'espacement entre les paires de lettres, est un peu désactivé à certains endroits. Alors passons à travers et résolvons ces problèmes. C' est super facile à faire. Il vous suffit de cliquer et de maintenir la lettre que vous voulez modifier et de la déplacer dans la direction que vous voulez qu'elle aille. Vous pouvez voir ici qu'il a changé la variance gauche et droite, ce qui signifie la quantité d'espace entre la gauche et la droite de la lettre. Lorsque vous déplacez la lettre ici, elle l'ajuste automatiquement à l'avant. Donc maintenant, vous pouvez juste passer par et ajuster n'importe lequel des espaces bizarres que vous voyez de cette façon. 9. Amélioration : ajout des accents: Ici, vous pouvez voir que beaucoup de mes accents ont été coupés. C' est un peu dur sur les carrés quand nous dessinons nos lettres pour dire où est la fin, donc beaucoup de fois cela m'arrive même quand je reste à l'intérieur de la boîte, mais nous pouvons éditer ça très facilement ici dans [inaudible]. Il suffit de trouver un des accents de la minuscule qui n'a pas été coupé et d'ouvrir ça. Ensuite, assurez-vous que c'est ainsi que vous voulez qu'il effectue des ajustements avant de le copier. Ok, c'est plutôt bien. Maintenant, je vais juste sélectionner tout cela, commander C pour copier, puis ouvrir n'importe lequel de ceux où la marque d'accentuation a été coupée. Ensuite, je vais supprimer la partie qui a été coupée et coller dans la nouvelle marque d'accentuation. Ensuite, vous pouvez simplement le faire glisser à l'endroit où vous voulez qu'il soit et X sortir. Maintenant, vous pouvez voir que nous avons ajouté dans notre nouvelle marque d'accentuation, et je vais juste enregistrer le fichier. 10. Générer la police: Une fois que vous êtes satisfait de vos lettres et crénage, modifions rapidement les informations de police. Il suffit d'aller à Element, puis Infos sur la police. Ici, vous pourrez modifier le nom de la police et les informations sur le copyright. Lorsque vous avez terminé la conception de votre police de caractères et que vous êtes prêt à exporter votre police, enregistrez d' abord votre fichier de travail pour enregistrer toutes vos modifications, puis accédez à Fichier et Générer des polices. Le nom de votre police devrait déjà être ici si vous l'avez éditée dans les informations de police avant. Vous voulez choisir le fichier the.otf. Puis appuyez sur Générer. Voilà, une police raffinée, gritty, dessinée à la main. 11. Taper en employant la police !: Voyons notre police en action. Pour installer votre police et commencer à taper avec elle, il suffit de double-cliquer sur le fichier de police. Le livre de polices s'ouvrira, et vous cliquez sur « Installer ». Attendez une seconde, et c'est prêt à partir. Vous pouvez ouvrir n'importe quel programme et commencer à taper avec votre propre écriture. C' est tout, nous avons notre propre police d'écriture manuscrite. Merci beaucoup d'avoir suivi ce cours, et j'espère que vous décidez de rendre votre propre écriture amusante. Si vous le faites, assurez-vous de le télécharger dans la Galerie de projets afin que nous puissions tous voir et partager notre travail. Une dernière chose que je veux mentionner, si vous aimez mes cours, s'il vous plaît envisager de vous inscrire à mon bulletin d'information électronique. J' annonce toujours mes nouveaux cours, nouveaux produits, mes conseils et mes ressources sur mon blog dans ce bulletin. Alors n'oubliez pas de vous joindre si vous êtes intéressé à voir les grandes choses que j'ai à cuisiner. Espérons vous voir dans la prochaine classe, et la conception de type heureux.