Lettrage monoline : de la conception à la réalisation

1. Ce dont vous aurez besoin: Salut les gars, je suis Jamie Bartlett. Dans ce cours, je vais vous montrer mon processus pour esquisser lettrage monoline et le convertir en chemins vectoriels dans illustrator. Cette méthode simplifiée, je vais vous apprendre à créer des courbes super lisses qui mèneront votre lettrage monoline au niveau suivant. Je suis vraiment excité pour ce cours. Ça va être très amusant. Commençons. Pour commencer, nous allons avoir besoin de papier, quel que soit le crayon avec lequel vous vous sentez à l'aise, d'une règle à bord droit et finalement nous aurons besoin de papier calque. Avant de commencer, j'écris toujours le mot que je vais écrire en haut de ma page. De cette façon, je peux voir toutes les lettres et comment elles vont aller ensemble. Parce que si je ne fais pas ça plus souvent qu'autrement, je finis par laisser une lettre dehors parce que je me concentre tellement sur le dessin des lettres que je ne pense pas à l'orthographe. 2. Mon processus de conception: Ensuite, vous devez décider à quoi ressemblera votre lettrage. Je commence habituellement à penser à ma première lettre parce que c'est la première lettre que vous voyez et la plus grande lettre et cela peut aider à déterminer à quoi vous voulez que les autres lettres ressemblent. Alors je commence à esquisser cette lettre et vois toutes les différentes façons de former cette lettre. Bien sûr, vous pouvez trouver des tonnes d'inspiration en ligne. Je pense que je vais aller avec ce style. Ensuite, je veux faire une base pour mon lettrage. Cela aidera à garder mon lettrage un peu droit. Maintenant, je vais juste commencer à dessiner et voir ce que je viens avec. À ce stade, je ne suis pas vraiment inquiet de la façon dont mes lettres vont ressembler, je suis juste en train de jouer avec la façon dont elles s'intègrent ensemble. J' aime comment cela fonctionne ensemble, mais en ce moment, ça a l'air assez rude. Donc, je vais le dessiner à nouveau et peaufiner une partie de ça. Je vais dessiner une autre ligne de base et le faire sur cette ligne. À ce stade, j'aime combien de lettres sont à la recherche. Donc, plutôt que de continuer à le redessiner à partir de zéro, je vais aller à mon calque. Mais avant de le faire, je vais dessiner quelques guides sur ce document pour m'aider dans la prochaine étape. Je dessinerai des guides en haut de mes majuscules et minuscules. Ensuite, je prendrai le calque et je l'utiliserai pour affiner mon croquis. De cette façon, je n'ai pas à redessiner à partir de zéro, je peux traquer et affiner au fur et à mesure que je vais. [ inaudible] sont vraiment serrés ici. Alors que je le redessine, je vais en étaler un peu. Alors je vais continuer à le redessiner jusqu'à ce que je sois content de ce que ça ressemble. Je veux l'obtenir aussi près que possible de la finale, mais nous pouvons toujours faire quelques petits ajustements dans Illustrator. Je n'aime pas vraiment ce qui se passe là-bas, donc je vais l'effacer et redessiner cette partie. Un peu plus comme ça. Cela se termine un peu funky, mais je vais probablement juste réutiliser le premier bout de toute façon. Je pense que c'est assez bon pour l'inclure dans Illustrator. Maintenant, vous pouvez scanner votre lettrage avec un scanner ou, si vous n'en avez pas, vous pouvez télécharger une application de numérisation pour votre téléphone. J' aime utiliser un appelé Scanbot parce que vous pouvez ajuster pour une perspective si vous en avez besoin, et il stocke également toutes vos scans à l'intérieur de l'application plutôt que de le mélanger avec toutes vos photos. Donc, pour commencer, nous devons faire un nouveau document et je vais faire les miens 3.000 pixels par 2.000 pixels. Pour mon projet, je vais travailler en RVB car je ne vais pas imprimer ceci et assurez-vous que cette case à cocher Aligner les nouveaux objets sur la grille de pixels est décochée. Cliquez sur « OK ». Maintenant, nous devons mettre notre croquis dans notre document. Donc je vais aller à Dossier, Place, place notre photo. Je vais agrandir le mien, à peu près là. Donc maintenant, je veux changer l'opacité de mon image à environ 50 pour cent, puis verrouiller le calque pour ne pas le déplacer, puis ici, je vais ajouter un autre calque et c'est le calque dans lequel je vais commencer à travailler, et cela en fait un beaucoup plus facile à tracer. Donc, avec la couche deux sélectionnée, je vais aller à mon outil de stylet et vous pouvez le faire en appuyant sur P sur votre clavier. Maintenant, c'est beaucoup plus facile si vous zoomez. Maintenant que j'ai mes œuvres d'art, j'ai besoin de mettre en place quelques guides. ce moment, mes règles ne s'affichent pas, donc tout ce que j'ai à faire est d'appuyer sur Commande+R sur le clavier, et maintenant ils apparaissent et si vous cliquez sur la règle et tirez vers le bas, vous pouvez obtenir un guide. Donc, je veux guider sur le haut de mes lettres minuscules... Ce point. - et aussi au bas de mes lettres minuscules. Ensuite, il veut aussi un sur le M, ce qui est le même pour le L, puis aussi sur le fond du M où tous ces descendants frappent, et maintenant j'ai besoin d'un autre guide. Je veux un guide d'angle qui correspond à l'inclinaison de mes lettres. Donc, pour ce faire, je vais tracer une ligne avec l'outil plume et puisque le n ici est la ligne la plus droite de mes lettres, je vais tracer celle-ci. Je vais revenir à mon outil de sélection en appuyant sur V sur le clavier et maintenant je veux mettre à l'échelle cela. Vous pouvez réellement faire n'importe quel chemin dans un guide. Pour ce faire, vous devez aller jusqu'à Affichage, Guides, Créer des guides, ou vous appuyez également sur Apple 5 sur le clavier. Maintenant, j'ai un guide d'angle. Maintenant, nous voulons faire quelques doublons de ce guide angulaire. Donc, je dois aller à Voir, Guides et déverrouiller mes guides. Maintenant, je peux dupliquer cela comme n'importe quel autre calque. Si je maintiens l'option sur le clavier, je reçois une double flèche et cela signifie que si je clique et fais glisser, puis lâche, j'obtiens un autre guide. Je peux le faire autant de fois que je le veux. C' est bon si votre croquis ne correspond pas parfaitement à vos guides. C' est à ça que servent ces guides. Nous pouvons corriger notre lettrage au fur et à mesure que nous commençons à le dessiner. Ensuite, une fois que vous avez terminé de faire vos guides, remontez à Afficher, Guides et verrouillez vos guides. Je pense que c'est bon pour mes guides alors commençons à dessiner. 3. Numériser votre sketch: Maintenant, nous devons passer à l'outil Pen en appuyant sur « Clavier de piano ». On va commencer par le M. que j'aime zoomer de près. Maintenant, avant de commencer à dessiner, vous remarquerez cette ligne rose qui apparaît, qui signifie que mes guides intelligents sont activés. Quand je commencerai à baisser mes points, ils vont s'accrocher à ces guides. Cela peut parfois être utile. Mais pour ce projet, je ne veux pas l'utiliser. Je dois aller voir, guides intelligents et m'assurer que ce n'est pas coché. Souvent, lorsque nous commençons à dessiner avec l'outil plume, nous ne savons pas vraiment où nous devrions placer ces points. On commence à dessiner, on met des points où on veut, et on fait des trucs comme ça. Vous pouvez voir ici, il y a un peu de points, c'est 1, 2, 3, 4, 5 points dans ce petit secteur. On pourrait les ajuster et essayer de les rendre plus lisses. Mais plus nous avons de points, moins nous allons créer une courbe naturelle. Quand je fais Monoline Lettering, ce que j'aime faire est de me limiter à créer uniquement des poignées de bézier horizontales et verticales. En faisant cela, vous vous limitez à l'endroit où ces points peuvent être placés. Laissez-moi vous montrer ce que je veux dire en commençant par ce M. Je vais mettre un point ici, et avec la souris enfoncée et en maintenant « Shift » sur le clavier, j'étire mes poignées de bézier et en maintenant « Shift » le verrouille horizontalement. Je vais le retirer un peu. Maintenant, je veux aller jusqu'au bas ici, et trouver le point le plus éloigné, qui est juste ici. Je vais cliquer, maintenir « Maj » à nouveau et faire glisser ma courbe vers l'extérieur. Je vais essayer de suivre mon croquis le plus près possible. Ensuite, je vais monter ici, cliquez. Je n'ai pas besoin de poignées là-bas. Retournez au point le plus éloigné, maintenez « Maj », faites-le glisser et continuez à monter ici, et continuez à aller au point le plus éloigné vers le haut, puis revenez au point le plus éloigné vers le bas, puis terminez-le juste là. Maintenant, nous devons revenir en arrière et faire quelques ajustements. Parce que vous pouvez voir ici, cette poignée a été traînée trop loin. Je suis passé à l'outil de sélection directe en appuyant sur la touche « A » du clavier, je peux cliquer sur mon « Point d'ancrage », puis maintenez « Maj », puis faites glisser cela dans un peu. Voyons voir, celui-là a l'air d'avoir besoin de sortir un peu. Ensuite, ici, celui-ci a certainement besoin d'être retiré. Alors ça a l'air plutôt bien. Je vais changer mon chemin en noir pour que je puisse vraiment le voir. Je peux désactiver le calque d'arrière-plan, puis désactiver mes guides en appuyant sur « Commande point-virgule », je peux vraiment le voir. Celui-ci semble avoir besoin d'un peu plus de travail, peut-être que je l'ai soulevé trop loin. Tu veux juste toujours te souvenir de tenir « Shift ». Maintenant, je reviendrai probablement en justice plus une fois que j'aurai toutes mes autres lettres faites. Mais comme vous pouvez le voir, en me limitant à ces poignées horizontales et verticales, je peux créer des chemins assez lisses avec beaucoup moins de points. Voyons voir. Je n'ai que 1, 2, 3, 4, 5, 6, 7 points sur M entier, et cette lettre seulement est des poignées de bézier horizontales. Continuons. Pour le, o, je vais revenir à l'outil Plume, trouver le point le plus élevé, maintenez la touche Maj et faites glisser vers la gauche, puis aller tout le chemin vers le bas, faites glisser vers la droite et remonter. Cela ne nécessitait que deux points. Dans le passé, je faisais glisser un point ici, trouver un point là, et faire tout le chemin, et faire deux fois plus de points. Ça n'a pas l'air aussi bon. On y va. Alors j'ai besoin d'ajouter celui-là. Je ne vais pas trop m'inquiéter de la rendre parfaite. Je veux m'approcher le plus possible. Mais une fois mon lettrage fait, je peux toujours revenir et ajuster plus. Vous remarquerez sans doute que je ne le colle pas si étroitement à mon croquis. Je veux regarder mes guides, et l'ajuster légèrement en fonction de ceux-ci. Mon croquis était rude et il est difficile d'obtenir des choses de niveau, et dans le même angle exactement quand vous faites juste à la main et que vous n'avez pas autant de guides à partir. Pour le n, je veux que cette partie du n soit un chemin séparé de la partie incurvée. Je vais revenir à mon outil de sélection en appuyant sur le bouton, puis revenir à mon outil de stylet pour démarrer un nouveau chemin. Trouvons le point le plus élevé à la fin en tenant « Shift », et nous irons jusqu'ici. Maintenez « Shift », puis nous pouvons revenir en arrière et faire glisser celui-ci un peu plus loin. Je vais aller de l'avant et déplacer ça un peu ici, puis déplacer ça. Une autre chose, je ne voulais pas qu'elles connectées parce que je voulais pouvoir les déplacer si j'en avais besoin. Mais ce point devrait s'aligner sur ce point. Maintenant, lorsque vous faites des choses comme ça, il est utile d'avoir les guides intelligents activés parce que le point s'accroche l'un à l'autre. Pour les allumer rapidement, je dois faire est d'appuyer sur la commande « U » sur le clavier et vous pouvez voir le violet apparaissant. Cela signifie qu'il est activé, cliquez sur ce point et faites-le glisser, et il l'accroche à ce point. Allons zoomer. Là, on l'a cassé juste là-dedans. Ne marquez pas. Désactivons les guides intelligents en appuyant à nouveau sur la commande « U ». Maintenant, nous avons ceci, o, et nous avons un autre o ici. Je vais juste dupliquer cela en maintenant l'option Shift, en le faisant glisser. Nous avons aussi un autre n, faire la même chose pour ceux, alors nous allons continuer mon chemin à travers ma parole. Ayez toujours votre doigt sur le quart de travail. Maintenant, si j'ai cliqué ici, il les connectera à un chemin. J' aimerais juste garder mes lettres déconnectées parfois, juste au cas où je veux les déplacer. Si vous n'avez pas besoin de les déconnecter, vous pouvez simplement cliquer et connecter les deux chemins, ou simplement cliquer légèrement loin du point d'ancrage, passer à votre outil de sélection directe. Allumez vos guides intelligents et accrochez-les en place. Pendant que je suis là, je vais faire un peu d'ajustement. Alors ce n, je veux que ce soit un peu différent. Ce point va se terminer ici, et je supprime ce point, et juste l'ajuster légèrement, qui le rend un peu plus intéressant, donc ils ne sont pas exactement les mêmes. Alors passons à notre dernière lettre. Va en haut, fais le tour jusqu'à ici. Je peux voir si j'ai cliqué ici et étiré nous avons cette forme de S bizarre qui se passe. Je dois changer la direction de cette poignée. Pour ce faire, je maintiens « Option » sur le clavier, ce qui change l'outil plume en outil point d'ancrage. Je clique dessus. Ensuite, je veux maintenir le décalage, donc il le garde droit, et faire glisser cela dans la direction opposée. Maintenant, je peux continuer mon chemin. Maintenant, je peux juste revenir en arrière, et ajuster n'importe laquelle de mes poignées qui ont besoin d'être ajustées. À ce stade, c'est une bonne idée de désactiver votre croquis, sorte que vous pouvez voir le laissez-passer par eux-mêmes et vous pouvez même désactiver les guides juste pour vous donner une vue un peu plus claire de ce qui se passe. Si vous avez du mal à obtenir une courbe pour regarder exactement comment vous le voulez avec seulement les poignées de bézier verticales et horizontales. Essayez d'ajouter un autre point en utilisant une poignée de bézier à 45 degrés. Juste comme un exemple d'ajouter un point ici, et je veux utiliser 45 degrés. Je garde toujours le quart de travail et je vais passer à 45 degrés. Il s'enclenche à un horizontal, 45 et vertical. Je ne veux pas ce point, je vais annuler. Rappelez-vous, moins vous avez de points, plus vous obtiendrez une courbe naturelle. Je vais continuer à ajuster mes courbes là où je pense qu'il en a besoin. Se débarrasser de tous les bords droits que je vois ou renflements et essayer de rendre tout aussi lisse et naturel que possible. Une autre chose qui serait intelligent à faire à ce stade est de rendre votre coup aussi épais que vous le souhaitez. Parce que parfois un trait plus épais peut changer l'apparence du chemin. Je vais mettre le mien à huit, et faire un peu plus d'ajustement. Si vous voulez redessiner vos poignées pour qu'elles aient la même longueur, tout ce que vous devez faire est de passer à cet outil d'ancrage en maintenant « Option » enfoncée. Cliquez sur votre « Point » et redessinez. 4. Espacer les lettres: Maintenant, j'ai les chemins assez proches de ce que je veux qu'ils soient. Je vais travailler un peu sur l'espacement des lettres. Une astuce que j'aime faire est de me plisser les yeux et de regarder le mot. plissant, il vous aide à voir où certaines des lettres peuvent être plus serrées qu'elles n'ont besoin d'être, ou plus éloignées. Donc, vous devriez juste regarder où il y a de grandes lacunes ou les lacunes ne sont pas assez grandes. Pour moi, il semble que ce o et n sont un peu serrés. Alors je vais faire sortir mes lettres un peu. Ce o et n sont un peu serrés aussi. Il semble que je pourrais être centré un peu mieux entre le l et n. Donc je vais sélectionner ces points et juste les pousser un peu plus avec les flèches de mon clavier. Je vais continuer à plisser et à regarder, et voir ce que je pense. 5. Touches de finition: Maintenant que nous avons fait toutes nos parties, nous pouvons faire quelques choses pour finir. Première option, nous pourrions ajouter un chapeau rond aux extrémités de nos lettres. Si nous voulons le faire, assurez-vous que toute notre pièce est sélectionnée. Allez dans notre palette Stroke, et cliquez sur le Cap rond, et nous voulons aussi cliquer sur les coins arrondis que les zones comme celle-ci sur le E soient arrondies. Vous pouvez zoomer et vous pouvez voir sur les extrémités, elles sont toutes belles et arrondies. Si vous voulez garder les extrémités plates, vous devrez faire un peu plus de travail, car en ce moment les bouchons vont dans la direction des chemins, et cela semble beaucoup mieux s'ils sont parfaitement horizontaux. Pour ce faire, nous devons tracer nos chemins. Vous devez absolument dupliquer cela d'abord, vous avez toujours ceci et pouvez changer le poids du coup plus tard si vous en avez besoin. Faites simplement glisser votre calque vers le bas vers un nouveau calque, et il en fait une copie. Vous pouvez simplement verrouiller et cacher votre copie. Sélectionnez votre mot entier, accédez à Objet, contour du tracé. Maintenant, notre parole est un remplissage et non plus un trait, nous avons besoin d'un zoom avant. Pour les rendre horizontaux, nous allons zoomer assez loin et je vais allumer nos guides intelligents, et c'est Commande U sur le clavier. Je ne veux pas qu'il s'accroche aux guides, donc je dois éteindre les guides. Je veux qu'il accroche le niveau avec ce point. Pendant que vous faites ça, assurez-vous que vous ne voulez pas le sortir ici, et ensuite vous aurez une épaisseur bizarre ici. Vous voulez vous assurer que lorsque vous tirez le point vers le haut, votre contour de tracés correspond à la forme. Une fois qu'il est de niveau, vous pouvez lâcher prise, et passer à la suivante. On va faire la même chose ici. Je ne veux pas le faire ici, je veux garder cet angle avec la courbe. Je continuerais à le faire pour tout le mot. Ensuite, une autre option serait d'avoir les bouchons plats, mais d'avoir les coins légèrement arrondis, sorte qu'ils ne sont pas si pointus. Cette option n'est disponible que pour Illustrator CC, je vais plus haut. Ce que vous devrez faire, c'est vous assurer que vous avez sélectionné le chemin d'angle que vous voulez, puis montez ici dans les coins et changez-le comme arrondi que vous voulez. Un pixel est généralement assez bon, et il l'arrondit légèrement pour le rendre un peu plus doux. Vous pouvez sélectionner tous vos coins et faire l'arrondi à la fois, ou les faire un à la fois. Lorsque vous avez terminé avec votre lettrage, assurez-vous de le publier sur votre Page Projet, et j'aimerais voir tout votre processus commencer par votre croquis. Une fois que vous avez terminé de dessiner votre passé dans Illustrator, prenez une capture d'écran de toutes vos poignées verticales et horizontales. Vous pouvez le faire en accédant à Illustrator, Sélection des préférences et affichage des ancres, et assurez-vous que vous avez les poignées d'affichage lorsque plusieurs ancres sont sélectionnées, cochées. Cliquez sur « OK ». Ensuite, lorsque votre outil de sélection directe est sélectionné et que vous sélectionnez l'ensemble de vos chemins, toutes vos poignées s'affichent. C' est une façon amusante de voir comment vous avez créé vos courbes. Merci les gars d'avoir pris mes cours, j'espère que ça vous a plu. N' hésitez pas à me poser des questions, et si vous publiez l'un d'entre vous travailler sur Instagram, assurez-vous de me marquer sous une paire de paires, et n'oubliez pas de me laisser votre avis. Merci encore les gars. Je te verrai la prochaine fois.