Share
Ce que vous allez créerÀ ce stade, après avoir appliqué les concepts de Letterforms à leur noyau, vous êtes prêt à commencer à passer à des choses plus grandes et meilleures.!
Ce didacticiel vous aidera à comprendre les différents types de typographie qui existent tout autour de nous, tels que la typographie que vous voyez dans les livres, les panneaux d’affichage, la signalisation des magasins et tout le reste. Vous acquerrez beaucoup de connaissances pour vous aider à déchiffrer les caractéristiques de la typographie et leur utilisation actuelle..
De plus, comme il s’agit d’un cours pour débutants axé sur le lettrage et la typographie, je vais utiliser des termes que vous ne connaissez peut-être pas. Voici une liste de termes que vous voudrez peut-être lire au cas où vous ne seriez pas sûr de ce qu’ils sont:
Une dernière chose à noter à propos de ce tutoriel avant d’aller trop loin: ce tutoriel concerne dessin lettres, et il contient beaucoup d’informations sur le "pourquoi" nous faisons certaines choses en matière de typographie. Ce tutoriel est plus un guide pour vous fournir les bases et la compréhension, tout en vous permettant de grandissez et pratiquez vous-même. Si je vous fournissais les dimensions exactes de petits détails et fournissais chaque petit détail d’information, j’ai l’impression que vous ne pourriez pas apprendre et grandir autant par vous-même. Le lettrage est tout au sujet de la pratique et de la persistance.
Cela dit… Prêt? Commençons!
Heureusement, peu d'outils sont nécessaires cette fois-ci, car nous allons simplement dessiner. Voici une très petite liste pour vous aider à commencer:
Continuons et imprimons ce PDF (ou un aperçu sur le périphérique de visualisation souhaité) pour notre référence tout au long de ce didacticiel. Nous allons voir ces visages à mesure que nous saisissons et comprenons chaque style de typographie.
Pourquoi utilisons-nous HEAO?? Eh bien, ces quatre lettres sont la combinaison parfaite de traits verticaux, horizontaux, diagonaux et courbes. Ces quatre traits de base constituent chaque forme de lettre imaginable. Donc, vous concentrer sur ces bases vous donnera un bon départ pour vous aider à dessiner les 22 lettres restantes de l'alphabet..
Voici la liste des caractères que nous étudierons. Presque tous les ordinateurs ont déjà été préchargés sur ces visages standard (à l'exception du Vieux-Londres. Vous devrez peut-être le télécharger ailleurs si vous le souhaitez pour référence ultérieure, mais ne vous inquiétez pas, c'est libre!)
Nous allons créer un "guide" ou un modèle à utiliser tout au long de ce tutoriel. Cette page contiendra la hauteur de cap et la ligne de base sur lesquelles vos lettres s’appuieront tout au long de ce didacticiel..
Tout ce dont vous avez besoin est un morceau de papier vierge de 8,5 po sur 11 po. Commencer par mesurer 3 " à partir du coin inférieur droit et faire une marque. Faites la même chose du côté opposé du papier et relier les points!
Maintenant que nous venons de créer la ligne de base, formons notre cap-height. À partir de la ligne de base que vous venez de créer, mesurer 2 " et faites une autre marque dans le coin inférieur droit. ensuite, faire la même chose en bas à gauche. Reliez ces points et vous obtenez une page de guide terminée que nous utiliserons dans la suite de ce didacticiel..
Rassemblez tout votre matériel pour dessiner des lettres. Cela inclura du papier, un crayon, une gomme à effacer et un taille-crayon (si nécessaire). Commençons par dessiner et comprendre la structure des lettres sans empattement.
Avec votre "feuille de référence" devant vous, étudiez le poids, le contraste, l’espace négatif et tous les petits détails concernant les formes des lettres. Étudiez exactement comment cette lettre est composée.
Avoir votre page de guide devant vous avec une feuille de papier vierge sur le dessus. Nous allons utiliser la page de guide pour permettre à nos lettres de s’inscrire parfaitement dans l’espace de 2 "créé avec la hauteur maximale et la base.
Cela peut sembler idiot, mais qu'est-ce qui fait qu'un H a fière allure? Qu'est-ce qui fait que le H a l'air correct? Eh bien, la réponse est, traits verticaux uniformes (le même poids) ainsi qu'un trait horizontal légèrement plus fin pour relier les traits verticaux.
Si vous étudiez la typographie depuis un moment, vous remarquerez quelques détails, tels qu'une différence de poids de 0,5 millimètre sur la barre transversale horizontale. Pourquoi la barre transversale a-t-elle presque une ligne de cheveux plus petite que les traits verticaux? Parce que le H a besoin de se sentir équilibré et non en surpoids là où les coups se rencontrent. Avec la petite différence entre les cheveux, le H devient plus agréable à l'œil et ne cause plus aucune pollution visuelle lors de la lecture dans de petites tailles. Ces petits détails ne sont pas seulement nécessaires pour la conception, mais aussi pour le lettrage.
Garder tout cela à l'esprit, dessiner deux traits verticaux avec la même largeur et une barre transversale avec une différence capillaire. La largeur du H dépend de vous si vous souhaitez explorer. Toutefois, pour ce tutoriel, nous le rendrons similaire à notre feuille de référence..
Ensuite, abordons la lettre E. Tout comme vous l’avez fait avec le H, étudier ses caractéristiques. Faites attention aux petits détails! Si vous regardez suffisamment près, vous remarquerez le la barre transversale centrale est plus courte que les barres transversale supérieure et inférieure. Pourquoi donc? La barre transversale centrale est juste un peu plus courte pour aider à équilibrer et à répartir le poids sur toute la forme de la lettre. Cela aide essentiellement à ouvrir l’espace négatif au sein de l’E afin qu’il ne soit pas aussi lourd. En outre, tout comme le H, les barres transversales sont plus fines pour aider à réduire le poids total. Gardez cela à l’esprit lorsque vous tracez des traits horizontaux et des traits verticaux!
Alors, dessinez un trait vertical et trois traits horizontaux pour former le E. Assurez-vous également que la barre transversale moyenne est un peu plus courte!
Maintenant que notre E est terminé, passons au A. Encore une fois, étudions comment le A est composé. Qu'est-ce qui le rend équilibré? Que se passe-t-il si la barre transversale est levée? Vous pouvez tester cela dans votre propre dessin, mais je pense que vous verrez que cela semble plutôt étrange, n'est-ce pas? La barre transversale est optiquement centrée de sorte que l'espace négatif dans la contre-forme est égal à l'espace négatif juste en dessous de la barre transversale.
Comment savez-vous quel angle dessiner les traits verticaux? Eh bien, vous ne savez pas vraiment, car tout dépend de la largeur de la lettre. Si vous voulez un A vraiment mince, vos angles seront incroyablement raides. Par contre, si vous voulez un A large, vos angles seront plus modérés.
Tracez deux traits angulaires qui se rejoignent au milieu. ensuite, ajouter cette barre transversale et c'est bon d'y aller! Utilisez le gif ci-dessous pour comprendre comment j'ai formé le A à chaque coup.
D'accord, nous avons fait assez loin! Terminons cette combinaison sans empattement par la lettre O. Étudions une nouvelle fois la page de référence et comprenons comment cet O a été créé et équilibré. Vous pouvez voir que les points nord et sud (verticaux) de O ont toujours un poids légèrement plus mince que les points est et ouest (horizontaux). Pourquoi la contre-forme du cône est-elle pareille? Cette réduction est encore un autre acte d'équilibrage pour rendre le poids plus facile pour les yeux lorsqu'il est lu dans un mot ou une phrase.
Si vous parcourez le didacticiel relatif aux lettres au cœur de leur lettre, vous savez que les courbes de la lettre O s’étendent au-dessus et au-dessous de la ligne de base et de la hauteur maximale..
C'est beaucoup d'informations dans un court laps de temps. Il y a énormément de pratique à faire pour que vos traits soient au bon angle et que vos courbes soient douces et lisses - ne vous inquiétez pas, tout cela arrive avec le temps.! Continuez simplement à pratiquer! Répétez les étapes 1 à 5 si vous pensez avoir besoin de la pratique.. Si vous n'êtes pas satisfait de l'apparence de vos lettres, retirez votre papier de la page du guide et recommencez.!
Avant de commencer, je veux que vous étudiez ces lettres un peu plus longtemps. Qu'est-ce qui distingue un serif d'une lettre d'un sans-serif? Eh bien, une police avec empattement a des empattements! Alors qu'un sans-serif n'a pas de serif. Par conséquent, le mot "sans", qui signifie sans pour autant en français.
En outre, il existe un contraste dans ces lettres. Certains traits sont minces alors que d'autres sont plus épais. Pourquoi donc? Si vous repensez à la manière dont ces lettres ont été créées, les épaisseurs et minces sont impliquées par la direction et l'angle du stylo ou du burin. Par exemple, si vous tirez votre stylo vers le bas, le stylo dégagera plus d'encre en raison de la pression exercée. D'autre part, si vous faites glisser le stylo de gauche à droite ou de haut en bas, le trait sera plus fin, car la pression n'est pas appliquée..
Un serif est le trait de finition de la lettre qui fait généralement saillie vers l'extérieur du trait. Donc, pour simplifier les choses, pensez à dessiner des lettres sans-empattement, mais à ajouter ensuite des empattements. Vous verrez ce que je veux dire par le processus ci-dessous.
Commencez par étudier le poids des traits du H. Dessinez un H sans-serif pour commencer..
En utilisant le précédent "sans-serif" H, ajoutons maintenant les empattements. Ils ne s’étendent pas trop loin de la course, alors gardez-les environ un quart de pouce ou moins. Cela ne tient qu'à toi! La clé est de vous assurer que vos empattements sont cohérents et similaires sur toute la lettre, comme dans l'image ci-dessous. Et la dernière chose à noter, la barre transversale est beaucoup plus fine, alors assurez-vous de la traduire également dans votre dessin..
Passons maintenant au E. Encore une fois, commencez par dessiner un sans-serif E (sauf en gardant à l'esprit que les poids des barres transversales sont beaucoup plus légers), puis ajoutez les empattements par la suite. La seule différence avec le E est que les empattements ne s'étendent pas à gauche et à droite comme les empattements sur le H. Au lieu de cela, les empattements s'étendent vers le bas et vers le haut sur les différentes barres transversales..
Contrairement au sans-serif A, ce serif A a plus d'un sommet pointu plutôt que plat (techniquement plat vers le haut, mais si petit, il est presque imperceptible! Ce sommet plat fait toute la différence). Encore une fois, commencez par dessiner un sans-serif A mais en vous assurant que le trait gauche est fin et le trait droit est épais. Une fois que vous avez fait cela, ajoutez les empattements vers le bas des traits coudés et c'est complet.
Obtenir les courbes du O est probablement encore assez difficile. Il faut juste répéter et pratiquer, alors continuez comme ça! Faites attention au poids, à la largeur et au contraste de cette lettre. Contrairement au sans-serif O, cette lettre a beaucoup moins de poids sur les courbes nord et sud (ce poids est créé par la pression du stylo lorsque vous tracez un O).
Et avec ça, vous avez un HEAO sifflé fini!
Les formes de lettres slab-serif sont assez explicatives. Essentiellement, imaginez une police de caractères sans empattement comportant des "dalles" à chaque extrémité des traits, plutôt que les empattements effilés minces comme les formes de lettre avec empattement que nous venons de créer..
La seule chose à retenir avec les faces de serif de dalle est que les dalles ont généralement le même poids que les barres transversales (ce qui signifie qu'elles ont une ligne plus fine que les traits verticaux).
Commençant par le H, commençons par dessiner un autre sans-serif H. Ensuite, ajoutez simplement ces dalles au sommet et à la base des traits verticaux. Faites attention au poids - cela peut être juste une racine des cheveux, mais cela fait toute la différence!
Passez au E chaque fois que vous êtes prêt. Comme avant, commencez par le sans-serif et ajoutez des empreintes de dalle! Il suffit de remarquer il n'y a pas de dalle sur la barre transversale centrale de la E. Il n'y a pas de dalle, car si elle existait, elle occuperait tout l'espace négatif de la lettre et se sentirait trop lourde.
Bon, vous avez ceci A. Aucune explication nécessaire vraiment! C'est presque identique au sans-serif A. La seule différence? C'est vrai, dalle-empattements. Ajoutez-les et vous êtes prêt à partir!
Maintenant, tout ce qui a une courbe ne porte généralement pas de dalle, sauf s'il s'agit d'une courbe telle que P, R, B, etc., qui se connecte à un trait vertical. Quoi qu’il en soit, pour cet O, choisissez une bonne largeur (essayez évidemment de faire correspondre notre feuille de référence, à moins que vous n'essayiez quelque chose d'unique et de différent!) Et commencer à dessiner (presque) un cercle parfait. Aussi simple que cela!
Voici notre Slab-Serif HEAO terminé!
Permettez-moi de jeter un petit avertissement avant d'entrer dans cette section. Le lettrage est un autre sujet en soi. J'écrirai une classe distincte pour les lettres de script afin que vous puissiez vraiment comprendre ce que vous devez faire et ne pas faire. Nous allons nous concentrer sur quelques détails mineurs du script, basés sur la police de caractères Snell Roundhand, pour donner une petite introduction aux lettres du script..
Choses à noter lors de la pratique: l'écriture du script était généralement réalisée à l'aide d'un outil de calligraphie tel qu'un stylo plume, un stylo oblique, etc. Il s'agit d'un élément à retenir lorsque vous essayez de comprendre les principes fondamentaux. De plus, avec un style de script, ce n'est généralement que la première lettre du mot majuscule, pas le mot entier. Je n'ai gardé que les majuscules sur HEAO pour rester cohérent avec les autres styles de typographie que nous apprenons.
Gardez tout cela à l'esprit lorsque vous pratiquez les étapes ci-dessous.. Commençons!
Ajoutez cette borne transversale et les terminaux en forme de goutte et ce H est terminé! (Remarque: le trait supplémentaire "swash" sur le trait gauche du H est facultatif. Plus de détails et d'informations sur les "extras" seront abordés dans un autre tutoriel.)
Si vous jetez un coup d'œil à ce script E, vous remarquerez qu'il est plutôt étrange. Certainement une lettre unique. Et la meilleure partie de cela est qu'il est formé en un seul coup de stylo.
Pour former ce E, commencez un peu en dessous de la hauteur de capuchon, courbez vers le haut vers le haut à droite et amenez-le dans le sens contraire des aiguilles d’une montre et vers le bas, vers le centre de votre espace de 2 po sur votre page de guidage. en bas à gauche et en haut à droite, tout en gardant cette courbe au-dessous de la barre transversale. Ce gif vous aidera à comprendre un peu mieux le processus..
Si vous comparez le trait droit du H et le trait droit du A, ils sont exactement les mêmes.! (autres que des différences mineures de poids au début de l'AVC).
Ceci étant dit, Commençons par le côté droit du A (c'est juste ma préférence)et dessinez essentiellement ce que vous avez déjà fait avec votre H. Ensuite, terminez-le en dessinant le trait fin à ce même angle de 45 degrés. Vous avez la possibilité d'ajouter le terminal en forme de goutte ou de le laisser entièrement désactivé..
Ajouter cette barre transversale et c'est bon aller!
Le script O devrait ressembler beaucoup à dessiner un serif O. La seule différence est l’angle à 45 degrés et des poids variables..
Dans cet esprit, commencez le niveau O juste un peu en dessous de la hauteur du capuchon et maintenez les traits épais à gauche et en bas à gauche, ainsi que les côtés droit et supérieur à droite du bord.
La course de sortie où elle s'étend en dehors du O est un autre trait optionnel. Je vais vous en apprendre plus sur l'épanouissement, les swashes, etc., dans un prochain tutoriel..
Qu'est-ce qui rend une lettre décorative décorative? Essentiellement, ce sont juste les cloches et les sifflets supplémentaires qui sont ajoutés au visage pour lui donner un attrait supplémentaire. Par exemple, dans la police de caractères Rosewood dont nous traitons sur la feuille de référence, l'ombre portée, la forme en losange et la couleur divisée en font "décoratif". Si toutes ces choses supplémentaires n'étaient pas incluses, il s'agirait simplement d'une police de caractères dalle-serif.
Donc, en ce qui concerne l'enseignement de ce style, il n'y a pas grand chose que je puisse enseigner car c'est à vous de décider comment vous souhaitez embellir votre type. Un bon site pour voir des tonnes de styles décoratifs serait Typefight.
Commençons par utiliser nos lettres une fois de plus. La seule différence avec ces formes de lettres est la largeur de toutes les formes de lettres et des crochets dans les empattements. Alors, tracez chaque forme de lettre, H, E, A et O. Vous l'avez fait plusieurs fois maintenant, donc cela devrait être plus facile cette fois-ci!
Maintenant que vous avez dessiné vos formes de lettre de base, il est temps d’embellir. Pour ce faire, nous allons utiliser la même teinte directionnelle que Rosewood, mais changeons-la un peu et créons une petite ombre portée plutôt qu'une grande ombre portée. Donc, essentiellement, tracez une ligne supplémentaire autour de chaque lettre sur les côtés droit et inférieur.
Au lieu de copier le style exact du bois de rose, remplissons les formes de lettres avec une nuance de crayon claire pour les rendre gris pâle..
Pour terminer, donnons à notre type des "éperons". Essentiellement, ajoutons un petit triangle de n’importe quel côté de la forme de lettre qui vous convient. J'ai dessiné le mien à gauche.
Pour ajouter encore plus, ajoutons le cercle avec deux triangles pointus au nord et au sud du cercle. Répétez cela dans toutes les lettres restantes et je pense que nous pouvons l'appeler un jour.
Comme je l'ai déjà dit, tout ce processus dépend de vous! Vous avez la liberté créative d’embellir votre typographie comme vous le souhaitez.
Les formes de lettres noires sont une autre bête à aborder dans une classe séparée, mais je vais quand même vous fournir quelques bases pour vous aider à démarrer dans la bonne direction.!
Pour comprendre comment ils se forment, il vous faut un peu d’histoire. Black-letter est aussi appelée écriture gothique car c'est une forme de calligraphie. Il était utilisé très largement en Europe dans presque tous les types de documents / livres, puisque tout était écrit à la main jusqu'à l'invention de Johannes Gutenberg dans le domaine de l'impression..
Il existe une grande variété de styles de formes de lettres noires. Les capitales que vous allez pratiquer ont une approche plus "moderne" des caractères de lettres noires formés au début du XIIe au XVIIe siècle..
Évidemment, à en juger par le regard de ces personnages, vous pouvez constater qu'ils sont assez complexes, avec beaucoup de traits verticaux, coudés et courbes. Pour comprendre comment ils se forment, vous devez également savoir quels outils ont été utilisés. L'outil de choix est une simple pointe à larges bords qui produit une ligne droite d'encre. Si vous le souhaitez, vous pouvez acheter le stylet Parallel Pilot pour vous exercer. Mais, puisque cette classe est sur le point dessin formes de lettres, commençons à dessiner plutôt que l'écriture.
En commençant par le H, allons former le premier trait vertical gauche. Tracez ce trait en gardant à l'esprit le faible poids vers le haut et le bas et le poids plus épais au milieu. Il commence mince et devient progressivement plus épais en raison du poids impliqué par la pointe large et le maintien de l'angle à 45 degrés.
Ensuite, formons le trait horizontal inférieur. Il devrait maintenant ressembler presque à un "L".
Continuez plus loin et ajoutez le deuxième trait vertical qui se connecte éventuellement à la base du trait horizontal que vous venez de créer..
Enfin, ajoutez cette courbe pour finir H. Les traits supplémentaires supplémentaires qui s’étendent hors de la lettre sont optionnels, mais j’ai inclus le processus dans le gif pour référence..
Cela devrait être relativement facile pour vous si vous avez terminé le didacticiel Lettrage à la main: Les formes de lettre à la base.
Commencez par former un demi-cercle (le bol du E). Ensuite, ajoutons le trait vertical qui n’est qu’un petit peu à gauche du centre. Regarder le poids comme il se connecte dans le bol.
Ensuite, ajoutez la "barre transversale" ou le trait horizontal du E vers le haut. Il se connecte au trait vertical que vous venez de créer. Regarde le poids encore. Assurez-vous qu'il ne soit pas trop lourd au sommet.
Enfin, formons le dernier trait horizontal qui se trouve juste au-dessus du centre de la E. Commençons par dessiner ce fin trait vertical au centre de la E. Ensuite, connectez la deuxième barre transversale horizontale directement à ce fin trait vertical que nous avons créé. La forme de lettre finie ressemblera à quelque chose comme ça.
En continuant avec le A, commençons par le trait vertical droit. Faites attention au poids encore une fois, comme il devient plus mince à plus épais de haut en bas.
Suivant, ajouter la course d'angle de 45 degrés pour compléter la structure du A. Ensuite, ajoutez cette barre transversale.
Maintenant, c'est ici que vous avez le choix d'ajouter tous vos embellissements. Je dis que nous ajoutons le trait incurvé du haut du A à la barre transversale.
Avec le O, cela devrait aussi être relativement simple si vous maîtrisez les courbes de la classe précédente. La seule différence est le début plat du trait sur le côté gauche du O.
Alors, commencez par dessiner la première courbe à gauche, et ensuite, ajouter la courbe de droite pour compléter le cercle. Gardez à l'esprit que le coin supérieur gauche doit être plat au lieu d'être arrondi, comme le reste de la lettre.
Enfin, faisons ajoutez le trait vertical gauche à l'intérieur du O. Encore une fois, vous avez le choix de tracer des lignes plus fines. C'est à vous de décider ce que vous faites avec ces lettres!
Pour bien comprendre les formes et les structures que prennent ces formes de lettres spécifiques, il est préférable de les écrire avec une pointe à larges bords et de comprendre votre épaisseur créée par l'angle et la direction de la plume. L'écriture gothique (lettre noire) est une forme d'art en soi. Je recommande fortement de pratiquer cela avant de commencer à dessiner les formes parce que ça va aider vos yeux et votre main à composer les lettres sur papier sans écrire les formes.
Voici la lettre noire complétée HEAO!
Pour être honnête, je n'ai jamais dessiné de lettrage monospace pour un client. Ce n'est pas aussi attrayant que le reste des styles dont vous êtes maintenant capable, mais c'est quand même quelque chose à ajouter à la base de connaissances! Vous n’avez jamais vu ce type de typographie ou à peine. La raison en est que les polices monospaces ont été utilisées avec les premiers ordinateurs et leurs terminaux. Les capacités graphiques de ces ordinateurs étant très limitées, une police de caractères à largeur fixe (monospace) était nécessaire..
Habituellement, chaque forme de lettre dans une police a une largeur différente. Par exemple, un "W" est beaucoup plus large qu'un "J". Mais avec les formes de lettre monospaces, ces largeurs seraient les mêmes.
Cela dit, faites bien attention aux largeurs hors tout de vos lettres mono-espacées. Assurez-vous qu'ils sont tous égaux!
Avec ces lettres, elles ressemblent beaucoup à la face de plaque que nous avons créée précédemment. Seule différence? C'est vrai, des dalles arrondies, ainsi que la largeur uniforme de chaque lettre.
Tracez ces traits verticaux, ajoutez une barre transversale, posez-les sur les dalles, et c'est parti!
Comme ci-dessus, préparez ce E en dessiner un trait vertical et attacher trois barres transversales comme nous l'avons fait à plusieurs reprises ci-dessus. Enfin, ajoutez les empattements arrondis et c'est complet.
Faites attention à un poids constant, comme s'il s'agissait du tout premier exercice que vous avez effectué au cours de ce tutoriel..
Encore une fois, même processus que précédemment. La seule différence avec cet A est qu’un petit trait de sortie a été ajouté en haut à gauche. Autre que cela, suivez les mêmes processus que nous avons déjà pratiqué. Il se compose de deux traits diagonaux, un trait horizontal (pour la barre transversale) et les dalles arrondies.
Finissons ce O et nous aurons fini! Étendez les courbes juste au-dessus et au-dessous des indications de votre "page de guide" située en dessous.. Dessinez ces courbes et assurez-vous que la largeur est identique à celle de vos lettres précédentes..
Maintenant, vous avez vous-même un HEAO monospaced terminé!
Pratique, pratique, pratique. Certains de ces premiers dessins initiaux peuvent ne pas ressembler à ce que vous souhaitez, et ce n'est pas grave! J'ai commencé exactement au même endroit. Comme dans n'importe quelle vie, cela demande de la pratique et de la patience. Donnez-lui du temps et des efforts, et vous serez génial.
Si vous avez besoin d’aide ou si vous avez des questions sur le contenu ci-dessus, n'hésitez pas à commenter.. Bonne chance!
Accentsconagua