Efectos de degradado de fondos en Adobe Illustrator - Una clase de Graphic Design for Lunch™.

1. Effets de géants dans Adobe Illustrator - Introduction - un design graphique pour le lunch™: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour déjeuner, Effets d'arrière-plan dégradés dans Adobe Illustrator. conception graphique pour le déjeuner est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous allons étudier la création d'arrière-plans dégradés dans Illustrator. Au fur et à mesure que nous créons nos arrière-plans, vous apprendrez un peu comment utiliser le panneau dégradé et comment configurer et configurer vos propres dégradés. vous travaillez sur ces vidéos, vous pouvez voir une invite qui vous permet de recommander cette classe à d'autres personnes. plaît, si vous aimez la classe, donnez-lui un pouce vers le haut. Ces recommandations aident d'autres élèves à trouver mes cours afin qu'ils puissent eux aussi en apprendre davantage sur Illustrator. Si vous souhaitez laisser un commentaire, s'il vous plaît le faire, je lis et réponds à tous vos commentaires, et je regarde et réponds à tous vos projets de classe. Si vous êtes prêt, commençons à créer des arrière-plans à l'aide de dégradés dans Illustrator. 2. Pt 1 - Background Pt: Je vais commencer dans Illustrator avec un nouveau document. J' utilise juste un document de 1 000 pixels par 1 000 pixels en mode couleur RVB. Vous pouvez faire votre document quelle que soit la taille que vous voulez. Je vais faire un rectangle exactement de la même taille que mon document. Je vais cliquer sur OK. J' utilise le panneau d'alignement ici. J' ai les options d'affichage activées, et je vais juste m'assurer que j'aligne tout sur le plan de travail afin que je puisse cliquer ici sur le alignement horizontal et le centre d'alignement vertical pour aligner la forme directement sur le dessus du plan de travail. Je ne veux pas qu'il ait un trait, mais je veux qu'il ait un remplissage, et je veux que le remplissage soit un dégradé. Ici, dans ces trois petites icônes sous les nuances de couleur pour le remplissage et le contour, se trouve une option de dégradé. Je vais cliquer dessus et j'appliquerai le dégradé blanc à noir par défaut à ma forme. Il s'agit d'un gradient linéaire. Il existe deux types de dégradés dans Illustrator, linéaires et radiaux. Mais nous allons nous contenter de linéaire pour l'instant. Si je n'aime pas l'ordre de ce dégradé, si je veux du noir ici, blanc ici, je peux cliquer ici et ça inverse le dégradé. Ici, sur le curseur de dégradé, il s' agit de l'échantillon blanc, et il s'agit de l'échantillon noir. Si je ne veux pas de noir, si je veux une autre couleur, je peux la changer. Je vais double-cliquer et juste choisir une couleur différente ici, par exemple, un bleu. Ce curseur de point central ajuste ici l'endroit où se produit la transition de 50 pour cent entre ces deux couleurs. Par défaut, c'est juste au milieu à 50 pour cent. Je vais juste y aller grossièrement. La transition entre le blanc et le bleu, le point de 50 pour cent, se situe au milieu de cette forme. Mais nous pouvons le pousser de chaque côté, ce qui nous donne plus de bleu et moins de blanc, et une transition plus raide entre les deux couleurs. Cela peut aller de l'autre côté aussi. Cela dépend juste de l'effet que vous recherchez. Je vais créer un gradient radial ici. Mais ce que je veux faire avec ce dégradé pour créer un arrière-plan utilisable, c'est que je veux tirer ce point central jusqu'ici. Maintenant, il n'y a pas d'option ici dans cette boîte de dialogue pour déplacer l'emplacement du point central vers le bas, mais il y a un outil pour le faire et voici l'outil dégradé. L' outil de dégradé montre exactement les mêmes arrêts de couleur, bleu ici, blanc ici, comme nous l'avons dans le curseur de dégradé ici, et voici le point médian. Nous pouvons l'ajuster ici, et quand nous le faisons, nous ajustons exactement le même curseur ici. C' est une autre façon de manipuler les gradients. En particulier, cela nous aidera à déplacer le centre de ce gradient vers le bas. Il y a deux extrémités à ce dégradé. Celui-ci est l'extrémité que vous utilisez pour le faire pivoter et réduire sa longueur. Mais celui-ci est celui que vous utilisez pour le déplacer, et donc je vais juste le ramasser et le déposer dans le coin inférieur de mon plan de travail, et cela me donne une transition de gradient radial qui est maintenant hors de la bord du plan de travail avec toujours remplir notre forme, mais nous avons une légère rafale dans le coin se ressourçant au bleu standard à mesure que nous dépassons le bord de ce dégradé. Maintenant, si je veux étendre ce point central plus loin, je peux le faire. Ce que je vais faire est de faire glisser à la fin de ce gradient pour agrandir le gradient afin que nous ayons ce point de transition qui se passe plus loin. C' est donc un effet de dégradé vraiment agréable à utiliser comme arrière-plan, juste un léger changement de couleur dans un coin. Typiquement, vous utiliseriez réellement une couleur bleue pour cela, donc vous ne le feriez probablement pas en utilisant un blanc. Allons goûter un bleu plus pâle pour ça. Eh bien, c'est un bleu verdoyant. Mais vous avez l'idée, que la transition d'une couleur à l'autre, où les couleurs sont assez proches les unes des autres, peut vous donner un effet de fond intéressant. Juste un peu de variété pour vos antécédents. 3. Pt 2 - Adaptation des dégradés intégrés: Désormais, en plus de créer vos propres dégradés personnalisés, vous pouvez également utiliser les dégradés livrés avec Illustrator. Alors je vais au panneau des échantillons. Amenez ça ici. J' ai ma forme sélectionnée. Je vais faire défiler le menu déroulant ici, choisir la bibliothèque d'échantillons ouverte, puis les dégradés. Je vais commencer par le plus haut, les brights. Ce que cela fait, c'est qu'il ouvre un petit panneau d'échantillons avec les dégradés brights visibles parce que j'ai ma forme déjà sélectionnée et parce que mon remplissage est au premier plan ici. Je peux cliquer sur l'un de ces dégradés pour l'appliquer immédiatement à l'image que vous pouvez dire que ces dégradés apportent avec eux non seulement les couleurs, mais aussi le type de dégradé qu'ils sont. Ce sont des gradients linéaires qu'ils ont été configurés comme des gradients linéaires, mais ils n'ont pas besoin de rester ainsi. Je vais ouvrir le panneau de dégradé et le transformer en gradient radial. Ensuite, je peux aller chercher mon outil de gradient et je peux juste le ramener dans le coin inférieur. Vous pouvez donc constater qu'il y a beaucoup de flexibilité avec les dégradés intégrés à Illustrator. Si vous les aimez, ils peuvent vous aider à démarrer rapidement vos projets. Maintenant, si vous ne trouvez pas ce que vous voulez dans le premier panneau de dégradé que vous voyez, cliquez ici pour voir la bibliothèque de nuances suivante, puis appliquez-la à l'image. Bien sûr, si vous voulez que ce soit un radial, alors vous pouvez simplement cliquer pour le rendre radial. Vous verrez que certains de ces dégradés rayés ont des effets intéressants sur votre image. Chaque fois que vous cliquez pour appliquer l'un de ces dégradés à une forme de votre image actuelle, le dégradé lui-même est ajouté au panneau Nuancier. Tous ces dégradés ne sont pas ajoutés, seulement ceux que vous sélectionnez pour tester. Il y a beaucoup de dégradés livrés avec illustrateur et certains d'entre eux sont radiaux, bien que vous puissiez bien sûr les convertir en linéaire si vous le souhaitez. D' autres bien sûr, sont linéaires, qui peuvent être convertis très facilement en radial en changeant simplement le type. Ces dégradés peuvent être soit un point de finition, sorte que vous pouvez simplement cliquer dessus pour les appliquer à une forme, puis être fait ou bien vous pouvez les utiliser comme point de départ pour créer un effet de dégradé différent, et bien sûr, à tout moment vous pouvez modifier les couleurs qui se trouvent dans ces dégradés. Vous pouvez le faire de deux façons. Vous pouvez double-cliquer sur un arrêt de dégradé pour ouvrir le panneau ici. Vous pouvez donc sélectionner une couleur de cette façon ou la sélectionner dans vos nuanciers actuels. Lorsque vous le sélectionnez en utilisant ces curseurs, je dis RVB parce que je travaille dans un document RVB. Mais l'une des meilleures options à utiliser souvent ici est HSB ou la luminosité de saturation de teinte qui vous permet de prendre une couleur que vous avez déjà et de la rendre plus claire ou plus foncée selon vos besoins en ajustant simplement la luminosité. Donc, juste avoir accès à ce curseur de luminosité peut vraiment vous aider à commencer rapidement ajuster les couleurs et le dégradé peut-être qu'il n'est pas assez clair ou pas assez sombre. Maintenant, vous pouvez également faire glisser et déposer des couleurs. Je vais juste ramasser cette couleur rose ici à partir du panneau des nuanciers, je vais juste la faire glisser sur le dessus de cet arrêt de couleur ici. Quand je lâche, la couleur existante est remplacée par une couleur que je viens glisser et de déposer sur l'arrêt de couleur. Vous pouvez également utiliser la pipette. Je vais juste cliquer sur cet arrêt de couleur pour dire que c'est celui que je veux ajuster et je vais à l'outil pipette. Je peux déplacer le clic avec l'outil pipette sur n'importe quelle couleur dans ce document pour faire que la couleur de cet arrêt ici. Dites, je veux en faire la couleur rose. Eh bien, dès que je clique dessus dessus, la couleur à cet arrêt de couleur change, alors vous n'avez pas à échantillonner les couleurs de la forme existante sur laquelle vous travaillez. Vous pouvez échantillonner n'importe quelle couleur de l'illustration qui se trouve devant vous. C' est un moyen très pratique d'obtenir les couleurs de votre document dans votre dégradé ici. Bien sûr, une fois qu'ils sont dans le dégradé, si vous voulez les ajuster pour double-cliquer sur eux. Voici une luminosité de saturation de teinte, et je peux dire, eh bien, j'aime vraiment ça, mais j'aimerais que ce soit une version légèrement plus foncée de ce rose. Je vais donc l'ajuster pour le rendre un peu plus sombre. 4. Pt 3 - dégradés multi-couleurs: L' une des raisons pour lesquelles j'ai créé cette classe de dégradé est parce qu'un de mes élèves a posé des questions sur la création arrière-plans de dégradé multicolore et nous allons le faire maintenant. J' ai un document de 1 000 x 1 000 pixels bien sûr, vôtre peut être n'importe quelle taille que vous voulez. J' ai déjà un rectangle sur le tableau d'art ici et il a les paramètres par défaut. Je vais éteindre la course. Je vais me concentrer sur le remplissage et appliquer juste le gradient de base. Je vais ouvrir mon panneau de nuanciers, il suffit de le faire glisser ici parce que je veux accéder à certaines des couleurs de mon panneau de nuanciers. Pour créer un dégradé multicolore, tout ce que j'ai à faire est de localiser une couleur dans mon panneau de nuanciers et de la faire glisser et déposer sur l'un des arrêts de couleur ici. Maintenant, il n'a pas besoin d'être glissé sur un point de couleur, vous pouvez également le faire glisser n'importe où sous le curseur de dégradé pour ajouter un nouvel arrêt de couleur à cet endroit. Bien sûr, vous pouvez également double-cliquer sur un arrêt de couleur existant, aller pour sélectionner le type de mode de couleur dans lequel vous voulez travailler, par exemple, la teinte, la saturation, la luminosité et ensuite vous pouvez aller et ajuster votre arrêt de couleur en fonction de votre convenance. Ça va réduire la saturation sur ça. Peut-être l'assombrir un peu. Mais vous pouvez voir que vous pouvez ajuster les couleurs à votre goût. Maintenant, vous pouvez ajouter plusieurs arrêts ici, sorte que vous pouvez en ajouter beaucoup plus. Allons en ajouter un autre ici, orange. Bien sûr, vous pouvez ajuster le point médian entre les arrêts pour contrôler la transition de la couleur d'un arrêt à l'autre. Si vous voulez faire pivoter cela à ce stade, vous allez à l'outil de rotation et si, par exemple, nous le voulions en haut, nous voudrions tourner autour dans le sens des aiguilles d'une montre, qui est de moins 90 degrés. Ce moins 90 se trouve juste en haut ici. Maintenant, quand vous travaillez avec ces dégradés multicolores, je vais juste remettre cela à zéro, vous pouvez également créer des bandes distinctes. On va regarder ça maintenant. Je vais juste retirer la plupart de ces couleurs et se contenter de cette couleur orange et du vert. J' ai un vert et une orange et je vais créer des rayures à travers ce dégradé. Pour ce faire, je vais commencer par dupliquer ce vert. Je vais maintenir la touche Alt ou Option pendant que je fais glisser un autre arrêt vert. Je vais fixer ça à 25 pour cent pour que ce soit la position de 25 pour cent. Ça veut dire que je passe du vert au même vert. Maintenant, je veux apporter un arrêt de couleur orange donc je vais tenir ou faire glisser l'option sur ce. Je vais l'aborder très près de l'existant. Vous pouvez voir alors que nous obtenons une transition douce parce que le point de transition entre ces deux arrêts, je vais toujours faire glisser cela pour que vous puissiez le voir, est si petit, nous obtenons une transition très rapide entre vert et orange et nous avons un bord doux ici. Maintenant, si nous ne voulons pas d'un bord doux, nous pouvons rendre les choses plus difficiles. Je vais cliquer sur celui-ci et je vais juste le ramener à 25. Cela place ces deux arrêts de couleur immédiatement l'un sur l'autre afin que nous obtenons une très, très forte transition du vert au jaune. Si nous voulons continuer ce modèle, nous devrions Alt, faire glisser dessus et créer un arrêt de couleur dans cette couleur orange jaune à 50 pour cent. Alors on en veut un autre vert. Eh bien, on peut venir ici et emprunter ce vert. Je vais le traîner et je vais le positionner juste au-dessus de celui orange, donc je le veux à 50 pour cent. Maintenant, vous pourriez rencontrer cette situation de temps en temps, et cela a à voir avec la façon dont vous placez ces couleurs s'arrête, et si cela vous arrive, tout ce que vous avez à faire est juste de déplacer celui-ci loin et de le ramener juste en faisant sûr que vous le ramenez à 50 pour cent, puis il fonctionnera parfaitement. Il nous faut un autre vert pour ici. Je vais emprunter ce vert, je le traînerai dessus. Vous pouvez voir que vous pouvez tirer ces butées de couleur l'un derrière l'autre, 75 est la prochaine position pour cela et nous voulons enfin un jaune ici pour faire cette transition forte. Je vais à Alt, traîner ça et je vais juste le placer exactement à la même position, 75 pour cent. Ici, nous avons un gradient qui est un gradient très, très dur. Ce n'est que des rayures verticales. Nous avons créé cela en utilisant l'outil de dégradé nous en plaçant chaque arrêt de couleur sur le dessus de l'arrêt de couleur précédent. Bien sûr, les marqueurs médians ici sont tout simplement dénués de sens parce que nous allons d'une couleur à exactement la même couleur. Son point de transition est une quantité dénuée de sens, donc vous n'avez pas besoin de vous soucier des marqueurs de point médian, mais vous devez juste vous assurer que les arrêts de couleur sont au-dessus de l'autre. Il existe une autre approche à utiliser pour les dégradés dans Illustrator. Bien sûr, vous pouvez le faire avec plus de couleurs que les deux que j'ai créées ici, mais juste en vous assurant que vous avez des arrêts de couleur à chaque extrémité de votre bande qui sont exactement les mêmes. 5. Pt 4 - Utiliser plusieurs dégradés: L' une des choses vraiment intéressantes à propos des dégradés est de savoir comment ils peuvent être décalés les uns contre les autres pour créer des looks dimensionnels. Je vais recommencer avec un nouveau document, Fichier, Nouveau. Encore une fois, je fais juste un mode couleur RVB de 1000 pixels par 1000 pixels. Je vais faire un rectangle de la taille du plan de travail. Je vais le centrer en utilisant exactement les mêmes techniques que celles que j'ai utilisées plus tôt. Je vais désactiver le trait et je vais juste sélectionner le remplissage et le remplir avec le dégradé par défaut. Maintenant, pour cela, j'ai besoin d'utiliser un dégradé plus coloré, donc je vais faire le mien. Je vais double-cliquer sur cet arrêt de couleur et je vais utiliser quelques couleurs que j'ai déjà échantillonnées ici. Je vais utiliser ces verts. Commencez par ce vert et à cette fin, je vais utiliser un vert légèrement plus léger. J' ai du vert clair à sombre. Si ce n'est pas assez léger, je vais juste double-cliquer dessus et juste l'ajuster en utilisant le réglage de la luminosité de saturation de teinte ici. Je vais juste cliquer loin de mes formes pour qu'il soit désélectionné. Ensuite, je vais mettre quelques points à mon image et je vais commencer avec de gros points. On va les rétrécir un peu plus léger. Je vais tenir la touche Maj pendant que je les traîne pour qu'ils soient un gros point. Maintenant, parce que cette forme ici a été remplie de ce dégradé, Illustrator remplit par défaut mon cercle avec exactement le même dégradé. Par coïncidence, c'est exactement l'effet que je veux obtenir. Je veux que cette forme ait ce dégradé dedans. Je vais le répéter dans le document, donc avec cette forme sélectionnée, je vais choisir Effet, Distorter et Transformer, puis transformer. Je vais activer l'aperçu, et je vais juste ajuster la valeur horizontale ici. En regardant un bel espacement, un 100 pixels est beau nombre rond donc je vais choisir cela. Je vais augmenter le nombre de copies jusqu'à ce que je parvienne à travers le document. Vous pouvez voir que cela nous donne un effet vraiment intéressant. C' est exactement le même gradient tout au long de la route. Mais lorsque le dégradé commence à apparaître sur une extrémité plus sombre de ce dégradé sous-jacent, il commence à paraître plus clair. Nous obtenons un effet vraiment intéressant juste en appliquant exactement le même gradient à ce cercle. Je vais cliquer sur « OK », maintenant je vais le répéter dans le document. Effet, Distorsion et Transformation, Appliquer un nouvel effet. Nous allons utiliser la même valeur de 100 pixels ici, donc je vais juste ajuster cela à 100 pixels, activons l'aperçu. Je vais commencer à augmenter les copies afin que je sache que celles-ci sont bien espacées. Ils ne remplissent pas tout à fait le document ici, mais je peux les déplacer plus centralement en une minute. Je vais juste cliquer sur « OK » Maintenant, tout est associé à ce point ici. Je vais juste le déplacer un peu plus centralement dans le document. Maintenant, c'est un autre effet de fond possible, mais il n'a pas besoin d'être aussi grand que celui-ci. Je vais sélectionner ce cercle. Encore une fois, tout est associé à ce cercle et je vais le rétrécir. Maintenant, nous avons plein de petits points cahoteux. Nous obtenons un effet différent à l'intérieur de cet arrière-plan, donc c'est un effet d'arrière-plan utilisable. Mais si on dit qu'on a vert sur vert. Que se passe-t-il si nous utilisons du vert sur autre chose ? Je vais ouvrir le panneau de calque ici et je veux m' assurer que j'ai sélectionné ce rectangle, car je vais juste changer les couleurs de ce dégradé. Avec le rectangle sélectionné, je vais au dégradé et je vais double-cliquer sur chacune de ces couleurs et cette fois je vais utiliser des roses. Je vais remplacer le vert clair par un rose clair, puis le vert plus foncé par un rose plus foncé. Ici aussi, vous pouvez voir cette interaction vraiment intéressante de gradients lorsqu'ils sont superposés les uns sur les autres. Si vous pensiez que c'était trop grand, vous pouvez le réduire encore plus petit et obtenir cet effet de fond vraiment mignon juste à partir de quelques points et quelques gradients. Je vais laisser ceci avec vous maintenant et suggérer que pour votre projet de classe vous créez un effet d'arrière-plan comme celui-ci en utilisant deux dégradés dans Illustrator. Il peut s'agir de dégradés qu'Illustrator vous fournit ou de créer vos propres dégradés. Essayez-le avec un dégradé radial si vous le souhaitez plutôt qu'un dégradé linéaire. Publiez une image de votre arrière-plan dans la zone du projet de classe. J' espère que vous avez apprécié ce cours et que vous avez appris quelque chose sur l'utilisation et la création de gradients dans Illustrator. Si vous avez apprécié ce cours et si vous voyez une invite à le recommander à d'autres personnes, s'il vous plaît lui donner un pouce vers le haut. Cela aide les autres à identifier cela comme la classe qu'ils pourraient aussi vouloir prendre. Si vous souhaitez laisser un commentaire, veuillez le faire. J' ai lu et répondu à tous vos commentaires et je regarde et je réponds à tous vos projets de classe. Je m'appelle Helen Bradley. Merci beaucoup de vous joindre à moi pour cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode.