Designs disséqués : étude des dégradés | Effets graphiques avancés dans Adobe Illustrator

1. Introduction et aperçu du cours: plus souvent, même les conceptions en dégradé les plus complexes d'Illustrator sont assez faciles à créer, et vous pouvez obtenir des résultats impressionnants en utilisant une combinaison intelligente des outils de base d'Illustrator et en regardant au-delà de leur fonctionnalité évidente. Hé les gars, je suis Evgeniya Righini-Brand, graphiste chez Attitude Creative et fanatique du gradient. J' enseigne un cours populaire de Skillshare sur la maîtrise des dégradés dans Illustrator, et j'ai une série d'études de gradient en cours, qui est ma recherche personnelle explorant différentes techniques pour créer des conceptions basées sur des gradients vectoriels en exploitant le plein potentiel des outils d'Illustrator. me demande souvent comment j'ai créé certaines pièces dans ma série Gradient Studies, et dans cette classe je suis excité de disséquer pour vous une sélection de dessins qui présentent certaines de mes astuces et techniques préférées, et partagez quelques conseils et idées sur la façon dont vous pouvez utiliser une combinaison des outils d'Illustrator dans vos futurs projets afin de créer plus facilement et plus rapidement des œuvres passionnantes. Cette classe est conçue pour les utilisateurs d'Illustrator intermédiaires et avancés qui connaissent bien le programme et qui sont des utilisateurs compétents des outils et des fonctionnalités de base d'Illustrator , y compris l'écrêtage et l'opacité Masques, outil de fusion, attributs d'apparence et effets. Que vous soyez un illustrateur, graphiste ou un designer qui a besoin de visualiser rapidement des concepts pour présenter des idées à des clients ou à une équipe interne, ou pour créer des œuvres finales à des fins imprimées ou numériques, j'espère que cette classe éveillent de nouvelles idées visuelles et vous aident à créer des designs accrocheurs plus efficacement. Alors plongons directement dans ! 2. Effets de décoloration personnalisée: graphismes vectoriels sont souvent associés à des contours durs, mais dans Illustrator, vous pouvez créer des effets de décoloration passionnants ou une apparence éthérée de dégradés colorés avec des niveaux de transparence changeant progressivement et fusionner des objets en toute transparence. ensemble ou avec l'arrière-plan, et les objets et la façon dont ils s'estompent peuvent être aussi complexes ou aussi simples que vous le souhaitez ! J' aime créer cet effet dans mon travail, alors regardons comment je l'ai réalisé dans ce design sans quitter Illustrator ni utiliser de filtres. Parce que cette conception est assez simple, vous pourriez penser qu'elle est créée en utilisant une sorte d'effet de flou. Eh bien, non, ce n'est pas le cas. Tous les effets de flou d'Illustrator font flou des objets de façon linéaire, sorte qu'ils ne permettent pas de créer quelque chose d'aussi simple que celui-ci. Donc, au lieu de cela, pour créer ce genre d'effets et avoir plus d'options à explorer en termes de la façon dont les objets s'estompent vous pouvez utiliser le masque d'opacité, qui est un outil fantastique, même si un peu agité. Donc ici, j'ai ces deux cercles masqués, gardons juste un d'entre eux visible avec l'arrière-plan, et voyons ce qui est quoi. C' est donc déjà un masque d'opacité. Libérons-le rapidement, et voilà. Donc ces deux objets sont dans mon masque, et c'est le masque lui-même. Cachons-le pour l'instant, et jetons un coup d'oeil à ce qui a été placé dans le masque. Donc ici, je voulais créer ce dégradé multidirectionnel où la couleur rose se fondrait avec la couleur orange et les deux s'estomperaient également dans la couleur blanche. Et pour obtenir cet effet, j'ai utilisé deux cercles remplis de gradients linéaires de base. Donc, le dégradé inférieur ici est ce dégradé linéaire de l'orange au rose au violet, et peu importe ce qui est ici, parce que vous ne pouvez pas voir cette zone lorsque le dégradé blanc est sur le dessus. Et ici, j'ai mon deuxième cercle avec le dégradé de décoloration blanc, qui est un dégradé linéaire de cet arrêt de couleur blanche transparente à l'arrêt de couleur blanche opaque de l'autre côté, et en le mettant au-dessus de l'autre gradient, il aide à mélanger tout ensemble. Parfois, je crée des effets similaires en appliquant des dégradés de remplissage en tant que plusieurs attributs de remplissage à un objet. Mais dans ce cas, je viens de les appliquer à deux objets distincts, car de cette façon je peux très rapidement travailler à travers le panneau Calques et ne pas m'inquiéter d'aller dans le panneau Apparence chaque fois que j'ai besoin de sélectionner l'un des dégradés. Et parce que je travaille avec des gradients linéaires, je peux très facilement changer l'angle des gradients. et l'apparence de cette forme changera radicalement tout de suite. Et vous pourriez vous demander pourquoi je n'ai pas utilisé un dégradé de forme libre ou un maillage de dégradé pour créer cet effet, et c'est précisément pourquoi. Parce que si j'utilisais le Gradient Mesh, bien sûr, je pourrais créer le même type d'effet, mais je ne serais pas en mesure de changer facilement l'apparence de la forme, par exemple, en faisant pivoter l'un des cercles ou en changeant l'angle des dégradés. Et si j'utilisais le dégradé de forme libre, oui, encore une fois, je pourrais obtenir le même effet, mais il faudrait beaucoup plus de temps pour que tout soit aussi lisse. Ainsi, parfois, les outils les plus basiques créent les meilleurs résultats et sont les plus rapides à utiliser. C' est donc ce qui a été placé dans le masque. Et le masque lui-même est ce cercle, qui est exactement la même taille que les deux autres, et il est mis sur eux, et il est rempli de dégradé radial blanc à noir. Et dans ce cas, l'arrêt de couleur blanche est opaque, et le noir est transparent. Et pour créer une transition plus intéressante, j'ai également décalé le point d'origine dans ce dégradé, sorte que le dégradé est plus opaque et plus écrasé de ce côté, il est plus lisse et il s'estompe plus loin de l'autre côté. Nous allons donc l'appliquer à nouveau comme un masque, et allons jeter un coup d'oeil à notre dégradé de masque. Donc, en compensant le point Origin, j'ai fait disparaître ce côté de cette façon. Et si je le déplace, vous pouvez voir comment ça change tout le look. Et c'est pourquoi l'utilisation des masques d'opacité est vraiment cool, et par rapport à l'effet de flou, ils laissent tellement de place pour l'expérimentation et sont également très rapides à utiliser. Aussi dans ce dégradé, j'ai utilisé un arrêt de couleur noire transparente. Et c'est une astuce que j'utilise souvent lors de la création masques d' opacité car elle permet de créer des transitions plus fluides. Et si je le mets à 100%, vous pouvez voir que la transition n'est pas aussi dramatique, donc avoir ce niveau supplémentaire de transparence dans le dégradé permet de créer ce look amusant décoloration. Donc c'est notre premier masque. Et le deuxième cercle masqué est en fait juste une copie du premier, et il est décalé et tourné à 180 degrés, sorte que ces deux formes se calquent et se fondent bien ensemble. Et en ce qui concerne les éléments restants de cette conception, ici j'ai aussi cette ligne avec un gradient de course radiale le long de la course. Et il n'y a que deux arrêts de couleur. Et comme il est défini sur le type Radial, il ressemble à un dégradé réfléchi. Et j'ai utilisé ces couleurs violettes à la fin, qui est une couleur similaire à celle trouvée en arrière-plan, donc cette ligne se fond en quelque sorte avec l'arrière-plan, même s'il n'y a pas de transparence dedans. Ci-dessous tous ces éléments, j'ai mon objet texte. Et à cause des masques d'opacité, dans certains endroits, vous pouvez voir plus de lettres et dans d'autres, elles sont presque totalement cachées. Mais pour faire ressortir le texte un peu plus, j'ajoute généralement la copie du même objet de texte, je le mets au-dessus de tous les autres éléments, et réduit son opacité à environ 10 à 20 pour cent. Cela permet de rendre ce texte un peu plus visible, tout en conservant cette belle sensation translucide de l'ensemble du design. Bien que cela semble assez agréable, j'ajoute toujours du grain à mon travail, et dans ce cas, le grain est contenu sur une couche séparée. Et il est appliqué à un rectangle qui couvre l'ensemble de mon plan de travail, et ce rectangle est rempli d'une couleur grise, son mode de fusion est défini sur Lumière douce, Opacité sur 35%, et dans la mesure où l'effet Grain est concerné, il est défini sur Grain pointillé avec l'intensité est définie sur 20 et le Contraste est défini sur 50. Et c'est quelque chose que j'utilise souvent dans mon travail et que je joue simplement avec l'Intensité, si j'ai besoin d'ajouter plus ou moins de grain à mes créations. Et l'utilisation du mode Soft Light Blending permet de mélanger le grain avec le design assez bien, et je peux contrôler l'intensité avec le réglage Opacité, et dans la plupart des cas, je l'ai réglé à 35% parce qu'il produit assez subtil, beau look ou le grain. Mais si je voulais rendre le grain plus prononcé, je pourrais simplement augmenter la valeur d'Opacité, et il y aurait beaucoup plus de grain dans mon travail. Dans certaines conceptions, cela fonctionne vraiment pour ajouter plus de grain et créer un aspect plus particules, mais dans cette conception 35% a créé le meilleur résultat. C' est ainsi qu'en utilisant les masques d'opacité vous pouvez apporter une certaine translucidité et une sensation d'éthéré à vos conceptions, et mélanger les choses ensemble. Et le truc cool avec les masques d'opacité est que vous pouvez mettre n'importe quoi dans votre masque, et vous pouvez utiliser n'importe quoi comme masque, y compris les dégradés de remplissage linéaire ou radial de base, les dégradés de forme libre de toute complexité, Dégradés de trait, Maillages de dégradé, Blends, vous le nommez. Il y a donc beaucoup d'opportunités pour créer éléments avec différents niveaux de transparence, de quelque chose de assez simple comme je vous ai montré ici, à des compositions multi-éléments plus complexes avec un certain nombre de masques. Gardez donc à l'esprit les masques d'opacité lorsque vous voulez créer dégradés lisses ou fusionner des objets en toute transparence. 3. Translucidité et dimension avec le flou: Bien qu'il soit moins qu'idéal d'utiliser l'effet Flou pour créer des dégradés ou étaler des dégradés, l'effet Flou a beaucoup d'utilisations lorsque vous travaillez avec des œuvres basées sur des dégradés. Par exemple, vous pouvez l'utiliser pour créer des transitions douces et soyeuses lorsque vous ne pouvez pas obtenir ce look autrement ou si vous voulez simplement accentuer la douceur pour créer une sorte d'aspect métallique ou liquide. Ou si vous voulez ajouter une certaine profondeur de champ à votre travail. Mais une autre chose que vous pouvez faire avec l'effet Flou est de l' utiliser de manière créative pour imiter des éléments translucides, par exemple, le verre, le plastique, l'eau ou la glace, et particulièrement le verre satiné mat brumeux, ou le verre d'intimité, qui obscurcit les objets derrière elle. Cela permet d'ajouter un sens du volume à votre travail, créer un effet de superposition et il y a aussi beaucoup de possibilités d'utiliser cela conceptuellement. Par exemple, dans cette conception j'ai utilisé l'effet Flou pour communiquer un sentiment de confidentialité. Mais il y a un peu plus que de flouter une partie d'une image, alors regardons comment cette image est construite. Et commençons par l'arrière-plan, qui dans ce cas est un dégradé linéaire assez simple tourné sur un angle qui couvre l'ensemble du format du plan de travail. Et puis j'ai quelques autres éléments ici, et jetons un coup d'oeil à ce groupe de coupures pour commencer. Donc, dans ce groupe Clipping, qui est dans un rectangle qui couvre la moitié de mon plan de travail, j'ai un cercle avec un beau dégradé multicolore et mon texte. Dans ce cas, cet effet multicolore dans le cercle est obtenu à l'aide de plusieurs remplissages dégradés de décoloration, qui sont tous des dégradés radiaux définis sur différentes couleurs et positionnés différemment dans ce cercle. Et ensemble, ils créent des transitions super fluides, et il y a beaucoup de façons de personnaliser ce type de dégradés très, très rapidement en changeant l'ordre des attributs de remplissage dans le panneau Apparence, ou en changeant leur mélange Modes. C' est l'une de mes techniques préférées qui remonte à l'époque où les gradients de forme libre existaient, et c'est ainsi que j'ai créé mes dégradés non linéaires multicolores. En dessous de ce groupe d'écrêtage j'ai cette ellipse qui crée une ombre sous mon cercle. Et c'est quelque chose que j'aime vraiment faire dans mon travail, juste pour y ajouter un peu plus de dimension et faire apparaître des objets comme s'ils étaient suspendus ou simplement reposés sur une surface et il y a une source de lumière. Cette ombre particulière est créée en utilisant ce dégradé radial fondu, avec les deux arrêts de couleur définis sur la même couleur, et c'est l'une des couleurs qui se trouve dans mon design. Lors de la création de mes dessins j'essaie toujours d'utiliser des couleurs qui se trouvent dans mon illustration pour créer des ombrages ou des surlignements. Et surtout, en ce qui concerne l'ombrage, je m'efforce toujours de créer des ombres colorées, et j'évite toujours de créer des ombres achromatiques, moins que, bien sûr, je travaille avec un design noir et blanc pour commencer. Donc, à cause des couleurs utilisées dans ces ombres et parce qu'il s'agit d'un dégradé de décoloration, c'est la principale façon dont il se fond avec l'arrière-plan. Donc, le mode de fusion de cet objet est défini sur Normal, et il est réglé sur 100% Opacité. Ensuite, ici, j'ai un autre groupe Clipping, et c'est là que le plaisir commence. Il s'agit donc d'un autre groupe d'écrêtage avec un masque masquant l'autre partie de la conception. Et dans ce groupe, j'ai une copie de mon cercle, et en dessous, j'ai un rectangle de la taille de mon plan de travail, qui n'a pas d'attributs de remplissage ou de contour. Donc, et c'est le groupe auquel j'ai appliqué l'effet Flou gaussien. Dans ce cas, le rayon de flou gaussien est défini sur 200 pixels. Et la raison d'avoir ce rectangle supplémentaire sous mon objet, qui est censé être floue, est qu'il permet d'éviter quelques problèmes avec l'effet Flou, qui peut parfois créer une sorte de bords durs et atteindre une sorte de limite, car lorsque l'effet Flou est appliqué, il prend en compte la taille d'origine de l'objet que vous flouez. Donc avoir cet espace vide autour de mon cercle me permet de le brouiller autant que je veux. Étant donné que mon cercle flou est placé dans un masque d'écrêtage avec des bords durs, il crée immédiatement un effet d'avoir une surface translucide mate devant ce cercle. Ensuite, j'ai un autre groupe Clipping, et dans ce cas, il contient mon texte qui est floue séparément. Le rayon de flou gaussien est défini sur 40 pixels. Et le flou du cercle et du texte séparément permet de créer encore plus de profondeur dans l'œuvre car il permet d' imiter différentes profondeurs de champ en utilisant différents rayons de flou pour différents objets. L' Opacité de ce texte floue est définie à 95 %, ce qui est exactement la même que l'Opacité de mon texte tranchant ici. Mais bien que j'aime vraiment l'aspect presque blanc du texte pointu, j'ai pensé que pour des raisons de réalisme le texte brouillé devait être un peu plus sombre. Mais au lieu de réduire l'opacité du texte floue, j'ai plutôt créé une copie de mon cercle floue, et je l'ai placée au-dessus de mon calque de texte floue. Et réglez l'Opacité de ce deuxième groupe Clip sur 50% ici. Donc, avoir une copie supplémentaire permet de masquer le texte un peu plus et cela le fait apparaître comme s'il était derrière cette surface. Cela peut sembler comme beaucoup d'éléments et que vous pourriez obtenir un effet similaire simplement en réduisant l'opacité, mais en réalité, avoir des copies supplémentaires permet un contrôle plus minute sur l'aspect de chaque élément. Et cela n'augmente pas vraiment le temps de création de ces éléments car ils existent déjà, et vous avez juste besoin de les copier et de jouer avec leurs modes de fusion et leurs paramètres d'opacité. Pour que cela ressemble encore plus à une feuille de verre séparée, j'ai décidé que je devais ajouter un dégradé supplémentaire le long de ce bord ici. Et j'ai décidé de créer un demi-cercle comme celui-ci, et je l'ai rempli d'un dégradé radial de cette couleur rose, on peut trouver dans ce dessin, à cet arrêt de couleur presque blanche, qui est réglé à 0% Opacité. Le mode de fusion de ce demi-cercle est défini sur Soft Light, et c'est ce qui permet de créer cet effet de surbrillance et de fusionner ce dégradé avec les couleurs ici. Et en jouant avec le dégradé radial et la position de cet arrêt de couleur, je pourrais contrôler jusqu'où ce point culminant se propage. Dans ce cas, je ne suis pas allé trop loin et j'ai décidé de l'arrêter au bord de la forme floue, donc ça ressemble à ceci quand il est appliqué. Et il met en évidence ce bord au-dessus du cercle, et c'est exactement le look que je cherchais, car je ne voulais pas mettre en évidence le bord allant du haut au bas du plan de travail. L' ajout d'un demi-cercle a vraiment aidé à mettre en évidence cette forme déjà. Mais je voulais le rendre un peu plus lumineux, alors j'ai créé une copie de ce demi-cercle et placé juste au-dessus, et j'ai réglé l'Opacité à 50% tout en maintenant le Mode de Blending réglé sur Soft Light. Et ensemble, ces deux formes créent un bord plus prononcé. Et encore une fois, c'est quelque chose que j'aime faire dans mon travail, au lieu d'ajuster les couleurs dans tous les éléments pour une éternité. Donc, pour intensifier, éclairer ou modifier généralement les couleurs je crée simplement des copies et joue avec modes de fusion et l'opacité jusqu'à ce que j'obtienne le look que j'aime. Ce sont donc les éléments de conception généraux, et surtout j'ai un calque séparé avec un rectangle avec l'effet Grain. Ce rectangle est rempli de l'échantillon gris standard, son mode de fusion est défini sur Lumière douce et Opacité sur 35 %. Et en ce qui concerne l'intensité du grain, dans ce cas, elle est fixée à 10 pour cent, qui rend ce grain un peu plus subtil. Mais à part cela, encore une fois, le Contraste est réglé sur 50% et le Type de Grain est défini sur Stippled. Et vous pouvez voir que lorsque ce grain est mélangé avec ce design, il le fait ressembler encore plus à du verre mat givré dans cette zone. Vous pouvez combiner cette approche consistant à utiliser des éléments flous dans les Masques d'écrêtage avec d'autres objets, par exemple des lignes ou des dégradés de traits fins pour mettre en surbrillance les arêtes, ou des dégradés de fondu pour créer une impression d'ombrage. Il y a donc beaucoup de choses différentes que vous pouvez faire avec l'effet Flou gaussien de manière créative, alors gardez à l'esprit et expérimentez avec lui pour créer des effets de translucidité et de superposition. 4. Éléments dimensionnels utilisant des dégradés de contour: Créer différents gradients qui suivent la direction des chemins n'a jamais été aussi facile, et l'une de mes astuces préférées est d'utiliser des gradients de course avec transparence pour ajouter une touche 3D à mon travail et créer détails 3D complexes qui peuvent suivre chemins de toute complexité. Par exemple, dans cette conception j'ai utilisé un ensemble de dégradés de course pour créer une impression d'avoir des coupes dans la surface colorée. Jetons donc un coup d'oeil à la façon dont j'ai créé cet effet. Pour commencer, j'ai créé ce dégradé de forme libre, qui sert d'arrière-plan et couvre l'ensemble du format de plan de travail. Après cela, j'ai créé ce motif de ligne pour être utilisé comme base pour la structure des coupes dans mon design. Et puis j'ai commencé à réfléchir à la façon dont je pouvais styliser toutes ces lignes pour les faire paraître tridimensionnelles et créer un effet d'ombrage sous les lignes et quelques reflets sur le dessus, pour faire croire que la surface est un un peu à levé. Voici donc le groupe avec tous mes chemins stylés. Et chacune de ces coupes est créée exactement de la même manière, alors regardons celle-ci ici. Pour chaque coupe, j'ai utilisé deux copies de mes chemins d'origine et les ai stylisées avec des dégradés de contour, sorte que l'un d'entre eux créerait un effet d'ombrage d'un côté de la ligne, et l'autre créerait un surlignement de l'autre côté. Et j'ai également placé la paire de ces éléments dans un masque d'opacité pour faire ce dégradé de mélange avec l'arrière-plan aux extrémités. Laissons ce masque, et nous y reviendrons bientôt. Mais d'abord, regardons comment j'ai créé ces effets d'ombre et de surbrillance. J' ai commencé par créer l'effet d'ombrage, et parce que je savais que mon ombre devait commencer à partir du chemin, j'ai configuré ce type de dégradé de contour. Il s'agit donc d'un dégradé de course linéaire sur le trait, et il commence à partir du milieu ou du curseur. Et la moitié est totalement transparente, et une autre moitié crée cet effet de décoloration. J' utilise souvent cette astuce dans mon travail pour créer des dégradés prévisibles, que je peux utiliser pour ajouter des surbrillances ou des ombrages aux bords de toutes les formes, et parce que mon dégradé est configuré de cette façon, il aura l'air exactement le même, s' il est appliqué à un chemin ouvert ou fermé. Et il ne repose pas sur l'utilisation des paramètres de contour, par exemple, comme Alignement de trait, qui ne fonctionne qu'avec des chemins fermés. Et il offre également beaucoup de place pour l'expérimentation avec les profils de course. Et alors que vous pouvez créer ce genre d'effet en configurant un profil qui n'aurait pas de trait d'un côté du chemin, l'utilisation de ce type de dégradé comme base rend beaucoup plus facile d'expérimenter avec différents profils de course ainsi que l'outil Largeur pour configurer ombrage ou les surlignements dans toutes les formes et créer des effets passionnants dans votre travail, par exemple, comme celui-ci. Et c'est beaucoup moins difficile lorsque vous jouez simplement avec le profil Stroke sans soucier de ce qui se passe l'autre côté, et juste contrôler ce bord avec le dégradé. C' est donc une technique que j'utilise souvent dans mon travail pour créer des ombres amusantes. Mais dans cette conception, je voulais avoir une ombre symétrique très simple, donc je viens d'utiliser ce profil standard simple, qui se rétrécit aux deux extrémités. Et pour créer ce genre de dégradé, l'astuce que j'utilise est que j'ai mon arrêt de couleur opaque et que j'ai sa copie transparente, et que l'emplacement de la copie transparente et l'arrêt de couleur opaque soit exactement 50%, comme ceci. Pour créer cet effet d'ombrage, le mode de fusion de ce dégradé de contour est défini sur Multiplier. Et après avoir configuré ce dégradé d'ombrage, je l'ai copié, puis retourné le dégradé et remplacé les couleurs du dégradé par la couleur blanche pour créer l'effet de surbrillance. Dans ce cas, j'ai défini le Mode de fusion de ce dégradé sur Overlay. Mais lors de la création de ce genre d'effets je passe souvent par les modes Écran, Éclaircir, Lumière douce et Overlay, et je choisis celui qui fonctionne le mieux avec les couleurs avec lesquelles je travaille. Et à part cela, structurellement ce gradient n'est qu'une version réfléchie de celle qui crée l'ombrage. Et encore une fois au milieu ici j'ai quelques arrêts de couleur pour créer ce bord ici. Après avoir configuré ces deux dégradés pour ce premier élément, j'avais besoin d'appliquer les mêmes dégradés au reste des lignes. Et pour le rendre plus facile et plus rapide, j'ai créé des Styles graphiques : un basé sur le dégradé de contour utilisé pour l'ombrage, l'autre qui crée des surlignements. Et c'est quelque chose que je fais souvent lorsque j'ai besoin de répliquer le même style des éléments dans un document ou dans un certain nombre de conceptions. Et après avoir créé ces Styles graphiques, je pourrais les appliquer à n'importe quel autre élément en seulement quelques clics. Par exemple, comme ceci ou comme ça. Et je pourrais également appliquer les deux styles graphiques à un élément en les fusionnant ensemble lors de leur application, puis accéder à ces dégradés via le panneau Apparence. Mais dans cette conception j'ai décidé d'appliquer des ombrages et des surlignements à deux chemins distincts afin de faciliter l'accès aux éléments via le panneau Calques, et d'ajuster leurs modes de fusion dans le panneau Transparence. Après avoir créé ces paires de dégradés de surbrillance et d'ombrage, j'ai voulu les aller plus loin et faire en sorte que leurs extrémités se fondent mieux avec l'arrière-plan. Et pour cela, j'ai copié ces lignes une fois de plus et appliqué ce genre de dégradé de course à chacune d'elles. Il s'agit donc d'un dégradé de course le long du trait, qui est défini sur dégradé radial qui le rend réfléchi. Et parce que j'avais l'intention de l'utiliser comme masque d'opacité, j'ai défini cet arrêt de couleur qui couleurs les deux extrémités de mon dégradé de contour sur le noir. Et je l'ai aussi mis à 0% Opacité pour avoir plus de translucidité dans mon gradient. Et comme il s'agit d'un autre gradient de course, je mets le poids de course à exactement le même poids que les deux autres dégradés, donc quand ils sont masqués, ils sont totalement couverts. J' ai appliqué le même dégradé à des copies de toutes ces lignes. Puis appliqué chacun de ces dégradés en tant que masques d'opacité à leurs groupes respectifs, qui contiennent des dégradés d'ombrage et de surbrillance. Donc tous ces éléments ont été créés exactement de la même manière. Et puis je les ai tous regroupés, et dans ce cas, le Mode de fusion de ce groupe est réglé sur Normal et Opacité est réglé sur 100%. Mais les regrouper ensemble me permettrait d' explorer d'autres options de mélange si je le voulais. Bien que dans ce cas, tous les mélanges se produisent au sein des groupes et ne sont appliqués qu'à des éléments individuels. Par-dessus tous ces éléments j'ai mon objet texte, qui est réglé sur 95% Opacité et il est juste placé sur tout. Dans certains cas, lorsque je crée ce genre de dessins qui impliquent du volume, je masque tout mon texte ou mes lettres individuelles pour le faire apparaître comme si elles venaient à travers les coupes. Mais dans ce cas, je voulais garder cela simple et juste placé le texte sur le dessus. Et au-dessus de tous ces éléments, j'ai placé ma couche de grain, avec un rectangle rempli de cette nuance grise standard. Et j'ai utilisé mes paramètres de grain subtils préférés, avec l'intensité réglée sur 10, l'opacité du rectangle granuleux réglé sur 35 %, et le mode de mélange réglé sur Lumière douce comme d'habitude. Et quand il est appliqué, ces grains rendent ce design plus tangible et plus graphique. L' utilisation des dégradés de course cette façon est vraiment amusante et facile, et en combinaison avec les Styles graphiques il y a beaucoup de potentiel pour un style très rapide de différents éléments. Tout ce que vous avez à faire est de dessiner des chemins, de les styliser, de les mettre sur un fond coloré ou un objet, et de les mélanger ensemble. Et vous aurez l'impression d'une sorte de forme 3D. Il peut être aussi complexe ou aussi simple que vous le souhaitez, et vous pouvez mettre en surbrillance ou ombrager les bords de n'importe quelle forme sans recourir à d'autres techniques plus laborieuses pour créer du volume, telles que les maillages dégradés ou les dégradés de forme libre. En utilisant les dégradés de contour sur les traits vous pouvez rendre n'importe quel aspect tridimensionnel très rapidement et facilement.Avec les profils de contour et l'outil Largeur, Avec les profils de contour et l'outil Largeur ils peuvent vous aider à définir des formes et à ajouter des détails à votre travailler de beaucoup de façons amusantes. 5. Coloration organique par couches et mélanges: Une de mes astuces préférées pour pousser un peu plus loin les dégradés dans Illustrator est de garder les éléments qui définissent les formes et la structure, et éventuellement l'ombrage, séparément des éléments utilisés pour la coloration. Par exemple, je reçois beaucoup de questions sur la façon dont j'ai créé ce design, car il ressemble à un maillage dégradé, mais la coloration n'est pas quelque chose que vous attendiez d'un maillage dégradé, mais c'est quelque chose que vous pourriez voir dans un Dégradé radial, mais ce n'est pas non plus un dégradé radial. Et ce n'est pas non plus un dégradé de forme libre. Alors qu'est-ce que c'est ? Jetons un coup d'oeil. En effet, l'élément inférieur de mon document est ce Gradient Mesh déformé qui est assez basique. J' ai utilisé juste quelques couleurs dedans, et j'ai poussé les points autour pour créer ce genre de forme de flamme décolorée que je cherchais. Donc, il est assez tranchant de ce côté, mais il s'estompe bien de l'autre côté. Et après cela, j'ai commencé à penser comment je peux faire une coloration plus amusante, parce que l'ajout de plus d'arrêts de couleur à ce maillage ne me permettrait pas d'obtenir cet effet de coloration amusant que j'étais après. J' ai donc commencé par ajouter ce rectangle séparé dans une forme de mon plan de travail, rempli de ce dégradé radial bleu super subtil. Et j'ai défini le Mode de fusion de cet objet Soft Light pour modifier les couleurs de mon Gradient Mesh jamais aussi légèrement. Et j'utilise souvent cette astuce dans mon travail car elle permet d'ajouter des ajustements très fins aux couleurs sans toucher réellement les maillages dégradés, que vous pouvez modifier en utilisant, par exemple, l'outil Recolor Artwork . Mais si c'est quelque chose d'un peu plus complexe, cela pourrait prendre plus de temps et plus difficile. Donc, en utilisant un calque de modificateurs séparé comme celui-ci , il est juste un peu plus facile d'affiner les couleurs. Après avoir ajouté ce rectangle j'ai pensé comment je pouvais distribuer les couleurs dans cette forme. Donc, tout d'abord, j'ai ajouté un cercle qui est rempli de ce dégradé radial rose ou magenta. Ainsi, les deux arrêts de couleur sont réglés sur la même couleur et celui sur le bord est réglé sur 0% Opacité. Et j'ai décalé un point d'origine dans ce dégradé juste pour que ce dégradé fonctionne un peu mieux avec cette forme. Donc, il est un peu plus écrasé de ce côté, et est un peu plus long de ce côté, même si vous ne pouvez pas vraiment le voir. Et puis j'ai joué avec différents modes de fusion. Dans la plupart des cas, je m'installe en mode Superposition ou Lumière douce, mais selon les couleurs avec lesquelles je travaille, je peux également utiliser le mode Écran ou Multiplier. Mais dans la plupart des cas, oui, j'utilise le mode Superposition car il permet de faire ressortir les couleurs vives d'une manière plus agréable. Et lorsque vous travaillez de cette façon, vous pouvez également utiliser le paramètre Opacité pour affiner l'intensité de cette couleur que vous ajoutez. Donc, si vous voulez ajouter une coloration un peu plus douce, vous pouvez baisser l'opacité, par exemple, comme ceci. Et dans ce cas, je voulais utiliser 100% d'opacité pour le rendre lumineux. Et en raison de la façon dont ce dégradé se marie avec le maillage dégradé en dessous, vous pouvez immédiatement voir ce surlignement ici. Et puis il y a cette belle propagation de couleurs dans cette couleur plus foncée. Ensuite, j'avais besoin d'ajouter un peu plus de coloration au bout de ma flamme. Et pour cela, j'ai utilisé un autre gradient radial. Dans ce cas, il est effectivement contenu dans un grand rectangle, car il permet simplement de déplacer le dégradé radial à l'intérieur et de ne pas s'inquiéter des bords. Donc, dans ce cas, il s'agit d'un dégradé radial de cette couleur beigeâtre blanc cassé, qui est au centre du dégradé. Ensuite, il y a cette couleur jaune vif. Et sur le bord, il y a un autre arrêt de couleur jaune vif, mais encore une fois, l'Opacité de cet arrêt de couleur d'arête est réglée sur 0%. Et c'est ce qui permet de mélanger ce dégradé avec les dégradés en dessous. Et le mode de fusion réel de cet objet est défini sur Normal. Donc, tout le mélange se passe à cause de la transparence. Dans ce dégradé encore une fois, j'ai ce décalage Origin Point, qui permet d'ajouter ce surlignement ici. Et si je le fais glisser ici, vous voyez à quoi ressemble ce dégradé. Mais en le déplaçant ici, il crée ce genre d'effet de lueur. Et ça donne l'air assez dynamique. Et c'est pourquoi j'aime utiliser ce genre de dégradés de décoloration, en particulier les dégradés radiaux, parce qu'ils rendent si facile d'ajouter des taches de couleur supplémentaires. Et bien sûr, vous pouvez les déformer de quelque façon que ce soit, les redimensionner, et les placer à l'endroit désiré. Il y a donc beaucoup de place pour l'expérimentation. Donc, c'est la base de cet effet de coloration. Mais ici, j'ai aussi un dégradé radial supplémentaire, qui est un dégradé radial de décoloration simple avec deux arrêts de couleur définis sur la même couleur, et un sur le bord à nouveau réglé sur 0% Opacité. Et le mode de fusion de ce dégradé radial est réglé sur Lumière douce, ce qui aide à lier toutes ces couleurs ensemble. Et encore une fois, j'ai contrôlé l'intensité avec les paramètres Opacité qui est réglé sur 60%. Donc c'est tout pour les formes réelles. Et bien sûr, en plus d'eux, j'ai mon texte. Et en plus de tout ça, j'ai ma couche de grain. Le rectangle auquel l'effet Grain est appliqué est défini sur cette couleur bleu foncé. Et dans ce cas, le grain est un peu plus intense. Donc, le réglage Intensité est réglé sur 44, par rapport à mes 10 ou 20 habituels. Et pour rendre le grain encore plus prononcé, j'ai également réglé l'Opacité de cette couche à 70%, qui est encore un peu plus élevé que dans mes autres modèles. Mais vous pouvez voir qu'en ayant ce grain intense, ce design commence à avoir ce genre de particules, qui rend cette forme encore plus flamboyante. Et dans ce cas, ajout de grain a également contribué à augmenter le contraste dans la conception globale. Et cela a également aidé à lier toutes les couleurs ensemble et à créer ce look fini. C' est ainsi que vous pouvez créer effet de coloration complexe en combinant un certain nombre d'éléments différents : certains qui définissent la forme, et d'autres qui aident à colorer différentes zones de votre travail de différentes manières. Donc, je vous encourage vraiment à essayer de jouer avec les formes et la coloration séparément dans votre travail et de voir quels nouveaux effets amusants et uniques il vous permettra de créer ! En utilisant la même technique vous pouvez également ajouter des effets d'éclairage à votre travail, par exemple sous forme de points forts. Il y a donc beaucoup de place pour l'expérimentation, et vous pouvez également créer quelque chose d'un peu plus fantaisie en ajoutant des dégradés de forme libre évanouissants, si les dégradés Radial sont juste un peu trop simples ! 6. Coloration ludique et aspect 3D: Créer divers designs ou illustrations basés sur des formes abstraites ou géométriques qui ont un aspect 3D est l'une de mes choses préférées dans Illustrator. Et c'est beaucoup plus facile que cela puisse paraître ! Et dans de nombreux cas, lorsque vous avez besoin de créer quelque chose rapidement et que ce n'est pas quelque chose de super complexe en termes de structure, cela peut être fait dans Illustrator au lieu du logiciel 3D, où vous devez configurer des formes, lumières, ombrage, matériaux et coloration. Donc, si vous voulez créer quelque chose rapidement, ce qui, par exemple, est fait pour l'impression ou pour une utilisation numérique statique, ou si vous avez besoin de créer un projet de proposition qui sera ensuite pris dans un autre logiciel et animé ou recréé en 3D, vous pouvez le faire dans Illustrator, et c'est vraiment rapide, amusant et facile ! Par exemple, ce design a ici tous ces tubes qui ont une sensation 3D pour eux et ce genre de coloration organique, qui ne suit aucun motif linéaire. Alors regardons quel genre d'éléments j'ai utilisés dans cette conception. Tout d'abord, j'ai travaillé sur la création de ces tubes ici. Et c'est comme ça qu'ils avaient l'air de commencer. Tous ces tubes sont des mélanges entre des paires de cercles remplis de dégradés linéaires noirs à blancs. Et chacun de ces Blends suit une colonne vertébrale personnalisée. Et pour créer ces épines j'ai utilisé l'outil Crayon et je les ai très rapidement dessinés , puis les ai arrangés dans ce motif ici. Parce que tous ces Blends suivent des épines de Blend personnalisées et sont basés sur des cercles remplis de dégradés linéaires noir à blanc, il permet de créer cet effet d'ombrage. Et je peux contrôler l'aspect de l'ombrage en changeant simplement l'angle des dégradés formant les Blends. Et pour créer cet aspect lisse de ces Blends dans les Options de Blend, j'ai utilisé un nombre assez élevé d' étapes et défini la méthode Spacing sur Étapes spécifiées ici. Donc, c'est la base pour les tubes dans ma conception, et c'est ce qui les fait paraître tridimensionnels. Et après avoir mis en place tous ces Blends j'ai commencé à penser comment je pouvais les colorer d'une manière non linéaire intéressante. Et pour ce premier de tout j'ai créé ce dégradé de forme libre dans un rectangle qui couvre l'ensemble de mon plan de travail, j'avais l'intention d'utiliser comme arrière-plan pour commencer, mais aussi de le réutiliser pour colorer tous mes éléments. Et pour pouvoir appliquer mon dégradé de forme libre à chacun de ces Blends j'ai gardé les Blends originaux comme une sauvegarde, et créé deux copies de chaque Blend. Dans chaque paire de copies j'ai gardé l'un des Blends tel qu'il était, et j'ai pris la deuxième copie, l'ai développée, unifié toutes les formes résultantes en une forme plus grande, puis utilisé comme masque d'écrêtage pour contenir une copie de mon Dégradé de forme libre. Tous ces tubes colorés ici sont créés en utilisant exactement le même principe. Alors jetons un coup d'oeil à celui-ci ici. Voici donc un chemin d'écrêtage basé sur la forme qui est formée par le Blend. Et voici un dégradé de forme libre à l'intérieur. Et pour créer un effet de coloration excitant et dynamique, j'ai pris le dégradé de forme libre et mis à l'échelle, tourné et parfois réfléchi ce dégradé, et je l'ai positionné dans chaque masque. Et lors de la transformation de ce dégradé de forme libre, j'ai prêté attention à la façon dont les couleurs dans le masque et les couleurs sur l'arrière-plan fonctionnent ensemble. Et j'ai également veillé à ce qu'il n'y ait pas de conflits de couleurs entre différentes formes dans les endroits où elles se chevauchent. Donc, c'est ainsi que cette coloration est créée. Et pour le rendre tridimensionnel j'ai utilisé une copie du Blend original, ai placé au-dessus du groupe d'écrêtage respectif, et j'ai défini le Mode de fusion de ce Blending sur Overlay, qui crée ce genre d'effet d'ombrage. Alors que vous pouvez utiliser d'autres modes de fusion pour obtenir des effets légèrement différents, je préfère utiliser Overlay car cela n'affecte pas la teinte des couleurs et ne crée que ce genre d'effet d'ombrage en rendant certaines zones plus légères et un peu plus sombre. Et encore une fois, c'est une approche similaire, juste un peu plus complexe parce que nous utilisons des masques d'écrêtage, à celui que je vous ai montré précédemment, parce que je garde mon ombrage et ma forme séparément des objets qui sont utilisés pour la coloration, et les mélanger ensemble pour obtenir l'effet désiré. Donc tous ces autres tubes sont créés exactement de la même manière. Et le dégradé de forme libre dans chaque masque est positionné différemment à chaque fois. Et pour créer un effet de superposition plus complexe dans quelques cas j'ai également copié les chemins formant des masques d'écrêtage et les découpé l'un de l'autre pour créer masques d'écrêtage supplémentaires pour mettre les formes entières en dans quelques cas, j'ai également copié les chemins formant des masques d'écrêtage et les découpé l'un de l'autre pour créerdesmasques d'écrêtage supplémentaires pour mettre les formes entières en ils apparaissent comme s'ils étaient derrière certains des objets, mais devant d'autres. Par exemple, comme ici ou ici. Alors que vous pouvez créer les objets qui sont utilisés pour la coloration de tous les éléments chaque fois, la réutilisation des dégradés de forme libre est super rapide et facile. Et parce que le gradient de forme libre par sa nature est déjà assez complexe, il permet de créer beaucoup de variation dans le design. En plus de la rotation, de la mise à l'échelle, de la réflexion et du positionnement du dégradé de forme libre dans le masque d'écrêtage, si vous avez besoin d'apporter quelques ajustements mineurs au dégradé, vous pouvez toujours modifier les butées de couleur à l'intérieur pour créer la propagation désirée des couleurs et rendre la coloration et l'effet de superposition encore plus excitant. J' aime beaucoup ce look 3D assez simple, mais lorsque vous travaillez sur vos conceptions, vous pouvez également envisager d'ajouter un peu d'ombrage derrière les formes, ou quelques reflets au-dessus d'elles. Donc, c'est ainsi que cette coloration est créée. Et pour que tout soit soigné, tous ces tubes sont placés dans un masque de coupe de la taille de mon plan de travail. Et par-dessus tous ces éléments, j'ai aussi mon objet texte, qui dans ce cas est réglé sur 90% Opacité pour lui ajouter plus de transparence et créer un peu plus d'effet de superposition. Et il est également placé dans un masque d'écrêtage, encore une fois pour le faire apparaître comme s'il était derrière l'un des éléments. Mais en raison de mon style général d'incorporer du texte dans mes dessins, j'ai une autre copie du texte intégral, qui est placée au-dessus de tous les autres éléments. Et son Opacité est définie sur 20%. Il le rend donc lisible à travers cette forme et ajoute encore un peu plus de transparence à ce design. Donc, ce sont tous des éléments de conception. Mais comme d'habitude, j'ai aussi ma couche de grain séparée ici. Dans ce cas, le rectangle auquel l'effet Grain est appliqué est rempli de cette nuance de couleur grise. Son mode de fusion est réglé sur Lumière douce comme d'habitude, et son Opacité est réglée sur 35%. Et l'effet Grain est configuré de la même manière que mes autres modèles avec Intensité définie sur 10, Contraste défini sur 50 et Type de grain défini sur Stippled. Et ce grain subtil fonctionne très bien avec ces couleurs pastel claires dans ce design. Donc, voici comment vous pouvez créer cet effet. Et il vous permet de créer beaucoup de choses et de formes amusantes , en fonction du type d'éléments que vous utilisez dans vos Blends, façon dont vous façonnez vos épines de mélange, et bien sûr, des couleurs que vous utilisez. En utilisant la même technique, vous pouvez également colorier tous les objets créés à l'aide des outils 3D d'Illustrator, maillages dégradés abstraits complexes ou des illustrations réalistes créées à l'aide des maillages dégradés, qui besoin d'une touche de couleur supplémentaire. Alors jouez avec cette technique et voyez ce que vous pouvez créer ! 7. Réflexions finales et conclusion: Je trouve souvent que pour créer quelque chose d'excitant il suffit de jouer et de trouver des façons plus expérimentales d'utiliser des outils assez basiques. Et j'espère que cette classe vous a donné de nouvelles idées façon dont vous pouvez utiliser ces outils familiers pour créer des effets différents. Je serai ravi de voir comment vous mettez en œuvre ces techniques dans votre travail et d'entendre la technique que vous aimez le plus ou que vous aimeriez explorer dans vos projets futurs. Pour votre projet de classe, expérimentez avec la création d'un design, illustration ou d'une illustration en utilisant l'un des outils et techniques que vous n'avez pas utilisés auparavant ou que vous n'avez pas utilisés de la même manière que je l'ai partagé avec vous dans cette classe, et partagez quelques mots sur votre processus expérimental et ce que vous avez appris. N' oubliez pas de partager votre travail dans la section Projets de cette classe, et si vous voulez partager votre travail sur Instagram, veuillez nous étiqueter @attitudecreative et utiliser le hashtag #attitudeskills afin que nous puissions facilement trouver vos messages ! Si vous avez des questions, veuillez laisser un commentaire dans l'onglet Discussions pour ce cours et je serai heureux de répondre et de fournir des commentaires ! Si vous voulez me voir disséquer un autre de mes dessins dégradés, tous que vous pouvez trouver dans les projets de mon profil Behance, veuillez laisser un commentaire avec le nom et le numéro du design sur le tableau de discussion pour cette classe, et je serai sûr de le considérer lors de la création de futures classes. Si vous voulez en apprendre plus en détail sur l'utilisation des outils et techniques que j'ai mentionnés dans cette classe Ou en général apprendre plus de conseils, astuces et techniques pour créer des gradients vectoriels, n'oubliez pas de consulter ma classe Maîtriser les dégradés dans Illustrator. Alors, c'est tout pour ce cours ! J' espère que vous l'avez apprécié et appris quelque chose de nouveau. Si vous avez trouvé ce cours utile, veuillez laisser un commentaire afin que plus de gens puissent le découvrir ! Et n'oubliez pas de nous suivre ici sur Skillshare pour être le premier à connaître nos nouvelles classes, mises à jour et annonces. N' hésitez pas à suivre notre page Facebook pour voir ce que nous faisons, obtenir toutes les dernières mises à jour, nous envoyer des messages privés si vous avez besoin de nous contacter et à ne pas manquer si vous êtes en vedette dans notre Étudiant Spotlight galerie ! Merci d'avoir regardé ce cours, et j'espère vous voir dans nos autres classes !