20 astuces de dégradés Illustrator en 20 min - Un cours Graphic Design for Lunch™

1. Conception graphique pour le début de lundi 20 conseils Gradient d'introduction à la Lunch 20 Gradient: Bonjour, je suis Helen Bradley. Bienvenue dans cet épisode de design graphique pour le déjeuner, 20 conseils de dégradé en 20 minutes. conception graphique pour le déjeuner est une série de cours qui enseignent une gamme de conseils et de techniques pour créer des conceptions et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous examinons les dégradés dans Illustrator et nous allons examiner une gamme de techniques, de conseils et d'astuces pour travailler avec les dégradés dans Illustrator. Maintenant que vous regardez ces vidéos, vous allez voir une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous appréciez la classe et en apprenez des choses, ferais-tu deux choses pour moi ? Tout d'abord, répondez oui au fait que vous le recommanderiez aux autres et, deuxièmement, écrivez quelques mots sur les raisons pour lesquelles vous appréciez la classe. Ces recommandations aident les autres élèves à voir qu'il s'agit d'une classe dont ils pourraient aussi profiter et tirer des leçons. Si vous voulez me laisser un commentaire ou une question, s'il vous plaît le faire. Je lis et réponds à tous vos commentaires et questions, et je regarde tous vos projets de classe et y réponds. Si vous êtes prêt maintenant, commençons avec nos 20 conseils de dégradé en 20 minutes ou moins. 2. 5 premiers conseils: Recherchez et installez un dégradé fourni avec Illustrator. J' ai ma forme sélectionnée ici. Je vais le remplir avec un dégradé. Maintenant, lorsque le panneau Dégradé s'ouvre, vous verrez qu'il n'y a qu'un très petit sous-ensemble de dégradés disponibles et que le panneau Dégradé n'a plus accès à d'autres dégradés. Pour accéder à d'autres dégradés, accédez au panneau Nuancier. Dans le panneau Nuancier, vous pouvez cliquer sur le menu Flyout et choisir « Ouvrir la bibliothèque d'échantillons », puis « Dégradés ». Il y a toute une série de dégradés que vous pouvez sélectionner, je vais choisir Gemmes et Bijoux. Maintenant, chaque dégradé que j'essaie sur cette forme est ajouté automatiquement au panneau Nuancier pour ce document, pas pour d'autres documents à l'avenir, juste pour celui-ci. Je peux cliquer ici pour voir le prochain ensemble de gradients, ce sont des métaux, et passer par et voir des neutres et d'autres. Encore une fois, chacun de ces dégradés que j'essaie sur une forme est ajouté automatiquement au panneau Nuancier uniquement pour ce document. Suppression d'un arrêt de couleur dans un dégradé, de deux façons. J' ai un dégradé appliqué à cette forme ici, et je veux sortir cette couleur très claire. Eh bien, je peux le supprimer de deux façons. Tout d'abord, je peux simplement cliquer dessus dans le panneau de dégradé ici et cliquer sur la touche « Supprimer Stop », et cela va enlever cette couleur. Remettons-le à nouveau. Je vais appuyer sur « Contrôle » ou « Commande Z » pour annuler cela. Vous pouvez également simplement prendre le Dégradé Stop et simplement le retirer du curseur de dégradé et il disparaîtra de cette façon aussi. Ajoutez des couleurs supplémentaires à un dégradé, il existe plusieurs façons d'ajouter des couleurs supplémentaires à un dégradé. L' un d'eux est de sélectionner l'un des arrêts de couleur déjà dans le dégradé, puis vous pouvez simplement cliquer sous le curseur de dégradé pour ajouter un autre arrêt. Si vous double-cliquez sur l'arrêt, vous pouvez sélectionner une couleur à créer. Il y a un survol ici, qui vous permet de choisir les couleurs RVB, HSB, CMJN ou Web Safe RVB. Vous pouvez également sélectionner des couleurs dans le panneau Nuancier. Il est également possible d'ajouter des couleurs à un dégradé à partir du panneau Nuancier, il suffit de saisir la couleur et de la placer sur le curseur de dégradé à l'endroit où vous voulez qu'elle apparaisse. Enregistrez un dégradé pour pouvoir le réutiliser encore et encore. J' ai une forme ici avec un dégradé personnalisé et le remplissage est au premier plan ici. Je peux ajouter ce dégradé au panneau Nuancier de deux façons. Je peux le faire glisser depuis la zone Couleur de remplissage et le déposer dans le panneau Nuancier. Je peux également cliquer ici sur « New Swatch », puis cliquez simplement sur « OK » et il est ajouté à nouveau. Maintenant, si je veux enregistrer ceci pour pouvoir l'utiliser à tout moment dans le futur, je vais devoir d'abord supprimer toutes les autres couleurs dont je n'ai plus besoin. Je vais cliquer loin d'elle et je vais supprimer ces couleurs. La seule chose que je laisse, c'est le Aucun, l'inscription et mon échantillon. Maintenant, je vais l'enregistrer en cliquant sur le menu déroulant. Je vais choisir Enregistrer la bibliothèque Swatch en tant qu'IA. Maintenant, je peux lui donner un nom et cliquer sur « Enregistrer ». C' est maintenant enregistré comme échantillon dans ma collection. À l'avenir, je peux cliquer sur le menu déroulant, choisir « Ouvrir la bibliothèque Swatch », aller à « Défini par l'utilisateur », voici mon dégradé afin que je puisse y accéder dans n'importe quel futur document. Comprendre le rôle du point médian dégradé. J' ai une forme remplie de dégradé ici, et c'est le dégradé avec lequel il est rempli. Il y a trois couleurs à travers le bas du dégradé et deux petits diamants ici. Ces diamants sont des points médians. Ils me disent où se produit le point médian entre les transitions de cette couleur à cette couleur. Ils peuvent être déplacés. Je vais sélectionner ce diamant et le rapprocher de l'orange. Vous pouvez voir que nous avons maintenant une transition beaucoup plus raide. Il y a beaucoup plus de bleu et beaucoup moins d'orange, donc les transitions beaucoup plus rapides, beaucoup plus raides. On peut faire la même chose ici et juste faire glisser le point médian en position. Encore une fois, nous avons juste une très petite bande d'orange et une très grande bande de bleu. En utilisant ces points médians, vous pouvez créer votre dégradé pour faire comme vous le souhaitez sur votre forme. 3. 5 secondes de conseils: Comment échantillonner une couleur à partir d'un dégradé. J' ai ici une forme de remplissage dégradé et une forme qui n'a aucun remplissage appliqué à elle. Je vais à l'outil pipette et quand je clique sur cette forme pour en échantillonner la couleur, j'échantillonne tout le dégradé. Mais que se passe-t-il si je veux juste une seule couleur, pas un dégradé ? Si je maintiens la touche Maj pendant que j'échantillonne, je vais obtenir la couleur sous le curseur. je fais glisser le curseur sur le curseur, si vous regardez la couleur de remplissage de l'échantillon de couleur ici, vous verrez que j'échantillonne les couleurs. Je peux prévisualiser ces couleurs jusqu'à ce que j'obtienne la couleur que je veux. Laissez aller le bouton gauche de la souris, et c'est la couleur qui est utilisée pour remplir cette forme. La touche Maj me permet de limiter mon échantillonnage à une couleur dans un dégradé. Comprenez pourquoi l'opacité dans les dégradés peut avoir de l'importance. J' ai une forme qui est remplie d'un gradient radial. Il est jaune au milieu, et il pince vers le bord. On dirait que c'est un dégradé jaune à transparent, mais ce n'est pas le cas. Prenons cette forme et nous allons la déplacer sur le haut de ce dégradé. Nous pouvons voir que les bords de ce dégradé sont complètement opaques. Donc on n'obtient pas un très beau mélange de ces deux formes ensemble. Si vous souhaitez que vos dégradés se fondent dans les formes ci-dessous, vous devez vous assurer que le bord extérieur du dégradé est transparent. Modifiez l'opacité d'un arrêt de dégradé. Dans la dernière astuce, nous avons examiné ce problème et décidé que nous devions changer l'opacité de la couleur extérieure dans ce dégradé. Lorsque la forme est sélectionnée, il s'agit du dégradé. Il s'agit de la couleur du trait extérieur. C'est blanc. Je vais ajuster l'opacité pour le faire zéro pour cent. Vous pouvez maintenant voir que la forme a un bord transparent et qu'elle se fond donc dans la forme en dessous. On voit un peu d'halogène blanc ici parce que cette couleur est blanche. Si c'était ce jaune, alors on ne verrait pas tout à fait le même effet halogène. Affichez et utilisez l'Annotateur de dégradé. J' ai une forme sélectionnée ici. Il a un gradient radial qui lui est appliqué. Il s'agit du panneau dégradé qui existe avec les autres panneaux de ce côté de l'interface Illustrator. Ici, il y a un outil de dégradé. Je vais cliquer sur l'outil dégradé, et cela montre ce qu'on appelle l'Annotateur de dégradé. Si vous ne voyez pas le vôtre, vous allez dans le menu Affichage et cliquez ici où il serait dit, afficher Gradient Annotator. Désormais, l'Annotateur de dégradé vous permet de dessiner un dégradé sur les formes. Je vais juste aller dans ce coin inférieur de cette forme, et je vais cliquer et faire glisser avec elle. Je peux placer le dégradé où je veux qu'il utilise l'annotateur. Allons sélectionner cette forme. Il s'agit du dégradé appliqué à cette forme. Cliquez sur l'Annotateur. Maintenant, je vais faire glisser pour le positionner différemment à l'intérieur de la forme. Je peux le faire glisser là où je veux qu'il apparaisse, et ce faisant, je vais changer la façon dont le dégradé affecte cette forme. Comprendre l'Annotateur de dégradé. fois cette forme sélectionnée, Unefois cette forme sélectionnée, regardons l'Annotateur de dégradé. En dessous, il y a des arrêts de couleur, et chacun de ces arrêts de couleur correspond à cet arrêt de couleur ici. Si je sélectionne un arrêt de couleur et que je change sa position, je changerai également sa position dans le panneau de dégradé. Avec l'Annotateur de dégradé, je peux cliquer et faire glisser ici pour aplatir la forme du dégradé. Je peux le déplacer ou le déplacer. Je peux aussi le faire pivoter. En haut, il y a des points médians, chacun de ces points médians coïncide avec un point médian sur le gradient ici. L' Annotateur de dégradé de cette forme fonctionne de la même manière. Ce n'est pas un point de déplacement, c'est sa fin de rotation. Ce sont les arrêts de couleur correspondant à ces arrêts de couleur, et ce sont les points médians correspondant aux points médians ici. Les modifications apportées ici ou ici seront reflétées dans l'autre outil. L' Annotateur de dégradé et le panneau de dégradé sont à peu près interchangeables. Vous pouvez utiliser celui qui fonctionne le mieux pour vous. 4. 5 conseils de troisième: Application de dégradés à une ligne ou à un trait. Depuis l'Illustrator CS6, nous avons été en mesure d'appliquer des dégradés à un trait, donc j'ai une forme ici avec un trait. Je vais au panneau Nuancier. Je vais cliquer pour appliquer un dégradé à ce trait et je peux faire la même chose à cette ligne ici. Je vais utiliser un dégradé légèrement différent. Maintenant, vous pouvez également contrôler la façon dont le dégradé est appliqué à ce trait. Sélectionnez cette forme et allons dans le panneau Dégradé. Ici, parce que nous regardons un gradient appliqué à un trait, nous avons trois options ici. Nous pouvons appliquer le dégradé dans le trait, nous pouvons appliquer le dégradé le long du trait, ce qui nous donne un aspect différent, et nous pouvons appliquer le dégradé sur le trait, ce qui nous donne à nouveau un aspect différent. Jetons un coup d'oeil sur cette ligne. C' est dans le coup, c'est le long du coup, et c'est probablement celui qui vous intéresse le plus. C' est celui où vous appliquez le dégradé sur le trait, et vous obtenez donc cet aspect métallique à cette ligne. Créez un dégradé d'angle dans Illustrator. Similaire à un dégradé d'angle dans Photoshop, s' agit d'une solution de contournement pour en créer un dans Illustrator et créer un cercle de 500 pixels de diamètre, il n'a pas de remplissage et je vais appliquer un dégradé linéaire régulier au trait. Je vais définir la largeur du trait sur exactement la même taille que mon cercle. Mon cercle fait 500 par 500. Mon AVC va maintenant être de 500. Il s'agit d'un dégradé linéaire appliqué à ce trait. Ici, dans le panneau Dégradé, si je sélectionne d'appliquer le dégradé le long du trait, alors j'obtiens ce dégradé d'angle. Il peut bien sûr être découpé à n'importe quelle forme à laquelle nous voulons appliquer ce dégradé. J' ai une forme rectangulaire ici. Je vais sélectionner les deux formes, cliquer avec le bouton droit de la souris et faire un masque d'écrêtage et j'ai maintenant un rectangle avec ce dégradé d'angle qui lui est appliqué. Il est assez facile de créer une sphère dimensionnelle en utilisant des dégradés. Je vais traîner un cercle ici. Je vais éteindre ce trait et je vais remplir le cercle avec un dégradé. Le dégradé ici a du blanc au centre et des nuances de rouge jaunâtre en sortant. Je vais au Gradient Annotator. Je vais commencer au milieu du bas de la forme et faire glisser vers haut pour remplacer mon dégradé centré sur le bas de la forme. Maintenant, je vais créer une ellipse plate. Je vais le remplir avec le dégradé noir à blanc fourni avec Illustrator. C' est un gradient linéaire, je vais le faire pivoter à moins 90. Je vais prendre cette forme et la placer au-dessus de mon cercle. Une fois cette option sélectionnée, j'accède au panneau Apparence. Je vais cliquer sur « Opacité ». Cela me permet de définir le mode de fusion pour cette forme à l'écran. Lorsque je clique, vous verrez que j'ai une sphère dimensionnelle créée en utilisant des dégradés. Appliquez un dégradé sur plusieurs formes. J' ai une série de formes ici. Je veux remplacer le solide rempli d'un dégradé. Je vais cliquer ici sur le dégradé que j'ai déjà sélectionné pour utiliser. Vous verrez que chacune de ces formes possède une seule version du dégradé utilisé pour le remplir. Faisons la même chose ici. Mais cette fois, passons à l'Annotateur de dégradé et je vais cliquer et faire glisser sur ces formes et je vais maintenir la touche Maj, donc je clique et je fais glisser sur une ligne droite. Lorsque je lâche le bouton de la souris, cette fois vous pouvez voir que le dégradé a été appliqué différemment. Il a été appliqué comme si toutes ces formes étaient une seule forme. Si vous utilisez une version antérieure d'Illustrator et si cette technique ne fonctionne pas pour vous, annulez-la. Sélectionnez vos formes et choisissez Objet, Chemin composé, Marque. Cliquez ensuite pour le remplir avec un dégradé. Un chemin composé fonctionnera comme un chemin unique et votre dégradé sera donc appliqué sur ce chemin. Créer du texte rempli de dégradé. J' ai ici un texte qui vient d'être tapé dans le document. C' est entièrement modifiable. Je n'ai rien fait de spécial. Avec le texte sélectionné, je vais essayer de le remplir avec un dégradé. Ça ne marche pas. Je vais annuler ça. Pour remplir votre texte avec un dégradé et le rendre modifiable, sélectionnez le texte, allez dans le panneau Apparence et cliquez ici pour ajouter un nouveau remplissage. Lorsque vous ajoutez un nouveau remplissage, vous pouvez désormais appliquer un dégradé en tant que remplissage. Une fois que vous avez appliqué votre dégradé, accédez au panneau Dégradé où vous pouvez désormais apporter des modifications au dégradé, par exemple en le faisant pivoter. 5. 5 conseils finaux: Pourquoi utiliser un dégradé noir et blanc pour un effet de surbrillance ? Lorsque nous avons créé cette sphère dimensionnelle, nous avons créé ici une forme remplie d'un dégradé linéaire noir à blanc. Il est réglé sur le mode de fusion de l'écran ici dans le panneau d'apparence. On l'a fait pour une raison. Je vais sélectionner la forme sous-jacente et je vais changer le dégradé qui lui est appliqué, donc je vais la rendre orange. Le surlignement est en train de changer pour afficher l'orange. Quand je le fais bleu, le point culminant montre le bleu. Un dégradé noir à blanc mélangé dans une forme en dessous à l'aide mode de fusion de l'écran va toujours refléter la couleur sous-jacente. Nous n'avons pas besoin d'apporter des modifications à notre surbrillance, tout ce que nous avons à faire est de changer le dégradé appliqué à la forme sous-jacente et le surlignement fonctionne parfaitement. Créez des textures simples avec des dégradés. J' ai un cercle rempli d'une couleur. Il n'a pas d'AVC. Je vais dans le panneau Apparence, je vais ajouter un second remplissage. Je vais cliquer sur « Ajouter un nouveau remplissage », et je vais sélectionner le dégradé noir à blanc qui est en forme avec Illustrator. Je vais cliquer sur le panneau Dégradé et le transformer en dégradé radial. Je vais pousser le noir sur les bords mêmes de ce gradient, et je vais m'assurer que l'opacité de l'arrêt central ici est de retour à zéro. Il est transparent au milieu noir autour du bord. Je vais choisir « Effet » puis « Texture », puis « Grain ». Je vais le mettre en pointillé et je vais ajuster le contraste et l'intensité pour obtenir le look que je veux, je vais cliquer sur « Ok. Je vais retourner au panneau Apparence. Je vais mélanger ce remplissage au calque ci-dessous en utilisant le mode de fusion multiplier, et j'obtiens ce bel effet de texture pointillée sur ma forme. Création d'un dégradé à l'aide de l'outil de fusion. L' outil Dégradé n'est pas le seul moyen de créer des dégradés dans Illustrator et l'outil de fusion est une autre option. J' ai quelques cercles ici, je vais sélectionner l'outil de mélange, et je vais cliquer sur chacun de ces cercles. Un illustrateur va créer un mélange transparent d'un cercle de couleur à l'autre. Il fait quelques choses qui non seulement mélange les couleurs, mais il mélange aussi la forme. Mais comme cette forme est la même à chaque extrémité en disant simplement un dégradé continu, n'importe laquelle de ces couleurs peut être modifiée en sélectionnant la forme et en changeant simplement la couleur. Un illustrateur met à jour le mélange. Maintenant, vous pouvez faire un mélange avec plusieurs formes, alors allons chercher l'outil de fusion et cliquez sur les formes, chacune à tour de rôle. Dans ce cas, le mélange est à travers les trois formes qui vont du jaune au rouge, puis du rouge au bleu. Parfois, votre meilleur dégradé dans Illustrator peut être un mélange. Créez un effet de demi-teinte de faux dégradé à l'aide de mélanges. J' ai une forme de coeur ici avec un remplissage sombre et un avec un remplissage léger. Je vais créer un mélange de l'un à l'autre pour créer un dégradé de fausse forme. Je vais cliquer sur l'outil Mélange, puis cliquer sur chacune des formes à tour de rôle. Double-cliquez sur l'outil Mélange, activez l'option Aperçu. Je vais choisir des étapes spécifiées, cela va réduire le nombre de pas jusqu'à ce que je puisse voir les formes réelles du cœur parce que, pour cet effet, je veux voir ces coeurs. Je vais cliquer sur « OK ». Maintenant, je vais le répéter dans le document avec celui-ci sélectionné, je vais choisir « Effet », « Distorter et transformer », puis « Transformer ». Activez l'aperçu. On va le déplacer de quelques pixels. Je pense probablement qu'environ 40 ou 45 pixels ira bien, et puis je vais augmenter le nombre de copies jusqu'à ce que nous étirions à travers le document. Je vais cliquer sur « OK ». Il s'agit d'un effet de dégradé de tri utilisant des formes et un mélange avec finalement une transformation pour parcourir le document dans Illustrator. Créez des dégradés détaillés à l'aide du maillage dégradé. Lorsqu' un dégradé n'est pas suffisamment détaillé pour un projet que vous avez en tête, vous pouvez utiliser le maillage dégradé. Je vais sélectionner sur cette cible de forme, l'outil de maillage dégradé. Je vais juste cliquer pour ajouter des grilles de maillage sur cette forme particulière. Je peux modifier la position de ceci en utilisant l'outil de sélection directe. Ensuite, n'importe lequel d'entre eux peut être coloré en sélectionnant le point, puis en lui appliquant une couleur. De cette façon, vous pouvez ajouter des effets de dégradé de détail à une forme, et chacune des couleurs que vous appliquez à l'un de ces points sera fusionnée de façon transparente avec les couleurs adjacentes. Avec un peu de temps et d'efforts, il est possible d'obtenir des résultats presque photoréalistes en utilisant ce gradient. 6. Projet et synthèse: Votre projet pour ce cours sera de me dire dans la section des projets de classe, lequel de ces conseils vous a vraiment parlé ? Lequel de ces conseils pensez-vous que vous allez utiliser beaucoup plus dans Illustrator que vous savez comment le faire ? J' espère que vous avez apprécié ce cours et que vous avez appris des choses sur Illustrator que vous ne saviez pas déjà. Maintenant que vous regardiez ces vidéos, vous aurez vu une invite vous demandant si vous recommanderiez cette classe à d'autres personnes. vous plaît, si vous appréciez la classe et en apprenez des choses, ferais-tu deux choses pour moi ? Tout d'abord, répondez oui au fait que vous le recommanderiez aux autres, et d'autre part, écrivez quelques mots sur la raison pour laquelle vous appréciez la classe. Ces recommandations sont utiles aux autres élèves, pour dire qu'il s'agit d'une classe qu'ils pourraient aussi apprécier. Si vous voulez me laisser un commentaire ou une question, s'il vous plaît le faire. Je lis et réponds à tous vos commentaires et questions, et je regarde tous vos projets de classe et y réponds. Je m'appelle Helen Bradley. Merci beaucoup de m'avoir rejoint pour cet épisode de Graphic Design for Lunch. J' ai hâte de vous voir bientôt dans un prochain épisode.