Illustration numérique : optimiser les outils Adobe

1. Introduction: Salut, tout le monde. Je m'appelle Jing et je suis un illustrateur indépendant basé à Brooklyn, New York. Je dirais que mon style est généralement assez propre et coloré et certainement conceptuel aussi, et j'aime généralement incorporer beaucoup de gens doux et de formes et d'animaux parce qu'il me rend heureux. D' un point de vue personnel, ce qui sépare mon travail, c'est simplement le fait que j'ai pu l'appliquer à de nombreux types de projets différents. Fondamentalement, tout ce qui va me défier. Aujourd'hui, je vais vous emmener à travers mon processus personnel ainsi que comment coder une illustration du début à la fin. Nous allons commencer dans Adobe Sketch, une application que j'aime utiliser pour créer mes esquisses numériques, puis nous passerons à Illustrator pour finaliser la pièce et créer des formes, puis nous mettrons en place quelques finitions dans Photoshop. Donc, pour prendre cette classe, vous aurez besoin d'une tablette, un stylet et d'un ordinateur portable. Quand je commençais à faire des illustrations éditoriales, je n'utilisais qu'un carnet de croquis et un crayon. Mais dès que j'ai appris ces outils numériques, cela m'a vraiment aidé à rationaliser mon flux de travail et à augmenter l'efficacité, ce qui est vraiment important pour mon travail commercial en ce moment. Cependant, j'aime toujours vraiment le sentiment de dessiner avec un crayon sur un morceau de papier. Donc, je ne dirais pas jeter ça du tout. J' adorerais dessiner sur mon carnet de croquis pour m'amuser ces jours-ci, mais parfois quand je suis sous un craquement, j'aime vraiment aller avec ce qui est le moyen le plus rapide. Ce cours est à peu près ouvert à tout le monde, que vous commenciez tout juste à s'amuser dans l'illustration ou que vous vouliez créer quelque chose qui soit un peu plus commercial, j'espère que vous allez tous lui donner une chance. Commençons. 2. Sketch : bien démarrer: Donc, avant de commencer, je vais juste vous montrer où vous pouvez trouver l'application Adobe Sketch si vous ne l'avez pas déjà. Donc, nous allons commencer par chercher Adobe Sketch, voilà, et voilà. Je l'ai déjà téléchargé, donc je vais juste l'ouvrir, et il va se lancer directement dans mon compte personnel. Donc, pour créer un nouveau croquis, nous allons cliquer sur ce bouton de cercle, puis il vous donnera une variété de formats. Je pense que nous devrions probablement commencer par le carré parce que c'est un format assez polyvalent, et il fonctionne aussi bien avec social. Donc, c'est votre canevas, c'est votre espace de travail, et là, c'est là que vous garderez vos couches. Nous allons travailler sur l'esquisse plus tard car ce sont les calques modifiables, puis l'arrière-plan serait juste une toile de fond cohérente pour votre travail. D'accord ? Alors, passons par la barre d'outils en haut. Celui-ci est essentiellement juste pour cacher tout, sorte que vous pouvez juste vous concentrer sur votre toile. Ce petit équipement vous aidera essentiellement à faire pivoter votre toile. Vous pouvez faire un accrochage à la grille et vous pouvez ajouter une grille, c'est essentiellement pour vous aider à mettre en place des lignes directrices. C' est toute la section d'exportation, vous avez beaucoup d'options comme vous pouvez le voir, et nous y reviendrons un peu plus tard. Il s'agit d'un autre outil de masquage afin que vous puissiez masquer vos couches, bien qu'il semble redondant. Il s'agit de l'option de forme. J' aime vraiment utiliser cette section parce qu'il est facile de vous aider à dessiner un bord droit, un cercle, ou un demi-cercle. Je trouve que cela est très pratique. Et enfin, ici, nous avons l'option Undo and Redo, sorte que vous pouvez faire n'importe quoi très rapidement, ou vous pouvez le ramener. Vous pouvez également utiliser notre raccourci et balayer vers la gauche pour annuler, puis balayer vers la droite pour rétablir. Donc, par ici, Adobe a mis en place quelques pinceaux de base que vous pourriez commencer avec. Celui que j'aime utiliser ici est leur crayon graphite, et puis ici, nous avons un stylo à encre, un pinceau marqueur, un pinceau acrylique épais, et aussi un pinceau plat aquarelle. Donc, nous allons entrer dans le crayon graphite ici, et je vais juste vous montrer comment j'aime personnaliser l'outil. Pour ajuster l'un de ces paramètres, tout ce que vous avez à faire est de cliquer et de faire glisser. Et puis pour quelque chose comme ça, pour augmenter la taille et l'opacité, vous pouvez simplement pousser cela de haut en bas. Je vais commencer par la taille, j'aime généralement la pousser un peu plus près 10 parce que j'aime une ligne forte et audacieuse, et j'augmente toujours l'opacité à 100. Ensuite, si vous descendez à la couleur, vous pouvez la changer à la couleur que vous voulez, mais j'aime rester simple, et rester au noir. Je pense qu'il est vraiment important et utile de limiter votre boîte à outils à un seul crayon car il vous aide à vous concentrer sur vos idées et le dessin lui-même, et à ne pas être submergé par toutes les différentes options. 3. Sketch : créer des vignettes: Ok, donc maintenant nous sommes prêts à commencer avec le remue-méninges. Donc, je vais écrire l'invite qui est en train de parler à votre futur moi. D' accord. Donc, la première chose que j'aime faire est de commencer à briser l'invite et j'espère que cela conduira à des idées visuelles. Donc, j'aimerais commencer par penser à de petites phrases, presque comme une manière d'association de mots. Donc, je vais commencer à écrire les choses auxquelles je pense quand je lis l'invite à parler à votre futur moi. Donc, j'ai trouvé cette liste. Nous avons des changements dans le temps, la réflexion, l'environnement/espace, la communication, l'avenir présent passé, la tension et la connexion. Je pense donc que tous ces mots m'aideront à passer à l'étape suivante qui est la vignette. Donc, vous pouvez à peu près interpréter cela comme vous le souhaitez. Pour moi, je décomposais l'invite en deux domaines différents. L' un étant la communication et la connexion avec votre double moi , puis l'autre une sorte de cercle autour du temps et comment le représenter visuellement. Donc, un changement dans le temps, comment montrer qu'une image qui peut être fait à travers un environnement ou un espace ou une action ou même des vêtements. Donc, j'ai une partie de cela écrit. D'accord. Donc, maintenant que j'ai ma liste, j'ai quelques points de départ, donc je peux commencer à faire des miniatures. Ok, donc on va installer le carré et ce seront des dessins très rapides, juste pour obtenir quelque chose sur la page juste pour que je puisse avoir une idée de la composition. Je vais faire cette bulle de science-fiction parce que c'est le voyage dans le temps. Ils commencent généralement assez simple parce que je trouve qu'une idée peut mener à la suivante. Vous pouvez construire sur l'idée précédente et ensuite rendre le monde un peu plus complexe avec chaque essai. Donc, c'est un personnage que je dessine fréquemment ou une version de ce personnage. J' aime cette invite parce qu'elle parle spécifiquement de vous. Donc, je pense que c'est vraiment intéressant d'essayer de visualiser votre propre ressemblance. Vous pouvez le faire d'une manière amusante ou vous pouvez aborder d'une manière plus sérieuse. C' est vraiment assez ouvert. D'accord. Donc, ce sont les vignettes et j'ai atterri sur la dernière idée, mais ce n'est certainement pas toujours le cas. Parfois, votre première idée est votre meilleure idée, parfois votre centième idée est votre meilleure idée. J' ai atterri sur cette idée parce que je pense qu'elle satisfait quelques choses différentes qui entrent dans la réalisation d'une illustration réussie. Il a deux caractères qui interagissent et je pense, donc, une certaine tension est créée. Il a un environnement, il a une histoire et je pense qu'il convient assez bien à l'invite. D' accord. Donc, maintenant que nous avons notre miniature choisie, nous pouvons commencer à faire un dessin plus détaillé. 4. Sketch : dessiner: D' accord. Maintenant que nous avons notre miniature choisie, je vais isoler l'image et l'utiliser comme calque de référence pour le dessin final. Donc, je vais garder la suite de vignettes juste à des fins de préservation, puis je vais dupliquer ce calque. Ensuite, lorsque vous appuyez deux fois, vous pouvez masquer le calque précédent ou n'importe quel calque. Donc, maintenant je travaille avec un calque en double et j'ai enregistré la suite précédente de vignettes. Je vais tout effacer, mais ça en montre maintenant. Donc, maintenant nous avons isolé cette image. Je vais juste taper sur le calque qui fera apparaître ces options, et je vais choisir transform. Puis avec mes doigts, je vais juste agrandir cette image pour qu'elle remplisse le cadre. D'accord. Donc, maintenant nous avons un balisage lâche de ce que sera l'image et la composition. Donc, que les choses ne deviennent pas confuses, je vais baisser l'opacité de cette miniature, sorte que je puisse vraiment l'utiliser presque comme une situation de boîte lumineuse. Ensuite, nous pouvons travailler sur une nouvelle couche sur le. Donc, j'utilise la vignette comme guide pour bloquer certaines des plus grandes formes et configurer l'environnement. Je sais que je vais aussi ajouter quelques détails plus spécifiques qui se produiront après avoir établi la composition. Donc, j'utilise essentiellement l'outil crayon graphite comme outil principal de fabrication de marques, puis la gomme agit en tandem pour aider à faire des corrections en cours de route. Donc, j'aime vraiment passer d'avant en arrière entre ces deux parce qu'ils servent des buts différents, mais ils travaillent en parfaite harmonie pour essayer de créer un dessin très propre. J' aime le limiter à deux outils parce que cela m'aide à me concentrer sur le dessin, donc je n'ai pas à me laisser prendre dans toute la prise de décision si je devais choisir, par exemple, une variété de pinceaux. Je pense que ça arriverait vraiment sur le chemin. Je pense que, une fois que j'ai cartographié les formes de base, c'est agréable d'y aller et d'essayer de donner aux vêtements un peu plus de détails, plus de personnalité parce que semblable à l'environnement, plus vous avez de détails spécifiques, plus intéressant l'image sera. Tout ce qui est supplémentaire aide l'image, et il donne au personnage beaucoup plus de personnalité, sorte que vous pouvez commencer à imaginer qui est cette personne et quelle pourrait être son histoire. Donc, maintenant, nous avons la plupart de l'image disposée. Je vais regarder autour de moi pour voir s'il y a des espaces négatifs qui doivent être remplis. À ce stade, je voudrais désactiver le calque inférieur, donc je peux juste regarder le dessin final comme son propre calque. Je pense que ça a l'air bien. Je vois un espace négatif au milieu que je vais remplir avec ce bras, et peut-être ajouter quelques détails de dernière minute, comme faire en sorte que cette personne ait des manches courtes. Donc, toutes les petites lignes, je pense peut faire une différence. Cette horloge pourrait mieux fonctionner au milieu parce que nous avons un peu d'espace négatif ici. Il pourrait être préférable de ne pas avoir une mise en miroir directe de ces éléments, de sorte que cela jette un peu les choses au large. D'accord. Je pense qu'on en a fini avec notre dessin. D' accord. Donc, maintenant nous avons notre dessin final. Nous sommes prêts à exporter. Donc, je vais aller ici à ce petit bouton carré avec la flèche et appuyer dessus , et puis il vous donnera un menu déroulant de toutes vos options différentes. Vous pouvez toujours l'envoyer à votre Creative Clouds Si vous ne possédez pas de compte Creative Cloud, vous pouvez également exporter l'image via votre e-mail, ou simplement l'enregistrer sur votre iPad ou la déposer sur un autre appareil. Je vais revenir en arrière et choisir des applications de bureau Adobe car je veux exporter ceci vers mes comptes illustrateurs. Donc, je vais appuyer sur l'option illustrateur, et il devrait envoyer le fichier sous forme de fichier en couches au programme. D'accord. Maintenant que j'ai exporté mon dessin final, je vais passer à mon ordinateur portable et travailler dans Illustrator pour commencer à construire les formes. 5. Illustrator : créer des formes: Donc, maintenant j'ai mon dessin exporté vers illustrateur où je peux commencer à travailler dessus directement, mais vous pouvez vraiment transporter le fichier de plusieurs façons. Vous pouvez l'envoyer vous-même par e-mail, vous pouvez l'envoyer par airdrop si cela vous est disponible, ou vous pouvez toujours le copier et le coller. Donc, maintenant je vais commencer à construire l'illustration et je vais commencer par utiliser l'outil de forme pour bloquer certaines des plus grandes formes plus symétriques, puis je vais utiliser le stylo pour offrir certains des détails les plus fins. D' accord. Donc, comme vous pouvez le voir, le fichier a conservé chaque couche individuelle, mais maintenant nous n'en avons pas vraiment besoin à ce stade. Donc, je vais juste glisser et déposer dans la poubelle, et donc, nous sommes juste avec ce calque de dessin transparent. Donc, maintenant j'ai sélectionné ma couche de dessin et je vais aller dans les propriétés. Je vais réduire l'opacité comme je l'ai fait sur l'iPad afin que je puisse l'utiliser comme couche de référence sans qu'elle soit trop perturbatrice. Je vais donc verrouiller ce calque pour qu'il ne soit pas mobile et je vais principalement travailler sur le calque 2 que je vais renommer tant que calque de forme. Je vais commencer par séparer les deux mondes, et nous allons commencer par le gris clair. Au début, j'aime vraiment travailler en gris et choisir peut-être deux ou trois valeurs différentes, sorte que je puisse me concentrer sur les formes et ne pas avoir à soucier de toute décision de couleur pour l'instant. J' aime donc basculer entre le A et le V, et le A me permet juste d'éditer le chemin. Dans cette situation, je travaille avec ce rectangle donc je veux sélectionner juste les coins supérieurs pour manipuler la forme et je vais appuyer sur Maj afin que je puisse sélectionner les deux coins à la fois, et puis je vais juste tirer sur ces deux cercles jusqu'à ce que cela se ferme dans une moitié supérieure fait. Je pense que ça pourrait être traîné un peu plus alors, voilà. J' aime utiliser la touche de raccourci V afin que je puisse sélectionner le chemin entier et cela me permettra de le déplacer, rendre plus petit, de le rendre plus grand, et j'aime juste basculer entre les deux et avoir ma main gauche sur le clavier en tout temps. Donc, maintenant je vais continuer à identifier toutes les différentes zones qui peuvent bénéficier de ces outils de forme de base. J' aime aussi appuyer sur la touche Maj pour créer un cercle parfait. D' accord. Donc, nous avons notre horloge allumée, cette lampe peut probablement être composée d'un rectangle et d'un demi-cercle. Les rectangles et les cercles sont des formes très basiques, mais c'est incroyable ce que vous pouvez faire simplement en manipulant. D' accord. Donc, je pense que ce vase pourrait probablement aussi être une forme rectangulaire arrondie et encore une fois pour celui-ci je vais juste prendre tous les coins et puis ça va tirer dedans. D' accord. Maintenant, je vais juste cliquer et commander la commande copie V pour coller et dupliquer des formes Je pense que chaque fois que vous avez la possibilité de copier et coller une forme, cela va certainement vous faciliter la vie. Je veux sélectionner cette horloge entière comme trois formes donc je vais juste verrouiller ça plus tard. Je vais le faire en cliquant sur le calque, puis appuyant sur la commande deux et cela verrouillera chemin que vous avez sélectionné afin que je puisse simplement sélectionner cette horloge et ensuite je vais l'amener ici. Ensuite, vous pouvez appuyer sur l'option commande 2 pour déverrouiller. Une autre touche de raccourci qui est très utile est la clé pour m'aider à réorganiser les couches, sorte que ce serait juste un crochet de commande. Donc, si je veux envoyer quelque chose à l'arrière, je ferais juste le crochet de commande de décalage, et si je veux l'amener à l'avant, je ferais juste crochet de commande et il reviendra droit vers le haut. D' accord. Donc, parfois, j'aime désactiver les calques d'esquisse pour voir à quoi la composition et à quoi ressemble le calque de forme jusqu'à présent, et juste pour vérifier la progression et voir s'il y a quelque chose qui doit être déplacé. Je pense que je vois quelques autres domaines qui peuvent bénéficier de l'outil de cercle. D' accord. Donc, maintenant je vais commencer à utiliser l'outil stylo pour certaines de ces courbes plus fines, et je vais commencer par cette feuille. Donc les autres formes sont un peu plus symétriques, mais je pense que vous pouvez vraiment vous amuser avec l'outil plume et l'amener dans des zones qui pourraient bénéficier d'un dessin plus libre. J' aime étaler la forme approximativement et ensuite entrer et utiliser ces petits bras pour réajuster et finaliser les courbes. Donc, une chose à mentionner est que vous voulez vous assurer de fermer vos chemins ici pour qu'il s'agisse d'une forme autonome complète. D' accord. Donc, maintenant nous avons la feuille, mais c'est un peu se fondre dans l'espace. Je vais introduire une autre valeur qui sera juste noire, et je vais renvoyer cette forme. Donc, on dirait qu'il est assis dans ce vase. Maintenant, je vais ajouter une tige et pour cela je vais introduire un accident vasculaire cérébral. Donc, je vais déterminer à peu près ma courbe et mon angle ici, basculer en arrière pour qu'il devienne une ligne, puis je vais ouvrir la fenêtre de course et changer l'épaisseur qui sera autour de cinq. Avait quelques options de plus et puis j'aime arrondir la casquette. Donc, pour celui-ci, je vais choisir le même gris, copier le code hexadécimal, et il y a notre feuille. Donc, maintenant, je vais utiliser l'outil plume pour entrer et créer le reste de ces formes. Donc, c'est là que vous pouvez commencer à voir les avantages de la simplification tôt parce que j'ai été capable de construire les formes assez rapidement en raison du fait que j'avais un dessin très propre pour travailler. Donc, maintenant que toutes les formes sont construites, nous pouvons commencer à penser à la couleur. 6. Illustrator : ajouter des couleurs: Donc, j'ai créé ici un groupe d'échantillons de couleurs basé sur les couleurs que j'aime utiliser dans mes illustrations, et je vais l'utiliser comme point de départ ici. Donc, la chose qui est vraiment utile pour moi quand je travaille en niveaux de gris est que je peux vraiment décomposer les valeurs et m'assurer que l'image a assez de contraste pour qu'elle soit claire et lisible, puis je peux commencer penser aux couleurs. Je pense que si vous préservez ce système de valeurs général et que vous appliquez des couleurs après et préservez ce contraste, alors l'image devrait fonctionner. Donc, je vais commencer à sélectionner des formes individuelles et à appliquer de la couleur en utilisant la pipette et en voyant comment cela se sent. Donc, je vais lentement faire cela à chaque forme et puis ajuster au fur et à mesure que je vais le long. Donc, je suis à peu près juste d'appliquer la couleur une forme à la fois et de voir comment ça se sent comme tout se réunit. J' aime commencer par des domaines où je suis un peu plus confiant dans quelle décision de couleur je veux prendre, puis commencer à expérimenter un peu plus à partir de là. Cette image est largement basée sur la forme, donc il est très facile pour moi d'appliquer la couleur parce que je peux juste la considérer comme des blocs les uns contre les autres, et cela m'aide vraiment à visualiser l'image et elle se rassemble très rapidement quand je ne travaille qu'avec des formes. D' accord. Donc, nous sommes dans un bon endroit avec cette illustration et je pense que vous pourriez appeler cela fait, mais vous avez aussi eu la possibilité d'ajouter quelques touches de finition, ce que je vais faire dans Photoshop. 7. Photoshop : appliquer textures: Donc, pour cette dernière étape, je vais faire glisser le fichier Illustrator vers Photoshop et je vais travailler avec des textures juste pour lui donner une sensation artisanale. D' accord. Donc, maintenant je vais faire glisser dans le fichier. C' est un peu grand, donc je vais juste le ramener à 15 sur 15. Donc, parce que mon arrière-plan de travail dans Illustrator était déjà blanc, je n'ai pas ajouté de forme à cette zone inférieure, donc maintenant elle apparaît comme une zone transparente. Donc, je vais le remplir en créant un nouveau calque, faisant glisser en dessous, puis en remplissant ce calque avec du blanc. D' accord. Donc, maintenant je vais cliquer sur ce petit carré de papier qui est plié et créer un nouveau calque pour ma texture. Je ne veux pas appliquer de texture à toute l'illustration, je veux juste l'appliquer à des couleurs sélectives. Donc, je vais commencer par le bleu et je vais utiliser cet outil de baguette magique pour sélectionner tout le bleu dans l'image. Par conséquent, vous voulez vous assurer que lorsque vous sélectionnez cette option, la case contiguë est cochée car lorsque vous l'activez, elle ne sélectionnera qu'une forme fermée à la fois. Donc, nous voulons appliquer ceci à tout le bleu. Donc, maintenant tout le bleu est sélectionné et je vais simplement pousser la commande Copier, cliquez sur le calque, puis cliquez sur la commande Coller. Maintenant, nous aurons isolé seulement le bleu foncé de l'image. Donc, comme vous pouvez le voir, c'est tout le bleu que nous avons. Il y a un million d'options différentes dans Photoshop et vous pouvez appliquer des textures de plusieurs façons, mais j'aime utiliser le filtre de bruit. Ainsi, vous pouvez aller à la section Filtres, dérouler jusqu'à Bruit, puis aller à Ajouter du bruit, et cela fera apparaître cette fenêtre d'option où vous pouvez ajuster la quantité de bruit que vous voulez. Je pense que c'est probablement un peu extrême, alors nous allons juste le ramener à environ 20%. Maintenant, nous avons ajouté une texture à tout le bleu dans la zone, sorte que cela lui donne certainement un peu plus de vie dedans. Donc, si vous zoomez, vous pouvez vraiment commencer à voir la différence entre les zones qui ont été superposées de bruit et les zones qui ne l'ont pas, donc je pense que la combinaison de cette forme propre par rapport la forme qui a été superposé crée une belle combinaison et l'équilibre. Donc, j'aime que vous pouvez mélanger et faire correspondre les options dans les filtres ici. Il y a aussi un million de styles de couches différents. Un style de calque que j'aime est la superposition de dégradé. Donc, je vais appliquer ça à notre bleu texturé actuel. Donc, ici vous avez quelques options différentes. Nous pouvons augmenter l'opacité, puis nous pouvons appliquer ce dégradé et ajuster là où nous voulons que cela soit défini. D' accord. J'aime aussi jouer avec l'angle du gradient. Donc, nous voulons la couleur plus claire sur le dessus et l'ombre plus foncée sur le fond dans cette situation, mais je pense que la principale chose à jouer avec est l'opacité et l'endroit où vous voulez que le gradient soit défini. Donc, nous allons juste augmenter l'opacité un peu plus et ensuite voir ce que ça ressent. Donc, maintenant vous pouvez activer et désactiver et voir à quoi cela ressemble avant et après. Dans l'ensemble, c'est assez subtil, mais je ne pense pas que vous vouliez que la touche finale soit écrasante. Il devrait juste ajouter un peu plus de 10% à votre image. Donc, vous pouvez maintenant l'exporter hors de Photoshop en cliquant sur Enregistrer sous, et cela vous donnera un certain nombre d'options. Nous pouvons enregistrer ceci sur notre bureau. Si vous voulez préserver les calques, vous pouvez les enregistrer en tant que Photoshop ou TIFF, mais je l'enregistrerai en tant que JPEG la plupart du temps à des fins finales et sociales. Je veux la qualité maximale. Maintenant, vous pouvez ouvrir votre JPEG, et voici votre finale, complète avec toutes les touches finales. D' accord. Donc, maintenant vous avez votre image finale finie comme un JPEG et vous pouvez la partager sur les réseaux sociaux, vous pouvez poster sur votre site Web, vous pouvez l'envoyer à vos amis, tout ce que vous voulez. 8. Réflexions finales: C' est ça. Nous sommes passés du dessin dans Adobe Sketch à la création de formes dans Illustrator, à la finalisation et à l'ajout de touches de finition dans Photoshop. Donc, j'espère que vous avez obtenu quelque chose de ce processus. S' il y a quelque chose que j'espère que vous emporterez, c'est que vous pouvez vraiment créer belles illustrations professionnelles à partir d'une trousse à outils très simple. N' hésitez pas à télécharger vos propres illustrations et j'aimerais voir comment vous avez interprété l'invite. Il ne s'agit pas de pièces finies, il peut s'agir simplement d'un travail de processus, comme des dessins ou même simplement d'une liste de mots. Je suis curieux de voir comment vous interprétez ces instructions. J' espère que vous avez apprécié ce cours et j'ai hâte de voir ce que vous avez trouvé. Merci d'avoir regardé. 9. Plus de cours créatifs Skillshare: