Personnaliser des icônes des médias sociaux en un clic : styles graphiques dans Adobe Illustrator

1. Introduction du cours: Les icônes des médias sociaux sont partout de nos jours. Ils sont un élément essentiel des affaires de notre société. Cependant, avec tout le monde utilisant les mêmes icônes simples, comment pouvez-vous vous démarquer ? Pour ce faire, vous pouvez donner votre touche personnelle à vos icônes, utilisant des styles graphiques dans Adobe Illustrator. [MUSIQUE] Hé les gars, je m' appelle Kyle Aaron Parson. Je suis graphiste et illustrateur basé à Edmonton, au Canada. Au cours des 15 dernières années, j'ai été mis à l'écart en tant que graphiste et illustrateur indépendant. Au cours de ma carrière, j'ai travaillé sur de nombreux projets tels que des logos primés et des conceptions d'affiches. Adobe Illustrator a été la pierre angulaire de ma pratique créative et il n'est pas difficile de croire que j'ai trouvé de nombreux trucs et astuces qui accélèrent énormément mon flux de travail. Créer une continuité entre vos marques n' a jamais été aussi facile à l'aide du panneau d' apparence et styles graphiques d' Adobe Illustrator. En un clic sur un bouton, vous pouvez créer un jeu d'icônes personnalisé qui correspond à votre style personnel. Tout au long de ce cours, je vais vous guider à travers trois styles différents que vous pouvez appliquer à votre jeu d'icônes. Je crois que cela vous donnera une bonne base pour que vous puissiez expérimenter et créer quelque chose qui vous est unique. Votre projet pour ce cours consiste à créer un ensemble personnalisé d' icônes de médias sociaux dans Adobe Illustrator. Ce cours est parfait pour tous les niveaux de compétences . Si vous venez de vous lancer dans Adobe Illustrator, je vous expliquerai étape par étape le processus que j'utilise pour créer des icônes de médias sociaux. Si vous êtes un utilisateur intermédiaire ou avancé, vous trouverez certainement des conseils et astuces utiles pour accélérer votre flux de travail. J'ai fourni des feuilles de travail de classe dans le panneau Projet afin que vous puissiez suivre étape par étape au cours de la classe. En prime, il y aura un ensemble d'icônes de médias sociaux que vous pourrez utiliser même après le cours. Si vous êtes prêt à faire ressortir votre icône, allez télécharger les ressources du projet et je vous verrai en classe. [MUSIQUE] 2. Configurer votre document: Salut les gars, bienvenue en classe. La première chose que nous voulons faire est mettre en place nos documents. La première chose à faire est donc de télécharger les feuilles de calcul de la classe afin que vous puissiez les suivre. Dans les feuilles de travail de classe, nous avons trois modules différents. Nous commencerons par Glossy Button et je vous expliquerai comment créer ce design. Ensuite, nous passerons par le design à rayures rétro, puis nous allons enfin passer par l'effet néon lumineux cool. J'ai également ajouté un jeu d'icônes avec de nombreuses icônes de médias sociaux lesquelles vous pouvez appliquer vos styles graphiques. Jetons donc simplement dans le document et voyons ce que nous devons mettre en place. La première chose à faire est d'ouvrir quelques fenêtres que nous utiliserons dans la classe. La première fenêtre que je veux que vous ouvriez est le panneau Apparence. Si vous ne trouvez pas cela, accédez à Fenêtre et Apparence, puis ouvrez-le. La prochaine chose que je souhaite que vous ouvriez est le panneau Styles graphiques, car c'est ici nous allons enregistrer notre style graphique et pouvoir l' appliquer à tous nos jeux d'icônes d'un simple clic. La prochaine chose que je souhaite que vous ouvriez est également le panneau Nuancier, car nous utiliserons des nuanciers personnalisés pour créer des dégradés et des motifs à rayures. De plus, nous pouvons utiliser le panneau de couleurs et le panneau dégradé. En plus de ces choses, s'il y a un panneau que vous me voyez utiliser, mais que vous ne l'avez pas ouvert dans votre document. Vous pouvez toujours accéder à Window et le trouver ici. Quelque chose comme le Stroke Panel. Très bien, une fois que vous avez configuré votre document, passons à la classe suivante et apprenons comment créer l'effet Bouton brillant cool. 3. Effet de bouton brillant: Très bien, les gars. Bienvenue dans notre premier module où nous apprendrons comment créer cet effet de bouton brillant. La première chose que vous devez savoir, c'est que nous allons beaucoup utiliser le panneau d'apparence dans cette classe. Je n'aborderai pas tous les détails du panneau d'apparence, mais nous l'apprendrons un par un. Si vous voulez connaître une explication détaillée sur les styles graphiques et le panneau d'apparence, j'ai créé une classe appelée la puissance des styles graphiques qui vous expliquera exactement ce qu'un le style graphique est et comment vous pouvez profiter pour créer un texte dynamique cool. Si vous voulez voir ce cours, allez certainement voir ce cours ici sur Skillshare. Pour ce cours, je n'aborderai pas tous les détails et les détails de ce genre. Nous allons juste sauter directement dedans. La première chose que vous devez savoir est que dans le panneau Apparence, vous pouvez créer vos formes comme le panneau Calques. Cependant, tout est contenu dans une seule forme. Permettez-moi de vous expliquer cela très brièvement. Sur cette page, vous pouvez voir qu'il existe de nombreuses icônes Instagram différentes. Vous penseriez que si je passais en mode contour, vous verriez tellement de formes car si je le construisais dans le panneau des calques, chacun de ces éléments serait sa propre forme individuelle. Cependant, je l'ai construit dans le panneau d'apparence. Ce que vous ne voyez que, jetons un coup d'œil, c'est le logo Instagram. En mode contour, la seule forme qui existe réellement, selon Adobe Illustrator, est le logo Instagram. Tout le reste est contenu dans cette forme unique. C'est la puissance du panneau Apparence et des styles graphiques. Vous pouvez le construire comme le panneau Calques , mais dans la même forme. Maintenant, nous allons sauter ici et nous allons recréer cet effet de bouton brillant. Laissez votre panneau d'apparence ouvert et plongeons directement. La première chose que nous allons faire est de créer l'ellipse. Comment pouvons-nous faire cela ? Dans le panneau Apparence, vous pouvez voir que j'ai appliqué un remplissage de blanc et aucun trait. La prochaine chose que je souhaite faire est dans le panneau Apparence, je peux ajouter un nouveau remplissage, sorte que je puisse avoir plusieurs remplissages dans ma forme unique. Je vais changer cette couleur en bleu. C'est plutôt cool, mais on ne peut vraiment rien voir là-bas. Pourquoi ? Parce que ce remplissage se trouve sous mon remplissage blanc. Mais si je change d'emplacement, vous pouvez voir le remplissage bleu en premier. Il fonctionne comme le panneau des calques, que tout ce qui se trouve sur le dessus sera vu en premier, et tout ce qui est en dessous sera vu en second. Gardez cela à l'esprit lorsque nous construisons nos styles graphiques dans Adobe Illustrator. Je vais le déplacer en dessous et ce qui est cool dans le panneau d'apparence, c' est que vous pouvez prendre l'un des champs, isoler et appliquer un effet uniquement à cette partie spécifique de la forme. Appliquons cela à ce remplissage bleu. Passons aux effets, convertissons en forme et en ellipse. Les options de forme sont disponibles. Vous pouvez voir que vous avez plusieurs options différentes, vous pouvez le convertir en rectangle, en rectangle arrondi ou en ellipse. Nous allons utiliser l' ellipse pour cet exemple. Vous avez deux options ici, vous avez une option absolue ou relative. Relative fonctionnera en fonction du cadre de sélection de la forme originale. Il va changer en fonction de la forme que vous possédez. Puisque nous avons de nombreuses icônes différentes avec de nombreuses formes et variétés différentes, nous ne voulons pas utiliser de type relatif car cela va déformer d'une manière que nous ne voulons pas. Nous allons réellement cliquer sur le bouton absolu. Maintenant, vous pouvez voir qu'il est un peu réduit, mais nous allons changer cela. Nous allons augmenter la taille à 165 et 165, quelque chose comme ça. Nous pouvons maintenant voir que nous avons un cercle parfait autour de notre logo Instagram. On va frapper « Ok ». La prochaine chose que je veux faire, c'est que je veux faire un coup autour de ce cercle. Je vais ajouter un trait dans mon panneau d'apparence et je vais lui donner un bleu clair. Je vais lui donner un bleu clair, mais ce que vous pouvez voir ici, c'est que ça a créé le trait autour de mon logo Instagram, mais je ne veux pas ça. Si je saute dans mon remplissage et que vous pouvez voir que j'ai l'effet ellipse appliqué. Si je maintiens Alt et que je l'amène à mon trait dans mon panneau d'apparence, il appliquera cet effet à mon trait, donc si j'augmente la taille, vous pouvez voir qu'il augmente. Changeons la couleur juste pour l'instant. Au lieu d'entourer mon logo Instagram, il a pris la forme de l' ellipse que nous avons créée, et revenons au bleu clair. La prochaine chose que je veux faire est d'ajouter un peu de profondeur à cela. Je veux créer une ombre autour de l'objet entier. Il s'agit d'une forme tridimensionnelle. Comment puis-je faire cela ? Ce que je vais faire, c'est que je vais prendre cette ellipse ou ce remplissage et je vais le dupliquer en dupliquant l'élément sélectionné. La prochaine chose que je vais faire, c'est que je vais le changer en blanc et je vais l' amener au-dessus de tout sauf le coup. Maintenant, je veux y appliquer un effet. Je vais aller « Effect », Styliser, Inner Glow. Normalement, il est à l'écran et il est blanc. Mais ce n'est pas ce que je veux. Je veux qu'il se multiplie et qu'il soit noir. C'est un peu petit, donc je dois augmenter la taille jusqu'à ce qu'il y ait. C'est très bien pour moi. Cela vous donne un peu de profondeur et rend plus tridimensionnel, je vais frapper « Ok ». Maintenant, ce que je veux faire avec cela, c'est que je veux entrer dans mon remplissage et je peux modifier les propriétés d' opacité de ce remplissage spécifique. Je vais y aller et changer celle-ci pour qu'elle se multiplie. Maintenant, si je déclique, vous pouvez voir qu'il prend une forme plus tridimensionnelle et qu'elle affecte tout ce qui se trouve en dessous. Je veux également ajouter une certaine dimension à mon trait. Je vais augmenter la taille juste un peu, et ce que je vais faire, c'est que je vais entrer dans mon remplissage et je vais saisir cette lueur intérieure, tenir Alt et l'amener à mon coup. Mais ça n'a pas l'air très bien, alors je vais ouvrir cette propriété et je vais réduire un peu jusqu'à ce que j'obtienne un peu cette lueur intérieure. Deux points ou un point, peut-être deux points sont les meilleurs. Ça a déjà l'air vraiment cool. La prochaine chose que je veux faire, c'est que je veux appliquer l'effet brillant cool. Vous voulez que vos éléments sélectionnés, puis vous pouvez ajouter un nouveau remplissage, et je vais le garder blanc pour l'instant, et je vais appliquer la conversion en forme et en ellipse. Je veux qu'il soit absolu et sûr. Cela peut être comme ça. Mais je ne veux pas que ce soit un cercle parfait. Je veux qu'il soit un peu plus large qu'étroit ou haut, donc je vais changer cela à 50. Je vais prévisualiser ça. Je vais peut-être le changer à 60 ans. revue cela. Ça peut paraître bien. Je ne peux pas vraiment dire contre ça. Mais ce que je peux faire avec ce champ auquel l'ellipse de la propriété est attachée. Je peux me lancer dans les effets, déformer, transformer et transformer. Maintenant, j'ai la capacité de le déplacer où je veux. Je vais le déplacer ici et je vais aussi le faire pivoter légèrement comme ça. Je vais frapper « Ok ». La prochaine chose que je veux faire est d'appliquer un dégradé à cela. Je vais entrer dans mes échantillons ici et je vais juste appliquer un dégradé noir et blanc. Maintenant, je peux entrer dans mon panneau de dégradé. Je vais juste traîner ça pour voir ce qui se passe et je voulais le blanc et je veux qu'il devienne blanc. Mais je veux changer l'opacité de l' un des nœuds à zéro. Je vais le changer en cercle. Juste comme ça. Vous pouvez maintenant voir ce qui se passe. Si je « clique à nouveau là-dessus », assurez-vous que le trait est affecté, je peux appuyer sur « G » sur mon clavier et décider où cela ira. Maintenant, puisque nous avons créé un dégradé comme celui-ci, nous pouvons « cliquer sur notre dégradé actuel » et nous pouvons le dupliquer. Nous en avons donc un autre. Nous pouvons sauter dans l'effet de transformation, puis nous pouvons déplacer celui-ci. Déplacons-nous de l'autre côté et tournons celui-ci tout autour. Peut-être augmenter l'échelle et le ramener comme ça. Ce que je vais faire avec celui-ci, c'est que je vais changer l'opacité. Je vais juste le déposer un peu pour que ce ne soit pas aussi dur. Ça a l'air plutôt bien. La prochaine chose que je peux faire avec ça, c'est que je peux dupliquer mon premier et je vais lui donner un remplissage parfaitement blanc et je vais changer l'échelle. Je peux le réduire ou changer l'ellipse et je vais le rendre parfait. Je vais juste trouver où devrait être le point culminant. Ça m'a l'air d'aller bien. Ce que je vais faire, c'est que je vais changer cette propriété ici. Je pense que je veux que ce soit un peu plus dur, alors je vais aller à la lueur intérieure. Je vais juste augmenter un peu la taille . Juste comme ça. Vous pouvez voir que nous avons commencé avec un simple logo Instagram, mais maintenant nous avons créé un effet de bouton brillant vraiment cool. Nous avons quelques autres choses à ajouter à cela pour que cela soit complet. La première chose que nous allons ajouter, c'est que nous allons prendre notre feuille de fond. Nous allons le dupliquer et nous allons lui donner un remplissage noir. La prochaine chose que nous allons faire est d' ajouter un effet. Va flouter, flou gaussien. Je vais diminuer un peu ça. Je vais frapper « Ok ». Je vais y appliquer l'effet de transformation. Je vais le déplacer légèrement vers le bas et légèrement vers l'extérieur. Cela donnera un peu d' ombre et augmentera un peu la taille. Donnez-lui un peu d' ombre à l'extérieur. Je vais lui donner un flou gaussien, changer le flou gaussien, augmenter un peu plus cela. C'est bien. Je vais changer l'opacité pour qu'elle se multiplie. La dernière chose que nous pouvons faire avec celle-ci, c'est au lieu de garder une couleur unie, nous pouvons changer le remplissage intérieur et nous pouvons le changer en une sorte de dégradé qui a l'air plutôt cool. Ensuite, notre trait bleu, nous pouvons changer et faire correspondre cela à un orange. Nous sommes passés d'une forme très simple, icône simple à une icône de bouton très cool. Mais maintenant c'est là que se trouve la partie cool, c'est que nous pouvons prendre cela que nous venons de construire et nous pouvons entrer dans notre panneau de styles graphiques et nous pouvons l'ajouter en tant que nouveaux styles graphiques. Nous avons six icônes en bas ici et elles sont toutes claires. Maintenant, depuis que nous avons créé l' effet de bouton brillant cool sur l'un d'eux, et nous l'avons enregistré en tant que style graphique. Découvrez ça. Nous pouvons aller dans nos styles graphiques, « cliquer sur notre style graphique nouvellement créé », l'appliquer et chacune des icônes atteint le sifflement qui lui est appliqué. Ce qui est vraiment cool, c'est que nous pouvons personnaliser un peu plus cela. Peut-on « cliquer sur l'icône Twitter ». Nous pouvons accéder à ce menu ici, recolorer les illustrations et ce que nous pouvons faire, c'est nous pouvons jouer avec la couleur de celle-ci. Nous pouvons lier l'harmonie des couleurs et faire glisser les couleurs autour de la roue chromatique et changer instantanément la couleur. Je sais que Twitter est un peu plus bleu. C'est ce que vous voulez ressentir. Je vais le dissocier et je vais mettre la plupart des couleurs dans le ton bleu. Sortez ça du vert, comme ça. C'est plutôt cool. Maintenant, nous pouvons prendre le Snapchat et nous pouvons faire de même avec cela. Nous pouvons lier les harmonies de couleurs et nous pouvons les faire glisser, peut-être les faire glisser dans l'autre sens. Changez instantanément toutes ces icônes d'un simple clic et personnalisez notre effet de bouton brillant. Encore une fois, jetez un coup d'œil. Dissocions les couleurs ici et allons loin de l'icône de style arc-en-ciel. C'est vraiment cool. Très bien, pour ce cours, je ne veux pas que vous recréiez l'effet de bouton brillant cool. Allez dans le panneau Apparence, jetez-le, jouez avec lui, voyez quels autres effets vous pouvez appliquer à ceux-ci et créer quelque chose de nouveau, quelque chose d'intéressant, et publiez-le dans le panneau du projet. Très bien les gars, je vous verrai dans le prochain cours. 4. Style rétro: sautant directement dans le module 2, nous allons recréer ce design rétro cool. Nous pouvons voir notre logo Twitter ici. Il s'agit d'un logo Twitter très clair. Cependant, nous allons le rehausser dans un style rétro. La première chose que nous voulons faire est de créer une palette de couleurs personnalisée. Nous pouvons sauter dans nos échantillons et vous pouvez voir que j'ai déjà choisi quelques palettes de couleurs rétro que j'aime utiliser. Mais comment vous pouvez le faire, c'est que vous pouvez sauter en ligne, vous pouvez aller sur color.adobe.com et trouver des palettes de couleurs rétro et vous pouvez les enregistrer dans votre bibliothèque Cloud créative. C'est exactement ce que j'ai fait. J'ai cherché des palettes de couleurs rétro et j'en ai trouvé quelques-unes qui m'ont plu. Tout ce que j'ai fait, c'est cliquer avec le bouton droit de la souris et de les ajouter aux nuanciers. J'ai maintenant toutes ces palettes de couleurs dans mon panneau Nuancier, ce qui sera très utile lorsque nous créons nos designs rétro. La première chose que nous allons faire est d' aller dans le panneau Apparence. Donnons un remplissage à l'aide de l' une de nos palettes de couleurs. Je vais utiliser cette palette de couleurs du bas ici. Je vais juste utiliser le jaune basique là. Pour celui-là, nous allons utiliser beaucoup de coups. Nous allons ouvrir notre panneau Strokes et nous allons peut-être utiliser ce trait bleu. Maintenant, je vais augmenter un peu. Je vais entrer dans mon panneau Stroke. Je vais l'ouvrir ici. Maintenant, nous voulons cliquer sur le capuchon arrondi et les coins arrondis. Cela vient juste arrondir les virages pour que nous n'ayons pas ces points difficiles. Nous n'en voulons pas. Je vais augmenter la taille une fois de plus, et ça devrait être bien. La prochaine chose que je veux faire c' est que ça n'a pas l'air trop beau parce qu' il pousse dans notre logo lui-même. Nous voulons que notre logo reste le même. Dans notre panneau Apparence, nous pouvons faire glisser notre trait sous notre remplissage. Le remplissage apparaît en premier , puis notre trait passe derrière. Ça a l'air vraiment bien. Après cela, nous voulons dupliquer notre AVC. Maintenant, nous avons un coup au-dessus d'un autre coup. En bas, ce que nous voulons faire, c'est d'appliquer l'effet de distorsion et de transformation. Nous allons appliquer un effet de distorsion et de transformation et nous allons créer plusieurs copies, les superposant pour créer un effet de bande d' ombre portée cool. Voyons comment nous y parvenons. Ce que nous pouvons faire, c'est que nous pouvons déplacer ce trait horizontalement et verticalement. génial, c'est si on le pousse au-dessus d'un pixel, ça ne change pas trop en ce moment. Toutefois, si nous passons à cette fonctionnalité appelée Copies, nous pouvons augmenter la quantité de copies ou couches qui seront appliquées à cette transformation. Voyons ce que cela fait. Ajoutons 10. Prévisualisez ça. C'est vraiment cool. Ce que cela a fait ici, c'est que si nous zoomons de près, nous pouvons voir qu'il y a plusieurs couches copiées l' une sur l'autre. Mais c'est un peu cahoteux. Ce que nous voulons faire, c'est que nous allons sauter là-dessus. Nous allons diminuer cela d' un point à 0,5 point, et 0,5 à la verticale également. Cela permet de le lisser un peu plus et je vais frapper « Ok ». Maintenant, il a créé un petit effet d' ombre portée cool. Mais je veux superposer mes couleurs les unes sur les autres. Je vais prendre ce coup que nous venons de créer avec un effet de transformation appliqué à celui-ci et je vais dupliquer cela. Je vais lui donner une nouvelle couleur. Dans mon panneau Couleur, passons à la couleur jaune. Je vais maintenant ouvrir l'effet de transformation dans ce trait et je vais ajouter 10 autres copies. Un total de 20 exemplaires. Vous pouvez voir exactement ce que cela a fait. Sous ce trait vert, il lui a simplement permis d'aller 10 pas plus loin que le trait vert, le superposant et en créant un motif à rayures cool. Continuons à le faire et à développer notre conception. C'est vraiment cool. Nous avons un design à rayures rétro cool. La prochaine chose que nous voulons faire, d'ajouter quelques rayures à cela. Comment allons-nous faire cela ? Je vais m'arrêter là-bas pour l'instant. Je vais faire glisser mon panneau Dégradé. Sélectionnez d'abord notre icône, puis allez dans notre panneau, appliquez un dégradé à cela. Cela n'a pas l'air génial pour le moment, mais ce que nous pouvons faire, c'est que si notre panneau Nuancier est ouvert, nous pouvons prendre les couleurs de nos nuances sélectionnées et appliquer directement à notre dégradé. Appliquons notre vert, faites-le glisser là-dedans. On peut se débarrasser du blanc. Appliquez notre jaune, appliquez notre orange, appliquez notre rouge clair, appliquez notre rouge foncé et nous pouvons traîner notre noir. Maintenant, nous avons toutes nos couleurs les unes après les autres dans notre panneau Dégradé. Cela n'a pas encore l'air trop beau. Mais ce que nous allons faire, c'est que nous allons utiliser un dégradé pour créer un motif à rayures. Comment pouvons-nous faire cela ? Très facile. Ce que nous devons faire, c'est de faire plusieurs copies de nos nœuds. Nous allons maintenir la touche Alt enfoncée et cliquer et faire glisser sur notre nœud pour en créer deux. Nous allons le faire avec celui-là et avec le vert. La prochaine chose que nous voulons faire est de créer une ligne. Nous devons remonter les nœuds les uns contre les autres afin qu' il n'y ait pas de gradation entre les deux et c'est une belle ligne nette. Nous allons glisser sur notre vert et glisser sur notre jaune jusqu'à ce qu'il fasse une belle ligne nette. Pour faciliter le travail, développons notre panel. Maintenant, je vais le faire glisser jusqu'à ce qu'il touche. Maintenant, vous pouvez voir que c'est une belle ligne nette sur notre image. Ensuite, je vais dupliquer mon orange et je vais l' emboîter avec le jaune juste là. Je vais dupliquer mon rouge. Je vais le remuer avec le jaune ou l' orange juste là. Je vais dupliquer le rouge foncé, et je vais le remuer avec le rouge clair juste là. Maintenant, vous pouvez voir que le dégradé original qui s'est estompé dans chaque couleur est devenu un design à rayures rétro cool. Nous pouvons maintenant appuyer sur G sur notre clavier et nous pouvons contrôler comment notre dégradé apparaît sur notre icône. J'aime ce look diagonal cool pour ces dernières et quelque chose comme ça. La prochaine chose que je veux faire, c'est que je veux faire un contraste entre veux faire un contraste entre cette ligne située en dessous celle qui a un effet de transformation, celle qui est en haut. Je veux que toutes ces couleurs restent les mêmes. Cependant, je veux que tout ce qui est transformé soit dans l' ombre. Comment puis-je le faire ? Je vais dupliquer le trait inférieur qui a été appliqué à la transformation et je vais le remonter juste en dessous de mon trait supérieur. Mais la prochaine chose que je vais faire, c'est je vais lui donner un remplissage noir. Au lieu de maintenir une opacité et une normale à 100  %, je vais le modifier pour qu'il se multiplie et qu'il devienne peut-être 50 ou 30 %. On dirait que c'est dans l' ombre et qu'il y a un certain contraste entre ce qui est en bas et ce qui est en haut. Nous avons créé notre effet rétro. Nous voulons maintenant l'enregistrer en tant que style graphique. Nous pouvons saisir toutes nos icônes en bas et nous pouvons y appliquer un style graphique. Maintenant, ce que nous pouvons faire, c'est nous pouvons prendre notre icône Instagram ici, et nous pouvons accéder à la section Modifier ou Recolorer l'illustration, et nous pouvons accéder aux options avancées. Maintenant, ce qui est génial, c'est que puisque nous avons des couleurs spécifiques, un panneau de couleurs spécifique, je peux sélectionner une autre palette de couleurs rétro et l' appliquer instantanément à ma palette de couleurs actuelle. Voyons comment cela fonctionne. Je peux cliquer et je peux jouer avec toutes les palettes de couleurs cool et rétro comme ça. C'est plutôt cool pour Instagram. Changeons Snapchat. Passons à Recolor Artwork. là que tu y vas. Vous pouvez voir comment transformer une icône simple en un design rétro vraiment cool à l'aide de l'effet de transformation, utilisant des dégradés pour créer un remplissage de bande fraîche et en utilisant des modes de fusion pour créer une ombre. effet. Pour ce module, je veux juste que vous essayiez de recréer le design rétro cool. Je veux que vous utilisiez l'effet de transformation pour construire les calques et créer un effet d' ombre portée droite et cool, puis utiliser le panneau Dégradé pour créer un remplissage de bande cool à l'aide d'une palette de couleurs rétro . Les gars, je vous verrai dans le prochain cours. 5. Effet de l'éclair néon: [MUSIQUE] Hé, les gars, bienvenue dans le troisième module où nous allons apprendre à créer cet effet néon cool. En sautant ici, vous pouvez voir qu'il va d'une simple icône à un simple trait en passant par un trait dégradé et s' accumulant jusqu'à ce que nous obtenions cet effet néon cool. Voyons comment cela se fait. Allons juste ici. Nous utilisons ici le logo ou l'icône Google Plus et nous allons y appliquer certaines fonctionnalités pour créer un effet néon cool. La première chose que nous voyons ici, c'est qu'elle est remplie. Mais pour ce design, nous n'utiliserons aucun remplissage. Nous allons supprimer ce remplissage en y entrant simplement, en cliquant sur ce remplissage, en supprimant ce remplissage. Maintenant, nous ne voyons rien, mais nous voulons ajouter un trait. Nous y avons appliqué un trait et nous voulons le changer en blanc. Vous pouvez maintenant voir ce qui se passe. Maintenant, ce que je veux que vous fassiez, c'est dans votre panneau Contour, si nous ouvrons la fenêtre Panneau de contour, « Contour », nous voulons changer nos coins arrondis et nos majuscules pour arrondir également. Cela sera important au fur et à mesure que nous développons notre conception. La prochaine chose que je veux faire, c'est que je veux garder ce remplissage blanc ou ce trait blanc car ce sera le point le plus lumineux de notre effet néon. Ce que nous allons maintenant faire, c'est que nous allons créer un nouveau remplissage. Nous allons y appliquer un dégradé. Je vais juste utiliser le dégradé orange et jaune. Maintenant, vous ne voyez rien qui s'est vraiment passé car rappelez-vous, dans le panneau Apparence, tout ce qui se trouve en premier sera vu en premier. Sauf lorsque nous augmentons la taille. Parce que nous augmentons la taille maintenant nous pouvons voir ce qu'il y a en dessous et vous pouvez déjà voir qu'il semble lumineux parce que nous avons le blanc le plus brillant au centre et ensuite nous avons le dégradé en dessous. Nous voulons appliquer un effet simple. Allons sélectionner le « Gradient Stroke ». Appliquez maintenant notre flou, flou gaussien. C'est un peu trop, je vais le faire baisser. Pour ce premier, je veux juste que ce soit un peu flou. Maintenant, il a déjà l' air d'un peu de néon. La prochaine chose que je vais faire c'est que je vais dupliquer celle-ci. Avec celui-ci, je vais augmenter la taille. N'oubliez pas de cliquer sur votre « Icône », de dupliquer, augmenter la taille, puis je vais entrer dans mon flou gaussien et je vais augmenter un peu le flou gaussien et ensuite je pars pour dupliquer celui-ci. Je vais y aller, augmenter la taille, augmenter le flou gaussien un peu plus. Regardez-moi ça. Nous sommes passés d'un simple coup à un effet néon vraiment propre et agréable. La prochaine chose que je veux faire, c'est que je veux prendre ce dernier trait, assurer que notre icône sélectionnée, puis nous allons dupliquer notre dernier dégradé et nous allons lui donner un remplissage noir, il n'est pas trop beau. Maintenant, je vais aller là-dessus et je vais changer l'opacité pour multiplier et réduire l' opacité à 62 %. Ça a l'air bien. Je vais y appliquer un peu d'effet. Appliquons l'effet de transformation. Je vais le déplacer horizontalement un peu et le déplacer verticalement juste un peu. Cela donne un peu d'ombre dessous et ça fait ressortir ces couleurs comme si elles étaient un peu éloignées du mur. Ça a l'air plutôt cool. Je vais fermer tous ces accidents vasculaires cérébraux. Si c'est là que vous voulez le laisser, c' est très bien. C'est génial. Il a l'air vraiment cool et vraiment propre. Cependant, nous allons aller plus loin, et je veux vous le montrer. Faites sélectionner votre icône et nous allons dupliquer notre premier trait. Maintenant, nous allons utiliser notre panneau Contour pour y apporter quelques ajustements. Avant cela, nous allons appliquer un effet appelé « Chemin de décalage ». Nous augmentons la trajectoire de deux pixels. Ce sera un peu plus loin, peut-être trois, peut-être cinq. Voyons ce que c'est. Je pense que quatre seront peut-être suffisants pour nous. Je vais frapper « Ok ». Je vais diminuer un peu la taille de celle-ci parce que ce ne sera pas notre objectif principal, ce sera une pièce d'accent plus petite. Je vais aller dans mon panneau de frappe et je vais changer un peu ça. Au lieu de conserver une ligne solide, je vais créer une ligne pointillée. Mais je ne veux pas que ce soit de courts tirets, je veux être de longs tirets, donc je vais augmenter cela à 50 et ensuite je pourrais changer cela à 25. faut peut-être que celui-ci soit un peu plus petit. Peut-être même plus petit. Voyons ce qui se passe là-bas, 20, 25, 22, 30. Je joue juste avec les tirets et les lacunes et je crée quelque chose d'unique. La prochaine chose que je veux faire est que j'ai joué avec les tirets et les espaces de ma ligne pointillée pour créer de la variété à l'intérieur. Ce sera mon effet de base pour une autre lueur néon. Une chose que j'ai oublié de faire est dans mon tracé décalé, je veux le changer d' onglet en rond et de le prévisualiser et cela lui donne des coins arrondis pour et cela lui donne qu'il soit un peu plus lisse, un peu plus propre. Passons à autre chose. Maintenant, avec ce deuxième, nous allons le construire exactement de la même manière. Mais pour celui-là, je vais juste le garder avec une seule couleur. Je vais dupliquer ce coup et je vais changer celui-ci en jaune. Je vais augmenter la taille et je vais passer « Flou d'effet de fichier », « Flou gaussien ». Je n'en ai pas besoin, car c'est un tout petit. Ensuite, je vais dupliquer celui-ci, augmenter ça et je vais flouter un peu plus. Maintenant, nous construisons l'effet néon. Maintenant, nous avons l' effet intérieur et ensuite nous avons l'effet extérieur frais pour lui donner un peu plus de dimension. Les gars, donc c'est notre effet néon génial. Maintenant, ce que nous pouvons refaire, c'est que nous pouvons aller dans nos styles graphiques , l' enregistrer en tant que style graphique, et nous pouvons l'appliquer à notre icône définie ici en un clic. Boom, on a eu des effets de lueur fluo cool. Encore une fois, que pouvons-nous faire avec cela ? Nous pouvons sélectionner notre article, nous pouvons recolorer les illustrations, et nous pouvons quand même ajuster nos couleurs, de quelle façon. Maintenant, c'est un effet fluo rose et bleu vraiment cool. Passons à Facebook. Changeons celui-là. Faisons peut-être vert et du jaune, quelque chose comme ça. Ça a l'air vraiment cool. Allons voir Behance, ça change un peu. Dissocions les couleurs, jouons et voyons ce que nous pouvons créer. Maintenant, c'est vraiment cool, comme un effet arc-en-ciel. [MUSIQUE] Pour ce module, je veux que vous recréiez l'effet de lueur fluo cool. Jouez avec le flou gaussien, jouez avec le panneau de contour, la trajectoire de décalage et créez quelque chose de vraiment unique pour vous. Vous avez maintenant beaucoup de compétences à utiliser pour créer votre propre jeu d'icônes personnalisé. Je veux vraiment voir tout ce que vous créez, alors expérimentez tout et créez un jeu d'icônes personnalisé qui vous est propre et publiez-le dans le panneau du projet. J'ai vraiment hâte de le voir. Je vous verrai dans la prochaine classe où je veux juste vous remercier. 6. Merci !: Hé les gars, je veux juste vous remercier beaucoup d' avoir suivi ce cours. Tout au long de cette classe, nous avons travaillé avec le panneau Apparence pour prendre une vieille icône de médias sociaux et a créée en quelque chose de très unique. Vous avez maintenant les compétences nécessaires pour développer vos icônes comme vous le souhaitez. Jouez avec tous les outils et explorez certains que nous n'avons même pas vus dans ce cours. J'ai vraiment hâte de voir tout ce que vous créez. N'oubliez pas de publier votre projet dans le panneau de projet. Si vous avez des questions concernant tout ce que vous avez discuté dans ce cours, ou si vous avez une suggestion pour les prochaines classes de quelque chose que vous voudrez peut-être apprendre, laissez un commentaire dans les discussions et il reviendra vers vous dès que possible. Si vous avez appris quelque chose ou que vous avez apprécié ce cours, pensez certainement à laisser un bref commentaire. Il aide vraiment à promouvoir cette classe auprès des autres à l'avenir. Merci encore, et j'ai vraiment hâte de voyager avec vous tout au long votre voyage créatif [MUSIQUE].