Transformez une esquisse en vecteurs avec Adobe Illustrator Live Paint - Un design graphique pour le cours Lunch™

1. Convertir une ébauche en vecteurs avec Illustrator - Introduction - A Graphique pour le déjeuner: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de Graphic Design for Lunch, convertissez un croquis en art vectoriel avec de la peinture en direct dans Adobe Illustrator. Graphic Design for Lunch est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Dans ce cours, nous allons examiner la création d'une œuvre de dessin animé, et nous allons la colorier à l'aide des options de l'outil Peinture en direct dans Illustrator. Tu vas tout apprendre sur la peinture en direct. Maintenant, si vous n'êtes pas vraiment confiant de dessiner de l'art comme celui-ci vous-même, je vais vous donner le morceau d'art que vous pouvez tracer. Ne vous inquiétez pas d'avoir à faire beaucoup de dessin, vous êtes là pour en apprendre davantage sur Illustrator et c'est exactement ce sur quoi nous allons nous concentrer. 2. Art de dessin animé de cuisine partie 1: Pour créer votre dessin animé de cuisine à l'aide d'un dessin que j'ai créé pour vous, choisissez Fichier puis Nouveau. La taille du document sera de 1439 x 1385 en couleur RGB. Cliquez sur « OK ». Choisissez maintenant Fichier et Importer , accédez à l'emplacement où vous avez stocké l'image que je vous ai donnée et cliquez sur « Importer ». Faites glisser le pointeur sur le document pour insérer l'image. Accédez maintenant à votre palette de calques, ouvrez le calque actuel et verrouillez-le. Cela signifie qu'il ne bougera pas pendant que vous travaillez dessus. Nous allons maintenant passer en revue toutes les lignes droites tout d'abord à l'aide du stylet. Je vais sélectionner le stylet. Je vais m'assurer qu' il n'y a pas de couleur de remplissage. Je vais sélectionner une couleur de contour qui sera vraiment évidente pendant que je travaille, probablement une couleur rose vif fera également apparaître le trait d'environ quatre points, donc je vais le voir très clairement. Pour créer mes lignes, je vais cliquer à une extrémité de la ligne et chaque fois que j'arrive à un point, je vais cliquer à nouveau. Quand j'ai terminé la ligne, j'appuie sur la lettre P, ce qui empêche simplement le stylo de dessiner et je vais créer la ligne suivante. Comme il s'agit d' un art de style dessin animé, peu importe que tout ne soit pas droit et cela ne devrait vraiment pas l'être car vous allez perdre l'effet de l'œuvre si vous essayez de tout aligner correctement, mais vous devez superposer les lignes dans la mesure du possible pour qu'une ligne se termine au-dessus de l' Si vous vous retrouvez dans cette situation, je vais juste zoomer pour que vous puissiez voir ce qui se passe ici. J'ai le stylo et lorsque je le tiens au-dessus de ce point, j'obtiens un symbole moins en bas à droite de l'icône du stylo. Cela me dit simplement que si je clique ici parce que ce chemin est toujours sélectionné, je vais supprimer ce point comme ça. Je ne veux pas le faire, alors je vais appuyer sur « Ctrl ou Command Z ». Maintenant, si je clique ailleurs sur la ligne, vous pouvez voir qu'il y a un petit signe plus qui m' indique que je suis sur le point d'ajouter un point sur cette ligne. Encore une fois, ce n'est pas quelque chose que j'ai envie de faire. Si votre ligne est toujours sélectionnée de cette manière, plusieurs options s'offrent à vous. La première est que vous pouvez simplement commencer à dessiner quelque part loin de la ligne et cela ne se produira plus. L'autre option consiste à laisser les lignes toujours sélectionnées Vous pouvez les désélectionner, maintenir la touche Ctrl enfoncée, puis appuyer sur la lettre I, c'est-à-dire « Commande, Shift I » sur un Mac qui désélectionne la ligne, ce qui vous permet de redessiner Si vous devez déplacer l' illustration pendant que vous dessinez, maintenez la barre d'espace transformer le pointeur de la souris en main, ce qui vous permet de déplacer votre illustration. Je vais appuyer sur la lettre P, je termine cette ligne. Je vais appuyer sur « Ctrl et 0 » pour revenir à l'affichage de mon image Maintenant, je vais continuer à travailler autour cet art et je vais accélérer la vidéo. Je vais juste tracer les lignes droites. Je vais laisser les lignes courbes telles que la serviette ici, ces poignées, l'arbre, etc. jusqu'à ce que je revienne et nous les fassions à l'aide d'un outil différent 3. Convertir une ébauche en vecteurs avec Illustrator - Partie 2: Une fois que vous avez terminé les bits de bande, il est temps de faire certains des bits les plus sinueux. Je vais zoomer ici. L' une des choses que je veux faire est de simplement courber cette ligne. Je vais chercher l'outil de sélection directe ici. Attrapez cette ligne ici, et faites-la glisser un peu vers le haut. J' ai juste besoin de place pour les arbres. n'a pas besoin d'être courbé si je ne veux pas que ce soit, mais je voudrais peut-être l'amener juste pour l'assortir un peu. Ça va avoir l'air un peu mieux. Maintenant, pour les arbres, je vais à l'outil de crayon, vais m'assurer qu'il est configuré avec les mêmes paramètres, et maintenant je peux dessiner dans ces lignes à l'aide de l'outil de crayon. Maintenant, j'ai mon outil de crayon sur un compromis réparable entre fidélité et douceur. Je ne veux pas tous les tortilles que je crée pendant que je le dessine. Je veux que les courbes soient lissées un peu, et je vais juste vous montrer dans une minute à quoi ressemblent mes paramètres. Double-cliquez sur le « Pencil Tool », même à mi-chemin entre la précision et la douceur, ce qui me donne un très bon résultat ici. J' ai également ces quatre premières cases à cocher désactivées. Cela me permet de dessiner une ligne puis de dessiner une ligne croisée et l'outil de crayon ne fait pas son comportement habituel d'essayer de ramasser et de refaire cette ligne pour moi. C' est une meilleure option pour le dessin que je fais en utilisant l'outil crayon. Encore une fois, ici je vais juste tracer ces formes. Une fois que j'ai fini de faire une ligne, je peux juste m'arrêter et continuer. Je cherche juste à les rejoindre du mieux que je peux. Comme il s'agit de dessins animés, l'outil de crayon est un moyen très pratique d'obtenir ces boucles très facilement sans avoir à les dessiner avec l'outil de stylo, surtout si vous n'êtes pas vraiment très pratique avec l'outil de stylo. C' est un goût acquis. Je vais juste appuyer sur la lettre « A » ici pour obtenir ce point d'ancrage. Je vais juste m'assurer que ça se croise contre le robinet que je viens de dessiner. Revenir à l'outil crayon en appuyant sur la lettre « N », qui est la touche de raccourci pour l'outil crayon, va continuer à dessiner ces éléments. Maintenant, nous allons accélérer la vidéo pendant que je continue à dessiner ces derniers morceaux incurvés, et ensuite nous allons créer une nuance de couleur et une coloration dans notre art. Une fois que vous pensez avoir tout dessiné, ouvrez la dernière palette et allez vers le bas où vous avez l'image, et éteignez-la et vérifiez simplement que tout a l'air bien. Maintenant, si vous avez de grandes lacunes comme j'ai ici, vous voudrez peut-être les fermer. Prenez l'outil de sélection directe ici, en cliquant simplement sur la fin de la ligne où il doit y avoir un point d'ancrage. Je le traîne juste un peu plus près de la ligne qui est censée être attachée. Je cherche juste de très mauvaises lacunes ici. Parce qu'ils vont être un peu difficiles à fermer plus tard, et nous courons le risque que la peinture traverse les lacunes. Je pense que c'est plutôt bon et je pense que nous sommes probablement prêts maintenant à aller de l'avant et à faire la coloration. 4. Transformer un croquis en vecteurs avec Illustrator - Partie 3: Avant de colorier cette illustration, nous avons besoin de quelques peintures ou de certaines couleurs à utiliser. Je vais ouvrir la palette Swatches ici. Maintenant, j'ai activé les échantillons de grande taille. Je clique sur la liste déroulante ici et j'ai choisi la vue en grande miniature Maintenant, je vais me débarrasser de presque toutes les couleurs de mon échantillon en cliquant sur le premier quart de travail, cliquant sur le dernier et les faisant glisser toutes dans la corbeille J'ai un échantillon. J'ai déjà créé une palette d'échantillons Je vais donc simplement cliquer ici et choisir Ouvrir la bibliothèque d'échantillons, définie par l'utilisateur J'en ai un qui s'appelle Kitchen Cartoon. Je vais vous le donner pour que vous puissiez ajouter ces couleurs à votre propre palette d'échantillons Tout ce que tu feras, c'est exactement comme je l'ai fait. Cliquez sur le menu ici, choisissez « Ouvrir la bibliothèque Swatch », mais vous allez accéder à une autre bibliothèque et accéder à l'endroit où vous avez enregistré le fichier AI que je vous ai donné , puis ouvrez simplement la bibliothèque Swatch Cliquez sur le premier échantillon, cliquez sur le dernier en maintenant la touche Maj enfoncée, puis faites-les glisser et déposez-les dans votre panneau des échantillons sur le dernier en maintenant la touche Maj enfoncée, puis faites-les glisser et déposez-les dans votre Ils sont maintenant prêts à être utilisés pour le coloriage. Si vous souhaitez créer vos propres échantillons, n' hésitez pas à le faire Ce que vous allez faire, c'est sélectionner d' abord une couleur. Je vais en fait recolorer celui-ci. Je vais cliquer dessus pour l'ajouter en tant que trait ou fond. Double-cliquez dessus, puis sélectionnez une autre couleur. Eh bien, peut-être que nous l'appellerons notre première couleur. Je vais cliquer sur « OK ». Ensuite, je vais le prendre à partir d'ici et le mettre dans mon panel d'échantillons Il y a une couleur que je peux utiliser. Ensuite, je peux le modifier et créer une couleur différente. Je voudrais des couleurs qui se situent dans la même gamme de teintes ou de nuances. J'en ai choisi un autre. Je vais juste le placer à côté de ça. Je vais probablement aussi avoir envie de colorier entre les deux. Je viens de créer ma propre palette de couleurs en sélectionnant une couleur, puis en trouvant des teintes et des nuances de cette couleur Dans certains cas, j'ai pris un peu de recul. Par exemple, il se peut que j'aie simplement fait glisser un peu le pointeur d'un côté pour obtenir une couleur légèrement différente Ou j'ai peut-être modifié la saturation pour obtenir une version plus grise d'une couleur Mais je veux juste toute une gamme de couleurs que je puisse utiliser pour colorier cet art. Maintenant je n'en veux pas, alors je vais juste m' en débarrasser. Nous sommes prêts à commencer le processus de coloration. Avant de pouvoir le faire, nous devons toutefois créer une forme autour de l'œuvre d'art dans son ensemble. En fait, je vais juste reprendre ma couleur rouge. Je vais choisir l'outil rectangulaire. Je vais faire glisser un rectangle tout autour de l'œuvre d' art parce que nous en aurons besoin pour pouvoir également encapsuler une partie de cette couleur Je vais maintenant sélectionner l'ensemble de l' illustration en choisissant Tout sélectionner. Ensuite, je vais choisir Object, Live Paint, Make. Cela permet de préparer l'ensemble de cette œuvre d' art à colorier à l' aide de l'outil Live Paint. Maintenant, allez ici dans la barre d'outils car l'outil Live Paint partage position dans la barre d'outils que l'outil Shape Builder. Vous voulez le pot de peinture dynamique, alors je vais juste cliquer dessus pour le sélectionner. Je vais maintenant sélectionner une couleur de remplissage. J'ai les palettes de remplissage qu'elles ont sélectionnées. Je vais cliquer sur cette couleur bleue. Maintenant, je ne veux pas perdre le rouge moment, car si je le fais parce que l'objet est maintenant sélectionné, je vais perdre toutes mes limites rouges. Je veux être capable de voir ces limites de l'art. Mais je vais double-cliquer sur l'outil Live Paint Bucket pour voir les options de peinture dynamique. instant, nous allons peindre des traits. Ce n'est pas ce que nous voulons faire. Nous voulons peindre des remblais. Je vais sélectionner Paint Fills et je vais désélectionner Paint Strokes Le jaune me dit simplement que je vais voir jaune autour d'une zone lorsque je vais la peindre. Je vais cliquer sur « OK ». Maintenant, lorsque je place le pointeur de la souris sur l'illustration, vous pouvez voir qu'elle change de couleur à mesure que chacun de ces blocs est sélectionné. Même si je ne l'ai pas dessiné comme un triangle, illustrateur le voit comme un triangle qui peut être rempli de couleur Pour mes tiroirs, je vais les colorier dans cette couleur bleue. Je vais juste cliquer lorsque la couleur jaune entoure la zone que je veux colorier de cette façon. Maintenant, si vous regardez le petit Live Paint Bucket, vous verrez qu' il y a un échantillon de trois couleurs juste au-dessus Vous pouvez les contrôler à l' aide de la touche fléchée Elles correspondent à cette couleur ici et aux deux couleurs de chaque côté. Si nous voulions créer ici une poignée de couleur plus claire, nous pouvons passer la souris sur la poignée, puis utiliser la flèche droite pour choisir la couleur la plus claire de celle-ci ici dans la palette Mais nous pouvons tout faire en survolant le document sans avoir à revenir continuellement en arrière et en avant vers la palette Bien que nous le puissions, bien sûr, si nous le voulions. Je vais maintenant choisir cette couleur plus foncée pour mes poignées. Je peux voir où je me trouve dans la palette des échantillons, et il me suffit d'appuyer deux fois sur la touche flèche droite pour obtenir la couleur que je souhaite pour les poignées Il se trouve maintenant dans la palette. Je peux donc simplement cliquer pour l'appliquer aux poignées de mon objet. Maintenant, je veux des bleus plus clairs ici. Je vais juste revenir en arrière jusqu'à ce que je trouve un bleu plus clair que je souhaite utiliser. Je vais juste noter cette couleur. Je peux parcourir l' ensemble de l'illustration, en passant la souris sur une partie de l'illustration, puis en la remplissant d'une couleur Si je le remplis avec une couleur et que je décide que je veux une couleur différente, je peux soit faire défiler la palette vers la droite pour obtenir la bonne couleur, soit simplement la sélectionner ici. C'est la deuxième option que je peux utiliser. Je vais maintenant remplir toutes les zones de l' image que je souhaite remplir de couleur. Je vais ignorer les traits pour le moment et me concentrer uniquement sur le remplissage des zones qui peuvent être remplies avec de la couleur Si je trouve que j'ai une couleur que je ne veux pas utiliser, je peux venir ici et changer de couleur. Je peux ajouter cette couleur à mon échantillon de couleur. J'ai maintenant rempli toutes les zones à remplir cette œuvre d'art avec les couleurs que je souhaite utiliser Il est maintenant temps de porter notre attention sur l'accident vasculaire cérébral. 5. Convertir une ébauche en vecteurs avec Illustrator - Partie 4: Pour ajuster les traits autour de chacun de ces objets, nous pouvons le faire tout à la fois. Je vais sélectionner l'outil de sélection et cliquer ici pour tout désélectionner. Ensuite, je choisirai Select, All. Vous verrez ici que la couleur de remplissage comporte un point d'interrogation indiquant qu'il y a des remplissages mixtes sur tous ces objets, mais qu'ils ont tous le même trait rose. Je vais cibler le trait et sélectionner une couleur de trait différente. La couleur de contour de tous les traits de cette illustration a maintenant été modifiée. Mais que se passe-t-il si je veux changer la course de quelques éléments le long du sol ici ? Eh bien, je peux le faire. Je vais double-cliquer sur l'outil Live Paint Bucket Tool pour obtenir les options. Je vais désélectionner les remplissages qui sélectionne automatiquement les traits de peinture. Cette fois, je peux utiliser le seau Live Paint pour remplir des traits au lieu de formes. Je vais cliquer sur « OK ». Je regarde le sol ici et je pense que ce serait probablement une bonne couleur pour les coups. Je vais maintenir mon pointeur de souris sur la ligne ici jusqu'à ce que le trait apparaisse, et je vais cliquer. Maintenant, ce n'est pas en fait ramasser la couleur que j'utilise ici. Je vais juste m'assurer que cette chose m'écoute vraiment. C' est maintenant. Je clique juste sur les lignes de trait. Quand ils apparaissent en jaune. seulement quand ils apparaissent en jaune, qui est la couleur de surbrillance que j'ai sélectionnée, que je vais réellement changer la couleur des traits. Maintenant, je peux venir ici et faire la même chose ici si je veux juste attirer un peu moins d'attention sur cet élément. Ensuite, vous voyez qu'il y a beaucoup de lignes de trait ici qui ont été utilisées pour cet élément. Il y a aussi quelques choses qui se passent dans le coin ici que je vais devoir zoomer pour obtenir. Mais encore une fois, je cherche juste ce point culminant jaune qui me dit que j'ai ces pièces. Ensuite, Contrôle ou Commande 0 pour zoomer. Vous pouvez voir que l'outil Live Paint Bucket permet de remplir des objets qui ne sont pas des objets entiers. Ce n'est pas nécessairement un carré. Ce n'est pas une forme qui pourrait normalement être remplie d'une autre manière. Mais en utilisant le seau Live Paint, Illustrator dit qu'il est entouré de ces lignes et il dit, «  Bon, si c'est entouré de toutes ces lignes, alors j'appellerai ça une forme, et je vous laisserai la remplir avec tout ce que vous voulez remplir. C' est un moyen très pratique de faire de l'art de dessin animé comme celui-ci, car il vous donne la possibilité de simplement dessiner des lignes et remplir plus tard des objets qui ressemblent à des formes, mais qui ne sont pas vraiment de vraies formes Illustrator. Lorsque vous avez terminé d'utiliser l'outil Live Paint, vous pouvez simplement revenir à la sélection d'un outil standard dans Illustrator. Allez-y, et sauvegardez votre œuvre d'art, et vous avez fini. Je m'appelle Helen Bradley. Merci beaucoup de m'avoir rejoint pour cet épisode de Graphic Design for Lunch. J' ai hâte de vous voir bientôt dans un prochain épisode.