Illustration vectorielle : Jouer avec les textures

1. Introduction: Bonjour, je m'appelle Hayden Obey. Je suis graphiste et illustrateur et je me spécialise dans l'art vectoriel. L' une des questions les plus courantes que les gens me posent est comment ajouter de la texture aux illustrations dans Adobe Illustrator ? Bien qu'il existe de nombreuses techniques différentes pour le faire, beaucoup impliquaient d'apporter votre illustration dans Photoshop, brosses ou de textures de routine, ou même de travailler avec des images rasterisées. Mais si vous êtes comme moi et que vous aimez l'idée que tout soit logé dans Adobe Illustrator, alors ce cours est fait pour vous. La technique que je vais vous montrer, est entièrement un pinceau à base vectorielle libre. Vous pouvez toujours les éditer et il offre beaucoup de contrôle et vous donne juste la quantité de texture que vous recherchez. Ensemble, nous allons parcourir quelques exercices pour comprendre comment la technique est faite, puis examiner comment elle est appliquée à une illustration en passant de quelque chose comme ça à quelque chose comme ça. Cette classe, s'adresse à tous ceux qui veulent faire passer leurs illustrations au niveau supérieur sans compromettre ce qui rend le travail avec vecteur si génial. J' ai hâte de vous voir en classe. 2. La technique: Pour créer des textures pour nos illustrations, nous allons utiliser une combinaison de dégradés, grains et de modes de fusion. Il existe de nombreuses techniques différentes pour ajouter de la texture, ce n'est qu'une d'entre elles. Mais ce que je trouve bon dans cette technique, c'est qu'elle est hébergée dans Adobe Illustrator. Il y a beaucoup de techniques qui impliquent d'aller dans Photoshop ou de tirer dans différentes textures. Tout est basé sur des vecteurs, ce qui est génial parce que cela signifie qu' il est évolutif et qu'il est toujours en direct. qui signifie qu'à tout moment de votre illustration, vous allez être en mesure de changer la quantité de grain, de changer la couleur de celui-ci, ainsi que la plage du dégradé réel lui-même que vous allez pouvoir pour changer à la volée, ce qui est très utile. Cela dit, l'un des inconvénients de cette technique est qu'elle est beaucoup mieux avec les ombres qu'avec les reflets. Vous pouvez toujours faire des faits saillants avec elle, mais c'est un peu plus compliqué. Pour vous donner une meilleure idée du fonctionnement de la technique, j'ai rassemblé ce petit document ici qui vous montre les différents modes de fusion que nous pourrions utiliser. Si vous n'êtes pas familier avec les modes de fusion, ils sont utilisés dans de nombreux produits Adobe, Photoshop, Illustrator, InDesign. Ce qu'ils font, c'est qu'ils décident comment les deux couches différentes vont être saignées ensemble, deux couches qui sont posées l'une sur l'autre. Si vous regardez ici tous ces carrés différents, il y a en fait deux carrés là-bas, ces couleurs plates derrière. Ensuite, il y a le calque texturé sur le dessus, qui sera à l'un de ces différents modes de fusion. Comme vous pouvez le voir, différents modes de fusion ont tendance à fonctionner dans différentes situations. Personnellement, j'aime vraiment comment cela fonctionne superposé, mais la plupart du temps cela ne produit pas l'ombre dont j'ai besoin. Pour cela, je vais aller multiplier ou assombrir. De même, j'utilise généralement l'écran éclairé lorsque j'essaie de faire des surlignements. Mais parfois, vous pouvez obtenir des effets intéressants avec la touche de couleur. Personnellement, je vous recommande juste de jouer avec ces différents modes de fusion, même ceux que je n'ai pas répertoriés ici. Découvrez comment ils fonctionnent et comment vous pouvez les intégrer dans votre propre travail. Maintenant, je vais vous montrer comment la technique est faite. J' ai un carré ici que je veux appliquer une texture de grain sur le dessus de. Ce que je vais faire, c'est que je vais dupliquer ce carré en appuyant sur la commande C pour copier, puis je vais appuyer sur la commande F pour le coller en place, ce qui ne fait que coller un autre carré dessus. Comme je l'ai dit, vous avez besoin de deux couches pour cette technique. Vous avez la couleur plate en dessous, puis vous avez le calque de texture sur le dessus, qui obtient le mode de fusion puis crée la texture. Sur ce calque supérieur ici, je vais aller à Gradient. Si vous n'avez pas la fenêtre de dégradé ouverte, vous pouvez la trouver sous Fenêtre ici. On dirait que c'est le commandement F9. Ensuite, je vais juste appliquer un gradient linéaire avec les deux arrêts ici. Je veux qu'il soit noir. Je veux que l'un de ces arrêts soit zéro pour cent d'opacité. Tu as quelque chose comme ça. De là, je vais aller à Apparence. Encore une fois, si vous ne l'avez pas ouvert, vous pouvez le trouver sous la fenêtre. Je vais aller à Effects ici, New Effect. Je vais faire défiler jusqu'à Texture et Grain. C' est là que nous appliquons l'effet de grain réel. Vous pouvez faire vos réglages comme ça, comment je les ai, ou vous pouvez expérimenter. Je recommande certainement de jouer avec l'intensité car cela vous donne vraiment la quantité de grain que vous allez utiliser. J' aime beaucoup de grain côté, gardez-le habituellement autour de 20. Mais selon ce que je fais, je pourrais le mettre jusqu'au bout juste pour obtenir des petits morceaux. Ensuite, pour le type de grain, je colle généralement avec des saupoudres, mais n'hésitez pas à les expérimenter. Je trouve le contraste. Si vous le déplacez de 58 a tendance à gâcher les choses un peu. Fais attention avec ça. Mais de toute façon, je suis content de ça, je vais appuyer sur « Ok » et l'effet a lieu. Il est important maintenant que sous l'apparence vous vous assurez que l'effet de grain ici est à l'intérieur du remplissage, aussi je vais traîner en partie là-dedans. Si vous ne le mettez pas dans le remplissage lorsque vous modifiez le mode de fusion, cela ne fonctionne pas correctement. Maintenant qu'il est là, je vais cliquer sur « Opacité » et je vais le mettre à, ai dit, j' aime comment la superposition fonctionne. Dans ce cas, je pense que cela fonctionne vraiment assez bien. Ça va me donner l'effet. Si je voulais que ce soit un point culminant, je pourrais simplement cliquer sur « Opacité » et je pourrais le changer à l'écran et je peux également mettre en surbrillance à la place. Ce que j'ai mentionné est vraiment sympa à propos de cette technique, c'est que maintenant que je l'ai fait, je peux continuer à jouer avec elle. Tout comme je viens de passer d'une ombre pour mettre en évidence, je peux la remettre à son ombre, je peux aller dans le dégradé réel ici, et je peux le déplacer et le changer. Je pourrais même changer ces couleurs. En fait, il change même en rouge des deux côtés et peut-être le faire assombrir. Maintenant, j'ai cette ombre rouge profonde. C'est vraiment utile. Il reste un vecteur et sa diapositive peut le changer tout le temps. Il est également intéressant de noter que la taille de votre document dicte la quantité de grain que vous avez. Si vous créez un fichier assez petit, vous voudrez peut-être que la taille de votre document soit beaucoup plus grande pour obtenir beaucoup plus de grain. 3. Exercice sur les formes: Maintenant que vous avez vu comment la technique fonctionne, je veux vous montrer comment l'appliquer de plusieurs façons différentes. Pour ce faire, j'ai préparé ce petit document d'exercice que vous pouvez télécharger à partir de la classe, et je vous encourage à suivre avec moi, ou tout simplement me regarder le faire et ensuite aller le faire vous-même. Et encore plus, je vous encourage à poster ceci votre projet personnel ici sur la classe juste pour nous montrer comment vous allez. Ce que je vais faire c'est commencer par, c'est que je vais juste aller à ces deux rectangles ici, et d'abord, je vais faire exactement comme nous l'avons fait avant, je vais juste faire un gradient linéaire sur ce rectangle rouge. Encore une fois, je vais copier qui est la commande C, puis coller en place, qui est la commande F, pour créer une autre forme sur le dessus. Je vais appliquer un gradient linéaire, et je vais le faire passer de l'obscurité à la lumière, de bas en haut, et comme avant, je vais les mettre en noir et en faire une opacité nulle. Puis, comme nous l'avons fait avant en apparence, je vais aller aux effets, à la texture, au grain. J' aime ça à 20 intensité, donc je vais m'en tenir à ça, et ensuite je vais mettre le grain dans le remplissage. Je vais essayer la superposition, mais ça ne marche pas trop bien, donc je vais aller me multiplier. Super, donc c'est exactement ce qu'on a fait avant. Super simple, et je vais commencer à changer un peu les choses. Pour le rectangle bleu, nous allons faire un dégradé différent, juste pour vous montrer ce qui est possible. Comme avant, je vais copier et coller un autre en place, et je vais appliquer le dégradé. Mais cette fois, je vais prendre mon arrêt 100 Pasi noir, et je vais le mettre au milieu de ce gradient, et je vais créer un autre de ces arrêts d' opacité zéro et les mettre de chaque côté. J' ai quelque chose comme ça. Disons que c'était un cylindre et que nous voulions ajouter une ombre juste au milieu ici pour que vous en ayez une idée, donc c'est là que je pourrais utiliser un dégradé comme celui-ci. Tout comme avant maintenant, je vais aller à la texture, grain, puis mettre le grain dans le remplissage et changer le mode de mélange et l'opacité. Je vais essayer la superposition. Maintenant, faites le multiplier. Vous pouvez voir que vous pouvez faire différents dégradés. Je pense que pour ça, je vais juste baisser l'opacité, peut-être juste comme 70. C' était trop fort. En continuant dans l'exercice, nous allons créer une sphère à partir d'un cercle. Comme avant, je vais le copier et le dupliquer en place, et cette fois je vais ajouter un gradient radial, donc vous pouvez le changer de linéaire en radial juste ici, et je vais utiliser un 100 pour cent à zéro, comme nous l'avons fait à l'origine. Seulement, je vais la faire inverser comme ça, et donc ce que j'essaie de faire est d'imaginer que la lumière vient du haut à gauche ici, elle sera plus claire ici et plus sombre ici. J' ai trouvé un excellent moyen de le faire est d'utiliser l'outil de dégradé ici en appuyant sur G ou en cliquant ici et les barres d'outils, et juste en grandissant et en le déplaçant pour obtenir quelque chose comme ça. Déjà qu'il semble beaucoup plus 3D. En fait, je vais juste augmenter la prise de contrôle de la lumière un peu plus. Maintenant, je vais faire exactement ce que nous avons fait avant, et appliquer la texture du grain et lui donner un mode de mélange qui fonctionne. Voyez, notre multiplicité fonctionne bien. En plus des ombres sur celui-ci, je veux aussi ajouter un surlignement. Ce que je vais faire, c'est créer une autre ellipse. Je vais mettre ça juste là où la lumière va frapper, je vais l'inverser, ça commence plus sombre au milieu et s'éteint. Bien que cela ressemble à une ombre en ce moment, une fois que nous appliquons l'effet grain, nous pouvons y ajouter un mode de fusion qui le fait ressembler à un surlignement, donc je vais le faire exactement. Texture grain, ok, et essayons l'écran. C' est assez subtil. Je veux rendre ça un peu plus fort je pense, donc je vais juste y aller et peut-être que je peux voir ce que Lighten ferait. Non, pas l'éclairage. La couleur esquive. C' est cool, mais je vais rester avec l'écran. Parfois, si l'effet n'est pas aussi fort que je le veux, je vais juste coller un autre dessus comme ça. Je ne vais pas faire ça pour ça, je vais juste le laisser comme ça. Ensuite, nous allons ajouter une lueur à l'extérieur du cercle. Nous allons encore le copier, Commande C, Commande F, et sous apparence affecte, je vais ajouter une lueur extérieure. Je vais faire quelque chose comme ça. Cela dépend de la taille à laquelle vous travaillez, mais c'est ce que je vais créer. Alors comme avant, je vais ajouter du grain, parfois si ceux-ci ne sont pas commandés correctement, cela ne fonctionne pas correctement. Il semble que vous pourriez avoir besoin de garder le grain en dehors du remplissage pour que cela se multiplie. C' est une façon juste d'obtenir une lueur ici, et tout comme le grain est vivant, ainsi que cet effet. La lueur extérieure, je peux décider que je veux être plus grand, peut-être 80 pixels, et je peux le rendre plus grand. Peut-être que je décide que je veux qu'il soit rouge, je peux en faire un rouge. Il ne fonctionne pas uniquement avec l'outil dégradé, il y a aussi à leurs effets qui fonctionnent également. Alors le dernier exercice que nous allons faire est un autre de ces effets, cette fois nous allons faire une lueur intérieure. Si vous avez une forme plus oblongue comme celle-ci, vous ne pouvez pas vraiment créer dégradé radio utilisateur ou un dégradé linéaire pour vraiment capturer le formulaire, donc parfois il est utile d'utiliser la lueur intérieure. Tout comme je l'ai fait, copiez et collez devant, puis sous effets, j'ajouterai l'integra. Je vais faire quelque chose. Commencez par le noir pour l'instant. Oui, quelque chose comme ça. Puis une fois de plus, le grain a l'air bien. Ensuite, je trouve pour celui-ci, certains modes de mélange fonctionnaient mieux que d'autres. Quand j'utilise multiplier, le grain traverse tout le truc, mais je ne veux pas vraiment ça. Alors qu'assombrir, il ne l'obtient que sur les bords et ce qui est exactement ce que je veux. Je peux faire quelque chose comme ça. Je vous encourage à télécharger ce fichier de démonstration. Je vais inclure les versions que j'ai faites ici et juste pour que vous puissiez faire référence. Mais comme je l'ai dit, je vous encourage à les faire vous-même, puis une fois que vous avez fait cela, téléchargez-le dans votre projet afin que nous puissions voir. 4. Travailler avec les illustrations: Maintenant que nous avons étudié la technique, et que nous pouvons l'utiliser pour certaines utilisations différentes, je vais vous montrer comment je l'applique à une illustration entière. Donc, plutôt que de passer par l'heure qu'il m'a fallu pour le faire, je l'ai accéléré, et je vais essayer de mettre en évidence certains points clés que j'ai souvent fait avec l'ombrage ici avec le dégradé, mais aussi en utilisant la norme Je vais laisser une fine ligne ici pour couper au fond de la tête, parce que normalement, quand il y a une ombre, il va y avoir une lumière fine. Une bonne façon de le faire est d'utiliser l'option de chemin de décalage sous chemin de décalage. Vous remarquerez que pour la tête, les yeux que je fais maintenant, ainsi que certaines de ces petites boules au bout de son chapeau, j'utiliserai des techniques similaires à celles que nous avons aux sphères ou à l'exercice de sphère que nous avons fait. S' il y a quelque chose que vous voyez ici que vous ne comprenez pas comment je l'ai fait, il suffit de mettre un message dans la discussion ci-dessous, et je vais l'ajouter comme une note ici sur skillshare. Mon propre conseil que je n'ai pas suivi quand je faisais ça, c' est que je le faisais un peu trop petit d'une taille, et ce n'est pas trop gros, parce qu'à la fin j'ai pu juste agrandir, juste le faire sauter à une plus grande taille, mais vous remarquerez que je le fais ici, que le gradient n'est pas super bien, surtout, une fois que je commence à travailler sur la bouche, juste ici, vous verrez que le gradient n'a pas l'air super sympa, il est assez gros, mais au très fin quand je l'agrandir, il semble beaucoup mieux. Ici, j'utilise un clou intérieur comme on l'a fait dans l'exercice. Vous remarquerez aussi dans mon panneau d'échantillons, j'ai pris les couleurs unies que j'avais, le violet, et le rose. J' ai fait juste quelques nuances de celui-ci, parce que je trouve cela, qui aide souvent avec les reflets, et les ombres. Au lieu d'utiliser le noir très fort, j'utiliserai peut-être le violet foncé. Je peux l'utiliser ici juste pour le rendre un peu plus doux. En fait, ici aussi sur le chapeau, vous remarquerez que je continue à dupliquer le même calque au-dessus de lui, et changer le dégradé autour. Donc, souvent, si j'ai des ombres plus complexes, ce sera juste plusieurs couches de dégradé superposées sur la base. Je pense ici que je jouais un peu avec sauter entre le clow intérieur, le clow extérieur, voir ce qui fonctionnait le mieux, et je crois qu'à la fin je viens de me contenter de faire un gradient radial, juste pour montrer l'ombre d'où son cou irait dans ses vêtements induits. Vous remarquerez également quelque chose que je fais ici sur le corps est en fait, qui était un gros morceau par je l'ai divisé afin que je puisse appliquer différents types d'ombres à elle, et sous différents angles sans affecter la façon dont les ombres regardaient sur le pantalon plutôt que sur la chemise. outre, quand il s'agit de faits saillants comme ici, j'ai découvert en passant par cette illustration que je peux rendre le surlignement beaucoup mieux si j'ai modifié le dégradé pour être beaucoup plus élevé que inférieur. Dans l'exercice, je vous ai montré que parfois je vais garder le gradient à 20 quand je fais des ombres, et cela me donne beaucoup, mais maintenant j'ai trouvé si je l'ai mis en fait l' inverse plus près de l'autre côté du spectre comme 80 quand je fais faits saillants, il me donne beaucoup plus de gradient. Encore une fois, ici j'utilise le chemin décalé pour rendre ce bras un peu plus petit, sorte que j'ai cette lumière mince avant l'ombre. Il ajoute un joli peu de réflexion supplémentaire. Illustrator s'est écrasé ici, donc, j'ai dû le faire. Probablement, la bonne chose est que je travaillais à un peu plus petit, parce que je pourrais l'avoir écrasé plus souvent avec tout ce gradient. Donc j'ai juste dû refaire ce bras et c'était tout. Je ne pense pas avoir à vous dire ça, si souvent, parce que ça arrive. Pour ce bras ici, j'utilise un gradient royal, qui correspond vraiment à la courbe du bras, donc, je peux obtenir une ombre qui est très similaire à la ligne droite de l'autre bras. La main ici, je pense que je jouais un peu avec elle, essayant d'ajouter des ombres, et des reflets aux doigts individuels, mais à la fin, je crois que je me suis installé sur une ombre. Parfois, si les ombres de la réflexion sont vraiment petites, parfois cela n'a pas de sens pour moi de l'inclure. Parfois, en termes de composition, si vous avez une pièce qui a beaucoup de détails, et que le reste n'en a pas autant, cela semble un peu déséquilibré, et je ne veux pas que l'attention de tout le monde aille à cette main avec des tonnes de différents faits saillants, et des ombres sur elle. Maintenant, une fois que vous avez les jambes, c'est la même chose que les bras. En outre, quelque chose qui est bon à savoir par souci de vitesse, si vous continuez à appliquer le même gradient aux mêmes paramètres, vous pouvez en fait simplement aller jusqu'à affecter tout en haut du fait qu'il dira appliquer le gradient, et alors à peu près, il va juste l'appliquer à nouveau. Il y a aussi un raccourci pour cela. Je joue juste avec quelques options différentes pour le cercle de fond. Réglons principalement sur le gradient en arrière-plan là-bas. C' est là. Je vous encourage maintenant à prendre une de vos propres illustrations, et à lui appliquer un peu de texture en utilisant les techniques que nous avons parcourues. Si vous n'avez pas de votre propre illustration, je vais télécharger l'illustration en couleur plate du clown ici, et vous pouvez lui donner un coup de pouce vous-même. Tout comme avant, tout le travail que vous faites, vous pouvez aller, et le télécharger sur votre projet ici sur skillshare. 5. Les prochaines étapes: Ce qui est génial dans l'apprentissage de ces techniques c' est qu'il y a beaucoup de place pour jouer, expérimenter et vraiment en faire la vôtre. Vous pourriez voir ce qui se passe si j'utilise des effets différents. Donc on a essayé la lueur extérieure, a essayé la lueur intérieure, je crois qu'on a touché l'autre. Qu' en est-il si vous utilisez différents modes de fusion ? S' il y a quelque chose d'excitant que vous trouviez, revenez ici et partagez avec nous. J' apprécie vraiment que vous preniez la classe et s'il y a quelque chose que je peux faire pour mieux vous aider, tout comme je le sais, et si jamais vous cherchez des sujets futurs, envoyez-leur mon chemin. Si vous voulez en savoir plus, vous pouvez consulter mon autre cours où je vous promène du début à la fin, comment je fais l'illustration vectorielle. J' espère donc que vous avez apprécié la classe, beaucoup appris et que vous avez maintenant une nouvelle arme et votre Illustration ou ainsi.