Au-delà des grilles : créer de superbes posters graphiques avec Adobe Illustrator

1. Introduction: Bienvenue dans notre nouveau cours de design, Bl Gris, créer de superbes affiches graphiques avec Adobe Illustrator. Je m'appelle Tangio, et en tant que graphiste passionné, j'ai toujours été attiré par les proportions et l' ordre des grilles Dans ce cours, je vais partager avec vous des techniques et des flux de travail spéciaux conçus pour les concepteurs qui souhaitent créer des affiches précises, convaincantes et d'une beauté logique dans Adobe Ce cours s'adresse à tous ceux qui s'intéressent au design graphique. Que vous soyez prêt à créer de beaux travaux de conception graphique, vous recherchez la beauté de l'ordre. Je veux trouver un équilibre entre les deux. Vous trouverez ici un cadre qui vous aidera à créer un travail impressionnant. Je vous verrai dans la prochaine vidéo. 2. Croquis : visualiser vos idées sur une grille: Bienvenue dans mon cours et aujourd'hui nous allons faire un croquis. Tout d'abord, ouvrons la grille préparée ou les pièces Pcal. Il en va de même pour le mariage d'aujourd'hui, c'est la naissance et la nature. Je veux dessiner le personnage principal, l'oiseau, en bas au centre de la grille. Choisissez un pinceau, en fonction de ce à quoi vous êtes habitué. Commençons maintenant. Dessinez la figure avec un sens aigu de la géométrie. Ce n'est pas trop réaliste, vous n'êtes pas obligé de vous en tenir à la grille. Vous pouvez aller un peu plus de huit. Essayez de dessiner les formes de manière plus géométrique et ordonnée. Le motif du père sur l'oiseau peut être remplacé par ce type de points ou de triangles. Ici, j'utilise la jointure par points. La distribution des points peut être placée librement. Ne les joignez pas de manière trop rigide, l'oiseau est dessiné. Passons aux éléments secondaires. Il se peut qu'il ne suffise pas d'avoir un seul oiseau sur la photo. Je vais en dessiner un autre. Le gros peut aller un peu au-delà du réseau, comme ça. Ici, j'utilise les triangles pour le motif des plumes. OK, l'oiseau est également terminé. Ensuite, nous pouvons ajouter des éléments végétaux autour de l'oiseau. Comme certaines fleurs, les plantes n'ont pas besoin d' être trop compliquées. À l'intérieur de la grille, nous pouvons continuer à diviser la grille, puis ajouter des éléments géométriques aux éléments figuratifs afin que l'image ne soit pas trop monotone OK, dessine d'autres éléments floraux. Il en va de même pour l' environnement du gros oiseau. Vous pouvez ajouter des éléments botaniques , puis les associer à des formes géométriques. Vous dessinez ce qui vous vient à l'esprit en fonction du thème, puis vous l'associez à des éléments géométriques. Ce graphique ressemble à un arc-en-ciel. Je veux dessiner quelques éléments aquatiques ici. Au-dessus de l'oiseau, vous pouvez dessiner des fruits comme nourriture pour l'oiseau. S'il y a trop de formes figuratives, vous pouvez ajouter des éléments géométriques pour équilibrer l'image, car les éléments qui l'entourent sont assez denses Je fais donc ici quelques formes géométriques simples pour rendre l'image plus respirante. Ici, tu peux découper le cercle. Le graphique ici ressemble également un peu à un arc-en-ciel. Je voulais dessiner des éléments aquatiques sur le côté droit et faire écho au graphique ci-dessous. Mais je voulais faire un petit changement et je pourrais dépenser deux cases comme celle-ci. L'élément eau est assez dense. Continuez à dessiner des formes géométriques simples autour de lui pour les assortir. Le dessin précédent était constitué de lignes d'ondes. Je voulais dessiner des bandes droites ici, car il y a à la fois des plantes et de l'eau ici. Je veux dessiner un petit dessin ici avec le soleil et les nuages dessus. Comme je l'ai déjà dit, les formes denses doivent être entourées de formes géométriques simples. Comme il s'agit d'une affiche écologiste, je voulais ajouter des graphismes simples Et je pensais aux bougies, qui représentent l'espoir. Il peut être dessiné à côté du personnage principal de l' image, qui est l'oiseau. Un cercle pourrait être utilisé pour représenter la luminescence, et quelques petites étoiles pourraient être ajoutées pour représenter la lumière des étoiles Continuez à ajouter quelques éléments botaniques comme une fleur circulaire. Ensuite, entouré de quelques petites fleurs, vous pouvez changer la direction des fleurs. Ici, vous pouvez dessiner une figure symétrique par rapport à ce qui précède. Continuez à diviser la grille. Dans la grille, vous pouvez ajouter des bandes diagonales sur le côté. Plus de fleurs placées manière à laisser des trous dans l'image. cas échéant, nous arrivons à la dernière grille et pouvons faire une symétrie avec la grille située au début du coin supérieur gauche. OK, notre croquis est terminé. Rendez-vous dans la prochaine leçon. 3. Linéaire : esquisser les éléments 1: Bonjour, bienvenue dans ma classe. Dans la dernière leçon, nous avons fini de dessiner. Aujourd'hui, nous allons tracer les limites. Commençons importer l'esquisse dans Adobe Illustrator, car cette ligne de l'esquisse est trop foncée. Nous devons donc régler l'opacité à 30 %, Nous devons donc régler l'opacité à 30 % puis appuyer sur Ctrl et deux pour verrouiller la référence afin ne pas y accéder lorsque nous la dessinons Commençons par dessiner le gros taureau. J'utilise généralement les outils de rectangle et d'ellipse pour dessiner des formes métriques La première étape consiste à dessiner la tête de l'oiseau avec un bord incurvé comme ceci. Nous sélectionnons ici l'outil aux coins arrondis , le faisons glisser et le contour de la tête de l'oiseau apparaît. Il en va de même pour le corps de l'oiseau. Ici, la glace est traitée avec l'outil d'arrondissement des coins et pour le cercle, nous utiliserons l'outil d'ellipse. Peu importe si c'est un peu par ici. Après avoir dessiné un cercle, il y a encore un petit cercle à l'intérieur. Vous pouvez appuyer sur la touche Ctrl et la touche C, puis appuyer sur la touche Ctrl et la touche F pour copier devant elle. Les yeux sont faits pour la souris. Utilisez le stylo pour les formes irrégulières. Utilisez l'outil stylo car il y a des arcs ici. J'utilise également le coin pour glisser-déposer les arcs de cette manière, et ils apparaissent de la même manière en bas. Vous devez dessiner des angles vifs comme celui-ci pour utiliser l'arrondissement La forme de la Birth Rom convient parfaitement à l'assemblage avec l'outil rectangulaire. Faites ensuite glisser le point. OK, ajustez un peu la taille. Ensuite, le motif en plumes, c'est très simple, il suffit d'utiliser l'outil ellipse pour le joindre. Puis copiez-le. OK, les ailes de l'oiseau recouvrent le corps. Deux formes sont nécessaires. Nous pouvons appuyer sur la touche Ctrl puis la contrôler et pour la dupliquer, l' ajuster à cette position. Et voici l'aile natale. OK, c'est terminé. Et maintenant, nous avons notre commande G pour gros oiseaux, pour regrouper cet oiseau afin qu'il ne se déplace pas lorsqu'il rejoint d'autres formes. OK, passons à la bordure ci-dessus. La méthode est en fait la même. Utilisez l'outil rectangle pour dessiner le corps. Faites ensuite glisser ce point. Nous avons maintenant le corps de l'oiseau. La tête est dessinée de la même manière. Dessinez la tête à l'aide de l'outil rectangle et faites glisser le point car la glace est à angle droit. Ici, j'utilise l' outil du rectangle à la place de l'élyx. En maintenant les touches Ctrl et Shift enfoncées, vous pouvez sélectionner les trois autres points même temps et les faire légèrement glisser. OK. Les bouches dessinent toutes avec le pentol comme ça Redimensionnez-le un peu. Le cou, car c'est aussi un rectangle en lui-même. Donc, pour aligner les lignes ici, je vais simplement copier la forme de la tête et l'ajuster un peu plus. Même chose pour les ailes, cette façon les lignes s'emboîtent parfaitement. Sous les ailes se trouve un grand triangle. Ainsi, en annulant l'un des points d'ancrage de ce rectangle, les piliers triangulaires, puis le motif des ailes est également constitué de triangles Je vais donc simplement le copier. Ajustez la taille et la position. Encore une fois, dessinez également les deux petits triangles restants. OK, l'oiseau est prêt. Appuyez sur Control Energy, regroupez-la. Ensuite, nous allons dessiner la fleur ici. C'est l' outil rectangulaire, d'accord ? Comme ça, tu peux en dessiner la moitié en premier. Cliquez avec le bouton droit de la souris, sélectionnez Transformer, puis dupliquez les pétales en miroir. Continuez à copier. Dessine les feuilles ci-dessous. Maintenez la touche Ctrl enfoncée, vous pouvez sélectionner directement les points individuels, les feuilles sont prêtes. Dessine ensuite la fleur ici, puisqu'il s'agit d'un cercle, je vais utiliser l'outil ellipse Je vais en dessiner un au milieu pour les pétales. Vous pouvez utiliser l'outil de rotation ici. Maintenez la touche Art enfoncée , puis concentrez-vous sur le centre du cercle en dessous. Cliquez avec le bouton gauche de la souris sur le centre du cercle. Le point apparaîtra dupliqué. Ensuite, appuyez sur les touches Ctrl et sur la touche, vous pouvez copier la forme autour du cercle, sélectionner, puis maintenir la touche Shift enfoncée pour annuler les parties indésirables. Au cours de la passe, le Finder sélectionne Joindre pour fusionner les formes, appuyez sur la touche Ctrl pour sélectionner la partie indésirable et supprimez-la. Dessine un carré et aligne le ici. Juste comme ça, il s' agit d'un arc concave. Sélectionnez le carré, maintenez la touche Ctrl et l' ancienne touche enfoncées en même temps, puis cliquez sur ce point et faites-le glisser. OK. Dessinez ensuite le flux sur la gauche. Tracez d'abord la petite grille ici. Une fois que vous l'avez rejoint, faites de même et faites plusieurs copies pour le cercle ici. Je vais utiliser le rectangle ici, sélectionner le rectangle, puis appuyer sur les touches Ctrl et C. Ensuite, appuyez sur la touche Ctrl et faites glisser le point pour continuer de la même manière . Les deux petites fleurs suivantes et la jointure précédente sont un peu différentes. Utilisez l'outil stylo pour créer un point d'ancrage, au milieu de la ligne, puis tirez-le vers le bas. Créez ensuite un point d'ancrage de chaque côté, en alignant la ligne ici en haut. Ensuite, les points ici sont comme ça pour arrondir les coins. Ensuite, copiez ici un demi-cercle qui est plus facile à dessiner. Dessinez un rectangle et faites glisser les points. Voici deux triangles plus faciles à dessiner. Alors voici le fruit, ici, je veux utiliser l'outil ellipse et le faire comme ça OK, c'est l'orange et voici la pomme de la même manière. Voici un ensemble de pommes qui peut être dessiné comme cette image miroir. Utilisez à nouveau l'outil rectangle pour dessiner une tige et une feuille de pomme ici. OK, la pomme est prête. Voici un grand cercle avec un espace. Il est facile de dessiner l'outil ellipse , puis de le faire comme ceci Le nœud peut être créé ici en créant un point d'ancrage dans l'arc, puis en le supprimant Le reste est la même opération. Ensuite, utilisez l'outil stylo pour le connecter comme ceci. Dupliquez ensuite la forme et redimensionnez-la comme suit. Formez un groupe pour ces cercles entaillés. Et puis double-cliquez dessus pour l'isoler. Ensuite, tracez des lignes ici comme ceci. Ensuite, sélectionnez ces formes et trouvez la forme créée ici. Cliquez sur la partie que vous souhaitez scinder comme ça, d'accord ? Et puis dessine la rivière ici. Pour celui ci-dessus, vous pouvez dessiner deux carrés. Faites ensuite glisser les points comme ceci pour arrondir les coins. Et puis à travers la grille, dessinez un autre carré, ajustez la taille. OK ? Copiez-le ensuite ci-dessous. Et récite-le comme ça. Ensuite, vous savez, faites glisser le point pour former un demi-cercle. OK ? Ensuite, nous allons dessiner la rivière. La rivière est constituée de lignes de vagues. Utilisez d'abord le stylo pour tracer une ligne droite. Sélectionnez ensuite l'effet ici. Puis déformez et transformez en fonction de l'aperçu. Définissez les paramètres. OK, donc nous en dessinons un et nous le dupliquons ensuite. Et puis appuyez sur la touche D, juste comme ça. Éloignez les lignes et voyez à quoi ça ressemble. Je dois le modifier un peu. Ensuite, nous trouverons l'objet ici et sélectionnerons étendre, et le trait deviendra un graphique. OK, c'est la fin de cette leçon. Rendez-vous dans la prochaine leçon. 4. Linéaire : esquisse les éléments 2: Bienvenue dans ma classe aujourd'hui, nous allons continuer à tracer des limites, car il y a aussi une vague ici. Je l'ai copié directement ici. Ensuite, nous allons dessiner le graphique ci-dessous. Sélectionnez l' outil rectangle, dessinez un carré et copiez-le ici. Ajuster le demi-cercle ici est un peu plus facile à dessiner, je n'entrerai donc pas dans Ensuite, mettez-le en miroir et copiez-le. Le cercle ici est dessiné avec Z Elix, la fleur a déjà été décrite ainsi Puis copiez-le. Vous pouvez changer de direction, puis nous allons dessiner les bandes ici. C'est également très simple : utilisez le stylo pour tracer une ligne droite, tracez la ligne, puis copiez-la. Appuyez sur Ctrl et D, OK, voici comment utiliser le rectangle pour ajuster les coins arrondis. OK ? Alors dessine la bougie ici. Utilisez l'outil rectangle pour dessiner le corps. Dessinons la flamme. Tracez un cercle et tirez ce point d'ancrage vers le haut. Dupliquez-le, réduisez-le, déplacez-le ici et fusionnez les formes. Utilisez ensuite l'outil Elipse pour dessiner également une pomme, pour huit. Ajustez-le Ensuite, dessinez l'étoile. Tracez un carré, puis maintenez les touches Ctrl et Odd enfoncées. Appuyez sur le point et faites-le glisser pour obtenir une étoile. Faites plusieurs copies et ajustez la position. Regroupez-les, puis nous dessinerons l'arc-en-ciel ici. Ce sont aussi des joueurs de théâtre très simples comme celui-ci. Et puis il suffit de faire glisser les coins arrondis. OK. Le reste des formes étant plus simples, je vais simplement vous montrer comment procéder. OK, dessinons-le ici. Ici, le demi-cercle est dessiné avec l'outil d'ellipse en Z, puis Le soleil est composé de deux demi-cercles, et voici Tracez un petit cercle, puis dessinez un plus grand cercle à côté et fusionnez les formes. Tracez un rectangle dessus. Ensuite, sélectionnez-le et choisissez soustraire la couche supérieure ici, de le dupliquer et de l'ajuster pour l'étoile Utilisez l'outil à épingle pour le dessiner comme ceci. D'accord, les formes suivantes sont également relativement simples. Continuons avec une démonstration rapide. OK, alors c'est symétrique à celui ci-dessus. Je le copie et je le fais pivoter. Et c'est la fin du sketch. Colorions-le. Rendez-vous dans la prochaine leçon. 5. Coloriage des éléments et de l'arrière-plan: Dans la dernière leçon, nous avons tracé la ligne de jonction. Aujourd'hui, nous allons le colorier pour faciliter le choix des couleurs. J'ai placé les couleurs assorties ici comme ceci, et j'ai rempli la ligne de jonction avec du blanc. Ensuite, nous sélectionnons l'outil de sélection directe, qui peut être utilisé pour sélectionner des éléments dans la grille. Ensuite, nous sélectionnons l'outil Pied, qui sélectionne les couleurs afin que nous puissions passer autre avec la touche Ctrl qui nous aide à faire correspondre les couleurs efficacement. Commençons par le personnage principal, car je veux que tout soit sombre. Je peux donc donner une couleur claire au personnage principal car c'est la partie la plus importante de l'image, il faut donc la mettre en valeur. Un gris clair serait approprié ici. Ici, le cou peut alors être associé à une couleur plus foncée comme couleur de transition, comme le noir pour le corps, j'ai utilisé le même gris vif que la tête. Les ailes peuvent prendre une teinte rouge afin que le contraste entre les couleurs soit plus prononcé pour le motif en plumes du corps Je voulais continuer à utiliser le rouge pour faire écho aux ailes du corps. Je l'ai aussi changé en jaune. Le grand pourrait utiliser la palette de couleurs bicolore. Ensuite, ce gros oiseau est prêt. La palette de couleurs de ce petit oiseau doit être proche de celle du grand oiseau. La tête est de la même couleur rouge que le corps et les ailes sont blanches et jaunes. Les yeux sont noirs et jaunes comme ceux du gros oiseau. Ensuite, colorez la plante. Comme il y a de nombreux éléments dans l'image, vous pouvez utiliser la même couleur pour la même forme de fleur. Maintenez les touches Ctrl et Shift enfoncées. Sélectionnez plusieurs formes en même temps. Je veux utiliser du jaune pour la fleur, mais je ne voulais pas que le jaune de la fleur soit lié aux ailes. Ici, j'ai changé la moitié en rouge. Les feuilles peuvent utiliser une couleur violette ici. Les feuilles sont les mêmes que les fleurs avec des éléments similaires, en utilisant la même palette de couleurs. OK, ça ressemble bien à la pomme ici, qui est assez facile pour simplement utiliser la palette de couleurs réaliste, rouge et jaune à l'intérieur. J'aimerais le varier un peu. L'autre moitié peut être vert vif et le noyau est noir, puis celui-ci est orange. Et comme il n'y a qu'un seul jaune, la chair à l'intérieur, j'ai voulu utiliser du rouge, comme une palette de couleurs orange sang pour l'élément fleur. Continuez à utiliser du jaune. Nous allons d'abord colorier les éléments figuratifs, car ce sont ceux que nous avons vus dans la vie réelle et qu'ils sont plus faciles à assortir Alors il y en a un petit ici dans le coin inférieur gauche. Le soleil est juste rouge et jaune et les draps sont gris vif Ici, les étoiles seraient en jaune. La bougie est gris vif. La flamme est rouge et la lumière est jaune. Ensuite, les étoiles ici doivent être changées en vert vif. J'utilise du jaune pour les feuilles rondes ici parce qu' il y a trop de violet ici pour les fleurs. Parce qu'il y a plus de couches ici. Vous devez essayer des combinaisons de couleurs plus différentes. Il y a trop de jaune et de rouge, alors j'utilise le noir comme excellente couleur ici au milieu. D'accord, les éléments figuratifs sont essentiellement réalisés avec leurs couleurs. Passons donc aux formes géométriques. Les graphiques ici sont grands et la coloration d' un graphique de grande taille affectera les éléments environnants. Ils doivent donc être priorisés. J'aimerais utiliser une couleur plus foncée ici, mais les éléments qui l' entourent sont le rouge et le jaune. Il est préférable d'utiliser du rouge et du jaune en arrière-plan pour que les couleurs les plus foncées se fondent. Plus comme ça. Utilisez ensuite une palette de couleurs plus foncée à l'intérieur. Parce qu'il y a plus de couches ici, vous devez continuer à expérimenter OK ? Ensuite, faites correspondre les couleurs aux éléments environnants pour correspondre aux couleurs sombres que je viens d'utiliser. J'ai choisi le noir pour le fond ici. Ajustez un peu plus les couleurs des éléments intérieurs. Il y a maintenant plus de couleurs sombres, j'ai donc besoin de couleurs plus claires pour les accompagner. Alors allons-y avec le violet. Et choisissez toujours le noir pour le fond. La palette de couleurs entre les graisses est aussi connectée que possible. Il doit y en avoir au moins un de la même couleur. La correspondance globale n'est qu'une transition entre les couleurs sombres et les couleurs claires. L' élément à bande ondulée est plus dense. Il n'a pas besoin de trop de couleur. OK, passez à compléter le schéma de couleurs pour les autres éléments. Le coin inférieur droit est symétrique au coin supérieur gauche, vous pouvez donc utiliser le même schéma de couleurs. Ensuite, dans le coin inférieur gauche, vous pouvez utiliser un arrière-plan noir pour mettre en évidence les éléments du premier plan Ici, vous pouvez utiliser la même palette que les bandes ondulées à l'avant. Continuez à expérimenter avec différentes combinaisons de couleurs. L'arrière-plan ici peut également être sombre pour mettre en valeur l'oiseau. Ici, le fond peut également être utilisé dans une couleur foncée afin de mettre en valeur la lumière qui le traverse. Continuez avec le reste des éléments. S'il y a trop de rouge, vous pouvez utiliser du noir ou du violet pour le faire correspondre ici. Continuez avec le reste de la palette de couleurs. Il y a beaucoup de couleurs qui se répètent ici, alors j'ai voulu faire quelques variations et utiliser du violet ou du noir comme accents. OK, passer au reste de la couleur c'est continuer à essayer différents coloris OK, nous en avons terminé avec la palette de couleurs et l'affiche graphique est maintenant terminée. Pour ceux d'entre vous qui ont regardé cette leçon, essayez de joindre vous-même une affiche graphique. À la prochaine. 6. Bonus : processus de dessin d'affiches "Walking Cat": Bienvenue dans ma classe. Ce cours est un bonus, et nous allons dessiner une autre affiche graphique. Je n'entrerai pas trop dans les détails dans cette leçon, car les techniques ont déjà été enseignées dans les leçons précédentes. Il s'agit d'une démonstration légèrement immersive du processus, donc j'espère que vous apprécierez de la regarder. Le thème de cette affiche est le chat qui travaille. La première chose que j'ai faite a été de dessiner l'affiche, cette fois en utilisant un autre type de grille. Encore une fois, nous allons commencer par le personnage principal, le chat, que j'aimerais dessiner dans cette grande grille. Allons-y. OK, je vais dessiner, c'est fait. Prochaine. Nous allons dessiner, colorier les lignes. Commençons. Oh, B, B. Oh. Oh. Oh. Oh. Oh. Oh, d'accord. Notre affiche est prête. Merci de m'avoir regardée. Nous vous verrons la prochaine fois.