Effet néon dans Adobe Illustrator - Un cours de graphisme pour le déjeuner™.

1. Effet de néon dans Illustrator - Introduction - A Graphic Design pour le Lunch™: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour déjeuner, Créer un effet néon 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 créons un effet néon dans illustrator, et en cours de route, nous allons apprendre un peu sur la création styles graphiques réutilisables et le faire d'une manière intelligente afin que lorsque vous venez d'utiliser le style, vous avez le minimum de choses à changer en elle. Nous allons également envisager d'appliquer un effet néon au texte, ce qui va nous impliquer de rompre le texte. Maintenant que vous travaillez sur ces vidéos, vous pouvez voir une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous aimez la classe, donnez-lui un pouce en haut. Ces recommandations m'aident à mettre mes cours en présence d'un plus grand nombre de personnes comme vous qui veulent en savoir plus sur Illustrator. Si vous souhaitez laisser un commentaire ou une question, veuillez le faire. J' ai lu et répondu à tous vos commentaires et je regarde et je réponds à tous vos projets de classe. Si vous êtes prêt, commençons à créer un effet néon dans Illustrator. 2. Effet néon - Partie 1: Avant de commencer avec ce projet, nous allons avoir besoin de quelques choses sur le web. La première chose dont nous aurons besoin est une image d'un flamant flamant. Si vous n'êtes pas sûr de dessiner les formes vous-même, trouvez une photo de l'objet avec lequel vous souhaitez travailler, puis utilisez-la comme objet de traçage. C' est exactement ce qu'on va faire. Maintenant, le fichier de morgue a changé récemment, semble un peu différent de ce qu'il avait l'habitude de ressembler, mais je vais vous donner le lien de téléchargement pour cet oiseau. Vous pouvez toujours aller au dossier de la morgue et juste chercher des flamants flamants et trouver beaucoup d'entre eux là-bas. L' autre chose dont vous aurez besoin est une police de néon. Maintenant, je suis allé sur le site 100001fonts.com, et j'ai trouvé une police de néon ici maintenant ceci est pour un usage personnel seulement. Ce n'est pas pour un usage commercial, sauf si vous contactez l'auteur et effectuez un paiement. Mais je pense que c'est une police vraiment sympa à utiliser et ça s'appelle la musique club Neon. Je vais également vous donner le lien de téléchargement pour cela. Vous voulez le télécharger et l'installer sur votre ordinateur. Ensuite, nous sommes prêts à aller illustrer notre flamant flamant et commencer. Nous allons commencer par illustré avec un nouveau document, je vais choisir fichier puis nouveau. Je voulais un document d'orientation portrait. Les paramètres ici sont bons pour moi, 750 pixels de large ou 1000 pixels de haut. Vous voudrez créer une image et à propos de ces proportions et de cette taille d'image, parce que cela rendra la tâche un peu plus facile lorsque vous venez de créer vos effets Neon parce que vous pouvez utiliser les mêmes valeurs que je vais utiliser, nous sommes en utilisant le mode couleur RVB. Maintenant, la sélection des effets Rostra est un peu importante car nous allons utiliser un effet raster. J' ai un état d'esprit à une faible valeur de 72 PPI. Si vous travaillez sur un ordinateur plus rapide, vous pouvez utiliser 150 ou 300. Cela vous donnera de meilleurs effets sur l'écran. Mais pour moi, parce que j'essaie de vidéo en même temps, je vais juste me contenter d'une valeur moindre. Je vais cliquer sur OK, pour créer mon nouveau document. Vous devez aller chercher notre image de flamant flamant, donc je vais choisir le fichier et ensuite placer. Nous allons localiser ma photo flamant dans mon dossier Téléchargements cliquez sur place. Je vais le placer assez haut dans le document ici, parce que je pense que les jambes de cet oiseau parce que la façon dont il a été tiré ou un peu sur le côté court, je veux mettre un peu plus d'action autour du fond du flamant donc je vis moi-même beaucoup de place pour le faire. Je vais à la dernière palette ici et je vais ouvrir ça et verrouiller le flamant. Ça ne bougera pas même si je travaille dessus. Maintenant, je vais ajouter un nouveau calque et je vais mettre le flamant lui-même sur ce nouveau calque, le dessin que je vais faire. Ensuite, nous devons nous dessiner un flamant stylisé. Pour cela, vous pouvez utiliser votre choix d'outils, si vous allez vraiment avec l'outil Stylo, allez-y et utilisez l'outil Stylo. Je vais supposer que l'outil Pen vous fait un peu peur. Utilisons l'outil crayon. Je vais cliquer sur l'outil crayon. Alors sélectionnez cela, je vais double-cliquer dessus pour juste dire quels sont ses paramètres. Je veux qu'il fonctionne ce [inaudible] Je veux que toutes les oscillations dans l'outil de crayon soient lissées, ce vraiment bon réglage à utiliser ici. Je vais juste cliquer d'accord. Maintenant, nous avons besoin de quelque chose à peindre. Je vais le retourner ces deux couleurs pour qu'on travaille avec notre couleur de trait. Allons chercher quelque chose qui va se présenter contre cet oiseau ici. Je pense que ce bleu sera une bonne couleur à utiliser. ce moment, mon AVC est un point, donc je vais l'augmenter à environ trois points. Maintenant, je vais dessiner les formes de mon oiseau. Maintenant, vous voulez vous rappeler que vous dessinez ceci, que ce serait du verre, les choses doivent être assez sinueuses. Je suis allé de l'avant et dessiné mon flamant en utilisant des lignes très, très simples. C' est l'interprétation stylistique que vous voudrez. Bien sûr, j'ai dit plus tôt que je voulais que le mien soit un peu plus grand et je suis parti et dessiné exactement la bonne taille. ce que je vais faire est d'aller à l'outil de sélection directe ici. Je vais sélectionner soit les nœuds au bas de ce pied et juste les étirer. Cela lui donnera une jambe plus longue, je peux aussi le faire ici. Je vais probablement attraper la dernière histoire grande ici va être plus facile à saisir. Cette partie du flamant flamant. appuyez sur V pour l'outil de déplacement et déplacez simplement sa jambe un peu vers le bas. Je vais déplacer cette partie en ligne. Ensuite, cette partie de la jambe peut simplement être étirée. À ce stade, vous voudrez probablement désactiver la visibilité du calque le plus bas afin que vous travailliez uniquement avec les formes que vous avez créées. Vous pouvez passer un peu de temps à travailler sur les formes. Une des choses que vous voulez vous assurer est que vous n'avez pas vraiment de bacs de type. Ce rythme ici est beaucoup trop serré d'un groupe. Ce n'est pas quelque chose qui arriverait si vous travailliez avec du verre au néon. Nous allons devoir terminer ça, donc on dirait un peu plus qu'il aurait pu être fabriqué à partir de verre néon. Pour ce faire, je prends juste l'outil de sélection directe, en sélectionnant ce point pour pouvoir accéder aux poignées et simplement les déplacer. Chaque fois que les angles forment une ligne droite au-dessus d'un point comme celui-ci, vous allez obtenir une courbe très lisse. Contrôle ou Commande zéro pour effectuer un zoom arrière. Vous pouvez continuer à travailler sur votre oiseau. Une fois que vous aurez l'oiseau stylisé créé retour et nous allons y ajouter les effets de néon. 3. Effet néon - Partie 2: Maintenant, je suis allé de l'avant et j'ai apporté quelques modifications mineures à mon oiseau, ce que j'ai fait, c'est que j'ai tiré ces griffes de son pied un peu pour qu'elles soient plus séparées de son pied. Maintenant, ici dans la ligne de la mâchoire, je veux juste vous montrer ce qui se passe ici et comment nous allons le résoudre. J' ai fini avec deux lignes dans cette ligne de mâchoire et j'aimerais qu'elles soient une ligne donc je vais aller chercher le point final pour cette ligne, et je vais la créer beaucoup plus près du point final de cette ligne. Ces deux points de très près ensemble, je vais sélectionner sur eux, je vais choisir la jointure de chemin d'objet et qui les rejoindra en un seul chemin. Maintenant, ils vont se comporter comme une seule forme et si j'ai besoin modifier la courbe du chemin, je peux le faire. Contrôlez ou commandez zéro pour zoomer arrière. Maintenant, maintenant chacune de ces lignes a une extrémité plate donc je vais les sélectionner toutes avec l'outil de sélection, et je vais rendre les lignes plus courbées à la fin. Pour ce faire, je vais aller au panneau de course et je vais faire leurs casquettes rondes, ce qui leur donnera une fin plus douce. Je vais aussi augmenter la largeur des lignes, je vais le prendre jusqu'à sept points. Cliquer et juste vérifier à quoi tout ressemble, maintenant par conséquent, je vais probablement commencer à déplacer ces morceaux un peu pour qu'ils soient un peu plus séparés du corps de l'oiseau. Parce que typiquement néon ne se chevauche pas, vous pourriez avoir deux morceaux de [inaudible] si je suis parti, tout sera un peu plus séparé. Maintenant que nous avons fait cela, nous allons ajouter un fond noir derrière l'oiseau afin que nous puissions voir les effets que nous créons un peu plus facilement. Je vais cliquer sur le calque un dans la dernière palette et cliquer sur un nouveau calque, qui ajoutera un nouveau calque sous un néon et au-dessus de l'image que nous n'utilisons plus. Sur ce tour, je vais ajouter mon rectangle rempli noir, je vais à l'outil rectangle, je vais cliquer une fois sur mon document et maintenant je peux taper les dimensions de mon document qui était 750 pixels de large par 1000 pixels de haut. Je veux remplir ça avec du noir alors je vais aller et devenir noir, et je vais juste retourner mon trait et remplir les couleurs. Maintenant, dans le panneau d'alignement, si je vais à la fenêtre aligner, si je clique ici et cliquez sur Afficher les options, je peux voir ce que tout est en train d'aligner. Il est assez important que vous sachiez comment fonctionnent vos outils d'alignement, je vais cliquer sur cette liste déroulante ici et tout est aligné sur le tableau d'art. Si je vais à l'outil de sélection, sélectionnez sur ma forme, je peux maintenant cliquer sur ces deux options ici, aligner le centre horizontal et le centre vertical, et mon rectangle va être parfaitement aligné sur mon tableau d'art. Ensuite, cliquez sur la dernière palette et je vais verrouiller cela aussi parce que je ne veux pas qu'elle commence à bouger sur moi. Pour créer un néon, nous allons le créer en utilisant les panneaux d'apparence donc je vais prendre le plus gros morceau de cet oiseau avec lequel nous pouvons travailler en ce moment et c'est son corps. En ce moment, il est bleu, il devrait probablement être rose, donc je vais aller chercher une couleur rose. Je vais au panneau d'apparence ici, si vous ne pouvez pas voir votre panneau d'apparence aller à Fenêtre puis apparence, et nous allons travailler avec le panneau d'apparence pour construire cet effet de néon. La première chose que nous voulons faire est de faire sauter cette ligne, les sept points sont une assez bonne largeur pour cet effet néon, ce qui n'est pas bon, c'est maintenant nous avons rose massif où nous aimerions qu'il soit un peu plus floue si vous voulez. Dans le panneau d'apparence, vous allez dire lorsque les triangles font face de cette façon que tous les paramètres sont réduits. Si vous les ouvrez ici, vous direz qu'il y a des choses comme un autre paramètre d'opacité pour ces traits individuels. Vous pouvez faire des choses avec un trait plutôt qu'avec la forme entière, c'est vraiment important à ce stade parce que vous devez faire ce que nous allons faire ensuite avec cette ligne rose, vous ne voulez pas le faire avec toute la forme ou c'est ne va pas fonctionner correctement. Donc nous allons cliquer sur cette ligne rose ici, puis nous allons effacer, flou, flou, flou gaussien et nous allons flouter cette ligne. Je vais activer l'aperçu afin que je puisse voir ce qui se passe et vous pouvez juste choisir un flou que vous aimez, je pense qu'environ 3.5 est un assez bon flou pour cette ligne, vous voulez l'impression d'une sorte de néon lueur je vais cliquer sur « Ok ». Ensuite, nous allons ajouter une autre ligne à cette forme donc nous allons cliquer ici sur ce trait et nous allons cliquer ici pour ajouter un nouveau trait, qui va ajouter un deuxième trait au-dessus du premier. Maintenant que nous voulons être gris, je vais aller ici, ouvrir le panneau et nous allons utiliser un gris qui est 204, 204, 204, 204, c'est à peu près un gris neutre clair. Ensuite, nous allons réduire son poids de ligne à environ trois points, et nous allons définir son mode de fusion à l'écran, puis nous allons discuter de la raison pour laquelle nous avons fait ce que nous avons fait. Maintenant, ce qui va se passer dans quelques minutes, c'est que nous allons prendre ce look néon et que nous allons l'enregistrer en tant que star graphique, donc nous voulons pouvoir l'appliquer à n'importe quoi à l'avenir. Si nous avons ajouté beaucoup de coups roses à cette forme, chaque fois que nous voulions faire néon rouge ou néon jaune, devra entrer dans le panneau d'apparence et commencer à changer beaucoup de choses. C' est beaucoup plus simple si nous n'avons qu' à changer une chose et c'est la chose que nous allons devoir changer, si nous voulons faire du néon rouge, nous allons devoir faire ça correctement si nous voulons faire, à changer une chose et c'est la chose que nous allons devoir changer, si nous voulons faire du néon rouge, nous allons devoir faire ça correctement si nous voulons faire, néon, nous allons rendre ce bleu, mais tout le reste que nous construisons dans ce panneau d'apparence est neutre, c'est un gris neutre. Il va avoir exactement le même effet sur le bleu que sur les jaunes, comme sur l'orange, donc être intelligent sur la façon dont nous construisons les choses. Donc, jusqu'à cette fin, ce que nous avons fait, est que nous avons ajouté une ligne gris clair à trois points, plus mince que la ligne rose afin que nous puissions toujours dire la ligne rose, mais c'est une ligne gris clair. réglage en mode de fusion d'écran le rend juste plus léger, un mode de fusion d'écran éclaircit toujours les choses, donc si je désactive cela, vous pouvez dire pas de foudre, ici nous avons un éclaircissement étroit au milieu de la ligne et nous allons le faire encore une fois. Donc, je vais cliquer sur cette ligne supérieure, cliquez sur ajouter un nouveau trait. Cette fois, je vais le rendre blanc donc je vais pour une couleur très brillante, presque blanche ici. Je vais faire tomber la ligne blanche à un et je vais asseoir le mode de fusion à l'écran afin qu'il éclaircit tout. Il y a mon look rose fluo, maintenant si je ne suis pas content du rose, c'est ce qui le contrôle, donc je peux venir ici et choisir une couleur rose beaucoup plus chaude. C' est tout ce que j'ai à faire pour changer la couleur de mon néon, donc nous concevons l'effet néon d'une manière intelligente. Maintenant que nous avons fait cela et que nous l'avons conçu de manière intelligente, allons le sauvegarder pour que nous puissions la réutiliser, je vais sélectionner la forme qui a le néon appliqué, je vais aux styles graphiques qui sont ici. Si vous n'indiquez pas les styles graphiques, allez dans Fenêtre et choisissez les styles graphiques. Ce que nous allons faire, c'est que nous allons faire glisser et déposer le corps de l'oiseau dans ça, alors ramassez-le avec l'outil de sélection, déposez-le ici et lâchez-le. Nous ne voyons pas le corps d'un oiseau, ce que nous voyons est le style, c'est le style néon rose que nous venons créer et c'est une portée permanente de ce document particulier. Maintenant, je vais cliquer loin du corps de l'oiseau et sélectionner sa tête. Je vais cliquer ici une fois sur le style graphique et l'effet de couleur néon est appliqué à cette forme. Je voulais faire la même chose ici, donc je vais sélectionner les deux pièces ici et je vais les rendre roses pour l'instant. Mais vous savez quoi, ils ont l'air beaucoup mieux s'ils ont été lus, donc avec eux encore sélectionnés, je vais dans le panneau d'apparence pour les formes, je vais cliquer sur ce rose ici et je vais le transformer en un rouge vif. Je vais cliquer. Vous pouvez dire que le style néon a maintenant été appliqué à cette forme et nous avons été facilement en mesure de recolorer en sélectionnant simplement une option de couleur particulière qui est dans ce bas le plus trait et nous pouvons faire la même chose pour les jambes. Rendez-les roses, changez notre avis sur la couleur à tout ce que nous voulons, je vais en fait faire aussi ces rouges. Maintenant, l'oiseau pourrait utiliser un œil et un peu de verdure et peut-être un peu d'eau bleue le long du fond ici. Donc je vais finir l'oiseau en faisant juste ce petit morceau supplémentaire, je ne vais pas parler comme je le fais mais nous allons revenir dans la prochaine vidéo et aller créer texte au néon et une des choses que nous allons face est le fait que nous avons besoin de sortir, prend le pot avant que nous puissions réellement le faire néon. 4. Effet néon - Partie 3: Maintenant que nous avons créé un Flamingo dans Neon, allons-y, et jetez un oeil aux problèmes entourant la création de type avec cet effet Neon. Je vais cliquer sur l'outil « Texte » ici, je vais taper le mot Flamingo. Maintenant, il est en noir maintenant, donc je vais le rendre blanc pour qu'on puisse le voir. Je vais augmenter la taille de la police ici, et je vais aller chercher une police Neon. Je clique sur l'outil « Texte », en sélectionnant sur le texte, et je vais aller chercher la police Neon que nous avons téléchargée, et que j'ai installée. Maintenant, c'est évidemment un peu gros pour ce projet en ce moment, je vais juste diminuer un peu la taille. Maintenant, avant de pouvoir appliquer notre effet Neon à ce texte, nous allons devoir transformer le texte du texte en contours. Je vais choisir Type, puis Créer des contours. Je vais ensuite dissocier ces objets avec Object, Ungroup. Maintenant, allons-y, un coup d'oeil et voyons ce que nous obtenons quand nous obtenons des contours de texte. Ce que nous obtenons est une forme dimensionnelle. On a des contours autour d'une forme remplie. Ce que nous avons appris sur le Flamingo, c'est que notre style graphique doit être appliqué à une seule ligne. On a trop de lignes ici. Ce qu'on va devoir faire, c'est de se débarrasser d'eux. vais commencer par une forme facile, tout d'abord, ce L. Ce que je vais faire, c'est que je vais garder la ligne extérieure, mais me débarrasser de la ligne intérieure. Avec l'outil Lasso, je vais juste faire glisser au milieu de cette lettre, assurant que je piège tous les nœuds qui sont à l'intérieur de cette forme, et je vais juste appuyer sur « Supprimer » et ce qui me reste est cette ligne. Tout ce que je dois faire maintenant, c'est de retourner le trait et le remplissage. Maintenant, j'ai une ligne de course. Je vais passer par ces autres formes, les formes faciles, le N, le G, et le O, et juste me débarrasser des formes intérieures. Sur le I, je vais me débarrasser de la forme à droite, et garder celle à gauche, et nous reviendrons dans une minute et prendre ces autres formes. Avec le F ici, je vais prendre la ligne extérieure, et la ligne supérieure ici. Les autres morceaux, je vais me débarrasser. Avec le A, je vais prendre la ligne extérieure, et ensuite je vais probablement prendre cette ligne supérieure. Avec le M, je vais prendre la ligne extérieure, et cette ligne de gauche ici, me débarrasser du reste. La chose que je m'assure que je ne vais pas supprimer est tout ce qui est un point d'ancrage pour l'une des lignes que je veux réellement garder. Maintenant que j'ai les lettres réelles du texte, je suis prêt à aller de l'avant, et à leur appliquer mon effet Neon. Je peux prendre des lettres individuelles en les sélectionnant à l'aide de l'outil Sélection, allant dans le panneau d'apparence pour elles. Semble avoir perdu mon panneau d'apparence, donc je vais choisir Fenêtre, Apparence, puis juste changer la couleur du texte. Il existe un moyen simple de créer un effet Neon dans Illustrator Vous avez également appris comment vous pouvez incurver une police pour créer une ligne unique à laquelle vous pouvez ensuite appliquer un effet Neon. Votre projet pour cette classe va être de créer un effet néon, quelque chose comme ça. Vous pouvez aller, et utiliser le Flamingo que j'ai utilisé, ou vous pouvez utiliser n'importe quelle image de votre choix, ou vous pouvez simplement le dessiner à main levée si vous préférez. Ajoutez également du texte pour vous entraîner à travailler avec des styles graphiques et à les appliquer à ces éléments de texte une fois que vous les avez extraits de la police réelle. Une fois votre projet terminé, publiez-le dans la zone du projet de classe. J' espère que ce cours vous a plu et que vous avez beaucoup appris sur l'utilisation des styles graphiques, des polices et des formes 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 donnez-lui un pouce vers le haut. Cela aide d'autres personnes à identifier cela comme une classe qu'elles peuvent vouloir suivre. 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.