Le lettrage, de l'esquisse au vecteur

1. Introduction du cours: Salut tout le monde. Je suis Ilana Griffo. Je suis graphiste et artiste de lettrage à la main. Je dirige un studio de conception de taille morsure et un magasin de produits en papier appelé Sugar and Type. Dans ce cours, je vais vous montrer comment j'utilise divers outils dans Adobe Illustrator pour mes projets de lettrage. La création de l'art vectoriel vous permettra de créer des courbes lisses, lignes nettes et des œuvres d'art évolutives qui fonctionnent à n'importe quelle taille. Pour cette classe, vous aurez besoin de documents de dessin de somme et d'Adobe Illustrator. Si vous avez un scanner, gardez cela à portée de main aussi. Si ce n'est pas le cas, votre téléphone sera très bien. Je suis tellement excité pour ce cours. Allons plonger dedans. 2. Scanner: La première chose que nous allons faire est de scanner notre lettrage. Pour ce cours, j'ai choisi d'écrire le lettrage comme mon mot, mais vous pouvez choisir n'importe quel mot que vous aimez. Nous n'allons pas passer en revue les croquis dans la classe, mais il y a des tons de tutoriels là-bas pour le lettrage à la main. J' utilise le stylo micron noir pour ça, et n'importe quel papier blanc va très bien. Faites de votre mieux pour effacer doucement toutes les marques de crayon afin d'avoir une copie propre. Ensuite, vous voudrez capturer une photo de votre art. Si vous n'avez pas de scanner, ne vous inquiétez pas, vous pouvez utiliser une application de scanner sur votre téléphone, comme la barre de numérisation, ou simplement prendre une photo et l'envoyer par e-mail. La résolution entendre n'est pas critique puisque nous allons recréer le fichier en tant qu'illustration vectorielle. Mais si vous le pouvez, essayez de numériser à 600 DPI. Vous pouvez toujours ajuster les niveaux de votre photo dans Photoshop ou si vous avez fait une erreur, vous pouvez y aller et la couvrir. J' aime avoir une photo en noir et blanc à contraste élevé pour ce type de travail. Ensuite, vous voudrez l'enregistrer quelque part que vous vous souviendrez, car nous en aurons besoin à l'étape suivante. 3. Configurer votre fichier: Ouvrons Adobe Illustrator et commençons avec notre projet. On va ouvrir un nouveau document, et je vais donner le titre à mon Skillshare-Lettering. Je veux que le mien soit en pixels,1000 sur 800, et je veux le mien horizontal, parce que c'est comme ça que j'ai pris ma photo. Puisque je ne vais pas imprimer, je n'ai pas besoin de fond perdu et de modèle de couleur RVB soit parfait. La première chose que je veux que vous fassiez est de vous assurer que vous êtes dans le bon espace de travail. Accédez à Fenêtre, Espace de travail, puis cliquez sur le paramètre Typographie. Je fais beaucoup de travail dans l'essentiel aussi, mais j'ai trouvé que celui-ci couvrira les bases de cette classe. On va aller à Dossier, Place et on va prendre cette image avec laquelle on travaillait. Allez-y et cliquez sur votre plan de travail et l'image devrait apparaître. Nous voulons mettre à l'échelle notre image pour qu'elle s'adapte à travers le plan de travail, mais nous ne voulons pas modifier les proportions, nous devons donc maintenir la touche Maj enfoncée. Assurez-vous que vous êtes sur l'outil de sélection, que le raccourci est V. Ensuite, vous maintenez la touche Maj enfoncée et faites simplement glisser, qui a l'air superbe. Changons l'opacité à 30 pour cent, sorte qu'elle soit en arrière-plan et servira de guide tout au long du projet. La prochaine chose que nous voulons faire est de verrouiller cette couche. Si vous allez dans le panneau Calques, la première chose à faire est de nommer votre calque. Appelons ce scan original, et puis on le verrouillera en appuyant ici. De cette façon, tout travail que nous faisons ne l'affectera pas. Créons une nouvelle couche pour que nous puissions travailler dessus, mettons en place des guides de somme pour nous aider à aligner tout. En appuyant sur Commande R, nos règles apparaîtront. Pour configurer un guide, vous avez juste besoin de prendre de votre règle à l'endroit où vous voulez votre guide. Je veux qu'un guide soit la base de référence, je veux aussi un guide en haut. Si vous avez besoin d'une ligne diagonale pour quelque chose de plus italique, vous pouvez utiliser l'outil Plume pour créer un guide. L' outil plume est composé de points d'ancrage, de tracés, courbes de base et de poignées, nous utiliserons beaucoup l'outil plume dans cette classe. Si vous cliquez sur « P », vous pouvez accéder à l'outil stylo. Vous pouvez cliquer à l'endroit où vous voulez que votre guide démarre, puis cliquer à nouveau à l'endroit où vous voulez qu'il se termine. Cette ligne diagonale serait un excellent guide pour l'italique. Pour le transformer en guide, nous avons juste besoin d'aller à Voir, Guides Faire Guide, vous pouvez voir qu'il est maintenant de la même couleur que les autres guides. Nous n'en aurons pas besoin pour ce projet, donc je vais aller de l'avant et appuyer sur « Commande Z » pour annuler. 4. Utiliser des formes de base: Commençons par créer des formes de base que nous pouvons voir tout au long de notre lettrage. On dirait qu'on a pas mal de rectangles entendus. Commençons par l'outil rectangle. Vous pouvez accéder à l'outil rectangle juste ici, ou en appuyant sur M. Nos L, R, I et N ont tous des rectangles dedans. Commençons par notre L. Pour dessiner un rectangle, nous avons juste besoin de commencer par cliquer, faire glisser vers le bas et relâcher là où nous voulons qu'il se termine. Si vous maintenez Maj, vous obtiendrez un carré, donc nous ne voulons pas tenir l'écriture de décalage maintenant. Je vais faire une copie de la tige du L et la faire tourner à 90 degrés pour la jambe. Je veux m'assurer que je suis sur l'outil de sélection, je vais le faire en appuyant sur V, puis une option de maintien jusqu'à ce que j'obtienne la double flèche et je vais déplacer mon élément. Si vous maintenez la touche Maj enfoncée pendant que vous effectuez cette opération, votre objet restera sur le même plan. Maintenant, pour faire pivoter, nous allons à l'outil de rotation et double-cliquer dessus. On veut qu'il bouge à 90 degrés et on appuie bien. Puisque nous voulons tout saisir, nous allons saisir cet outil de sélection en appuyant sur V, et nous allons simplement le déplacer vers le bas tout en maintenant Maj. Nous savons que nous voulons que cela soit plus court, mais nous voulons garder la hauteur, donc nous avons juste besoin de déplacer ces deux points d'ancrage vers la gauche. Pour ce faire, je vais saisir l'outil de sélection directe, qui est le raccourci A. La différence entre l'outil de sélection directe et l'outil de sélection, est que l'outil de sélection directe vous permettra d'isoler une ancre ou plusieurs points d'ancrage, tandis que l'outil de sélection saisit une forme dans son ensemble. Je sais que j'ai besoin de ces deux points d'ancrage sélectionnés. Assurez-vous que nous sommes sur l'outil de sélection directe en appuyant sur A, puis je vais dessiner une forme autour de ces deux points d'ancrage, maintenir la touche Maj et l'amener. Je vais faire la même chose ici. Cette ligne rose est mon guide intelligent, qui me dit que j'ai une intersection. Cela signifie que tout est en ligne. Parfait, notre L est fait. Avant de l'unir en une forme, je veux utiliser certains de ces éléments pour la somme de nos autres lettres. La tige de notre L correspond à la somme de R, donc je vais faire une copie et la déplacer. Une autre façon de faire une copie est d'appuyer sur Commande C avec vos éléments sélectionnés et Commande V. Vous pouvez le voir juste placé n'importe où sur le tableau. Si vous voulez placer l'élément au même endroit, maintenez la touche Commande Maj enfoncée et V. Maintenant, nous allons le faire glisser, et nous avons commencé notre R. Je pense que j'aimerais que notre R soit un peu plus mince, alors prenons les deux points d'ancrage extérieurs et amenons-les. Je tiens Shift ici pour que rien ne bouge hors de la ligne. Copions aussi cette nouvelle fois pour le I et pour le N. Command C, Command V, et je vais le déplacer. Attrapons ces deux points d'ancrage supérieurs avec l'outil de sélection directe et décalons cela vers le bas pour que notre I soit plus court. Nous voulons aussi utiliser cette tige du R pour commencer notre N, mais nous savions qu'elle doit être plus mince. Faisons une autre copie ici. Sélectionnez le rectangle avec l'outil de sélection. Ensuite, maintenez l'option enfoncée et commencez à faire glisser votre doublon sur. Maintenez la touche Maj enfoncée pendant que vous faites glisser. Je veux que cette pièce soit un peu plus mince puisque c'est comme ça qu'elle est à mon image. Je vais saisir les deux points d'ancrage extérieurs à l'aide de l'outil de sélection directe et l'apporter. Maintenant, passons le dessus pour qu'il soit en place. Je sais qu'on doit reproduire ça pour l'autre côté. Maintenant, je vais verrouiller les deux couches et vous montrer comment j'aime faire le milieu de la N. Je vais deux saisir les deux avec l'outil de sélection et je vais appuyer sur l'outil de commande pour les verrouiller. Vous pouvez effectuer un zoom avant en appuyant sur Z et en cliquant ou vous pouvez appuyer sur Commande plus signe. Je vais saisir l'outil de stylo en appuyant sur P et je vais commencer un chemin sur le bord extérieur de ce premier rectangle. Je vais dessiner mon prochain point en bas à l'extérieur, un autre a gagné à l'intérieur et reculer. Nous devons fermer notre chemin pour qu'il soit terminé, donc nous allons cliquer juste au-dessus de ce premier point d'ancrage. Vous pouvez voir que ce cercle signifie que je suis sur le point de fermer un chemin. Maintenant, vous pouvez voir si je déverrouille en appuyant sur Option de commande et deux, ses trois pièces qui composent notre forme. Chaque pièce pourrait avoir sa propre couleur, ou nous pouvons les unir en une seule forme. 5. Créer des courbes: Lorsque vous apprenez à utiliser l'outil Plume, l' une des erreurs courantes est d'utiliser trop de points. Ce faisant, vous allez créer des arêtes déchiquetées. Notre objectif est d'avoir des lignes nettes. Nous allons donc utiliser moins de points en plaçant nos points sur les extrêmes, sont les points les plus hauts et les plus bas d'une courbe. Nous allons également garder nos poignées à angles de 90 et 45 degrés en maintenant la touche Maj enfoncée lorsque vous les faites glisser. Nous commencerons par placer notre premier point le bord et en faisant glisser nos poignées tout en maintenant la touche Maj enfoncée. Beaucoup de gens placeraient leur prochain point ici, mais en fait, nous voulons aller directement vers le bas jusqu'à notre extrême et traîner ces poignées. N' oubliez pas de maintenir Maj, et nous reviendrons et affinerons cette courbe plus tard. Pour faire un bord droit, nous allons appuyer sur « Option », cliquer sur ce point d'ancrage, puis terminer et fermer notre chemin. Maintenant, nous allons laisser tomber l'opacité et nous allons entrer et affiner cette forme. Maintenez la touche Maj enfoncée et réglez vos poignées Pour le compteur, je vais copier exactement la même forme, la réduire. Je vais unir ces deux formes avec l'outil Pathfinder, et je vais laisser ceci blanc, donc on dirait qu'il apparaît tout de suite. Pour la queue de notre R, je sais que je veux qu'il descende un peu plus bas pour qu'il ne se croise pas avec le i. Je vais verrouiller le i pour ne pas le déplacer accidentellement. Nous allons placer notre premier point ici et ensuite nous irons au point le plus bas de notre courbe. On va traîner nos poignées, puis on placera une seconde en haut. J' aime expérimenter avec les coins s'ils ont l'air mieux à 45 ou 90. Je vais garder celle-là à 45 ans. Je vais venir ici et placer un autre point en bas de ma courbe, faire glisser ces poignées et terminer la courbe. Encore une fois, je vais appuyer sur « Option », puis fermer mon chemin. Maintenant, je peux y aller et faire des raffinements. Je sais que je veux que ça descende, donc je veux saisir les trois points d'ancrage donc je n'affecte que cette section. Je les saisirai avec l'outil Sélection directe, puis je maintiendrai la touche Maj enfoncée et je le déplacerai vers le bas. Je l'aime beaucoup mieux que mon croquis. Maintenant, je vais prendre les deux parties du R, je vais utiliser l'outil Pathfinder et les unir. Notre compteur est toujours là, mais nous allons l'amener à l'avant en appuyant sur Maj, Commande, et le crochet droit. Maintenant, c'est à l'avant pour qu'on puisse le diviser. Prenez les deux formes, appuyez sur « Diviser », puis nous allons enlever cette partie pour voir qu'il s'agit en fait d'une seule pièce maintenant. Maintenant, nous pouvons faire des ajustements à l'intérieur. Beaucoup mieux. Maintenant, nous allons travailler sur le tittle du i. Une façon de faire un cercle est d'aller à l'outil Ellipse. Le raccourci pour cela est L. Si vous voulez faire un ovale, vous suffit de cliquer et de faire glisser. Si vous maintenez la touche Maj enfoncée, vous obtiendrez un cercle parfait, mais pour cela, je veux vous montrer comment dessiner votre propre cercle à l'aide de l'outil Plume. Commande Z pour annuler cela. Alors prenez notre outil Stylo et cliquez en haut, le point le plus élevé de notre cercle. Maintenant, traînons nos poignées dans la direction que nous voulons aller. Je traîne vers la gauche parce que la prochaine façon que je vais aller est vers ma gauche. Maintenant, je veux aller à la partie inférieure. Vous pouvez voir si je n'utilise pas mes poignées, ce n'est pas la forme que je vais chercher. Donc, annulons et refaisons-le en faisant glisser. Ça a l'air génial. Maintenant, fermons notre chemin et redessinons cette poignée. Parfait. Maintenant, je peux y aller et faire des ajustements. C' est l'une de mes choses préférées à propos de l'outil Plume, c'est que tout est modifiable. Je peux entrer et saisir cette section, la déplacer vers le haut ou déplacer ces poignées pour vraiment perfectionner ma forme. Passons à la g. Lorsque vous travaillez sur le lettrage de script, j'aime dessiner un contour de ma forme. Je vais commencer à mon extrême, tirer mes poignées dehors, et passer au bas. Vous pouvez voir que j'ai besoin de placer un point ici, mais cet angle n'a pas l'air correct. Pendant que je suis sur l'outil Plume, je vais maintenir Option enfoncée, faire glisser cette poignée dans, lorsque je relâche Option, je peux reprendre mon chemin là où je me suis arrêté. Je trouve que les points de terminaison sont généralement où je n'utilise pas un angle de 45 ou 90 degrés. Maintenant que mon chemin est fermé, je vais y aller et faire ces petits raffinements. En appuyant sur « A » et en maintenant la touche Maj enfoncée et en saisissant le chemin au lieu du point d'ancrage, je peux faire un coin symétrique. Si c'est le look que tu cherches, c'est parfait. La raison pour laquelle nous avons un chevauchement ici est que je veux m'assurer que je peux entrer et éditer cette pièce sans affecter le reste de celle-ci. Ça a l'air plutôt bien. Mettons-le en remplissage. Passons à notre capitale E. Pour mon E, j'aime d'abord dessiner certains des contours. J' aime dessiner tout ce qui n'a pas de courbe, tout comme mon fondement. Vous pouvez voir ici que je dois transformer ça en un coup, sinon nous ne serons pas en mesure de voir ce que nous travaillons en dessous. Maintenant, pour cette courbe en haut, je vais prendre le chemin, dessiner un point d'ancrage de plus, puis je vais unir ces deux chemins en fermant le chemin et en faisant glisser mon guidon. Je sais que je veux exactement cette même courbe en bas, donc je vais utiliser mon outil de sélection directe, saisir les points d'ancrage que je veux, Commande C pour copie et Commande F pour coller devant. Je vais prendre cet objet et le transformer pour qu'il réfléchisse. Je veux le refléter sur l'axe horizontal. Maintenant, c'est en bas et on peut créer une symétrie. Je dois raccourcir ce chemin pour pouvoir le voir, et je sais que j'ai trop attrapé ce chemin en haut. Je peux aller en mode contour ici et voir un peu mieux. Maintenant, je peux voir que ces deux chemins doivent se joindre. Je vais les saisir tous les deux avec l'outil de sélection directe et appuyer sur Command J. Je n'ai pas besoin de tous ces points d'ancrage supplémentaires cependant. Donc je vais appuyer sur le signe moins et enlever ces deux points d'ancrage. Vous pouvez voir que le chemin est resté intact. Si j'avais appuyé sur « Supprimer », j'aurais perdu une partie de mon chemin. Parfait. Je sais que ce serif et le serif inférieur vont être différents, donc je vais travailler sur le haut et ensuite je vais passer au bas. Je vais reprendre mon chemin. Je vois ici que ça a l'air un peu bizarre. Si nous zoomons, c'est net et va ensuite dans la courbe, donc je veux rendre cela un peu plus doux en ajoutant ces poignées là. C'est mieux. J' aime zoomer de très près, mais n'oubliez pas de considérer à quelle taille les gens vont voir votre fichier. Maintenant, pour ce moyen serif, je vais utiliser des formes de base pour créer ceci. Je vais utiliser l'outil Rectangle arrondi. Je vais dessiner mon rectangle, et maintenant tout ce que je veux faire est d'ajouter un rectangle régulier pour les unir. Je vais utiliser l'outil Pathfinder et ensuite je ferai la même chose ici. Je veux rendre mon E un peu plus grand, donc je vais saisir la moitié inférieure en utilisant l'outil Sélection directe et la déplacer vers le bas. Je retourne à ce point d'ancrage parce que je n'aime pas comme ça. Beaucoup mieux. Transformons ceci en un remplissage maintenant afin que nous puissions voir à quoi ça ressemble vraiment. Parfait. Maintenant il nous reste ces trois lettres. Ceux-ci sont dans le style de la calligraphie moderne où les coups de bas sont épais et les coups de dessus sont minces. Nous avons aussi une ligature ici parce que la barre transversale du t est en fait la barre transversale des deux ts. On gardera cette partie pour la fin. Prenez l'outil Plume et commençons à nouveau à ce point supérieur. Faites glisser nos poignées, choisissez notre prochain point. Nous reviendrons et réparerons cette courbe plus tard. Je ne vais pas aller dans le dessin de la prochaine lettre parce que j'aime que chacune de mes lettres soit séparée avant que je sois prêt à finaliser mon projet. Encore une fois, tournons ceci en trait afin que nous puissions voir ci-dessous l'illustration et nous continuerons à dessiner. Vous pouvez voir que ça ne ressemble pas à ce qu'on veut. Maintenant que nous avons la forme de base, nous pouvons y aller et l'affiner. Une grande partie de cela est de jouer avec essayer de trouver le bon espace pour placer votre point d'ancrage. Ça a l'air plutôt bien. Passons à notre t. Je vais placer un point ici parce que je veux que ce soit une ligne droite vraiment nette. Je ne veux pas qu'elle s'incline. Puisque ce sont la même lettre, nous pouvons en fait simplement faire une copie et ensuite faire ajustements au lieu de faire tout ce travail à nouveau. Je sais que je veux un coin vraiment net ici, donc je vais utiliser l'outil de sélection directe. Vous pouvez voir que cela fait un coin parfait. Je sais qu'on a un peu d'ajustement à faire ici. Retransformons ça en remplissage pour qu'on puisse voir à quoi ça ressemble. Ça a l'air super. Travaillons sur cette swash maintenant. Je vais commencer à ce bord, puis dessiner un point d'ancrage ici et tirer mes poignées. Maintenant, il est temps de revenir en arrière et de réviser. C' est une forme assez organique, donc je ne suis pas trop inquiet pour ces poignées verticales et horizontales ici. Je veux que ce soit vraiment fluide et vraiment amusant. Je vais prendre cette partie du chemin. Vous pouvez voir que les courbes [inaudibles] sont également affectées. Je vais appuyer sur « Shift C » ici, maintenir Maj enfoncé, et nous aurons ce joli coin. Je pense que j'ai été un peu trop épaisse avec mon croquis ici, donc je vais le laisser comme ça. Voyons ce qui se passe quand on le transforme en un remblai. Ça a l'air super. 6. Finalisation: Maintenant, supprimons notre couche d'arrière-plan et voyons comment nous l'aimons. Cliquez sur le globe oculaire et ce calque disparaît. Pour supprimer notre guide afin que nous puissions voir vraiment clairement, nous allons juste appuyer sur le point-virgule de commande. Si nous passons en mode contour, nous pouvons voir où nos plats se chevauchent. Une fois que vous êtes vraiment satisfait, vous pouvez entrer et vous pouvez unir vos formes. J' aime garder une copie du lettrage avant unir au cas où je voudrais apporter des modifications plus tard. Prenez tout et appuyez sur Commande C, créez un nouveau calque et nous allons éditer, coller en place. De cette façon, c'est exactement au même endroit, mais sur un nouveau calque. On va verrouiller cette couche et on appellera ça un « lettering morceaux ». Maintenant, ajoutez un peu de couleur et j'ai hâte de voir ce que vous avez créé. J' espère que cette classe vous a appris de nouveaux conseils pour travailler dans Adobe Illustrator. Rappelez-vous que c'est correct si vos croquis ne sont pas parfaits comme vous l'utiliserez comme guide. Gardez vos formes de lettre uniques, et moins il y a de points d'ancrage, mieux c'est. Lorsque vous commencez à travailler avec l'outil Plume, ne vous découragez pas si votre illustration ne ressemble pas à votre esquisse. Rappelez-vous que beaucoup de ce processus sera dans le raffinement que vous ferez après avoir placé vos points initiaux. Pour votre projet de classe, choisissez votre propre mot et assurez-vous de partager votre travail avec la classe. Téléchargez votre pièce finie et traitez les captures d'écran sur la page du projet, et n'hésitez pas à me poser n'importe quelle question. Si vous publiez un de vos travaux sur Instagram, assurez-vous de marquer @sugartype. S' il vous plaît laissez-moi une vue miroir et j'ai hâte de créer avec vous à nouveau.