Intro au design graphique : Conception d'affiches #003 dans Adobe Illustrator

1. Introduction à la conception graphique : Conception d'affiches #003 dans Adobe Illustrator - - à: Bonjour à tous. m'appelle Marcus et je suis un animateur designer senior basé à Londres. Et aujourd'hui, dans cette classe, je vais partager avec vous comment créer ces trois affiches dans Adobe Illustrator. Je vais passer par tout le processus pour obtenir ce look 3D à l'aide d' outils Adobe Illustrator tels que Extrude et Bevel for distort et autres. Pour aider la conception, il y a très rapidement des visuels convaincants. Ce cours est conçu pour tous les niveaux de compétence. Je vais m'assurer d'expliquer chaque étape en détail. Nous ne manquons rien. Et à la fin de la classe, plus d'avoir des affiches de stagiaires pour montrer vos nouvelles compétences, vous comprendrez parfaitement les puissants outils de traités d' Adobe Illustrator et comment vous pouvez utiliser de différentes manières et projets. Et en tant que projet de classe, je vous invite à concevoir ces affiches avec moi en utilisant les nouvelles techniques que vous venez d'apprendre. Tout cela étant dit, commençons. Je vous vois dans la première leçon. 2. L01 - Poste 01 : Configuration de documents et conception de documents: Bienvenue à tout le monde. Commençons donc. La première chose que nous devons faire est de déposer et de nouveau. Configurons notre document. Je vais utiliser un trig 1600 par 5 400 pixels. Et je veux vivre en RVB et appuyer simplement sur Créer. Ce que nous devons maintenant faire, c'est simplement sélectionner les mots que nous voulons utiliser pour notre affiche. Il suffit d'utiliser l'outil de texte. Je veux juste redimensionner ça au moins un peu pour pouvoir lire ce qu'il y a là. Je vais peut-être le mettre à l'échelle un peu plus. Je vais utiliser Churn Newbury. Parfait. Maintenant, nous avons nos mots. Laissons une police vraiment sympa. Je vais utiliser Ben Graham. Nous allons sélectionner notre police ici. Cliquons avec le bouton droit de la souris et créons des contours. Cliquez à nouveau avec le bouton droit de la souris et dissocions le groupe. Maintenant, nous voulons sélectionner notre police, la changer comme un gris clair. Pour ce faire, il suffit de le faire glisser à l'extérieur du tableau d'art pour l' instant. A moins que le flux J. Allons à Effect 3D et matériaux pour vraiment classique et Extrusion et Biseau. Cool. Ici, nous sommes en mesure de modifier la perspective de notre objet et de voir comment fonctionne l'extrusion. Ici, sur la profondeur d'extrusion, nous pouvons réellement ajuster la profondeur que nous voulons. Peut-être que je veux utiliser 100 et appuyer simplement sur Ok, Perfect. Maintenant, ce que nous voulons faire, c'est simplement sélectionner la lettre J, aller à l'objet et développer l'apparence. Et faites-le glisser un peu vers le bas ici. Maintenant, sélectionnons un et passons à l'effet et appliquons, Extruder et Biseauter. Cette fois, nous avons déjà choisi notre perspective et notre profondeur des extrudes. Il nous suffit donc de l'appliquer à toutes les autres lettres. Ce sera très rapide. Laissons-les juste traîner ici. Nous allons simplement sélectionner à nouveau toutes ces lettres. Et passons à Object un exposant périodes. Parfait. Maintenant, nous voulons simplement sélectionner, il suffit zoomer sur J. Selected et de changer ici sur le point d'interrogation. Changeons le remplissage en gris plus foncé et le trait en blanc. Comme ça. Nous allons sélectionner toutes les autres lettres. Et à l'aide de notre outil High Drop, copions simplement toutes les couleurs. Maintenant, sélectionné à nouveau toutes les idées ensemble. Et passons le coup à quatre. Parfait. 3. L02 - Poste 01 : Mise en page de conception et détails finaux: Bonjour à tous et bienvenue. Maintenant, ce que nous voulons faire, c'est sélectionner nos lettres et les agrandir un peu. Commençons par j. Je vais tenir, je maintiens Maj tout en faisant glisser le coin pour agrandir une lettre. Et je vais utiliser le même outil. Je vais commencer à les associer ensemble comme ça. Pour ajouter un peu plus de définition aux mots que je veux juste, vous pouvez simplement dupliquer. Par exemple, sélectionnons un tout en maintenant la touche Alt. Mettons-en un vers le haut. Nous dupliquons un peu la forme. Maintenant, nous avons deux A et faisons de même. Nous faisons quelque chose comme ça. Parfait. Maintenant, avec notre calcul fait, il suffit de le sélectionner. Et allons cliquer avec le bouton droit de la souris et le dissocier. Passons maintenant à nos calques et créons un nouveau calque pour notre arrière-plan. Passons à notre rectangle d'outils de forme ici. Créez un très beau rectangle, la même taille que le plan de travail. Et en changeant de couleur. J'utilise vraiment du jaune brillant, bien, pour mon exemple, ce qui est une sorte de couleur néon. Je pense que ça a vraiment bien fonctionné. veux garder la même couleur, et je vais juste baisser ça un peu. La prochaine chose que nous allons faire est de créer un autre calque, verrouiller ces deux couches. Et ajoutons notre code. J'ai utilisé le code. Vous pouvez simplement le sélectionner, cliquer avec le bouton droit de la souris et créer des contours. Puis cliquez à nouveau avec le bouton droit de la souris et dissociez-le. Sélectionnez maintenant notre janvier et accédez à Dissocier les objets. Et faites de même pour plus de facilité. Pour le reste des mots. Vous pouvez faire du jogging sur les soldats sélectionnés, puis appuyer simplement sur Commande ou Control G, qui est un raccourci permettant de regrouper des objets comme celui-ci. Comme ça. Parfait. Maintenant, ce que je veux faire, c'est simplement sélectionner nos textes. Il suffit de copier l'outil «  High Drop ». Il suffit de copier la couleur d'arrière-plan. Je vais supprimer l'accident vasculaire cérébral parce que nous n'en avons pas besoin. Parfait. Maintenant, nous allons juste janvier et traîner vers des endroits. Je veux aussi m'en tenir au mot. Parfait. Maintenant, je sais plus ou moins où se trouve le cytosol. Pour commencer à s'adapter, chercher des bulletins d'information sur l'objet. Nous allons utiliser notre outil de distorsion ici, la transformation libre. Et nous allons utiliser une distorsion libre. La distorsion libre sélectionnée, nous allons sélectionner les coins des lettres J, en essayant de les ajuster à la même taille que le type d'objet. Et ensuite, nous utilisons à nouveau notre distorsion pour commencer à la mettre à l'échelle afin de la rendre au moins proportionnelle. À moins qu'il ne soit clair un peu plus bas, faites la même chose jusqu'à ce que cela corresponde à la perspective de la lettre. Peut-être que vous le réduisez un peu, donc ce n'est pas très, pas très grand à ce moment-là. Et faisons de même pour nous. Nous allons juste vérifier qu'il est plus près du bord. Et il suffit de sélectionner alors la distorsion libre. Parfait. Encore une fois, en utilisant l'outil de distorsion libre ici juste pour redimensionner cela un peu plus bas, essayant de faire correspondre le point de vue le plus possible. Nous le faisons donc déjà correspondre au monde entier. Donc la perspective, qui est vraiment cool. Maintenant, nous allons juste avoir quelques signatures. En fait, j'aime ajouter un petit CV graphique en bas juste pour créer une petite composition agréable aussi. Pour équilibrer un peu la verticalité de cette affiche. Et je vais juste faire une copie pour vous en haut. Et puis il va juste coller une de mes signatures de mes affiches ici. C'est que ça va être fini très bientôt. Oui. C'est la première affiche que j'espère que vous avez apprécié. Ça a été vraiment amusant. Je pense que j'adore cette technique consistant utiliser les outils des traités pour créer une très belle perspective. Je vois quand c'est le prochain. 4. L03 - Poster 02 : polices de conception et de caractères isométriques: Tout le monde et bienvenue à une autre affiche. Recommençons la première chose. Commençons par le plan de travail. Je vais utiliser la même résolution qu'avant, 2600 par 5 400, érodant la droite et en appuyant sur Créer. Commençons. Tout d'abord, prenons notre outil de texte et choisissons-le par-dessus. Je vais utiliser February et ensuite nous allons à nouveau obtenir une police vraiment sympa, je vais utiliser été gram en sélectionnant notre police. Je vais cliquer avec le bouton droit sur Créer des contours. Une fois encore. Il suffit de sélectionner cette police et de changer la couleur en gris clair. Il suffit donc de les faire glisser sur le côté. Cliquons avec le bouton droit de la souris et dissocions le. Je vais commencer par la lettre F. Ensuite, passons à Effect 3D et matériaux au classique Extrude and Bevel. Parfait. Ici, sur la position. Je vais peut-être commencer par l'isométrique. Clarifier. Je vais devenir fou ici. La profondeur d'extrusion jusqu'à 100° C. Si vous voyez de belles proportions, cela semble, c'est le cas. Il suffit d'appuyer sur OK, parfait. Cette fois, au lieu de simplement aller à Window et d'appliquer les effets directement, nous devons le faire par, à la main, car dans chaque cas, chaque lettre nous aurons une différence. perspective. Ainsi, chaque fois que nous devons appliquer la 3D, nous devons revenir à Effect et appliquer une perspective différente à celle-ci. Voyons donc la lettre E. Aller à Effect. Vous pouvez simplement descendre un peu et simplement extruder et biseauter en deux comme avant. Et ici, changeons cela, peut-être deux. Je vais peut-être garder cette fente isométrique. Mon exemple avant, je vais sélectionner b et b, je vais Extruder et biseauter, en sélectionner un autre. Peut-être que le meilleur fab parfait utilisera la droite isométrique. Maintenant, isométrique à gauche. Parfait. Maintenant, nous avons nos lettres et elles ont toutes une perspective différente, ce qui est cool. Maintenant, il suffit de les sélectionner tous. Et passons à l'objet et élargissons l'apparence. Et c'est tout. 5. L04 - Poste 02 : Longues ombres et conception finale: Bonjour à tous et bienvenue. Maintenant, à mesure que nos lettres sont agrandies, nous pouvons les redimensionner de haut en bas sans affecter la largeur de l'extra. Pour commencer, je vais commencer à mettre à l'échelle mes lettres, créant une belle composition. Je vais juste jouer un peu avec le contraste des tailles aussi. Lisez également une position, essayant de créer une composition très dynamique avec eux. La prochaine chose que je vais faire est de sélectionner à nouveau des opérateurs. Après avoir choisi 1 en premier, sélectionnons la lettre F. À moins d'appuyer sur D. Ce que D fait, il réinitialise les couleurs en noir et blanc sur les nuanciers. Avec la lettre F sélectionnée. Je vais changer l' AVC en quelque chose de plus. Peut-être quatre, peut-être cinq. Parfait. Et je vais cliquer sur le coup. Et je vais aller dans les coins pour faire un coin rond. Parfait. Maintenant, ce que je vais faire, c'est sélectionner les autres lettres. Ceci, et en utilisant notre outil High Drop pour copier l'effet sur ce cas, nous allons appliquer quelques ombres ici, donc nous n'avons probablement pas encore besoin de réduire ces formes ici. Commençons juste à mettre quelques ombres sur les lettres. Imaginons que nous ayons notre source lumineuse de ce côté. Imaginez que ce soit un soleil et que la lumière va chauffer ces phases des lettres. Si ces phases sont en retard par la lumière, celle-ci sera noire. Et changeons simplement la couleur ici en noir. Quelque chose comme ça et faites de même pour les autres phases qui interagissent avec la lumière. Pour certaines formes, vous devez en fait connecter certaines formes pour que nous puissions le faire, car lorsque l'application extrude et nous devons connecter les côtés du B parce que le dextro critique un petit point ici. Il nous suffit donc d'utiliser l'outil Pathfinder, que vous pouvez trouver sur Windows, puis Pathfinder et de les réduire avec l'option Unite ici. Continuons ici. Je pense que c'est le plus fini. Les ombrages de la lettre f manquent quelques phases. Faisons ça très vite. La prochaine chose, organisons le moins de composition un peu mieux. Peut-être quelque chose comme ça. Tirez le F un peu plus loin. Par conséquent, la prochaine étape que nous voulons faire consiste simplement à créer un calque, qui sera notre calque d' arrière-plan. Allons juste le nommer. Contexte. Parfait. Nous allons juste terminer cette étape ici. J'aime garder l'onglet Calques ici pour pouvoir toujours y accéder facilement. Et passons à nos outils solides ici. Effectuons un petit zoom arrière et créons un arrière-plan de la même taille après nos plans de travail. Parfait, supprimons simplement le coup parce qu' ils n'en ont pas besoin. Faisons d'un fond gris un fond gris. Quelque chose d'encore plus lumineux que ça. Oui, quelque chose comme ça. C'est parfait. Super. Peut-être que je vais mettre à l'échelle cela un peu plus pour créer un beau contraste entre le E. Verrouillons le calque d' arrière-plan. La prochaine chose que nous voulons faire est d'ajouter beaucoup d' ombre très longue sur ses lettres. Pour cela, revenons à notre outil de rectangle ici. Créez un nouveau calque. Et dessinons simplement un rectangle comme celui-ci. Et appliquons la même couleur des ombres sur les grands livres. ce moment, c'est quelque chose qui se passe ici, c'est-à-dire que le trait En ce moment, c'est quelque chose qui se passe ici, c'est-à-dire que le trait des lettres n'est pas complètement noir. Nous avons donc probablement besoin d' obtenir les couleurs de l'ombre pour les appliquer dans les traits. Faisons simplement ça. Nous n'aurons pas ce problème. Parfait. Dessinons ça comme un faux. On peut dire que c'est faux parce que nous ne savons pas si c'est une façon de réagir. Mais pour le DC, juste pour les effets. Je pense que nous allons bien si vous devenez un peu plus créatif qu'alors que se passerait-il dans la vraie vie ? Il suffit de sélectionner ce visage également. Parfait. Faisons de même pour B et E. Et il y a beaucoup de gestionnaires. Des ombres parfaites sont faites. Et c'est généralement manger ou nulle part ne fera que quelque chose à faire. Comme dans l'exemple de mon affiche, il y a quelques mots ici. Parfait. Donc avec mon accent, c'est fini. Je vais simplement cliquer avec le bouton droit de la souris et créer des contours, même technique qu'avant. Il suffit de le dissocier. Et allons regrouper cette diapositive de mots spécifiques en utilisant la commande raccourci Jerry pour regrouper les lettres ensemble. Pour le dernier. Ensuite, nous pouvons simplement réduire cela un peu plus bas. Je pense que c'est un peu trop gros pour le cadre que nous avons. Et il suffit de le faire glisser et de le déposer. Parfait, oui. Fondamentalement, c'est une technique très simple et le visuel est vraiment intéressant. C'est pourquoi je voulais vraiment faire ce tutoriel parce que je l'ai vraiment aimé, cette technique et j' aime vraiment utiliser des outils distribués et la façon dont nous utilisons le trait et nous alimentons ces ombres. nous pouvons postuler à de nombreux projets différents. 6. L05 - Poste 03 : Design & caractères dynamiques: Bienvenue sur la dernière affiche de ce cours. Commençons. Donc, pour accélérer le processus juridique, j'ai déjà mon tableau d'art ici de la même taille que les tableaux d'art avant que je vais utiliser le mois de mars, qui est le dernier mois, va utiliser l'exercice des gains. J'utilise une police très condensée, ce qui est parfait pour ces exercices et pour ce que nous allons faire. Vous pouvez simplement trouver n'importe quel type de police condensée et toute autre police fonctionnera également. Parlons-en. Passons juste au gris. Parfait. Et dissocions ça. Commençons par créer des contours. Et dissociez. Parfait. Faites-le glisser sur le côté ici. M. Passons ensuite aux matériaux 2D vers le classique et X2, puis biseautons, commençons simplement à faire avancer nos perspectives comme celle-ci. Allons voir cent pour cent, cent morts et presse. D'accord. Faisons la même chose à un, effets sur eux biseau, créons une très belle perspective pour un aussi. Appliquons 100 sur profondeur supplémentaire et appuyons sur OK, puis faisons de même pour le biseau R. Excellent. Changez la perspective un peu comme l'astuce principale de l'exercice fixe que vous venez d'essayer de créer une perspective aussi dynamique que possible. Je n'oublie pas toujours, ne perds pas, je sais, le rends tellement dynamique que nous bougeons réellement la forme de la lettre. Faites donc attention à la rendre intéressante, mais ne perdez pas la forme de la lettre pour que nous puissions toujours la lire. Laissons donc C et passons à Effect x dans le biseau. Et pas celui-là. Il suffit de faire pivoter ça un peu comme ça. Appuyez sur OK. La même chose pour H à côté d'eux, biseau. C'est une rotation. L'âge. Parfait. C'est tout pour ce premier exercice. Nous allons simplement agrandir. Et passons à notre deuxième leçon de cette affiche. 7. L06 - Poste 03 : Conception de finale et détails: Bonjour à tous et bienvenue. Commençons. Maintenant, ce que nous voulons faire, c'est sélectionner nos lettres, appuyer sur D. Nous pouvons réinitialiser le trait et le remplir en noir et blanc. Rendons le coup un peu plus épais comme pour. Allons trouver ces petits morceaux ici. Où doit-on réellement effondrer les formes ensemble ? Double-cliquez. Sélectionnez ces formes. Utilisons notre outil Pathfinder et collectionnez-les ensemble. Si vous voulez trouver l'outil Pathfinder, je peux simplement accéder à Window. Et Pathfinder. Je vais juste sélectionner celui-ci avec ça. Connectez-les parfaitement. Comme ça, bien qu' il y ait quelque chose, il y a un petit os ici qui vous manque. Choissons-le parfait. La même chose ici. Et essayez de trouver toutes ces formes qui, maintenant, ce que nous voulons faire, c'est créer une composition vraiment, vraiment agréable. Allons simplement nous connecter , nous rapprocher un peu plus près nos deux m et ensuite nous rapprocher un peu plus A. de A. C'est bien quand on joue réellement. Nous avons juste la position des lettres comme si l'âge est réellement derrière le R et le C. Pour lire de façon critique comme un peu plus d'intérêt sur un visuel et voyons peut-être un peu plus d' échelle. plus haut. Heureusement, ça nous plairait. Nous pouvons également jouer avec l'échelle de l'âge. Continuez simplement à jouer un peu plus avec ce calcul jusqu'à ce que nous soyons satisfaits du résultat. Je pense, oui, je pense que c'est un beau travail de composition maintenant, je vais augmenter un peu plus. Quelque chose comme ça. Peut-être que je vais en fait rendre le coup un peu plus épais comme six. Maintenant, relaxant. Donc, vraiment, je pense vraiment qu'il s'agit déjà d'une affiche topographique vraiment puissante . Maintenant, il suffit de sélectionner nos lettres et de passer au trait. Et faites que les coins ne se joignent pas. Parfait. Maintenant, il suffit de sélectionner les côtés 2D de nos lettres comme celui-ci. Faisons en fait les noirs. Allons juste le rendre noir. De tous les côtés. Je ne fais que double-cliquer. Et de cette façon, je ne peux pas sélectionner le calque qui est groupé à l'intérieur et le rendre plus facile au lieu de simplement le dégrouper , puis de les regrouper à nouveau. Parfait. La première est terminée. Maintenant, nous voulons augmenter encore un peu la situation. Obtenons nos calques ici, et créons notre calque d'arrière-plan. Passons simplement à une nouvelle couche. Nommons ça en arrière-plan et appuyez sur. D'accord. Passons à notre outil Rectangle sur la barre d'outils. Un rectangle parfait indésirable. Enlevons ce médicament. J'avais un gris clair, quelque chose comme ça. Parfait. Il suffit de sélectionner ces lettres. Regroupons-les ensemble afin que nous puissions les aligner ici. Créons un nouvel élément pour l'arrière-plan. J'aime vraiment utiliser des grilles, des rectangles, de bons outils. Je pense qu'ils avaient parfois quelque chose à concevoir. Même si c'est comme une sorte de structure derrière elle, ce qui est vraiment cool. Disons donc que j'avais une grille comme celle-ci. Peut-être pourrons-nous même agrandir un peu et réduire le coup un peu plus bas. Comme un arbre. Voyons si peut-être quelque chose comme quatre, c'est joli. La prochaine chose que nous voulons faire est d' ajouter quelques mots à nouveau sur notre affiche. Parfait, donc maintenant je vais faire la même chose qu'avant. Je vais sur Créer des contours, puis nous regroupons ces lettres, puis les regroupe. Même processus qu'avant. Lorsque vous avez tous vos mots regroupés, placons-les simplement en individuel, quelque chose comme ça. Essayons également de créer une très belle composition dynamique avec eux. Parfait. Dès que vous avez placé vos électrodes, nous pourrons peut-être démontrer un peu comme les redimensionner un peu si elles sont trop grandes. Parfait dès que vous avez réalisé le déplacement, la prochaine chose que nous voulons faire avait juste un peu plus de graphismes juste pour aider notre spectateur à comprendre que l' ordre des mots, il ne le fait pas J'aime trop d'ennuis pour eux. Concevons un petit cercle à l'aide de l'outil ellipse. Faisons en sorte que ça soit génial. Allons le rendre rouge. Parfait. Mettons-le ici autour de nos mots. Ce sera comme un lien entre le genre de situation mondiale. Et pour cela, résidons simplement avec notre outil de stylo ici. Très belle courbe. Pour guider ces diapositives. Commençons par ici. Essayez quelque chose comme ça. Juste aligné pour guider nos yeux. Quelque chose comme ça. Maintenant, je vais peut-être le rendre un peu plus épais. AVC. Cliquez avec le bouton droit. Simplify nous aide à rendre le curseur un peu plus lisse. Parfait. Sélectionnons à nouveau la ligne. Allez au contour et faites-en la ligne pointillée. J'utilise 12 tirets et 12 trous. Cela crée donc un effet vraiment agréable comme celui-ci. Oui, c'est juste en gros. On va juste pousser ça un peu plus haut. Ajoutons quelques graphismes supplémentaires en bas, en haut, comme nous l'avons fait dans la première affiche. Rendez-le noir comme ça. C'est essentiellement ça. J'espère que vous avez également aimé faire cette affiche. En supposant un cours de conclusion. 8. L07 - Conclusion de cours : Réflexions finales: Bonjour à tous, et merci beaucoup d'avoir suivi ce cours. J'espère que vous avez aimé expérimenter Adobe Illustrator, des outils 3D classiques. Ils peuvent être très utiles pour de nombreux projets et leur maîtrise peut vous aider à améliorer considérablement vos conceptions. Bien sûr, n' oubliez pas de soumettre vos projets classiques. C'est toujours ma journée où je vois des étudiants travailler. De plus, si vous pouvez me laisser une demande de révision, ce sera génial. Je les lis toujours et j' en apprends beaucoup. Et si vous avez aimé ce cours, n' oubliez pas de vérifier mes autres cours et de me suivre pour être le premier à savoir quand mes nouveaux cours sont-ils en ligne ? Je promets que j'afficherai d'autres cours bientôt. C'est ça. Je vous souhaite une bonne journée ou une bonne nuit. Et j'espère vous voir dans notre prochain cours.