Cours de master en processus de design : créer des designs d’affiches comme un pro !

1. Introduction au cours: Bonjour, et bienvenue dans un voyage de design épique. Maintenant, avez-vous du mal à exploiter votre créativité ? Aimeriez-vous pouvoir proposer des idées plus convaincantes ? Vous voulez avoir plus confiance en votre design ? Vous souhaitez améliorer votre processus de conception ? Ou cherchez-vous simplement à votre jeu de design et à améliorer la qualité de votre travail ? Si vous avez répondu oui à l'une de ces questions, alors ce cours est fait pour vous. Rejoignez-moi pour vous apprendre à exploiter votre créativité et des résultats passionnants grâce un processus de conception éprouvé. C'est un cours où le monde de la culture urbaine et des sneakers inspire notre créativité ? Dans cette master class, nous abordons l'art de la conception d'affiches en inspirant de la présence emblématique des baskets dans la culture pop et la publicité. Les baskets sont bien plus que de simples chaussures. Il s'agit d'une toile d'expression personnelle et d'un miroir de l'évolution du design graphique. Dans ce cours, nous utiliserons le monde dynamique et diversifié de la culture des sneakers pour alimenter notre processus de conception, logiciel Adobe Creative pour créer des affiches qui incarnent l'esprit et le style de la culture urbaine contemporaine Il ne s'agit pas uniquement de logiciels d'apprentissage. Il s'agit d'exploiter un processus de conception pour capturer l'essence d'une culture mondiale dans votre design Donc je m'appelle Gareth David. Je suis directrice artistique avec plus de dix ans d'expérience dans l'industrie du design. Au cours de cette période, j' ai travaillé sur nombreux projets allant de la conception de logos à l'image de marque, lesquels j'ai eu l'occasion maîtriser mon processus de conception. Je crée également vidéos pédagogiques en ligne depuis plus de cinq ans. Certains d'entre vous me connaissent peut-être grâce à ma chaîne YouTube où, à ce jour, j'ai plus 700 000 abonnés et où j'ai publié de nombreux supports pédagogiques sur le design comme celui-ci Dans ce cours, je vais donc vous présenter un processus de conception d' affiches professionnel et éprouvé, en vous faisant processus de conception d' affiches professionnel et éprouvé techniques que j' utilise et que j'ai observées au cours de ma carrière. Nous commencerons par un brief de conception, rassemblerons des recherches et créerons des moodboards. Apprenez ensuite à choisir les bonnes polices, les grilles d'affiches que nous pouvons utiliser, comment générer des idées à l' aide de croquis, puis passez au design et à Illustrator où nous donnerons vie à nos idées pour créer plusieurs modèles d' affiches, puis nous verrons comment nous pouvons présenter notre design à nos clients et collègues Du début à la fin, je vous guiderai à travers chaque étape clé. Aujourd'hui, il existe de nombreuses options logicielles pour créer des designs d'affiches, mais dans le domaine du design et de l' illustrateur, ils constituent la norme de l'industrie pour créer des projets de mise en page professionnels tels que des affiches. Donc, pour ceux d'entre vous qui ont une préférence ou qui ne les connaissent pas dans design ou de l'illustrateur et qui souhaitent en savoir plus sur eux et sur leur fonctionnement, ce sera une excellente occasion d'apprendre certains outils essentiels tout en créant un projet amusant et dynamique. Je suis donc dans Adobe Bridge, et voici quelques affiches que j'ai créées plus tôt en utilisant les techniques que je vais démontrer lors de cette master class. Pour cette master class de conception d'affiches, nous examinerons un brief de design fictif pour une entreprise de baskets qui souhaite faire la promotion de sa nouvelle gamme de produits Toutes ces affiches ont des styles différents avec des approches de mise en page différentes Il y aura donc quelque chose de nouveau à apprendre dans chaque design que nous créerons. Certains d'entre eux ont été réalisés en utilisant In Design et d'autres en utilisant Illustrator. Plus tard dans le cours, lorsque nous arriverons à créer nos designs dans un logiciel, nous apprendrons à configurer les notes des affiches, à gérer le texte, les images, à structurer le contenu, à travailler avec les couleurs, à créer des variations et à exporter en vue de l'impression Dans cette master class, je vais donc démontrer un processus de conception d' affiches, comment je développe mes designs et comment je les utilise dans le design et dans l'illustration pour leur donner vie. Mais je vous encourage également à essayer votre propre processus de conception d' affiches et à vos propres conceptions de publications au cours de ce cours pour mettre en pratique vos compétences. Dans ce cours, je vous ai défini de nombreuses tâches clés à accomplir à chaque étape clé afin que vous puissiez tirer le meilleur parti de ce cours. Pratiquez vos compétences et ayez quelque chose à montrer pour vos efforts et votre temps à la fin. Après ce cours, vous serez capable de penser comme un pro et de concevoir des affiches audacieuses et dynamiques comme un pro du design ou illustrateur pour leur donner vie très facilement. Dans ce cours, nous allons nous concentrer sur la conception d'affiches, mais il s'agit d'un processus de conception que vous pouvez facilement utiliser dans n'importe quel domaine, vous cherchiez à concevoir des logos, brochures, des sites Web ou des réseaux sociaux. Préparez-vous donc à associer artisanat, style, technologie et créativité en transformant notre fascination pour les baskets en affiches visuellement convaincantes. Créons quelque chose qui met en valeur non seulement nos compétences en design, mais également notre lien avec la culture urbaine dynamique Alors allons-y. 2. Préparation du cours: Avant de commencer, je vous recommande donc vivement de mettre en place certaines vivement de mettre en mesures dès le départ afin maximiser pleinement votre expérience de classe. La première chose dont vous aurez besoin est un, le dossier de téléchargement des cours. Dans cette master class, je présenterai une tonne de ressources pour vous aider dans votre processus de conception. Avant de commencer le cours, je vous recommande vivement de vous procurer le dossier de téléchargement du cours, afin que vous ayez tout ce dont vous avez besoin pour les ouvrir, comme je les ai mentionnés, et les présenter en classe. Une fois que vous aurez acquis ce dossier, vous verrez une structure comme suit. Lien vers le cours PDF. Le premier fichier inclus est un PDF contenant des liens vers les cours, et ce document contient tous les liens importants que j'ai mentionnés tout au long de ce cours, afin de vous aider dans votre processus et de vous permettre de suivre efficacement le cours. Ensuite, vous verrez la liste de contrôle de la liste des tâches. Dans ce cours, vous pouvez suivre mon processus, mais je vous encourage également à essayer votre propre design et à mettre en pratique vos propres compétences. Il contient toutes les tâches clés que je vous recommande d'entreprendre pour tirer le meilleur parti de ce cours. Pour commencer le cours, je vous recommande de l'imprimer et de le garder de côté, afin que vous puissiez les cocher au fur et à mesure que nous avançons dans le cours. Ensuite, nous avons quelques dossiers. Premièrement, les fichiers du processus de conception. Dans ce dossier, vous trouverez des dossiers supplémentaires, le brief de conception, la liste de contrôle du processus de conception, la liste de contrôle de l'anatomie de l'affiche, des exemples de moodboard, de la typographie, des grilles d'affiches, des exemples de croquis et un dossier de projet vierge. Le deuxième dossier est celui des modèles de publication. Dans ce dossier, vous trouverez des dossiers supplémentaires pour les ressources, dans Design Illustrator, ainsi qu'un fichier de conception appelé all posters. Le troisième dossier contient des exemples d'illustrations d' affiches. Dans ce dossier, vous trouverez des dossiers supplémentaires pour les exemples finaux d' affiches, exemples d' instituts et le dossier actuel, et le dernier dossier sera le kit de presse, qui inclut tous les éléments de conception dans le cadre du brief de conception que nous utiliserons dans nos conceptions d'affiches. Pour télécharger le dossier de classe, consultez la section projet et ressources, deuxièmement , créez votre propre dossier de projet. Maintenant, c'est un gros problème. une des étapes importantes d'un processus de conception efficace est d'être organisé, et il est très utile d'avoir un dossier de projet bien organisé pour conserver tous vos fichiers. Vous n'avez donc pas à vous soucier de leur emplacement et à démarrer dès le départ. Avant de commencer, j' insiste pour que vous dupliquiez une copie du dossier du projet à partir du dossier de téléchargement des classes. Au cours de cette master class, vous serez encouragé à créer vos propres fichiers, vous aurez donc besoin de quelqu'un pour les placer. Pour faciliter le suivi, j'ai préparé un dossier de projet vous pouvez simplement dupliquer, afin que vous puissiez les y placer au fur et à mesure. Cela devrait permettre d' organiser et de rationaliser l'ensemble de votre processus . Votre première tâche pour ce cours est de créer un dossier de projet dans lequel nous enregistrerons tous nos fichiers au fur et à mesure que nous les créerons pendant ce cours. Une fois que vous avez acquis le dossier de téléchargement du cours, allez dans le premier dossier, celui des fichiers de processus de téléchargement, descendez dans le dossier de projet vide du dossier huit, copiez-le et collez-le quelque part où vous pourrez accéder pendant le cours et renommez-le affiches de baskets Bolts Une fois que vous l'avez mis en place, vous êtes au bon endroit pour commencer le cours. Trois, du matériel de dessin. présent, dans cette master class, je vais démontrer un processus de conception complet au cours duquel, dans la phase initiale, nous allons réaliser quelques croquis Maintenant, cette partie du cours est facultative, mais si vous souhaitez participer à cette phase et mettre en pratique vos compétences, je vous recommande de vous munir d'un équipement de dessin. Donc, quand nous arriverons à cette partie, vous serez prêt à essayer. Un carnet de croquis, des crayons ou des marqueurs devraient suffire. Pour les logiciels de création. Maintenant, la dernière chose dont vous aurez besoin est l'installation de certains logiciels. Dans ce cours, je vais montrer comment créer des affiches à la fois en design et en illustrateur. Donc, si vous voulez apprendre les deux ou avez une préférence, je suis là pour vous. Pour suivre et essayer vous-même, je vous recommande d'installer une copie du design. J'utiliserai la version la plus récente d'in design, mais si vous avez une version antérieure, cela devrait suffire car des fichiers rétrocompatibles seront fournis. Outre Adobe en matière de design, je montrerai également comment créer des affiches dans Adobe Illustrator. Cela vous aidera donc si vous avez installé une copie d'Illustrator. J'utiliserai la version la plus récente d'Illustrator, mais si vous avez une version antérieure, cela devrait convenir. Enfin, Photoshop. Pour développer notre design d'affiche, nous utiliserons également Photoshop pour travailler avec des images Vous aurez également besoin d'une copie de Photoshop. Une fois que vous aurez acquis le dossier de téléchargement du cours, dupliqué une copie du dossier du projet, préparé du matériel de dessin et prêt votre logiciel, nous pourrons commencer notre aventure créative et commencer la master class Pour commencer, je vais rapidement discuter du processus de conception de publication que nous allons suivre dans ce cours. Nous sommes sur le point de nous lancer dans un processus de conception éprouvé que j'ai perfectionné et qui fonctionne à chaque fois Rendez-vous dans la prochaine vidéo. 3. Le processus de création d’affiches: L'un des aspects les plus importants de votre approche créative doit donc votre approche créative doit toujours être votre processus de conception. Et je ne saurais trop le souligner. Un processus de conception solide est le meilleur moyen de tirer parti de votre créativité et d' obtenir des résultats de haute qualité Maintenant, si vous regardez ce film, que vous n'avez pas encore processus de conception sur lequel vous pouvez vous appuyer en toute confiance et que vous avez du mal à exploiter votre créativité, alors cette vidéo va vous aider Donc, en fin de compte, le design est une réponse à un problème. Le design n'est pas la destination, mais le chemin parcouru et le processus de résolution des problèmes. Lorsqu'ils entreprennent un projet, designers amateurs se lancent parfois directement dans le résultat final, directement dans le résultat final, en dessinant de leur tête ou en passant immédiatement à l'ordinateur pour créer une œuvre d'art, en inventant les choses au fur ou, au pire, en suivant les tendances. Ce n'est pas nécessairement une mauvaise chose, et j'ai souvent vu cela se produire, mais adopter cette approche peut être fatigante et inspirante et ne pas toujours donner les meilleurs En tant que designer, si vous souhaitez améliorer la qualité de votre travail, vous devez éviter de créer des designs arbitraires, envisager de réfléchir davantage à votre processus de conception et de prendre mesures pour développer la meilleure solution créative Qu'est-ce qu'un processus de conception ? Eh bien, un processus de conception est une feuille de route qui nous guide pour passer d'une toile blanche à une solution convaincante, significative et appropriée. Un processus de conception comprendra des étapes visant à garantir que vous entreprenez des activités de recherche, de découverte, de développement, de brainstorming, d'esquisse et de mise en œuvre adéquates pour répondre à des questions complexes avec des sophistiquées et Tout comme dans le domaine de la mode, de l'architecture , de la conception de produits ou de sites Web, le processus de conception d'affiches est un élément essentiel qui stimule l'innovation, la pertinence et l'excellence. Dans cette vidéo, avant de nous lancer dans notre voyage créatif qui va au-delà de l'esthétique, nous allons d'abord nous plonger dans le processus de conception de l'affiche Nous suivrons cette master class. Alors allons-y. Ainsi, lorsqu'il entreprend des projets de design, un designer, sciemment ou non, se concentrera d'abord sur un processus de réflexion vers l'extérieur, menant à un processus de réflexion Le psychologue JP Guilford a qualifié ce processus de pensée divergente et convergente Et c'est ce processus de réflexion qui est fondamental dans le processus de conception. connaître et le comprendre sera très utile pour résoudre des problèmes de conception complexes. Le terme sortir des sentiers battus est essentiellement un autre terme désignant la pensée divergente La pensée divergente consiste à élargir vos options. Pensez de la manière la plus ouverte possible et soyez ouvert à toutes les possibilités et à toutes les inspirations. L'imagination et la créativité vivent dans le domaine de la pensée divergente Si divergent c'est penser vers l'extérieur, eh bien, converger c'est penser vers l' La pensée convergente consiste à réduire vos opinions et à réduire les possibilités. La pensée convergente consiste à remettre en question, remettre en question, à critiquer et à consolider La discipline, la logique, le jugement et l'esprit de décision relèvent du domaine de la pensée convergente Il est donc utile de penser à une pensée divergente comme à une douche. Plus vous entreprenez de découvertes, plus vous y ajoutez de la matière première. Plus vous établissez de liens, plus vous augmenterez la pression nécessaire pour créer un plus grand nombre d'idées, qui iront plus loin, là où les idées deviendront plus conceptuelles et originales. pensée convergente est comme La pensée convergente est comme un entonnoir dans lequel nous capturons toutes les idées et idées créatives et les mettons au défi afin d'identifier les meilleures Ces deux processus de réflexion vont de pair et seront nécessaires à plusieurs reprises au cours d'un projet. Aujourd'hui, ce qui fait un bon designer, c'est de tirer parti de la puissance de ces deux processus de réflexion et trouver un bon équilibre pour obtenir des résultats rapidement J'ai donc ici une liste de contrôle du processus de conception imprimée, qui met en pratique ce processus de pensée divergente et convergente Je m'en sers comme référence pour rester sur la bonne voie et pour exploiter le flux de la pensée créative. Ici, le processus de conception de l'affiche comprend quatre phases principales. Découverte, concept et design, création visuelle et design, et présentation de designs d'affiches. Nous avons d'abord la première phase, la découverte. Dans cette première phase, nous cherchons à comprendre les étapes clés, à tout comprendre sur le projet, le défi, et à trouver l'inspiration pour orienter notre réflexion initiale en matière de conception. Cette phase comprend quatre étapes principales. Première étape, passez en revue le brief de conception et le contenu de l'affiche. À cette étape, nous cherchons à comprendre les objectifs de nos projets, le public cible et tout ce que l'affiche doit inclure. Deuxième étape, recherche visuelle et inspiration. Dans cette étape, nous cherchons à explorer le monde qui nous entoure à la recherche d' étincelles et de créativité Troisième étape, des moodboards ciblés. Dans cette étape, nous canalisons notre inspiration et affinons notre orientation visuelle. Quatrième étape, choisissez les polices de caractères. Au cours de cette étape, nous cherchons à rechercher des polices de caractères appropriées et pertinentes avec lesquelles nous souhaiterons travailler pour la conception de nos affiches Cinquième étape, passez en revue les grilles d'affiches. Au cours de cette étape, nous pouvons passer en revue les différents types de grilles d' affiches pour voir lesquels seraient adaptés à notre conception Ensuite, nous passons à la phase deux, le concept et le design. Maintenant, dans la deuxième phase, après avoir synthétisé toutes les informations nous avons découvertes et apprises au cours de la phase précédente, il est temps de commencer à générer des solutions possibles pour résoudre le problème créatif, et cela consiste en une étape clé, l'esquisse des Dans cette étape, nous cherchons à générer le schéma directeur de notre vision créative Ici, nous le faisons en esquissant des idées de composition et de mise en page pour identifier les idées les plus fortes que nous pouvons mettre en œuvre. Ensuite, nous avons la phase trois, l' illustration visuelle et le design. Dans la troisième phase, une fois que nous avons passé suffisamment de temps à générer des idées et que nous sommes satisfaits, nous avons de bonnes options dans le sac. Nous pouvons ensuite chercher à leur donner vie à l'aide de logiciels créatifs. Cette phase comprend une étape principale, le travail artistique et le design À cette étape, nous cherchons à utiliser outils logiciels créatifs pour développer nos idées de conception, affiner et finaliser notre conception Enfin, nous avons la quatrième phase, qui consiste à présenter les designs d'affiches. Au cours de la dernière phase, nous prendrons notre affiche finale polie et placerons dans un document de proposition d'affiche, prêt à être présenté à un client ou à un membre de l'équipe . Cette phase comprend deux étapes. Intégrez le design de l'affiche dans des exemples visuels in situ. Au cours de cette étape, nous cherchons à prendre nos modèles d'affiches et à les placer dans des maquettes afin de donner le bon contexte à nos conceptions d'affiches, puis créer un deck de propositions. Au cours de cette étape, nous consolidons nos modèles d'affiches et nos visuels prêts à être vus par le monde entier Ici, nous placerons dans nos fichiers les modèles et les maquettes dans un deck prêt à être proposé à un client ou à des collègues de travail. Si vous souhaitez consulter et imprimer votre propre copie de cette liste de contrôle pour la conception d' affiches, vous pouvez la trouver dans le dossier des projets de classe Il se trouve dans les fichiers du processus de conception dans le dossier du processus de conception. Alors, pourquoi ce processus est-il important ? Eh bien, un bon design est rarement le fruit de coups de génie aléatoires. Il s'agit d'une recherche délibérée de solutions. Il s'agit de comprendre un problème en profondeur et d'y répondre avec des designs non seulement beaux mais significatifs et parfaitement adaptés à notre public cible. Le processus de conception garantit que chaque décision que nous prenons est éclairée, intentionnelle et alignée sur nos objectifs. N'oubliez pas que lorsque nous concevons, nous résolvons des énigmes, racontons des histoires et interagissons profondément avec notre public. Nous visons bien plus que la beauté. Nous visons la pertinence, l'impact et la connexion. C'est le processus que nous allons suivre dans cette master class. Au cours de ce cours, vous découvrirez comment un processus de conception structuré peut faire notre travail de bon à inoubliable, en veillant à ce que chaque affiche que nous créons soit non seulement vue, mais aussi ressentie et mémorisée Passons maintenant à la première étape du processus de conception et examinons le défi créatif qui nous attend. Dans la prochaine vidéo, nous examinerons le brief de conception. 4. Résumé du client: Dans le secteur du design, la première étape du processus de conception commence généralement par un brief de conception. Désormais, un bon brief de conception est la base de tout projet de conception réussi, décrivant les objectifs, les défis et l'orientation de nos efforts créatifs Maintenant, ce n'est pas que de la paperasse. C'est la première étape pour comprendre et résoudre le problème de conception en question. Le brief de conception nous guide pour nous assurer que nos designs ne sont pas seulement visuellement convaincants, mais aussi ciblés et ciblés. Il s'agit d'un outil essentiel pour aligner notre vision créative sur des objectifs pratiques Dans cette vidéo, nous commençons par la première étape du processus de conception en passant en revue un brief de conception. Plongons dans le vif du sujet, voyons ce qui nous attend et préparons-nous à relever ce défi en matière d'affiches en faisant créativité, de clarté et de direction Alors allons-y. Pour ce cours, j'ai donc préparé un brief type l'on peut recevoir d'un client dans le secteur du design. Cela inclut tous les critères clés que nous devrons connaître pour développer les solutions que nous avons créées. Si vous deviez jeter un œil à ce brief de conception, vous le trouverez dans le dossier de téléchargement du cours. Il se trouve dans le dossier des fichiers du processus de conception dans le dossier des dossiers de conception . Maintenant, je ne vais pas lire le brief en entier car cela prendrait un certain temps. Cependant, je vous conseille d'y jeter un coup d'œil avant de poursuivre le cours afin d'avoir une bonne idée des objectifs créatifs que nous devrons atteindre dans ce cours. Mon mémoire est donc divisé en deux parties. Un aperçu du client et deux aperçus du design. La première partie est l'endroit où nous pouvons acquérir notre compréhension du contexte et de l'entreprise pour laquelle nous travaillons, et la deuxième partie est celle où nous pouvons en apprendre davantage sur le défi créatif, les buts et les objectifs. En général, lorsque je reçois un brief de conception, au fur et à mesure que je le lis, je mets en évidence certains domaines qu'il je mets en évidence certains domaines me semble important de garder à l'esprit, qui orienteront les considérations créatives pertinentes à l'avenir. Ici, vous pouvez voir comment j'ai mis en évidence mon brief pour en extraire les éléments qui me semblent importants. Cela me permettra de revenir plus facilement sur les principaux détails au cours du processus. Pour résumer ce brief, nous sommes tenus de concevoir des affiches pour une entreprise fictive de baskets appelée Bolts, et l'entreprise cherche à créer des modèles d'affiches pour promouvoir certains de ses produits. Le public principal est constitué de ceux qui recherchent une mode unique, une expression personnelle et des designs avant-gardistes qui trouvent un écho auprès ceux qui souhaitent faire une déclaration individuelle audacieuse Les adeptes de Bolts sont des créateurs de tendances unis par une passion pour le style distinct et le dépassement des limites L'objectif des affiches est d'être audacieuses et accrocheuses avec des visuels dynamiques qui seront mis en valeur dans les environnements urbains Bolts cherche à captiver avec des affiches mêlant styles futuriste et rebelle, ce qui en fait des baskets des icônes pour les audacieux La société nous a fourni le contenu pour inclure des photographies des produits et certains éléments visuels que nous pouvons utiliser dans notre conception. Et ils ont indiqué dans le mémoire qu'ils souhaitaient une exploration de la typographie et de la mise en page Ce sera donc le point de départ de cette master class. Au fur et à mesure que nous avançons, laissez-vous guider par le brief. C'est bien plus qu'un exercice. Il s'agit d'une pratique essentielle dans le monde du design, vous prépare à penser, à concevoir et à livrer avec intention. La deuxième tâche de ce cours consiste donc à lire le brief de conception pour bien comprendre ce qui est requis. Je recommande de l'imprimer et de le garder disponible pendant ce cours. N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement du cours pour instructions supplémentaires sur cette tâche. Une fois que vous aurez lu le brief et compris le défi qui vous attend, nous pourrons passer à l' étape suivante de la phase de découverte. 5. Réviser le contenu d’affiches: Maintenant, avant de passer à l' étape clé de découverte suivante. Une autre chose importante à garder à l'esprit lors de la conception d'une affiche dès le début est de prendre en compte le contenu. Avant de concevoir une affiche, il est utile de bien comprendre ce qui doit être inclus dans la conception de l'affiche car cela peut vous aider à comprendre la portée, planifier et à vous préparer à inclure dans votre conception et votre mise en page. Il est utile de prendre en compte des éléments tels que la quantité de texte à inclure, les photos, textures ou les illustrations, les logos, les tableaux ou les graphiques. En regardant le brief de conception, nous pouvons constater que le client nous a fourni la copie à inclure dans l'affiche. Photographie des produits et de certains éléments visuels, que nous pouvons utiliser dans notre conception. Le logo est fourni, les photos sont fournies, textures et les ressources sont fournies, et ils ont demandé, ils veulent voir une exploration de la typographie et de la mise en page Ici, nous pouvons voir qu'un deck de contenu d'affiches est disponible Lorsque nous l'ouvrons, il inclut les options de copie à utiliser dans les affiches. Sur la page suivante, nous pouvons voir les produits avec le nom de chacun, ainsi que les actifs de texture que nous pouvons utiliser dans le cadre de la conception. Ainsi, une fois que j'ai pris conscience des éléments que je dois inclure dans l'affiche, je peux commencer à réfléchir à mon approche de conception et passer étapes suivantes de la phase de découverte. La troisième tâche de ce cours consiste donc à vous familiariser avec le contenu requis pour les affiches. N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement du cours pour obtenir des instructions supplémentaires sur cette tâche. Une fois que vous serez familiarisé, nous pourrons passer à l'étape suivante de la phase de découverte. 6. Recherche visuelle et inspiration: Lors de la création d'un design d'affiche, il peut être très utile d'entreprendre des recherches initiales pour susciter des idées. Maintenant, bien entendu, cette étape est facultative. Vous n'êtes pas obligé de faire des recherches. Cependant, cela peut vous donner de l'inspiration si vous n'êtes pas sûr de ce que vous voulez créer au départ et peut également être utile si vous avez une idée en tête pour un thème ou un style particulier que vous souhaiterez peut-être approfondir. Passant à la deuxième étape du processus de conception, nous abordons une étape cruciale de découverte, recherche visuelle et de l'inspiration. Dans cette vidéo, nous allons examiner quelques techniques recherche et quelques bons endroits pour trouver l'inspiration. Alors plongeons-nous dans le vif du sujet, enthousiasmons-nous pour notre projet de conception et faisons quelques recherches Alors allons-y. Ainsi, une fois que je suis familiarisé avec le brief de conception et que j'ai bien compris tous les critères importants tels que le contexte, le public et les objectifs, je cherche à examiner un large éventail de recherches et recueillir tout ce qui m'intéresse et qui pourrait être pertinent et source d'inspiration Donc, un bon point de départ est mon album numérique Tout d'abord, j'aime réfléchir aux recherches que j'ai peut-être déjà acquises sur des images en ligne ou des photos que j'ai prises et que j'ai prises. Pour les recherches trouvées, j' aime les conserver dans un endroit où je peux facilement y accéder et les voir dans leur ensemble en un coup d'œil. Maintenant, il peut s'agir d'images que j'ai recueillies dans le cadre de projets précédents ou simplement d'images que j'ai vues et que j'ai capturées pour les ajouter à mon album Maintenant, mon ancienne technique consistait à conserver les images trouvées sur l'ordinateur dans un dossier de scrapbook Mais récemment, j' utilise Figma. Maintenant, Figma est conçu pour le design d' interface utilisateur et d'expérience utilisateur, mais j'aime utiliser Figma parce qu'il offre un vaste environnement numérique dans lequel vous pouvez coller des centaines d'images sur un mur numérique, où je peux les déplacer, les organiser et y revenir à tout moment Et le meilleur, c' est qu'il est sauvegardé en ligne, donc je ne peux jamais le perdre et je peux constamment y ajouter des éléments. Et il est également incroyablement organisé, où vous pouvez avoir plusieurs murs et organiser vos recherches trouvées en catégories complètes. J'utilise donc Figma comme album numérique, et je trouve que c'est une plateforme incroyable pour rassembler, collecter et Voici donc un énorme tableau d'images d' affiches que j'ai récemment recherchées en ligne, dont beaucoup que j'ai collectionnées par le passé Je peux donc consulter beaucoup de recherches ici pour trouver une première inspiration. Et voici quelques exemples que j'ai consolidés et qui se concentrent principalement sur le design de baskets donc deux très bonnes plateformes pour découvrir et Pinterest et Design Sspiration sont donc deux très bonnes plateformes pour découvrir et trouver l'inspiration. Ces deux plateformes sont similaires en ce sens que vous pouvez effectuer de nombreuses recherches et créer des tableaux. Je suis donc sur Pinterest, et j'ai rassemblé un large éventail de recherches qui contiennent de nombreux modèles de baskets publiés Comme nous pouvons le voir ici, il existe de nombreux exemples avec de nombreuses approches de conception dynamiques. Nous avons ici une typographie, des images et des mises en page de texture très dynamiques images et des mises en page de texture Maintenant, je passe à nouveau à l'inspiration en matière de design Vous pouvez rechercher un large éventail d' inspirations créatives, puis les placer dans des tableaux spécifiques. Si vous souhaitez examiner de plus près ces deux forums de recherche, vous les trouverez dans le stock de liens important dossier du projet. Maintenant, deux autres bonnes sources d' inspiration sont Behance et Dribble Ici, vous pouvez rechercher des critères de conception spécifiques et parcourir les nombreux résultats pour voir si quelque chose vous intéresse. Aujourd'hui, contrairement à Pinterest et à Design Inspiration, ces plateformes n'offrent pas les fonctionnalités nécessaires pour créer des tableaux. Une fois que vous aurez trouvé un exemple qui vous plaît, vous aurez besoin d' un endroit où le placer. Pour moi, c'est là que Figma intervient à nouveau. Quoi que je trouve sur des plateformes comme celle-ci, je peux copier ou prendre une capture d'écran et la coller sur mon album numérique en pleine croissance sur Donc, pour récapituler, lorsque vous entreprenez des recherches, vous pouvez envisager diverses approches Au cours de la phase de recherche, vous voudrez réfléchir de manière divergente réflexion et recueillir un large éventail de recherches visuelles premier temps pour vous aider à démarrer Pour ce faire, vous pouvez réfléchir à des recherches trouvées dans un album, rechercher et créer des tableaux sur Pinterest et vous inspirer du design, ou parcourir des œuvres créatives sur Bhands et dribbler, collectionner et ajouter La quatrième tâche de ce cours consiste à entreprendre des recherches approfondies afin de trouver des exemples de ce qui vous semble intéressant et de ce qui vous inspire. Assurez-vous de garder à l'esprit ce qui sera approprié pour le brief de conception. Maintenant, je vous invite à suivre mes recherches initiales. Mais si vous souhaitez vous lancer dans ce processus et mettre en pratique vos compétences, pour trouver vos propres recherches, prenez le temps de le faire dès maintenant et assurez-vous de consulter PDF de la liste des tâches dans le dossier de téléchargement du cours pour plus d'instructions sur cette tâche. Essayez de consacrer environ 20 à 40 minutes à cet exercice. Une fois que vous avez effectué des recherches approfondies, il est temps de passer à l' étape suivante du processus de conception. 7. Créer des tableaux d’humeur ciblés: Au début du processus de conception, il peut être très avantageux d' entreprendre des recherches approfondies. Selon le temps que l'on consacrera à la recherche initiale, on peut couvrir beaucoup de terrain et accumuler de nombreuses options créatives. Aujourd'hui, la recherche est une excellente chose, mais à un moment donné, nous devrons y mettre fin et en faire quelque chose qui fonctionnera pour nous. C'est la synthèse de la recherche visuelle qui devient cruciale et qui peut déterminer l'orientation de votre solution de conception potentielle. Donc, lorsque nous avons exploré suffisamment de recherches, il est temps de les modifier. Passant à la troisième étape du processus de conception, nous cherchons maintenant à nous concentrer sur une orientation plus décisive pour la conception de nos affiches. Pour ce faire, nous créons des moodboards. moodboards sont nos outils de brainstorming visuel qui mettent en lumière nos idées, notre inspiration et notre orientation visuelle Généralement, les moodboards sont une grille ou un collage d'éléments de design placés ensemble pour capturer l'essence d'une vision du design. Au cours de la dernière étape, nous avons pensé divergente et nous nous sommes tournés vers l'extérieur À cette étape, nous commençons à penser de manière convergente, en regardant vers l'intérieur et en commençant à établir une Les moodboards sont parfaits pour vous permettre de rester concentré sur une direction particulière et peuvent également être utiles à partager avec des collègues de travail ou même des clients pour vous aider à présenter et à vendre vos intentions de conception. Dans cette vidéo, je vais vous montrer comment je développe mes moodboards pour la conception d'affiches. Alors allons-y. Dans la dernière étape, j'ai donc démontré comment j'ai collecté et exploré la recherche visuelle. Dans cette vidéo, j'ai montré comment j' utilise figma pour créer un immense mur d'inspiration et comment j'utilise Pinterest et comment j'inspire le design pour créer des tableaux Une fois que j'aurai l'impression d'avoir rassemblé suffisamment de recherches, je chercherai à créer un moodboard ciblé. C'est là que les choses commencent à devenir plus décisives. Ce que je fais ensuite, c'est de prendre quelques échantillons choisis parmi les nombreuses recherches, puis de les regrouper sur une page de quelques exemples qui me donnent un aspect distinct et me suggèrent un style et une direction dans lesquels je souhaite m'orienter. Il peut s'agir d'un ou de plusieurs moodboards, selon la nature du projet, mais chacun d'eux sera distinct et suggérera une vision claire en termes d'apparence. Maintenant, il n'y a pas de règle spécifique quant à la façon dont vous organisez vos moodboards ou à ce qu'il faut y inclure Il est important de mentionner que selon la discipline du design, il s' agisse de design d'intérieur, design de produits ou de mode, la nature des moodboards peut changer et le contenu peut changer. Certains peuvent inclure des échantillons de couleurs, des photographies, des produits, des échantillons, polices de caractères, des matériaux et des éléments graphiques pour suggérer certains détails et résultats Quelle que soit la discipline du design, le moodboard doit être suffisamment simple pour que vous puissiez l'obtenir en 10 secondes environ. En fin de compte, le moodboard doit sur une seule page et donner une impression très nette Il va donc sans dire dans quelle direction vous souhaitez aller. Pour la conception d'affiches, nous examinerons généralement les mises en page d'affiches, les styles de typographie, les palettes de couleurs et En ce qui concerne la mise en page, vous pouvez inclure des échantillons de la même taille dans une grille. Vous pouvez inclure des exemples et les organiser en sections. Vous pouvez créer une sorte de cage, ou vous pouvez utiliser une grille et redimensionner certains échantillons pour qu'ils ressortent. Pour ce projet, j'ai deux moodboards principaux, un moodboard qui s'intéresse au style de mise en page et à la typographie des affiches et un autre moodboard qui s'intéresse davantage Donc, pour le mood board de style de mise en page et de typographie issu de toutes mes recherches, j'ai regroupé le mien dans ce moodboard ici, où j'ai placé mes échantillons sur une page dans Photoshop et les ai imprimés sur papier Pour ce tableau, j'ai utilisé une grille simple et j'ai agrandi certains échantillons. Maintenant, je le fais parce que cela brise la monotonie des images et met en évidence certains des exemples qui m'intéressent le plus Pour ce moodboard, j'ai inclus des exemples d'affiches, regardant simplement les styles de mise en page et la typographie C'est à peu près tout ce que je peux faire avec mes moodboards de mise en page d'affiches Je n'aime pas inclure trop d'échantillons car cela peut être un peu chargé et complexe. Voici mon moodboard mettant en valeur le style de design dynamique Je pense que ce serait une réponse appropriée au brief Nous avons ici des exemples de mise en page où la dynamique des couches et du contraste est élevée. Les baskets sont découpées et interagissent bien avec la typographie. ensemble, les mises en page sont très énergiques, dynamiques, spontanées et ont cette touche jeune et rebelle. Ils sont peut-être légèrement différents, mais ils sont tous familiers dans leur énergie et leur approche générales. En repensant au brief de design, le public principal est constitué de ceux qui recherchent une mode unique, expression personnelle et des designs avant-gardistes qui trouvent un écho auprès de ceux qui souhaitent faire des déclarations individuelles audacieuses Les adeptes de Bolts sont des créateurs de tendances, unis par une passion pour style distinct et le dépassement des limites L'objectif des designs d'affiches est d'être audacieux et accrocheur avec des visuels dynamiques Donc, dans ce cas, je pense que ce serait une approche de conception appropriée à adopter en réponse au brief pour attirer ce public. Gardez donc à l'esprit que je n'ai pas sélectionné ces échantillons parce que je les aime nécessairement. Je les ai choisis parce que je pense qu'ils fonctionneraient bien pour résoudre le problème créatif du brief de conception. Pour le deuxième moodboard, je me suis davantage concentré sur la couleur et la texture, où j'ai inclus des images des produits et textures fournis par le client dans le deck de contenu, que je devrai utiliser Pour chacun, j'ai également extrait des couleurs des produits que je pourrais utiliser comme thèmes et j'ai placé certaines textures à côté chaque produit que je pourrais utiliser pour design d' affiche spécifique à chaque produit. Ce forum, je les ai organisés en sections, et je l'ai fait parce qu'il y a une gamme de produits spécifique que je devrai adapter. Chaque produit aura potentiellement son propre thème Ici, je les ai regroupés dans leurs propres zones pour suggérer une texture et une couleur qui pourraient être utilisées pour chaque produit Un moodboard pour le concept de couche et un moodboard pour gérer les produits et examiner la couleur et Maintenant, je pourrais explorer d'autres moodboards de style typographique et de mise en page pour trouver des concepts et envisager d'autres options d'orientation Mais pour le bien de ce cours, je vais rester simple. Si vous voulez regarder ces moodboards de plus près, vous les trouverez dans le dossier de téléchargement des cours Cela se trouve dans le dossier du projet de conception dans le dossier moodboard Votre cinquième tâche pour ce cours est donc d' affiner votre recherche plus large et de créer mood board de style typographique et de mise votre propre mood board de style typographique et de mise en page pour une orientation publiée que vous souhaitez développer Dans le cadre de vos recherches plus générales, identifiez des exemples de ce que vous pensez être intéressant , puis consolidez vos échantillons dans un seul moodboard de style typographique et de mise en page N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement du cours pour instructions supplémentaires sur cette tâche. Maintenant, je vous invite à suivre mes moodboards. Mais si vous voulez vous lancer dans ce processus et mettre en pratique vos compétences, prenez le temps de le faire maintenant. Essayez de consacrer environ 20 minutes à cet exercice. Vous vous demandez peut-être pourquoi je n'ai pas inclus de polices de caractères ici dans mes moodboards Eh bien, c'est parce que lorsqu' il s'agit de concevoir des affiches, c'est une tâche en soi. Une fois que vous avez terminé au moins un moodboard, il est temps de passer à l' étape suivante du processus de conception 8. Choisir les polices: Aujourd'hui, l'une des étapes les plus importantes de la phase de découverte du design est la recherche. Au début du processus de conception, en particulier pour la conception d'affiches, ainsi que pour la recherche de mise en page et de style, il est pratique de penser aux polices de caractères Passant à la quatrième étape de notre processus de conception, nous nous intéressons ici à l'art de choisir les polices de caractères pour la conception de nos affiches Maintenant, la typographie n'est pas qu'une question de lisibilité. C'est une question de personnalité, de ton et d'impact. La bonne police de caractères peut améliorer votre design, transmettre le bon message et toucher un public en particulier Le choix des polices de caractères ne doit donc pas être fait à la légère. Avant de commencer à réfléchir aux mises en page de conception d'affiches, il est utile d'avoir une bonne idée du style de police que nous souhaiterons utiliser pour obtenir le bon résultat lors de la mise en page de nos affiches Maintenant, gardez à l'esprit que la recherche de la bonne police peut prendre un certain temps et qu'il faut beaucoup d'essais et d' erreurs pour trouver la bonne police de caractères En choisissant rapidement notre typographie, nous nous assurons de prendre en compte des options bien pensées et adaptées à notre solution de conception Cela permet également une transition fluide vers notre phase de création ultérieure, maintenant notre flux créatif ininterrompu et en économisant temps précieux pendant la phase de mise en page , où nous pouvons démarrer. Pour faciliter le processus de création de mes œuvres d'art et pour avoir un point de départ, j'aime être prête à utiliser au moins une poignée de polices de caractères Dans cette partie du cours, nous verrons comment choisir des polices de caractères qui correspondent à notre mood board, à notre message et à notre esthétique Cette étape concerne la préparation et l'organisation, afin de garantir que chaque pièce s'intègre parfaitement lorsque nous commencerons à créer notre affiche dans le logiciel de création ultérieurement notre affiche dans le logiciel de création ultérieurement. Plongeons-nous donc dans le monde de la typographie et préparons-nous à un processus fluide et efficace N'oubliez pas que les polices que vous choisissez sont la voix et le ton de votre affiche. Alors allons-y. Dans cette vidéo, nous allons donc aborder trois sujets principaux. premier portait sur les polices de caractères, deux sur découverte des polices de caractères et trois sur la prévisualisation des polices En repensant rapidement au brief de design, le public principal est celui qui recherche une mode unique, une expression personnelle et des designs avant-gardistes qui trouvent un écho auprès de ceux qui souhaitent faire une déclaration individuelle audacieuse Les adeptes de Bolts sont des créateurs de tendances unis par une passion pour le style distinct et le dépassement des limites L'objectif des designs d'affiches est d'être audacieux et accrocheur avec des visuels dynamiques En regardant ma mise en page et mon moodboard de style typographique, voici quelques options qui, selon moi , fonctionnent très bien pour correspondre à ce sentiment exprimé dans le brief de conception Nous avons ici des exemples où dynamique des couches et le contraste sont élevés. Les baskets sont découpées et interagissent bien avec la typographie. l'ensemble, les mises en page sont très énergiques, dynamiques , spontanées et ont cette qualité juvénile et rebelle. C'est ce que j'ai pensé être pertinent dans les recherches que j'ai trouvées, et c'est une approche appropriée, je pense que ce serait une bonne orientation en réponse au brief de conception. C'est le type de communication visuelle qui plairait à ce type de public. Maintenant, en ce qui concerne la typographie, le type dans son ensemble est très percutant, percutant et Nous avons un effet de trait ici et nous avons des polices de caractères un peu flasques. regardant de plus près, nous pouvons constater que y regardant de plus près, nous pouvons constater que les polices de caractères utilisées sont des polices sans empattement en gras, avec l'utilisation occasionnelle d'une police à empattements et de caractères personnalisés Dans ce cas, les mises en page sont plutôt chargées et il se passe beaucoup de choses Les polices de caractères simples utilisées fonctionnent donc bien pour ne pas trop reproduire le dessin et pour garantir une bonne lisibilité . Pour mes affiches, je souhaite adopter une approche similaire laquelle les polices de caractères ont à la fois un impact et une touche d'originalité La sixième tâche de ce cours consiste à passer en revue les polices de caractères utilisées dans votre tableau de style de mise en page et de typographie. Examinez attentivement les polices de caractères que vous recherchez, identifiez les styles de polices utilisés et examinez leur fonctionnement dans le cadre des dessins Une fois identifié, notez les styles que vous souhaitez utiliser dans la conception de votre affiche. Essayez de consacrer environ 5 minutes à cet exercice. Une fois que vous avez une idée initiale des styles de polices de caractères que vous souhaitez utiliser, vous pouvez passer à l'étape suivante où nous pouvons rechercher des polices de caractères Donc, une fois que j'ai une idée précise du style de police que je souhaite utiliser, il est temps de chercher des typographies. Il existe désormais de nombreuses manières de créer des caractères typographiques. Vous pouvez acheter des caractères typographiques, vous pouvez créer des caractères typographiques. Mais aujourd'hui, nous avons la chance d'avoir une grande variété de visages en caractères libres. Si vous cliquez sur l' important document Liens, vous pouvez voir une liste des sites Web de polices j'ai répertoriés que vous pouvez utiliser, dont certains sont gratuits et d' autres où vous pouvez obtenir des polices payantes. Dans le cadre de ce cours, nous utiliserons des polices de caractères gratuites Maintenant, il existe de nombreux sites Web sur lesquels vous pouvez rechercher des polices gratuites. Pour ce cours, je souhaite présenter une ressource utile. Je l'ai mis en place pour faciliter le processus et je l'utilise actuellement. Maintenant, comme la recherche de styles de polices spécifiques peut être fastidieuse et fastidieuse, j'utilise mon livre de polices, qui est une collection de polices de caractères J'ai créé plus de 1 000 polices gratuites. Ainsi, dans l'important stock de liens, il y a un lien vers le livre de polices GDS Et si nous cliquons dessus, nous arriverons sur le site Web de Font Book. Sur la page d'accueil, vous pouvez voir qu' il existe actuellement une gamme de catégories parmi lesquelles nous pouvons choisir, de San Serif à Brush en passant par Extended Si nous cliquons dessus, nous pouvons voir une liste organisée de polices gratuites, de polices Google et de polices Adobe parmi lesquelles choisir Ici, nous pouvons simplement parcourir les polices proposées, et si nous cliquons sur l'une d'elles, nous serons redirigés directement vers la police de caractères pour la télécharger Cela peut vous faire gagner beaucoup de temps si vous savez quel style de police vous souhaitez, où vous pouvez accéder directement à une catégorie et voir des exemples de qualité Pour ce qui est de mon approche, avant même d' examiner des exemples de caractères, je savais que je voulais rechercher des polices de caractères vraiment solides qui fonctionneraient bien sur une affiche typographique J'étais également ouvert à l'idée d' examiner des exemples un peu plus originaux qui pourraient ajouter un autre élément de style et d'expression à mes créations d'affiches. Ici, j'ai examiné les catégories Sand Serif, Slab Serip, Display, Chunky et Condensed Maintenant, une technique que j'aime utiliser, que je recommande vivement consiste à prévisualiser vos polices au fur et à mesure que vous les trouvez. Je trouve que cela m'aide à avoir une vision globale d'une police de caractères, à en voir rapidement les qualités et à savoir si elles conviennent à mon design et à les comparer rapidement à d'autres polices Pour cela, j'aimerais utiliser un document illustré. J'ai préparé et mis en place une série de zones de texte préremplies dans lesquelles je peux simplement changer la police à la volée pour examiner les qualités des polices de caractères et me faire une première impression Ici, je peux examiner rapidement les formes de lettres majuscules et minuscules pour m'en faire une idée rapide. Après un certain temps passé à explorer une gamme de polices de caractères, les télécharger, à les installer et à les placer dans ma feuille de caractères, je les ai ensuite imprimées sur papier pour les examiner de plus près J'ai ici trois feuilles contenant neuf échantillons chacune, et je l'ai fait pour avoir une bonne vue d'une gamme. Je crois que j'ai passé environ une demi-heure à chercher et à en sélectionner quelques-uns à placer ici. Si vous souhaitez consulter cet aperçu de la feuille type, vous pouvez le trouver dans le dossier de téléchargement des cours. Il se trouve dans le dossier des fichiers du processus de conception du dossier de typographie De plus, si vous cliquez sur l'une de ces polices, j'ai inclus les liens qui vous permettront d'y accéder directement pour les installer. Ici, sur la première page, j'examine une multitude de polices de caractères audacieuses aux qualités variées dont certaines sont plus condensées Sur la page suivante, j' examine de nombreuses polices de caractères et d' autres avec des échantillons plus arrondis Sur la troisième page, j'ai examiné d'autres polices de caractères avec un peu plus de personnalité et de style. Voici quelques exemples de serif et de serif de dalle. Après mûre réflexion, vous pouvez constater que j'ai le choix entre une large gamme de polices de caractères qui, selon moi, conviennent ma direction et que je peux envisager d'utiliser dans la conception de mes affiches. J'ai maintenant mes tableaux d'humeur visuels et mes recherches sur les polices de caractères Je suis maintenant très bien placé pour poursuivre le processus. Maintenant, gardez à l'esprit que ce processus est juste pour me permettre de démarrer. Il est toujours possible que certaines des polices que j'ai choisies ne fonctionnent pas ultérieurement dans les mises en page finales Mais il y a de fortes chances que Sam le fasse et j'ai au moins bons échantillons pour démarrer. La septième tâche de ce cours consiste à acquérir et à prévisualiser certaines polices de caractères à utiliser dans votre conception Comme recommandé, vous pouvez soit vous rendre sur le site Web du Font Book, naviguer sur les plateformes, soit utiliser les polices de caractères que vous possédez déjà Assurez-vous de cliquer sur le document contenant le lien de classe dans le dossier de téléchargement des cours pour cliquer sur les liens vers les sites Web de polices à explorer. N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement de la classe pour plus d'instructions sur cette tâche. Essayez de consacrer environ 30 minutes à une heure à cet exercice. Une fois que vous avez choisi un ensemble final de polices de caractères vous aimeriez voir figurer dans votre design, vous pouvez passer à l'étape suivante 9. Examen des grilles d’affiches: Ainsi, lorsqu'il s'agit de concevoir des affiches, l'un des principes clés que nous devons toujours prendre en compte est l'alignement. L'alignement est la façon dont nous pouvons donner un sens à un design, créer de l' ordre, structurer et suggérer des relations entre les éléments visuels, ce qui peut nous donner une idée claire de la hiérarchie visuelle dans notre design, ce que nous devons toujours rechercher Lorsque nous concevons une affiche, nous devons toujours penser à l'alignement. Maintenant, l'un des principaux moyens de se concentrer sur l'alignement et contribuer à l'alignement dans la conception de nos affiches consiste à utiliser des grilles. Passons à la cinquième étape de notre processus de conception, nous examinons ici les grilles d' affiches que nous pouvons utiliser dans notre conception Maintenant, commencer avec une toile vierge peut souvent être déconcertant Mais si nous commençons par une grille, elle peut nous donner un cadre qui nous aidera à présenter nos éléments visuels. Maintenant, si vous avez parfois du mal avec votre design et que vous avez besoin de plus d' idées et d'inspiration, cette vidéo va vous aider. Dans cette vidéo, je vais parler des grilles et des différentes grilles que vous pouvez envisager d'utiliser, ce qui est très important pour ceux d'entre vous qui souhaitent améliorer leurs mises en page Alors allons-y. Alors, qu'est-ce qu'un réseau ? Eh bien, dans le design, une grille est une structure sous-jacente qui peut être utilisée pour aligner et contenir des éléments visuels. Le plus souvent, les grilles sont des cadres visuels, une conception peut être basée, mais dans certains cas, une grille peut faire partie de la conception visuelle elle-même Pourquoi les réseaux sont-ils donc si importants ? Eh bien, il existe de nombreuses raisons pour lesquelles les grilles sont bénéfiques et pourquoi un concepteur choisira d'en utiliser une En fin de compte, les grilles aident à résoudre les problèmes de mise en page. En matière de conception de mise en page, une grille peut constituer une base solide sur laquelle travailler, ce qui peut aider à créer de l' ordre, à la structure et à établir la cohérence d'une mise en page. Une grille peut aider à diviser une page blanche en sections afin de contenir et d'aligner des éléments visuels, ce qui peut aider à développer des relations entre les éléments, ce qui permet d'obtenir mises en page plus structurées et plus agréables Quels sont les différents types de grilles que nous pouvons utiliser dans la conception d'affiches ? Eh bien, il existe une variété de systèmes de grille que vous pouvez prendre en compte dans votre conception, qui ont tous des objectifs différents. Voici donc un document qui contient les différents types de grilles d' affiches que vous pouvez utiliser Il s'agit d'un document de référence rapide auquel vous pouvez vous référer dans le cadre de votre processus. Si vous souhaitez consulter ce PDF de référence de grille, vous pouvez le trouver dans le dossier de téléchargement du cours. Il se trouve dans le dossier des fichiers du processus de conception, dans le dossier des grilles d'affiches Certaines des grilles classiques couramment utilisées dans la conception d'affiches sont les grilles de colonnes, les grilles modulaires, les grilles hiérarchiques et les grilles Cependant, il existe également des grilles alternatives que l'on peut envisager, telles que des grilles axiales, des grilles diagonales et des grilles radiales L'une des grilles les plus couramment utilisées dans conception d' affiches est la grille à colonnes La grille à colonnes est l'un des systèmes de grille les plus simples et les plus pratiques. Une grille de colonnes sépare une page en zones verticales, et les colonnes sont généralement contenues dans une marge, qui est l'espace autour de l'extérieur d'une page. En fonction de la quantité d' informations destinées à une conception, une grille de colonnes peut varier de deux à plusieurs colonnes. Une grille de colonnes peut facilement diviser votre page en sections claires dans lesquelles vous pouvez attribuer du contenu, un type de ligne ou une image. Une autre grille couramment utilisée dans la conception d' affiches est la grille modulaire. Désormais, la grille modulaire s'appuie sur la grille à colonnes avec l' ajout de rangées horizontales. Là où la grille à colonnes divise les pages en zones et en sections, la grille modulaire divise une page en plusieurs carrés et rectangles Ces éléments sont appelés modules, et les gouttières qui les séparent permettent de respirer entre le contenu contenu ou bordé par les En fonction de la quantité d' informations destinées à une conception, une grille modulaire peut varier de quelques modules à plusieurs. Une autre grille couramment utilisée dans la conception d' affiches est la grille hiérarchique. Où la colonne et la grille modulaire présentent généralement une structure neutre composée de modules répétés et de colonnes de même proportion. La grille hiérarchique comprend généralement des modules de différentes proportions pour définir l'ordre et les priorités afin d'établir un crochet ou un point focal principal clair. Même s'il est possible d'utiliser à la fois la colonne et grille modulaire pour établir une hiérarchie visuelle très claire, la grille hiérarchique est utilisée dans le seul but d'établir une hiérarchie visuelle très claire. Une grille hiérarchique typique peut inclure une base de colonne ou de module, mais contenir des zones supplémentaires qui peuvent se croiser ou se chevaucher pour établir un point focal avec des éléments de soutien. Une autre grille de colonnes utilisée dans la conception des affiches est la grille de base. Désormais, la grille de référence est composée d'une série de lignes horizontales qui remplissent généralement la page entière, comme une page d'un bloc-notes qui peut être ajustée. La grille de base n'est normalement pas utilisée pour structurer ou aligner le contenu d'une image comme la grille précédente, mais plutôt pour gérer le texte et définir des lignes où le texte peut être placé. Ce sont là quelques-unes des grilles les plus courantes que les concepteurs utiliseront, mais il existe d'autres grilles à envisager utiliser pour des approches de mise en page plus alternatives La première à considérer est la grille axiale. Désormais, contrairement au système de grille précédent, la grille axiale est exempte de colonnes et de modules techniques et favorise une disposition plus libre et plus simple. Une grille axiale est constituée d' une ligne axiale distincte qui traverse un système. Cette ligne axiale peut être horizontale, verticale ou inclinée dans différentes directions, et nous divisons généralement une composition en deux zones distinctes où texte et les images peuvent ensuite être placés ou alignés de part et d'autre de la ligne axiale Un autre système de grille à envisager est la grille diagonale. grilles diagonales sont des grades colonnaires, modulaires ou hiérarchiques placés sur la diagonale plutôt que sur la verticale et sont utilisées pour créer des page plus audacieuses et alternatives Essentiellement, les grilles diagonales sont un peu comme les grilles axiales, où elles peuvent suggérer une direction et un mouvement clairs du contenu Cependant, ils ont tendance à être plus complexes, utiliser parfois des directions multiples et contrastées et à inclure plus de contenu visuel. Le dernier système de grille alternatif à envisager est le maillage radial. Maintenant, contrairement à tous les systèmes de grille précédents qui ont tendance à être rigides dans leur approche, le maillage radial offre une alternative beaucoup plus organique. Lorsque d'autres systèmes de nivellement circulent verticalement, horizontalement ou en diagonale, le niveau radial tourne autour d'un point central, pulsant Les éléments visuels alignés sur un niveau radial ont tendance à graviter autour d'un point central ou à émettre à partir d' un point focal, qui peut provenir de n'importe quel endroit de la composition Selon la nature du dessin, l' œil est soit attiré vers l'intérieur, soit poussé vers l'extérieur, soit déplacé OK. En conclusion, les grilles ont tout simplement du sens et peuvent nous donner assurance, en tant que concepteurs , que notre conception est ordonnée et structurée Lorsque vous concevez des affiches, pensez à utiliser une grille car elle peut vous aider à résoudre vos problèmes de mise en page. La huitième tâche de ce cours est donc de vous familiariser avec les différentes grilles d'affiches que nous pouvons utiliser pour notre conception À l'étape suivante, nous allons passer à la génération d'idées pour la conception de nos affiches. Ce sera donc une bonne tâche à entreprendre pour trouver de l' inspiration pour ce qui va suivre. N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement du cours pour instructions supplémentaires sur cette tâche. Une fois que vous serez familiarisé avec les types de grilles d'affiches, nous pourrons passer à l'étape suivante. 10. Générer des idées de mise en page: Au cœur de chaque grande affiche, et en fait, chaque superbe design se trouve une idée puissante. Le design consiste essentiellement à résoudre des problèmes avec des solutions puissantes. C'est le processus de réflexion, de questionnement et d'exploration avant de parvenir à un design qui parle, résonne et connecte Dans le monde actuel où la technologie évolue rapidement, il est tentant de se lancer directement dans les outils numériques et de commencer à créer Bien entendu, les logiciels de création excellent nous aider à mettre en œuvre des idées, il s'agit de nous aider à mettre en œuvre des idées, mais excellent-ils vraiment à nous faire réfléchir ? La véritable créativité commence souvent loin de l'écran. Avant de lancer notre logiciel de création, il y a donc une étape essentielle qui garantit que nos designs ne sont pas seulement visuellement attrayants, mais qu'ils sont significatifs et efficaces. Passant à la sixième étape de notre processus de conception, nous entreprenons ici le processus de génération d' idées pour la conception de notre affiche. Avant de passer aux outils logiciels, il est essentiel de prendre le temps de réfléchir à nos intentions de conception et la direction que nous aimerions prendre. C'est un moment important pour réfléchir à notre moodboard et commencer à utiliser notre imagination pour générer des idées. Et l'un des moyens les plus efficaces d'y parvenir est de dessiner. Esquisser, ce n'est pas seulement dessiner. Il s'agit de traduire nos pensées et inspirations en concepts tangibles C'est là que nos idées commencent à prendre forme, offrant un chemin direct de l'imagination à la visualisation. L'esquisse est un processus intemporel, éprouvé et éprouvé qui fonctionne depuis des centaines d'années Alors que nous entamons la sixième étape de notre parcours de conception, nous entrons dans une nouvelle phase où nous entrons dans le domaine de l' esquisse afin de générer des concepts visuels pour la conception de nos affiches Alors pourquoi le dessin est-il si important ? Eh bien, le dessin nous encourage essentiellement à penser de manière divergente, ce qui nous encourage à être plus inventifs et à aller au-delà de ce qui à nous pour découvrir des idées créatives plus convaincantes L'esquisse est un élément essentiel du processus de conception qui permet la créativité de s'exprimer sans les limites du logiciel. De plus, l'avantage du dessin, c' est que tout le monde peut le faire Il ne s'agit pas de perfection ici. C'est une question d'idées. Cette approche pratique garantit que lorsque nous passons aux logiciels de conception, nous nous appuyons sur une base solide d' idées bien pensées, contentons pas d'improviser à l'écran Je trouve qu'il y a de la spontanéité et de la chimie dans le dessin. Beaucoup plus de magie peut se produire sur la page qu'à l'écran. De plus, les idées peuvent venir très rapidement lors de l'esquisse, ce qui nous permet de réaliser des solutions créatives beaucoup plus rapidement Dans cette partie du cours, nous aborderons les techniques de dessin qui jettent les bases de la conception de nos affiches Vous découvrirez comment cette étape cruciale non seulement de rationaliser le processus de conception, mais également d'améliorer le produit final Prends nos stylos et nos crayons et commençons à dessiner notre chemin vers Dans cette vidéo, nous allons donc aborder deux sujets principaux. Un, générer des idées approximatives et deux créer des escroqueries raffinées Donc, quand il s'agit de design, j'aime souvent commencer par le papier. d'avoir d'abord une idée facilite considérablement l' expérience de l'illustration sur ordinateur par la suite Je ne me contente donc pas de déplacer des pixels à la volée en espérant que quelque chose soit beau. J'aimerais d'abord réfléchir au sujet de mon affiche et à son contenu, à examiner l'anatomie de la liste de contrôle pour la conception de l'affiche et revoir le support de référence des types de grilles d'affiches. Dans ce cas, je peux consulter contenu de l'affiche fourni dans le brief de conception, où je peux voir les options de copie qui s'offrent à moi, la photographie du produit, ainsi que les éléments de conception que je peux inclure. De plus, je vais avoir mon moodboard de couleurs et de textures que j' ai préparé plus tôt, qui décrit tous les éléments visuels que je devrai prendre en compte La liste de contrôle de l'anatomie de la conception d'affiches est quelque chose que j'ai préparé plus tôt, j'utilise comme outil pour m' aider dans mon processus Ici, je peux passer en revue tous les éléments importants. Ainsi, lorsque je dessine, je peux garder à l'esprit ce que je dois inclure Et le dock de référence des types de grilles d'affiches est un autre outil que je peux utiliser pour réfléchir à la manière dont je pourrais vouloir gérer les éléments visuels et à la façon dont je pourrais vouloir les disposer. Donc, une fois que j'ai compris le brief de conception, je suis au courant du contenu de l' affiche. J'ai mes moodboards pour m'inspirer. Je peux ensuite commencer à esquisser des idées de conception d'affiches, en gardant à l'esprit tous les critères clés. Pour ce faire, j'aime d'abord dessiner les contours des affiches sur papier, me permet d'esquisser facilement mes idées de conception initiales. Maintenant, dessiner des plans d'affiches peut prendre beaucoup de temps, c'est pourquoi j'utilise souvent un modèle de document que j'ai préparé plus tôt. Le dossier de téléchargement du cours un carnet de croquis contenant une gamme de modèles de grille d'affiches, similaires à ceux contenus dans le document de référence sur la grille d'affiches Je peux m'en servir pour faire des croquis. Sur la première page se trouve une mise en page quatre par deux des contours d' affiches de portrait. Pour ce faire, j'aimerais d'abord imprimer quelques feuilles de plan d'affiches à quelques feuilles de plan d'affiches partir du carnet de croquis de la grille d'affiches Il s'agit d'un carnet de croquis que j'ai soigneusement créé à partir de zéro et qui contient de nombreux exemples de grilles que j'ai préparés plus tôt et sur lesquels je peux m'appuyer pour mon dessin Au lieu d'acheter des carnets de croquis vierges ou génériques lesquels je devrai dessiner mes contours plusieurs fois, j'ai préparé ici des grilles spécifiques sur des feuilles individuelles, ce qui me permet d'imprimer, de mettre au point, esquisser et de planifier la conception de mon affiche rapidement et rapidement À partir de ce carnet de croquis, je vais imprimer quelques plans d'affiches simples sur quelques feuilles de papier, puis je suis prêt à commencer à générer des idées À ce stade, je peux également réfléchir à mon dock de référence sur les types de grilles d' affiches pour réfléchir au type de grilles et de structures sur lesquelles je pourrais baser un dessin, puis je commencerai à esquisser quelques idées de conception initiales Maintenant, cela commence généralement très grossièrement , lorsque je vais esquisser et tester certains concepts initiaux. Vous pouvez voir ici une série d'idées que j'ai eues pour une variété de mises en page et de permutations de mes idées, tenant également compte des types de grilles que je Lorsque je dessine, il est important de réfléchir à la hiérarchie visuelle, façon dont je souhaite disposer mes éléments et à la manière dont j'ai l' intention de les équilibrer. Personnellement, j'aime utiliser des marqueurs à traits fins car j'aime l'encre. Et si je fais des erreurs, je peux utiliser Hip BAX pour tout supprimer Ici, je vais simplement dessiner avec une série de lignes très simples pour tracer la forme de mon affiche et la façon dont je veux que certains éléments tels que l'image, type, la forme, le formulaire et l'espace fonctionnent, et comment je peux diviser la page en sections et les placer sur mes éléments. travers les idées, j'étudie différentes manières dont les images et le type de chaussures de sport peuvent servir accroche principal et comment les autres éléments peuvent les contourner. Comme vous pouvez le constater, il s'agit d'un méga Ruff, où je passe rapidement en revue plein d'idées. Maintenant, lorsque vous esquissez, il est très courant qu'une idée en déclenche une autre. C'est pourquoi l'esquisse est si importante, C'est pourquoi l'esquisse est si car vous pouvez générer rapidement un grand nombre d'idées et générer des idées que vous n'aviez peut-être pas Votre neuvième tâche pour ce cours est donc de faire quelques croquis rapides Vous avez maintenant compris le brief de conception. Vous avez votre propre moodboard et vous avez sélectionné certaines polices de caractères. Essayez de dessiner vos propres dessins. N'oubliez pas qu'il ne s' agit pas de perfection. C'est une question d'idées. Essayez donc de voyager vite et d' esquisser vos pensées. N'oubliez pas de consulter le PDF de la liste des tâches, le dossier de téléchargement des cours pour plus d'instructions sur cette tâche. Maintenant, je vous invite à suivre mes croquis. Mais si vous voulez vous lancer dans ce processus pour explorer vos propres idées et mettre en pratique vos propres compétences, prenez le temps de le faire dès maintenant. Alors essayez-le, commencez à zéro et essayez générer huit à 16 idées de mise en page. Essayez de consacrer environ une heure ou plus à cet exercice. Et si vous faites des croquis, assurez-vous de les partager dans la section des projets de classe ci-dessous, car nous aimerions tous voir ce que vous pouvez en faire Donc, une fois que j'ai plein d'idées et que je suis satisfaite, j'ai parcouru beaucoup de terrain. Je commencerai alors à penser de manière convergente et à sélectionner les idées qui fonctionnent le mieux et qui se démarquent moi, fonctionnent le mieux et qui se démarquent en tant qu'options que j'aimerais développer davantage Maintenant, si je ne fais que des croquis pour moi-même, je vais simplement générer un tas de croquis comme vous le voyez ici Cela a du sens pour moi. C'est peut-être un peu difficile ici, mais ce n'est pas grave parce que ce n'est que pour moi, et je pourrais maintenant sauter sur l'ordinateur et commencer à les améliorer. Cependant, lorsque je travaille sur un projet, se peut que je doive le montrer à des collègues de travail ou même à un client au début, ou que je veuille simplement examiner de plus près le rôle que joue dans ma conception pour obtenir un aperçu plus précis afin voir si et comment une conception fonctionnera. Parfois, il se peut que je doive même transmettre ces concepts à un autre designer pour qu'il les développe. Parfois, en tant que directeur artistique, je ne conçois pas toujours moi-même les produits finis. Parfois, je transmets des idées à d'autres designers. Pour les informer et leur donner quelque chose de facile à suivre, une arnaque fera parfaitement l'affaire. Si tel est le cas, je générerai des croquis plus raffinés qui décrivent une idée plus clairement. ce qu'on appelle des escroqueries et sont des dessins clairs plus raffinés, qui décrivent de manière claire et complète l'approche et l' intention d'un design Alors que mes premières esquisses étaient rapides et grossières, elles sont beaucoup plus raffinées, où je me concentrerai davantage sur les éléments individuels de la composition. Pour ceux-ci, mon intention doit être très claire et la manière dont je souhaite gérer les éléments de la page doit être très claire. À ce stade, je pourrais également revenir sur les recherches que j'ai effectuées précédemment, rédaction et l'intégration de la police pour voir à quoi elle ressemblera et fonctionnera dans le design. De plus, dans les escroqueries, je me concentrerai davantage sur la grille que je prévois d' utiliser et je rédigerai mes mises en page sur des modèles de grille Je peux imprimer et voir plus précisément comment je peux gérer les mises en page et quelle approche je peux adopter sur l'ordinateur Pour ce faire, encore une fois, je peux imprimer des feuilles de plan d'affiches à partir du carnet de croquis de la grille d'affiches Cette fois, je peux parcourir les nombreux types de grilles et échantillons inclus et les notes d'impression que j'aimerais explorer. Normalement, je les compose sur une page séparée ou j'en inclus deux sur une feuille pour plus de clarté. Pour cela, j'ai imprimé une série de grilles et j'ai dessiné mes dessins dessus Pour mes escroqueries, vous pouvez voir ici une gamme de compositions qui, selon moi, ont plutôt bien fonctionné Ici, j'utilise un mélange de grades de colonnes, de grades de base, moléculaires et même de grilles radiales et axiales diagonales pour obtenir pour Cela m'a permis de voir comment une gamme d'alignements de caractères pouvait fonctionner afin d'explorer dans quelle mesure je pouvais rendre mes compositions dynamiques À partir de celles-ci, je peux voir comment typographie peut fonctionner à l'intérieur de la grille, et quel type de typographie convient pour s'adapter confortablement au message et ne pas trop concurrencer les éléments environnants Ce que j'aime aussi faire lorsque je dessine mes escroqueries, c'est tracer une ligne épaisse autour de la partie de l'affiche Je veux dessiner les deux premières, le crochet principal Dans ce cas, je dessine les images des chaussures de sport et le reste des éléments et le reste des éléments avec une gamme d'épaisseurs et de poids différents pour voir comment les éléments de soutien fonctionnent dans la hiérarchie Pour d'autres mises en page, j'ai envisagé de mettre le logo en gras et d'utiliser modules dans lesquels je peux inclure des textures d'images et des images graphiques Ici, j'ai des mises en page très typographiques, où je fais en sorte que le texte soit grand et accrocheur Ici, j'ai d'autres modèles alternatifs portant sur les compositions diagonales, radiales et d'essieux. heure actuelle, je pense que c'est assez clair et je peux voir comment j'aimerais gérer chaque élément de la composition et les types de grilles que je peux utiliser pour les construire. N'oubliez pas qu'il ne s'agit peut-être pas de conceptions finales, mais qu'elles présentent clairement un concept de design, ce qui peut être utile à discuter avec des collègues, clients ou d'autres concepteurs au cours des premières étapes Cela peut donc vous faire gagner beaucoup de temps par rapport à une conception sur ordinateur où des discussions et des décisions peuvent être prises avant investir du temps pour créer une œuvre finale. Donc, une fois que j'ai l'impression d'avoir de bonnes idées, je suis enthousiasmée par certaines de mes compositions et je sais lesquelles je veux transformer en designs finis. Je penserai ensuite à sauter sur l'ordinateur pour commencer à créer mon design et à donner vie à mes créations Votre dixième tâche pour ce cours est donc d' essayer de peaufiner certaines de vos ébauches. Maintenant, cette tâche est facultative, mais si vous souhaitez essayer de mettre en pratique vos compétences, choisissez au moins deux idées parmi les ébauches et essayez choisissez au moins deux idées parmi les ébauches et essayez de les rédiger soigneusement pour affiner les escroqueries. Maintenant, si vous êtes curieux, vous pouvez ouvrir mes exemples de scap pour voir comment j'ai abordé cette question en tant que référence N'oubliez pas de consulter le PDF sans tâche dans le dossier de téléchargement du cours pour plus d'instructions sur cette tâche. Maintenant, essayez de consacrer environ une heure ou plus à cet exercice. Si vous commettez des escroqueries sophistiquées, assurez-vous de les partager dans la section des projets de classe ci-dessous, car nous aimerions tous voir ce que vous pouvez trouver Une fois que vous avez fait quelques croquis et que vous avez des idées à développer davantage, nous pouvons maintenant passer à l' ordinateur pour leur donner vie 11. TUT #1 - Design de grille de base - Adobe InDesign: Tout ce que nous avons fait jusqu' à présent dans le cours a donc été pour préparer le moment où nous commencerons à donner vie à notre design. Au cours de cette étape, nous passons à une nouvelle phase. La phase précédente consistait à générer des idées pour la conception de nos affiches. Nous avons maintenant quelques idées solides dans le sac. Il est temps d'entrer dans la troisième phase du processus de conception, au cours de laquelle nous allons dessiner notre design sur ordinateur. ce stade, si vous avez suivi le processus de conception, nous aurons examiné un brief de conception, vu le contenu de l'affiche requis, effectué des recherches visuelles, préparé un moodboard, sélectionné des typographies et esquissé des dessins prêts à être intégrés à l'ordinateur . J'ai donc tous mes prérequis prêts ici devant moi. Je suis maintenant prête à me lancer dans le design et à donner vie à l'une de mes affiches. Dans cette vidéo, je vais montrer comment utiliser les outils d'in design pour créer ce design d' affiche spécifiquement, et plus tard, nous verrons comment faire quelques variations. Donc, pour créer notre affiche en mode design, nous allons aborder les étapes clés suivantes. Première étape, configuration du dossier du projet, deuxième étape, configuration du document, étape trois, configuration de la grille, étape quatre, , étape cinq, l'image, étape six, couleur, étape sept, affiner la composition, étape huit, créer des variantes de mise en page, et étape neuf, exportation. Il s'agit d'un processus méthodique qui nous permettra créer des designs d'affiches de qualité et de ne rien laisser sans contrôle Alors préparez-vous pour une aventure de design épique. Après cette vidéo, vous pourrez créer des affiches typographiques dynamiques comme celle-ci dans Adobe en toute simplicité Alors allons-y. Je suis donc dans le domaine du design, et voici quelques affiches dynamiques que j'ai créées plus tôt en utilisant les techniques que je vais vous montrer. Si vous voulez y jeter un œil, vous pouvez les trouver dans le dossier du projet de classe. Ils se trouvent dans le dossier deux modèles d'affiches. Si vous ouvrez toutes les affiches du fichier de conception, vous devriez pouvoir les ouvrir comme ça. Maintenant, pour ce tutoriel, nous allons nous concentrer sur le design de cette affiche ici. Si je sélectionne cette affiche, à l' aide de cet outil de sélection, accédez au panneau de liens et cliquez sur l'icône d'édition en bas. Nous passerons à un autre document en cours de conception, où nous pourrons voir des variantes du même design d'affiche. En gros, ce que j'avais là était un document de conception avec des liens vers d'autres fichiers. Il s'agit du fichier dans lequel j'ai créé le design de l'affiche, mais ce dock est là pour que je puisse voir toutes mes affiches en un coup d'œil, et chacune d'entre elles est un lien vers un document différent. Dans le document d'affiche, ce que j'ai fait ici, c'est développer un design d'affiche à partir de l'un de mes croquis, que j'ai ici. Et sur ordinateur, j'ai examiné comment cela pouvait fonctionner dans différentes variantes avec différentes polices et couleurs. Maintenant, si j'appuie également sur W sur le clavier, je pourrai basculer entre mode aperçu et le mode normal En mode normal, vous pouvez voir le système de grille que j'ai utilisé pour structurer ce design d'affiche. Votre 11e tâche pour ce cours est donc de suivre ma méthode de conception d' affiches. Le but de cette tâche est destiné à ceux d'entre vous qui ne connaissent peut-être pas le design. C'est l'occasion pour vous d'apprendre certaines techniques cruciales et de vous familiariser avec Adobe dans le domaine de la conception. Cette étape est désormais facultative. Vous pouvez soit regarder et participer, soit suivre et développer votre propre design d'affiche. Cependant, je vous encouragerai à le faire plus tard. Passons maintenant au design et voyons comment nous pouvons développer une affiche comme celle-ci. Et nous allons commencer par la première étape. Maintenant, une étape rapide que j'aime faire avant de commencer projet est de configurer d'abord un dossier de projet. Cela va me permettre d'être super organisée et avoir un endroit où conserver tous mes actifs et savoir où tout se trouve. Lorsque vous travaillez dans le domaine de la conception, il est utile d'être organisé pour améliorer votre flux de travail. Je peux soit le configurer à partir de zéro, soit dupliquer un dossier que j'ai créé plus tôt. Donc, si vous ne l'avez pas encore fait dans le cours, allez dans le dossier de téléchargement de la classe, dans le dossier du processus de conception, et dans le dernier dossier appelé dossier du projet, nous aurons des dossiers supplémentaires à l'intérieur. Maintenant, ces dossiers vont nous aider à organiser notre projet. Donc, pour commencer, je vous recommande de copier ce dossier et de le coller à un endroit auquel vous pourrez accéder via cette partie du cours. Pour l'instant, je vais coller tous mes fichiers dans le dossier que j'ai créé plus tôt dans ce cours. Donc, une fois que vous avez configuré votre dossier de projet, commençons à travailler sur l'affiche. Donc, pour commencer, lors de la conception, je vais créer un nouveau document. Je vais venir déposer un nouveau document et sélectionner un nouveau document. À cette occasion, je vais utiliser un document au format d'impression standard. Dans l'onglet supérieur, je vais cliquer sur Imprimer. Je vais cliquer sur Afficher ou sur Préréglages. Je vais sélectionner un trois. Sur la droite, je vais m'assurer que mon orientation est réglée sur portrait. Je vais régler mes unités en millimètres. Maintenant, c'est juste ma préférence personnelle. Vous pouvez utiliser les unités avec lesquelles vous vous sentez le plus à l'aise. Désélectionnez les pages opposées. Je vais laisser les pages définies à une pour le moment. À cette occasion, je fixerai mes marges à zéro. Je vais régler le saignement à 3 millimètres, et je vais le faire parce que certaines imprimantes aiment un saignement de trois millimètres lors de l'envoi en vue de l'impression Je vais donc le faire au début Je vais laisser mon slug à zéro et cliquer sur Créer, et mon nouveau document apparaîtra Nous avons donc préparé notre nouveau document et vous pouvez voir de l'extérieur que nous avons la ligne de saignement Maintenant, pour ceux qui ne savent pas ce que c'est, c'est là que vous pouvez étendre votre œuvre d'art hors de la zone du canevas. Lorsqu'une imprimante découpe l'illustration, elle peut la découper légèrement pour éviter d'avoir des bordures blanches. Encore une fois, si nous appuyons sur W sur le clavier, nous pouvons passer du mode normal au mode aperçu, et vous pouvez voir qu' en mode aperçu, vous ne pouvez pas voir la ligne de fond Maintenant, si vous suivez, assurez-vous que votre panneau de configuration est visible en haut de votre interface utilisateur. Si ce n'est pas le cas, montez dans la fenêtre et assurez-vous qu'il y a une case à côté de la case Contrôle. Maintenant, vous devez également avoir vos échantillons, vos couches et votre panneau de liens visibles, alors assurez-vous d'ouvrir fenêtre et de cliquer dessus pour les activer Une autre chose à faire est de monter pour modifier, défiler l'écran vers le bas jusqu'à l'espace de fusion transparent faire défiler l'écran vers le bas jusqu'à l'espace de fusion transparent et de sélectionner le document RGB, afin d' éviter que vos images ne paraissent ternes lorsque vous les importez. Enfin, si nous en venons à la question performances d'affichage à cette occasion, assurons-nous de sélectionner un affichage de haute qualité. Voilà donc la configuration de notre document, et avant de continuer, j'aimerais l'enregistrer. Je vais donc passer au fichier, l'enregistrer en naviguant vers le dossier de projet que nous avons configuré au début du cours, dans le deuxième dossier, concept et design, dans le dossier de conception et l'enregistrer dans le dossier conception sous le nom de Bolts surge step. OK, donc avant de commencer à ajouter des éléments visuels, je voudrais configurer une grille. Maintenant, en repensant à l'un de mes croquis originaux, j'aime beaucoup l'idée d' avoir une affiche très typographique et de faire passer des chaussures tendance sur le côté gauche avec l'image du produit en bas avec l'image du produit en Comme vous pouvez le constater, j' aime bien l'idée d' une phrase composée de cinq lignes. Au début, c'était une esquisse très approximative, mais quand j'ai regardé ce design d' affiche plus près dans mon brouillon, je l'ai vu J'ai découvert que pour ce faire, je positionnerais le type sur une grille de base et que chaque ligne s'insérerait dans trois grilles de base, comme Zoé Pour ce design d'affiche, j'ai déterminé que j'aurais besoin d'une grille de base de 17 pour cinq lignes à insérer dans trois lignes et me donner deux restes pour les éléments du pied, une en haut et une en Comme vous pouvez le voir ici, j'ai prévu de positionner tous les éléments de type dans la structure de la grille de référence. Je vais donc d'abord configurer une grille de référence simple correspondant à mon croquis. Pour ce faire, je vais passer à la mise en page et sélectionner Créer des guides. Au clic, le menu apparaît, et ici, nous pouvons facilement définir nos paramètres. Maintenant, je sais que je veux une grille de base de 17 sur ma page. abord, je vais m'assurer que l' aperçu est coché, et pour les lignes, je vais taper 17, et pour l'instant, je vais mettre la gouttière à zéro, cliquer sur k, et maintenant le canevas de l'affiche est divisé en une grille de base d'environ 17 Ainsi, avec la configuration initiale de la grille, nous pouvons commencer à intégrer certains éléments visuels. Maintenant, en fonction de votre design, il peut parfois être plus facile de commencer par les éléments d'image d'une affiche. Mais pour ce design en particulier, je veux qu'il soit principalement basé sur le type et qu'il inclue l'image en haut. Donc, pour commencer, je vais commencer par les éléments de type en arrière-plan. Donc, en repensant à mon croquis, je veux que le type de titre principal de l'affiche se trouve sur le côté gauche et s'étende sur cinq lignes. Commençons donc par cette partie. Pour commencer, je vais passer au menu des outils. Cliquez sur l' outil de saisie, passez dessus et dessinez un cadre pour commencer sous la première ligne de base, puis faites-le glisser sur la ligne de base inférieure de la page, comme en Z. À la sortie, nous aurons notre premier cadre, que je pourrai placer dans un type quelconque À ce stade, je vais accéder au Dock de contenu des affiches, et je peux le faire en accédant au dossier de téléchargement des cours, dans le dossier du kit média Bolts, et en double-cliquant sur le raccourci du deck de contenu pour l'ouvrir dans le navigateur. Donc, à la page trois, je vais voir le contenu du texte de l'affiche. Pour cette affiche, je vais choisir la deuxième option. Je vais copier le titre, puis le remettre dans le design, je vais le coller, et nous avons maintenant notre premier bout de texte, qui est petit. Je vais donc rapidement augmenter la taille de police à environ 50 afin que nous puissions voir sur quoi nous travaillons ici. À ce stade, je dois voir comment je vais intégrer ce type dans ma grille de base telle que je l'ai conçue précédemment dans mon scap Et aussi, quel type de visage vais-je utiliser ? Voyons d'abord la police de caractères que je vais utiliser. À ce stade, je pourrais utiliser n'importe quelle police de caractères, mais j'ai déjà une idée de ce avec quoi je veux travailler Lors d'une étape précédente, j'ai effectué des recherches sur les polices de caractères où j'ai examiné une gamme de polices de caractères que j'aimerais utiliser Maintenant, à la première page de mes recherches, j'ai bien aimé le look de ce type de visage ici. Cela s'explique par sa nature condensée, qui me permettrait d'adapter le titre à la page Et si nous regardons mon escroquerie, voici comment j'avais prévu qu'elle fonctionnerait Donc, pour commencer, je vais appliquer ma police, et ici je vais commencer par la police Zoom Cut Avec sa grande hauteur de majuscule par rapport à la largeur des lettres, il s' agit d'une police particulièrement condensée. C'est donc une bonne option si vous souhaitez obtenir un titre riche en texte dans la conception de votre affiche De plus, cette police de caractères a un aspect et un toucher très distincts avec ses légères indentations, ce qui lui donne une touche d'originalité Il s'agit d'une police très audacieuse et percutante qui fonctionnerait très bien dans cette direction de conception particulière agit d'une police Adobe qui peut être utilisée gratuitement si vous avez un compte Adobe. Vous pouvez trouver le lien dans la police de caractères PDF dans le dossier de téléchargement du cours Dans le dossier 1, le processus de conception, dans le dossier 5, la typographie , et si vous ouvrez le PDF, vous pouvez simplement cliquer sur la police pour accéder au lien Maintenant, si vous regardez ce film et que vous n'avez pas de compte Adobe, pour une n'avez pas de compte Adobe, pour une raison ou une autre, pour le moment, je vous recommande d'utiliser BBAs, une police gratuite que vous pouvez obtenir en cliquant sur BBs sur le type PDF Il s'agit d'une autre police condensée qui devrait très bien fonctionner. Donc, dans le design, je vais sélectionner le type et en haut dans le sélecteur de police, je vais taper dans Zoom et appliquer la police Ensuite, pour ajuster la taille. Donc, avec le type fa sélectionné, je vais simplement taper 200 points et appuyer sur Entrée. Maintenant, je vais simplement saisir les points jusqu'à ce que je puisse voir la hauteur en x des lettres dans la rangée supérieure. Je m'adapterai parfaitement aux trois rangées de la grille de base, tout comme mon croquis. Ce faisant, nous pouvons constater que le début entre les deux mots est loin d'être le même. Le type étant toujours sélectionné, je vais appuyer sur la touche Alt et appuyer sur le clavier jusqu'à ce que les formes des lettres s' intègrent parfaitement dans trois lignes de base, comme Z. Maintenant, nous pouvons voir que nous avons obtenu quelque chose de très similaire à mon scap, et le texte y paraît vraiment gras À ce stade, nous pourrions même modifier le suivi, mais je vais laisser cela pour le moment Maintenant, si j'appuie rapidement sur Escape puis sur V pour activer l'outil de sélection, je peux saisir l'ancre du cadre central sur la droite et le sortir vers la droite. Et nous verrons que les mots se feront entendre. Mais dans ce cas, je veux en fait que les mots soient recoupés dans la ligne suivante. C'est donc une occasion où je veux vraiment activer la césure. Dans le panneau de configuration, je vais cliquer sur le bouton de contrôle du formatage des paragraphes. Nous pouvons voir qu'au milieu, la césure est activée. Je vais reculer le cadre pour que mon texte entre dans chaque ligne de cette façon. Parfait. Passons maintenant à un petit entretien ménager Dans le panneau des couches, je vais double-cliquer sur le nom de la couche et le modifier en type. Maintenant que la plus grosse pièce typographique est en place, passons à la suivante. En repensant à mon escroquerie, je souhaite également inclure un paragraphe de type à droite de mon en-tête en revenir à la conception, je souhaite placer une nouvelle zone de texte ici sur la droite. Donc, avec l' outil de saisie à nouveau sélectionné, je vais essayer de cliquer et de faire glisser le pointeur vers le haut à droite. Mais quand je fais ça, il sélectionne à nouveau dans la zone de saisie. Donc, cette fois, je vais prendre l'outil de cadre et dessiner la boîte, et il devrait placer la boîte ici sans problème. Ensuite, je vais sélectionner l'outil de saisie et cliquer une fois dans la case revenir dans mon document de contenu. Je vais copier le texte du paragraphe, le remettre dans la conception, coller et pousser le texte jusqu' à 25 points pour que je puisse le voir. Maintenant, les choses commencent à se compliquer un peu sur ma page. Mon titre principal est bien positionné dans la grille de référence, mais maintenant nous avons cette zone de texte de paragraphe, où vais-je le positionner ? J'ai donc ma grille de référence qui indique comment je gère les choses verticalement, mais qu'en est-il de l'horizontale ? Maintenant, je n'y ai pas pensé dans le sketch. Mais alors que je cherche à lui donner vie ici, je pourrais y penser maintenant. Une solution ici serait d'introduire une grille de colonnes pour donner une certaine structure. À ce stade, je vais passer à la mise en page, aux marges de clic et aux colonnes, et à Apple Pop dans le menu contextuel. Je vais donc regarder combien de colonnes je peux utiliser. Donc, tout d'abord, je vais m'assurer que la case d'aperçu est sélectionnée, puis j'en taperai cinq dans le numéro de colonne et je cliquerai dans la gouttière pour l'appliquer Maintenant, je ne pense pas que cela semble correct. Mon problème, c'est qu'il semble que le titre ne puisse pas se trouver sur le côté gauche de la page Je vais donc regarder ici une marge, mais uniquement à gauche et à droite. Je vais donc passer à la marge et m' assurer qu'il y a une ligne à travers le verrou, afin qu'ils ne soient pas tous pareils. Ensuite, sur la gauche, je vais le porter à 20 car j'aime avoir un chiffre rond, et je trouve que ça a l'air bien. Je vais donc taper 20 pour la droite, et cela ressemble à un bel espace gauche et à droite pour mon espace de marge. Je ne pense toujours pas avoir colonnes adéquates pour la nouvelle zone de texte. Parfois, lorsqu'il s'agit de colonnes, faut jouer un peu avec cela. Je vais donc aller de l'avant et taper sept cette fois. Et je pense que cela semble beaucoup plus prometteur. Vous voyez, j'ai deux colonnes ici où je peux placer mes éléments sur le côté droit. Enfin, je vais réduire l'espace dans la gouttière. Je vais taper 2 millimètres. Je vais cliquer, déplacer mon titre pour qu'il soit bien placé dans la marge gauche et redimensionner mon nouveau cadre de paragraphe pour le placer dans les deux colonnes les plus à droite Et je pense que cela commence à fonctionner. N'oubliez pas que vous devrez parfois apporter des modifications aux grilles et aux éléments à la volée au fur et à mesure que vous développez votre composition Même si j'avais une bonne idée de la grille de base grâce à mon arnaque, je n'ai pas pensé aux colonnes. Donc, lorsque je travaillais sur ce problème dans un logiciel, je devais résoudre ce problème ici. OK, donc ça règle la structure de ma grille pour cette affiche. Il est temps d'apporter mes prochains éléments de type. En repensant au scamp, il y a quelques éléments de pied de page et d'autres éléments de type, mais ensuite, je vais chercher à les placer dans les éléments de pied Donc, en ce qui concerne le scamp, je voudrais inclure trois lignes de texte, que je peux voir sur le photocopieur. Je veux qu'ils soient placés à égale distance les uns des autres à la base du design de l'affiche Maintenant, le moyen le plus simple de le faire est d'utiliser un simple tableau. Dans mon affiche, je vais sélectionner l'outil de cadre. Je vais dessiner un cadre à partir de la marge gauche la dernière ligne de base et le faire glisser vers la marge inférieure droite de l'affiche. Le fait d'avoir cette nouvelle grille de colonnes ici m'aide vraiment. Ensuite, je vais sélectionner l' outil de saisie et cliquer dans le cadre. Je vais accéder au tableau et cliquer sur Insérer un tableau. Je sais que mes lignes de corps seront une, je mettrai les colonnes à trois et cliquerai sur k, et voici mon tableau. Maintenant, je vais cliquer sur mon outil de sélection, qui va sélectionner le cadre, puis je vais me rendre au milieu du panneau de commande et cliquer sur un centre de ligne. Et maintenant, la table sera bien placée au milieu du cadre, parfaitement située dans l'espace de base inférieur. Parfait. Maintenant, je vais simplement entrer dans le photocopieur et sélectionner chaque pied de page un par un. Revenez dans l'affiche, cliquez sur l'outil Texte, cliquez sur le tableau et collez son contenu. Et je vais le faire pour la cellule du milieu et la cellule la plus à droite. À l'heure actuelle, le type est justifié à gauche dans chaque cellule du tableau. Donc, avec l'outil de saisie, je vais cliquer sur la cellule centrale du tableau, et dans le panneau de commande, je vais régler le texte pour qu'il soit aligné au centre. Je vais cliquer sur la troisième cellule, et en haut dans le panneau de configuration, je vais sélectionner le texte à aligner à droite. Ensuite, avec l'outil de saisie, je vais cliquer dans la première cellule et faire glisser le pointeur vers le troisième cadre pour que tout soit sélectionné. Ensuite, dans le panneau de commande, je vais m'assurer que toutes les lignes sont bleues dans la zone de contour du tableau et je mettrai le contour du tableau à zéro. Je vais cliquer sur l' outil de sélection pour sélectionner D, puis appuyer sur W pour passer en mode aperçu, et maintenant nous pouvons voir que le texte dans le pied de page est positionné exactement comme je le souhaite Parfait. Avant de poursuivre, examinons la police de caractères de ces deux nouveaux éléments de texte Donc, la police que j'utilise pour le titre est Zoom. Mais il ne s'agit que d'une police epo case, et je ne veux pas que la police de paragraphe soit également epacse. Je vais donc devoir appliquer une police différente. Donc, pour compléter la police de caractères bold sand serf dans l'en-tête, je pense que je vais chercher une police de caractères clean sand serf pour les autres éléments typographiques, mais rien de trop compétitif Donc, en repensant à ma composition, sur la première page, il y a une police de caractères qui, selon moi , semblait bien fonctionner Pour le corps de ma copie, j'ai choisi une police de caractères appelée Dagla Cela ressemble à un sanseraf épuré , agréable au toucher et doté d'une personnalité et d'une touche très subtiles qui s' intégreront parfaitement à mon design pour compléter la police d' en-tête agit d'une autre police Adobe qui peut être utilisée gratuitement si vous avez un compte Adobe. Si vous ouvrez le type de recherche PDF, vous pouvez simplement cliquer sur la police pour accéder au lien. Si vous n'avez pas de compte Adobe pour quelque raison que ce soit, pour le moment, je vous recommande d'utiliser Archivo, une police Google gratuite, que vous pouvez obtenir en cliquant sur Archivo sur le Type PDF en revenir à la conception, je vais sélectionner le cadre du paragraphe une fois, puis double-cliquer dessus et passer à la sélection du type. Je vais appuyer sur la commande A pour Mac ou Control A pour PC, et dans la section des polices, je vais taper D go et sélectionner Medium. Je vais appuyer sur le bouton de mise en forme du paragraphe et désélectionner la césure, puis appuyer sur Escape pour désélectionner le texte, et je vais le laisser tel quel pour le Ensuite, je vais sélectionner l'outil de saisie, cliquer une fois dans la première cellule du tableau et faire glisser le pointeur pour tout sélectionner. Dans le sélecteur de police, je vais taper D go et choisir Medium Je vais régler la taille à 18. Ensuite, je vais taper, faire défiler la page vers le bas pour changer les majuscules et sélectionner les majuscules Cliquez sur l'outil de sélection pour sélectionner D et appuyez sur W pour passer en mode aperçu, et cela semble bien pour l'instant. Mais je vais rapidement double-cliquer sur le premier cadre pour sélectionner le type. Je vais cliquer et faire glisser pour sélectionner les trois, appuyer sur Alt et maintenir la touche Alt enfoncée et appuyer cinq fois sur la droite pour étendre légèrement le suivi afin de laisser plus d'espace au texte. Je vais cliquer à nouveau sur l' outil de sélection pour sélectionner D, et cela semble bon pour l'instant. En regardant le croquis, je peux voir que je souhaite également l'adresse Web soit en haut à gauche. Un moyen simple de le faire sera de dupliquer le type ci-dessous. J'appuierai sur W pour revenir en mode normal avec l'outil de sélection, je cliquerai sur le pied inférieur pour le cadrer, et tout en maintenant la touche Alt enfoncée, je le ferai glisser vers le haut et le placerai dans l'espace de référence supérieur pour le dupliquer rapidement. Facile. Maintenant, dans mon dock de copie, je vais sélectionner l'adresse Web, et avec l' outil de saisie, je vais sélectionner tous les cadres libres et appuyer sur Supprimer pour supprimer le texte. Ensuite, je cliquerai une fois de plus dans la première cellule et je la collerai et elle s'y trouvera bien. En repensant au croquis, je voulais inclure un autre élément typographique, à numéro de produit et le nom de la chaussure de sport en tant qu'élément de design à placer en bas à droite de l'affiche, à côté de l' image du produit, mais à aligner verticalement De plus, sur le croquis, je voulais que ce soit en majuscules, dans la police d'en-tête principale À cette occasion, je vais essayer d' utiliser la même police que celle de la tête. Pour en revenir au design, je vais appuyer sur W pour passer en mode normal. À l'aide de l'outil de sélection, je clique sur la tête du cadre, touche Alt enfoncée et je fais glisser le pointeur vers la droite pour faire glisser une copie dans la zone du bloc-notes Je vais accéder au deck de contenu de l' affiche , à la page du nom du produit, et je sélectionnerai le nom de l'étape Surge, copierai et le retournerai dans Indesign, collerai dans L exo À cette occasion, il disparaîtra complètement car le texte est désormais trop grand pour le cadre. fois le cadre sélectionné, je vais accéder à la fenêtre et sélectionner les propriétés. Dans la fenêtre des propriétés, je vais me limiter à la taille du texte et la définir sur 50, et maintenant nous pouvons voir le type à l'intérieur. À l'heure actuelle, j'ai mon type et un énorme cadre autour de moi. Un petit conseil ici, si vous avez une zone de saisie contenant seulement une petite quantité de texte. Si vous double-cliquez sur le point d'ancrage en bas à droite, le cadre s' enclenchera pour épouser le type à l'intérieur, ce qui facilitera grandement le travail. Génial. Je vais donc faire glisser le nouvel élément de type dans l'affiche. Je vais appuyer sur r pour activer l'outil de rotation. Je vais placer le curseur de ma souris à côté du point d' ancrage en bas à droite, cliquer faire glisser le pointeur vers le haut et maintenir la touche Maj enfoncée pour enclencher à environ 90 degrés. Je vais appuyer sur V pour activer l'outil de sélection, et je vais le faire glisser vers le bas pour qu'il se place confortablement contre ma grille en bas à droite. Donc, maintenant, en regardant mon croquis, je veux aussi que ce poids soit différent ici. Je vais donc utiliser l'outil de texte pour sélectionner les quatre premières lettres. Je vais accéder à la liste déroulante de la famille de polices et la remplacer par Light, ce qui a créé un joli contraste. De plus, vous avez peut-être remarqué que le type ne rentre plus dans le cadre. Je vais donc zoomer et utiliser l'outil de sélection pour saisir l'ancre centrale et je vais simplement la faire glisser vers le haut comme suit. Maintenant, à cette occasion, je veux essayer un style et un effet différents pour cela. Donc, avec l'outil Type, je vais sélectionner l'étape Serge. Ensuite, dans le panneau Outils, je vais m'assurer que l'icône de saisie est sélectionnée, puis je vais cliquer sur le bouton Intervertir le fond et le contour pour attribuer un effet de trait au texte à la place. Je vais passer au panneau des traits et le régler sur une valeur autre que 0,5. Je vais cliquer sur l' outil de sélection, puis cliquer sur D pour sélectionner et appuyer sur Commande plus zéro sur MAC ou sur Contrôle plus zéro sur PC pour adapter la zone Canvas à ma zone de travail, et nous pourrons y voir un peu plus clair. Et nos principaux éléments typographiques sont désormais composés sur notre affiche. Je vais appuyer sur W, et nous pouvons voir que l'en-tête s'intègre parfaitement dans la grille de base sur la marge gauche. paragraphe s'intègre parfaitement dans les deux dernières colonnes, et les éléments de base se situent parfaitement dans l'espace de base inférieur et supérieur. Donc, pour le moment, je pense que le type fonctionne et qu'il est bien placé, et je peux commencer à penser à travailler avec des images. En repensant à mon croquis, nous pouvons voir que pour cette affiche, je souhaite inclure une image du produit en bas à droite. Je regarde le deck de contenu. Sur la page de la gamme de produits, il y a un produit appelé Surge Step, et je pense que celui-ci fonctionnerait bien dans cette composition d' affiche. En ce qui concerne la conception de mon affiche, je prévois de la placer en bas à droite, dans cet espace à côté du texte, et éventuellement de couvrir une partie du texte pour obtenir superposition dynamique afin de suggérer une hiérarchie visuelle claire afin que vous puissiez l'examiner en premier Voyons donc comment intégrer cette image à notre affiche. Passons d'abord au dossier de téléchargement du cours et au dossier du kit média Bolt. Il s'agit du dossier fourni par le client, qui contient tout ce dont nous avons besoin pour concevoir les affiches. Je vais entrer dans le dossier des images du produit et commencer par ouvrir l'image Surge Step dans Photoshop. Il s'agit de l'image du produit qui nous a été fournie. l'heure actuelle, cette image ne fonctionnera pas car pour mon design, je veux avoir l'image. Dehors. Donc, pour ce design d'affiche, je vais d'abord devoir découper la basket Heureusement, il s'agit d'une image très claire, et il devrait être très simple de la supprimer. Je vais donc simplement zoomer ici pour avoir une meilleure vue. Ce que je peux faire, c'est passer à l'outil Rectangle Marquee. Je vais dessiner une sélection autour de celui-ci et vers le haut dans le panneau de configuration, puis cliquer sur Sélectionner et masquer. Dans le panneau de configuration, encore une fois, je clique sur Sélectionner un objet, et Photoshop fera de son mieux pour sélectionner la basket Maintenant, si je zoome ici, je peux voir que ce n'est pas parfait. Maintenant, il y a autre chose que vous pouvez faire ici. Dans le menu Outils, il y a un bouton appelé Outil de sélection d'objets. Si je clique dessus et que je passe ma souris sur la basket, Photoshop verra ce que j' essaie de sélectionner en tant qu'objet Je clique dessus une fois, je vais voir tous les éléments imparfaits ont été ramenés comme par magie, et ça a l'air bien mieux Maintenant, si je zoome dessus, je peux toujours voir certains bits qui doivent être supprimés. Je peux le faire facilement en cliquant sur l'outil Polygon Lasso, et si je maintiens la touche Alt enfoncée, l'icône deviendra négative Si je commence à cliquer, une fois que je recontacte le personnel, puis double-clique pour valider la sélection, cette partie sera supprimée. Je peux donc passer un peu plus de temps à parcourir mon objet ici et à peaufiner la sélection, et une fois que je suis satisfait, je peux cliquer dans le coin inférieur droit, et la sélection sera faite. Pour ce qui est de la nouvelle sélection, je peux accéder au panneau Lays, et en bas, je peux cliquer sur le bouton Ajouter un masque de couche. Après avoir cliqué, j'ai maintenant ajouté un masque de couche et découpé la chaussure Parfait. Maintenant, je ne veux pas que l'image soit aussi grande. Je n'ai pas besoin de l'espace autour des baskets. Je vais donc passer à mon panneau de présentation. Appuyez et maintenez la touche Commande sur Mac ou Contrôle sur PC, puis cliquez sur le masque de couche. Au clic, une sélection autour de la chaussure sera effectuée. Et si j'appuie maintenant sur la touche C du clavier pour recadrer, une zone de recadrage apparaîtra autour de la basket En haut du panneau de commande, je m'assure que la case Supprimer les pixels de recadrage n'est pas cochée et j'appuie deux fois sur Entrée recadrer l'image Parfait. Je vais donc appuyer sur la commande Shift F sur MAC ou sur Control Shift S sur PC pour enregistrer. Je vais accéder au dossier de mon projet. Je l'ai configuré plus tôt, je l'ai enregistré dans le dossier des actifs et je l'ai enregistré sous le nom Surge Step PSD Maintenant, j'ai l' image de la basket bien préparée. Je peux maintenant l' intégrer dans le design. Pour en revenir au design, avant de présenter mes nouvelles images, je vais faire un peu de ménage Dans le panneau des couches, je vais cliquer sur l' icône plus en bas à droite. Cela ajoutera une nouvelle couche, que j'appellerai images. Je vais maintenant cliquer sur l'icône de verrouillage sur les couches de texte afin ne rien sélectionner accidentellement pendant que je suis en train de traiter l'image que je suis sur le point d'importer. fois la couche d'images sélectionnée, je vais appuyer sur la commande D sur MAC ou D sur PC sur le clavier pour faire apparaître une image. Ici, je vais accéder au dossier du projet, au dossier concept et design, au dossier de conception, au dossier Assets, sélectionner Serge Step PSD et Serge Step PSD et Cliquez ensuite sur un cadre et faites-le glisser comme suit pour le déposer dans l'image. Facile. Ainsi, une fois que l'image est en cours de conception, elle est facile à redimensionner et à positionner Une fois l'image sélectionnée, j'appuierai sur la touche S du clavier, ce qui activera l'échelle. Maintenant, la meilleure pratique consiste à déplacer votre souris juste en dessous du point d'ancrage en bas à droite, et si j'appuie et maintenez la touche Shift enfoncée, puis que je clique et que je fais glisser, vous pouvez augmenter ou diminuer la taille de l'image à l' échelle comme suit. Je vais donc simplement agrandir l'image jusqu'à ce que je sois heureuse et la placer en bas comme ça. C'est donc la première image de mon affiche. Maintenant, si nous tombons sur le panneau de liens et que nous le regardons, nous verrons maintenant notre image ici. C'est à partir de là que nous pouvons garder un œil sur les liens contenus dans notre document où nous pourrons apporter des modifications et des modifications à l'avenir. Ensuite, je veux ajouter une autre image qui fonctionnera comme image de fond. Maintenant, dans le kit média fourni, il semble y avoir une gamme de textures graphiques. Pour ce design, j' aimerais utiliser l'un d'entre eux pour ajouter une texture intéressante à l'arrière-plan. Lors de la conception, je vais accéder au panneau des couches, ajouter une nouvelle couche et l' appeler base. Je vais m'assurer de cliquer dessus et de le faire glisser vers le bas, qu'il se trouve sous mes autres couches. Encore une fois, je vais appuyer sur l'icône en forme de cadenas sur le calque d'image pour ne pas le sélectionner accidentellement. Je vais donc passer à l'outil de cadre. Je vais appuyer sur W pour passer en mode normal afin voir le saignement autour de ma zone de toile. Je vais cliquer sur un cadre et le faire glisser du haut du coin gauche vers le bas à droite Mon cadre est en place, et il est sélectionné, je vais appuyer sur la commande D sur Mac ou Ctrl D sur PC pour le placer dans une image. Ici, je vais accéder au dossier du kit média fourni dans le dossier des textures, sélectionner Gel Flux J peg et cliquer sur Ouvrir. Au clic, il sera placé dans le cadre. heure actuelle, l'image est dans le cadre, mais nous pouvons voir qu'elle n'est pas correctement positionnée dans le cadre. Maintenant, si je fais un zoom arrière ici avec le cadre sélectionné, si j'appuie sur A, cela activera l'outil de sélection directe. Cela me permettra ensuite de cliquer dans le cadre et de sélectionner l'image qu'il contient. Si vous le faites correctement, vous verrez que le contour de l' image est maintenant visible. Donc, ce que je vais faire ici, c'est déplacer ma souris sur le point d'ancrage central droit. Je vais appuyer et maintenir la touche Shift plus t, puis faire glisser le pointeur vers la droite avec précaution. Et ce faisant, je peux redimensionner l'image à l'intérieur du cadre comme suit. Ce que je vais faire ici, c'est redimensionner l'image à l'intérieur pour la recadrer davantage de cette façon. Facile. Si j'appuie sur W pour passer en mode aperçu, nous pouvons voir l'image en arrière-plan plus clairement. L'image étant toujours sélectionnée dans le cadre, je vais appuyer sur le haut ou le bas pour repositionner l'image à l'intérieur afin de la positionner comme je pense qu'elle fonctionne le mieux L'image suivante que je souhaite intégrer à cette affiche est le logo. J'appuierai sur W pour revenir en mode normal. Dans le panneau des calques, je vais appuyer sur le verrou du calque de base et, cette fois, déverrouiller le type et le calque d'images. Je vais sélectionner la couche d'image et appuyer sur la commande D sur Mac ou sur Control D sur PC pour placer une image. Je vais accéder au kit média, cliquer sur le dossier du logo, sélectionner le fichier EPS noir du logo Bolts, puis cliquer sur Ouvrir Donc, cette fois, je vais monter en haut de l'affiche. Je vais cliquer au début de la deuxième colonne à partir de la dernière colonne. Cliquez et faites glisser le pointeur sur les deux dernières colonnes, puis relâchez. Le logo sera désormais placé à l'intérieur de l'affiche sur deux colonnes. Et pour l'instant, je vais déplacer mon type de paragraphe ci-dessous pour lui donner un peu d'espace. La 12. TUT #2 - Design de grille de colonnes / Adobe Illustrator: Nous pouvons donc maintenant passer au deuxième exercice de conception d'affiches de cette masterclass Dans la vidéo précédente, nous avons vu comment créer un design d' affiche dans in design. Now in Design est un puissant outil de mise en page, mais certains concepteurs peuvent préférer travailler avec Illustrator. Le but de cette vidéo est donc de montrer comment Illustrator peut également être utilisé pour développer des designs d' affiches de qualité. Au cours de cette étape, nous passons à une nouvelle phase. La phase précédente consistait à générer des idées pour la conception de nos affiches. Nous avons maintenant quelques idées solides dans le sac. Il est temps d'entrer dans la troisième phase du processus de conception, au cours de laquelle nous allons dessiner notre design sur ordinateur. Dans cette vidéo, je vais montrer comment utiliser les outils d'Illustrator pour créer spécifiquement ce design d' affiche, et plus tard, nous verrons comment apporter certaines variations. Pour créer notre affiche dans Illustrator, nous allons donc suivre les mêmes étapes que dans le didacticiel précédent. Première étape, configuration du dossier de projet, deuxième étape, configuration du document, troisième étape, configuration de la grille, étape quatre, utilisation du texte, étape cinq, utilisation de l'image, étape six, utilisation de la couleur, étape sept, affiner la composition, étape huit, créer des variantes de mise en page et étape neuf, exportation. Il s'agit d'un processus méthodique qui nous permettra de créer des designs d'affiches de qualité et de ne rien laisser sans contrôle Alors préparez-vous pour une nouvelle aventure de design. Après cette vidéo, vous pourrez créer des affiches dynamiques comme celle-ci dans Adobe Illustrator, Super Easy. Alors allons-y. Je suis donc dans Illustrator, et voici quelques affiches dynamiques que j'ai créées plus tôt en utilisant les techniques que je vais démontrer. Si nous devions y jeter un œil, vous les trouverez dans le dossier du projet de classe. Ils se trouvent dans le dossier deux modèles d'affiches. Si vous ouvrez le dossier Illustrator, vous devriez pouvoir voir le fichier appelé Luna lift. Dans le document d' affiche d'Illustrator, j'ai donc développé un design d'affiche à partir de l'un de mes croquis, que j'ai ici, et j' ai examiné comment cela pourrait fonctionner dans différentes variantes avec différentes polices avec une approche de couleur claire et foncée. Si je viens voir et que je clique sur Découper la vue et appuie sur les deux points de commande sur MAC ou sur Control Clon sur PC, je peux activer et désactiver les guides, où vous pouvez voir le système de grille que j' ai utilisé pour structurer ce design d'affiche Votre 11e tâche pour ce cours est donc de suivre ma méthode de conception d' affiches. Cette tâche est destinée à ceux d'entre vous qui ne connaissent peut-être pas Illustrator. C'est l'occasion d'apprendre des techniques cruciales et se familiariser avec le travail dans un Dope Illustrator. Cette étape est désormais facultative. Vous pouvez soit regarder et participer, soit suivre et développer votre propre design d'affiche. Cependant, je vous encouragerai à le faire plus tard. Passons maintenant à Illustrator et voyons comment développer une affiche comme celle-ci, et nous allons commencer par la première étape. Maintenant, comme démontré dans les tutoriels publiés précédemment, une étape que j'aime toujours franchir avant de commencer une étape que j'aime toujours franchir avant de commencer un projet est de configurer un dossier de projet. Cela va me permettre d'être super organisée et avoir un endroit où conserver tous mes actifs et savoir où tout se trouve. Lorsque vous travaillez dans Illustrator, il est utile d'être organisé pour améliorer votre flux de travail. Je peux donc soit le configurer à partir de zéro, soit dupliquer un dossier que j'ai créé plus tôt dans le cours. Donc, si vous ne l'avez pas déjà fait dans le cadre du cours, allez dans le dossier de téléchargement du cours, dans le dossier du processus de conception. Le dernier dossier appelé dossier de projet contiendra des dossiers supplémentaires. Les dossiers vont nous aider à organiser notre projet. Donc, pour commencer, je vous recommande de copier ce dossier et de le coller à un endroit auquel vous pourrez accéder via cette partie du cours. Pour l'instant, je vais simplement enregistrer tous mes fichiers dans le dossier que j'ai créé plus tôt dans le cours. Une fois que vous avez configuré le dossier de votre projet, commençons à travailler sur l'affiche. Dans Illustrator, je vais commencer par créer un nouveau document. Je vais venir déposer un nouveau document et sélectionner le document. À cette occasion, je vais utiliser un document au format d'impression standard. En haut de la page, je vais cliquer sur Imprimer. Je vais cliquer sur Afficher ou sur Préréglages. Je vais sélectionner un trois. Sur la droite, je vais m'assurer que mon orientation est réglée sur portrait, je vais régler les unités en millimètres. Je vais régler ma perte à 3 millimètres, et je vais le faire parce que certaines imprimantes préfèrent une perte de trois millimètres lors de l'envoi Je vais juste le faire au début. Je vais régler ma couleur sur RGB et m' assurer que mon raster est réglé 300, puis cliquer sur Créer et faire apparaître mon nouveau document vers le haut. Vous vous demandez peut-être pourquoi je l'ai réglé sur RGB. Eh bien, j'aime commencer par le RGB parce que si je décide d'utiliser cette illustration pour une composition numérique plus tard, peut-être pour une publication sur les réseaux sociaux, il ne sera pas facile de changer les couleurs du CMYK au RGB. Cependant, il est facile de convertir les couleurs en CMYK à partir du RGB. Donc, pour éviter un surcroît de travail à l'avenir, j'aimerais commencer par le RGB. Nous avons donc préparé notre nouveau document, et vous pouvez voir de l'extérieur que nous avons la ligne de saignement Pour ceux qui ne savent pas ce que c'est, c'est là que vous pouvez étendre votre illustration hors de la zone Canvas. Lorsqu'une imprimante découpe l'illustration, elle peut la découper légèrement pour éviter d' avoir des bordures blanches. Encore une fois, si j'appuie sur les deux points de commande sur Mac ou sur les deux points de commande sur PC, je peux activer et désactiver les guides pour activer ou désactiver la ligne de purge Si vous suivez, assurez-vous que votre panneau de configuration est visible en haut de votre interface utilisateur. Si ce n'est pas le cas, montez dans la fenêtre et assurez-vous qu'il y a une case à côté de la case Contrôle. Maintenant, vous devez également avoir vos échantillons, vos couches et votre panneau de liens visibles, alors assurez-vous de cliquer dessus dans la fenêtre pour les activer et les avoir à portée de main Dans ce cas, j'ai beaucoup de ces panneaux sur le côté. Voilà la configuration de notre document, et avant de continuer, j'aimerais l'enregistrer. Je vais donc enregistrer le fichier sous et accéder au dossier de projet que nous avons configuré plus tôt dans le deuxième dossier concept et design dans le dossier de conception, puis je vais l'enregistrer dans le dossier Illustrator et l'appeler Lunar Lift. Bien, avant de commencer à ajouter des éléments visuels, je voudrais configurer une grille. Maintenant, en repensant à l'un de mes croquis originaux, j'aime beaucoup l'idée d' avoir une affiche typographique et placer l'image du produit au-dessus du nom du produit répété en arrière-plan J'aime bien l'idée qu'il s'agisse d'un design symétrique. Et comme le produit s' appelle Lunar Lift, j'ai pensé que ce serait cool le voir flotter au milieu l'espace avec peut-être une lune recadrée venant du haut et du bas Peut-être des éléments de pied de page placés sur le côté. Au départ, c'était une esquisse très approximative. Mais quand j'ai examiné ce design d'affiche d'un peu plus près dans un brouillon, je me suis rendu compte que pour bien disposer tous mes éléments, je les positionnerais en colonnes Pour ce design d'affiche, j'ai déterminé que j' aurais besoin d'une grille de 16 colonnes. Ici, vous pouvez voir comment je veux positionner mon texte aligné au centre afin d'avoir un bel espace libre à gauche et droite avec environ deux colonnes de chaque côté. Maintenant, dans mon croquis, je n' ai pas tenu compte d'un espace de marge autour de l'affiche Quand je viendrai appuyer cela, je pense que je vais chercher à en inclure un. La configuration d'une grille dans Illustrator est légèrement différente de la configuration d'une grille dans le design. Il existe différentes manières de procéder, mais voici un très bon conseil sur la façon de configurer une grille de colonnes dans Illustrator. Pour commencer, je veux établir mon espace de marge. Pour ce faire, je vais accéder aux paramètres d'Illustrator sur Mac ou modifier sur PC et cliquer sur les unités. Le menu étant ouvert, je vais m'assurer de régler le paramètre général millimètres et de cliquer sur k. Je vais passer à l'outil Forme, saisir l'outil rectangle et dessiner un cadre à la taille réelle de la zone Canvas Ensuite, je vais accéder au chemin de l'objet et cliquer sur le chemin de décalage. Lorsque le menu apparaît, je tape moins dix, je mets limite de mita à zéro, puis je clique sur OK, ce qui réduira la taille de la boîte de dix moulins Je sais donc maintenant qu'il y a une marge de dix moulins autour de ma zone Canvas. Bon, maintenant, paramétrer la grille. Donc, une fois ma forme sélectionnée, je vais monter sur l'objet, descendre sur le chemin, trouver et sélectionner diviser en grille. Au clic, une paire de menea. Tout d'abord, je vais cliquer sur Aperçu, et en haut dans les lignes, je vais laisser cette option à une seule. Dans les colonnes, je vais mettre ce paramètre à 16. Dans ce cas, je vais laisser la gouttière à zéro. Remarquez maintenant comment la grille est insérée dans la forme. Une fois heureuse, je cliquerai sur k. Maintenant, c'est là que la magie opère. Le bloc étant toujours sélectionné, je vais monter pour voir, faire défiler la page vers le bas jusqu'aux guides, trouver et sélectionner, créer des guides. Au clic, nous transformerons le bloc en guides, que nous pouvons désormais utiliser pour la conception de notre affiche. Pour terminer, je vais passer au panneau Calques. Double-cliquez sur la couche supérieure et nommez cette grille. Maintenant, j'ai une belle grille de colonnes avec laquelle je peux commencer à développer mon affiche. Et si j'appuie sur la commande deux-points sur Mac ou sur deux points sur PC, nous pouvons activer et désactiver les guides Parfait. Grâce à ma configuration de marge, de guides et de purge, je peux maintenant commencer à composer mes éléments visuels sur la page En fonction de votre design, il peut parfois être plus facile de commencer par un élément d'image pour l'affiche. Mais pour ce design en particulier, je veux qu'il soit fortement basé sur la typographie et qu'il inclue l'image en haut. Pour commencer, je vais commencer par les éléments de type en arrière-plan. En repensant à mon croquis, je veux que le type de titre principal de l'affiche se trouve en haut de l'affiche et que le nom du produit soit répété au milieu. Cette fois, je pense que je vais me frayer un chemin à partir du milieu Je vais donc commencer par le bout de texte répété au milieu. Pour commencer, je vais passer au menu Outils. Je vais sélectionner l'outil de saisie et cliquer une fois sur mon affiche. Au clic, cela créera un élément de type. Pour le moment, j'ai un Fontupli par défaut, mais ça va. Je ne vais pas trop m'inquiéter à ce sujet pour le moment. Donc, en regardant mon croquis, je veux placer quelques textes répétés au milieu avec le nom du produit. Je vais donc accéder au Dock du contenu des affiches, et je peux le faire en accédant au dossier de téléchargement Class, dans le dossier Bolts Media Kit et en double-cliquant sur le raccourci du deck de contenu pour Ouvrir dans le navigateur. À la page 4, je vais voir les noms des produits. Je vais copier le nom du produit pour Lune Lift. De retour dans Illustrator, je vais le coller, et nous avons maintenant notre premier bout de texte. En fonction de vos propriétés par défaut, je vais simplement augmenter légèrement le texte pour l' adapter à l'affiche. fois cette option sélectionnée, dans le panneau de commande, je vais sélectionner un centre de ligne, et je vais également cliquer et faire glisser le pointeur sur épingle d'angle tout en maintenant la Maj enfoncée pour redimensionner le texte vers le haut ou vers le bas comme suit. Donc, avec ma première police typographique sur l'affiche, je vais rapidement changer de police de caractères À ce stade, je pourrais utiliser n'importe quelle police de caractères, mais j'ai déjà une idée de ce avec quoi je veux travailler Lors d'une étape précédente, j'ai effectué une recherche typographique où j'ai examiné une gamme de polices de caractères que j'aimerais utiliser Maintenant, à la première page de mes recherches, j'aime bien le look de cette police de caractères. Cela s'explique par sa nature condensée. En regardant le dessin de Scamp, nous pouvons voir que j'ai besoin d'un texte condensé pour capturer ce texte répété empilé Avec ses grandes majuscules par rapport à la largeur des lettres, il s'agit d'une police particulièrement condensée. C'est une bonne option si vous souhaitez placer un mot large sur le design de votre affiche sur toute la page. De plus, cette police de caractères a un aspect et un toucher très distincts avec ses légères indentations, ce qui lui donne une touche d'originalité Il s'agit d'une police très audacieuse et percutante qui fonctionnerait très bien dans ma solution de conception agit d'une police Adobe qui peut être utilisée gratuitement si vous avez un compte Adobe. Trouvez le lien dans la police de caractères PDF, dans téléchargement du cours, dans le dossier 1, le processus de conception, dans le dossier 5, dans la typographie Si vous ouvrez le PDF, vous suffit de cliquer sur la police il vous suffit de cliquer sur la police pour accéder au lien. Maintenant, si vous regardez ce film et que vous n'avez pas de compte Adobe, pour une n'avez pas de compte Adobe, pour une raison ou une autre, pour le moment, je vous recommande d'utiliser BBS, qui est une police gratuite, que vous pouvez obtenir en cliquant sur BBAS sur le Type PDF Il s'agit d'une autre police condensée qui devrait très bien fonctionner. De retour dans Illustrator, je vais sélectionner le type, puis dans le sélecteur de police, je vais taper dans Zoom et appliquer la police Maintenant, je vais rapidement double-cliquer sur le texte, et tout en maintenant la touche Alt enfoncée, je vais appuyer sur la touche droite à quelques reprises pour légèrement le suivi et ajouter de l'espace entre le formulaire de lettre. Une fois que je trouve que c'est beau, je clique sur l'outil de sélection, prends le coin et je l'agrandis, manière à ce qu'il touche l'avant-dernière colonne comme ça. En repensant au croquis, je voudrais répéter le nom du produit environ quatre fois au milieu de la page. Cela peut être fait très facilement. Je vais donc double-cliquer sur le texte, sélectionner tout le texte copié , puis appuyer à droite sur le clavier pour placer le coin à la fin du texte. Appuyez simplement sur Entrée et collez, entrez et collez, puis entrez et collez jusqu'à ce que je le répète quatre fois. Ensuite, je dois modifier le leader. Encore une fois, je vais double-cliquer sur le type et tout sélectionner. Ensuite, dans le panneau des personnages, je vais m'assurer d' ajuster le début, et je vais l'insérer jusqu'à ce que j'aie quelque chose qui ressemble à ceci. Maintenant, j'ai ce type d'élément au milieu de l'affiche. Je peux passer à la suivante. En regardant mon croquis, je veux inclure la tête en haut. De retour dans Illustrator, je vais sélectionner le type, et tout en maintenant la touche Alt enfoncée, je vais cliquer et faire glisser le pointeur vers le haut pour dupliquer le texte ci-dessus. Retournez dans le dossier de contenu. À la page trois, je dois me concentrer sur le type de la première option. Je vais sélectionner le mot évoluer, je vais le copier, et de nouveau dans Illustrator, je vais double-cliquer sur le texte. Appuyez sur la commande A sur Mac ou sur le contrôle A sur PC pour tout sélectionner et je vais coller. Ensuite, je vais faire de même. Retournez dans le dossier de contenu. Je vais sélectionner la première partie, découvrir Sneaker. Retournez ensuite dans Illustrator, double-cliquez sur le nouveau calque de texte. Sélectionnez Tout et collez. C'est bien plus grand que je ne le souhaiterais, et ici je vais également utiliser une autre police de caractères pour donner plus d'importance au type d' en-tête ci-dessous Pour compléter la police de caractères audacieuse San Seraf et l'en-tête, je voudrais rechercher une police de caractères Sanseraf épurée, qui ne soit pas trop compétitive. En repensant à mes feuilles de caractères sur la première page, je trouve qu' il y a une police de caractères semblait très bien fonctionner Pour ma police secondaire, j'ai choisi le chivo Cela ressemble à un Sanseraf bien propre et est livré avec une vaste famille de polices avec une vaste gamme de poids caractères a une personnalité et une touche très subtiles qui fonctionneront très bien dans mon design pour compléter l' en-tête et la police de caractères Maintenant, ce qui est génial avec cette police de caractères c'est qu'il s'agit d'une police Google gratuite Cliquez simplement sur Archivo dans le document dactylographié et vous pourrez l'acquérir De retour dans Illustrator, je vais sélectionner le type, puis dans le sélecteur de police, je vais taper dans Archivo Je vais sélectionner le médium et appliquer la police. fois cette option sélectionnée, je réduirai la taille de police à 30 points, et dans le panneau de saisie, je cliquerai sur le bouton A CAPs. Je vais appuyer sur la touche Alt du clavier et appuyer plusieurs fois sur la touche droite du clavier pour augmenter le suivi Le panneau de saisie est donc d'environ 200 . Facile. Donc, avec l'outil de sélection, je vais cliquer sur la partie centrale de mon texte ici, puis dans le menu Outils en bas, je vais appuyer une fois sur le bouton d'échange, de remplissage et de trait. Et cela va appliquer un trait sur l'extérieur de mon texte, et maintenant nous avons un beau contraste entre les couches de texte. Ensuite, je vais placer dans le paragraphe le texte qui apparaîtra sous le texte répété. Cette fois, je vais utiliser une technique différente avec l'outil de saisie sélectionné. Je vais descendre, cliquer et faire glisser une zone de saisie depuis la deuxième colonne pour atteindre l'avant-dernière colonne, et une fois relâchée, je créerai une zone de saisie. Dans le dossier de contenu, à la page trois, je sélectionnerai le contenu du paragraphe pour la première option. De retour dans Illustrator, je vais coller le nouveau texte. Je vais cliquer dans la case et appuyer sur la commande A sur MAC ou sur le contrôle A sur PC pour tout sélectionner. Je vais changer la taille de police à 23. Assurez-vous que la police est définie sur Archivo Medium, puis cliquez sur le menu déroulant en tête du panneau de saisie et sélectionnez Auto Si le type est en OCP, je ne manquerai pas de cliquer sur le bouton Tous les CAPs Maintenant, j'ai mon premier paragraphe à taper, et je vais également m' assurer qu'il s'agit d'un centre de ligne dans le panneau de commande. Ce sera donc une bonne chose pour le moment. Donc, en regardant le croquis, nous pouvons voir que sous mon logo en bas, je souhaite inclure un slogan. Il s'agit d'une seule ligne, il me faudra donc dupliquer une seule ligne ci-dessous. Comme avant, je vais sélectionner le texte du haut, appuyer sur la touche Alt et le maintenir enfoncé et faire glisser le pointeur en dessous. Dans le dossier de contenu, je vais sélectionner l'en-tête de la deuxième option O. Dans Illustrator, je vais coller le texte, changer la police à la taille 16 et ajuster le suivi à 100. Je vais laisser cela en bas pour le moment. En repensant à mon escroquerie, je voulais également inclure quatre éléments de pied de page sur le côté de la page et inclure une icône entre les Je dois placer quatre caractères ici en remontant verticalement sur le côté de la page. Une technique rapide que vous pouvez utiliser pour le faire proprement. Tout d'abord, je vais appuyer sur la commande y sur Mac ou sur la commande y sur PC pour passer en mode plan. Maintenant, lorsque nous entrons en mode plan, nous pouvons voir le cadre entourant le type de paragraphe OK, je vais donc sélectionner l'outil de saisie, et dans la zone du bloc-notes, je vais cliquer et dessiner un bloc de texte comme celui-ci Ni trop large, ni trop haut. Ensuite, je vais accéder au panneau de commande et regarder comment cliquer sur le bouton Aligner au centre à côté de l'option de type de zone. Cela permettra de placer le type proprement au centre de la boîte verticalement Je vais également m' assurer que ce type est aligné au centre horizontalement à côté de l'option de paragraphe. Parfait. OK, ensuite, avec l'outil de sélection, je vais cliquer et faire glisser tout en maintenant la touche Alt enfoncée sur le clavier pour faire glisser et dupliquer jusqu'à ce que la fin se rejoigne comme ça. À la sortie, j' appuierai sur la commande D sur Mac ou sur Control D sur PC, et cela dupliquera une autre case. Et je vais appuyer à nouveau dessus, et cela dupliquera une quatrième case. Donc, avec l' outil de sélection, je vais cliquer pour sélectionner les quatre cases. Je vais appuyer sur R sur le clavier pour activer la rotation. Cliquez et faites glisser la souris vers le haut tout en maintenant la touche Maj enfoncée pour les afficher à 90 degrés, puis je les déplacerai vers l'intérieur de mon affiche et je les placerai au centre de la toute dernière colonne. Une fois le plus sélectionné, je vais monter l' ancre centrale supérieure, cliquer et faire glisser le pointeur vers le haut ou vers le bas pour qu'il corresponde parfaitement à la hauteur de ma grille de colonnes. Je vais appuyer sur la commande Y sur Mac ou sur Y sur PC pour sortir du mode plan, et nous pouvons voir les quatre éléments de texte empilés bien là Il ne reste plus qu' à changer rapidement la police et à ajouter le type. Je vais donc cliquer dans la case inférieure et appuyer sur la commande A sur Mac ou sur le contrôle A sur PC pour tout sélectionner, et je vais taper maintenant. Ensuite, de retour dans le deck de contenu, je vais sélectionner chaque élément foota et les coller dans les trois cases restantes Ensuite, je vais sélectionner la zone de texte supérieure. Appuyez sur Hole Shift et sélectionnez les trois options ci-dessous jusqu'à ce que je les aie toutes sélectionnées. Dans le panneau des caractères, je vais changer la police en chivo thin, régler la police à 13 points, régler le suivi à 250 et cliquer sur le bouton tout en majuscules pour m'assurer que le texte est en majuscules, puis cliquer sur le bouton «   off Ensuite, je vais sélectionner l'élément de pied de page inférieur. Appuyez sur la touche Alt, cliquez et faites glisser le pointeur vers la gauche pour le placer en bas de la première colonne. le photocopieur, je vais sélectionner l'adresse Web, revenir dans Illustrator, coller dans la zone et aligner le type du pied de page inférieur sur la droite Je vais cliquer sur l'outil de sélection. Je vais appuyer sur Command deux-points sur Mac ou Control Clon sur PC pour désactiver les guides, et maintenant j'ai tous mes éléments typographiques dans l'affiche En repensant à mon croquis, nous pouvons voir que pour cette affiche, je souhaite inclure une image du produit au milieu, comme si je survolais le texte dans l'espace au-dessus du texte. Cette image deviendra l'accroche principale l'affiche, celle qui attirera l'attention. Maintenant, en regardant le contenu, sur la page de la gamme de produits, il y a un produit appelé Luna lift. Voici la composition avec une paire complète de baskets, composée de manière à donner l' impression qu'elles flottent. En ce qui concerne le design de mon affiche, je l'ai initialement prévu en dessinant une chaussure différente, mais pour l'illustration, je vais utiliser le bon produit pour cette affiche. Voyons donc comment intégrer cette image à notre affiche. Passons donc d'abord au dossier de téléchargement du cours et au dossier du kit de médiation Bolts Il s'agit du dossier fourni par le client, qui contient tout ce dont nous avons besoin pour concevoir les affiches. Je vais entrer dans le dossier des images du produit et commencer par ouvrir l'image de Lunar Lift dans Photoshop. Il s'agit de l'image du produit qui nous a été fournie, et dans l'état actuel des choses, cette image ne fonctionnera pas car, pour mon design, je souhaite la faire découper. Pour ce design d'affiche, je vais d' abord devoir découper la basket Heureusement, il s'agit d'une image très claire ici, il devrait donc être très simple de la supprimer. Je vais juste zoomer ici pour avoir une meilleure vue. Et ce que nous pouvons faire ici, c'est passer à l'outil Rectangle Marquee. Je vais dessiner une sélection autour de celui-ci, puis dans le panneau de configuration, cliquer sur Sélectionner et masquer. l' outil de sélection rapide sélectionné, dans le panneau de configuration, je clique à nouveau sur Sélectionner un objet, et Photoshop fera de son mieux pour sélectionner la basket Maintenant, si je zoome ici, je peux voir que ce n'est pas parfait. Maintenant, il y a autre chose que tu peux faire ici. Dans le menu Outils se trouve un bouton appelé outil de sélection d'objets. Si je clique dessus et que je passe ma souris sur la basket, Photoshop verra ce que j' essaie de sélectionner en tant qu'objet Je clique dessus une fois, je vais voir toutes les parties imparfaites ont été rétablies comme par magie, et ça a l'air un peu mieux Je peux également cliquer sur la gauche pour sélectionner l'autre chaussure et ainsi améliorer la sélection. Maintenant, si je zoome dessus vers le haut, je peux toujours voir certains éléments qui doivent être supprimés. Je peux le faire facilement en cliquant sur l'outil Polygonal as, et si je maintiens la touche Alt enfoncée, l'icône deviendra négative Si je commence à cliquer, une fois revenu au début, puis que je double-clique pour valider la sélection, cette partie sera supprimée. Je vais donc le faire de l'autre côté pour affiner la sélection. Une fois que je suis satisfait , je peux cliquer sur k dans le coin inférieur droit, et une sélection sera faite. Avec la nouvelle sélection, je peux accéder au panneau des couches et, en bas, cliquer sur le bouton Ajouter un masque de couche. Après avoir cliqué, j'ai maintenant ajouté un masque de couche et découpé la basket. Parfait. Maintenant, je ne veux pas que l' image soit aussi grande. Je n'ai pas besoin de l'espace autour des baskets ici. Je vais accéder à mon panneau de couches, appuyer longuement sur la commande sur Mac ou Ctrl sur PC et cliquer sur le masque de couche. Au clic, une sélection autour de la chaussure sera effectuée, et si j'appuie maintenant sur C sur le clavier pour recadrer, une zone de recadrage apparaîtra autour de la chaussure En haut du panneau de commande, je m'assure que la case Supprimer les pixels de recadrage n'est pas cochée et j'appuie deux fois sur Entrée Et cela va recadrer l'image. Parfait. Je vais donc appuyer sur la commande Shift S sur MAC ou sur Control Shift S sur PC pour enregistrer. Je vais accéder au dossier du projet. Je l'ai configuré plus tôt et je l'enregistre dans le dossier Assets sous le nom de Luna Lift PSD. Maintenant, j'ai une image de basket bien préparée. Je peux maintenant l'intégrer dans Illustrator. en revenir à Illustrator, avant d'apporter ma nouvelle image, je vais faire un peu de ménage Donc, dans le panneau Lays, je vais cliquer sur l' icône plus sur la couche inférieure. Nous allons ajouter une nouvelle couche, que j'appellerai images. Maintenant, quelque chose que vous pouvez garder à l'esprit ici avec le panneau des couches. Si nous cliquons sur le menu en haut à droite et que nous descendons dans les options du panneau , par exemple, nous pouvons cliquer sur petit, moyen ou grand, mais nous avons également une option ici pour ajouter une taille personnalisée. Si je tape 70 pixels dans un autre et que je clique sur OK, mes pouces seront désormais beaucoup plus grands, ce qui me permettra de mieux voir ce qui se passe sur chaque couche Je vais maintenant cliquer sur l'icône de verrouillage sur la couche de grille afin de ne rien sélectionner accidentellement pendant que je traite l'image que je suis sur le point d'importer. fois la couche d'images sélectionnée, je vais appuyer sur la commande Shift P sur MAC ou Control Shift P sur PC sur le clavier pour placer une image. Ici, je vais parcourir le dossier du projet dans le dossier de concept et de design, dans le dossier de conception, dans le dossier Assets, sélectionner Lunar Lift PSD et cliquer sur Placer Cliquez ensuite sur un cadre et faites-le glisser comme suit pour le déposer dans l'image. Facile. Il y a maintenant une image dans notre document. Si nous passons maintenant au panneau de liaison L, nous pouvons voir le Lunar Lift PSD Si vous ne voyez pas de panneau de liens , accédez à Windows et cliquez sur Liens Ce panneau de liens sera très important pour travailler avec des images à l'avenir. Attention, surveillez cela pour toutes les images de votre document. Une fois que l'image est dans Illustrator, elle est facile à redimensionner et à positionner fois l'image sélectionnée, si j'arrive à l'un des points d'ancrage, je peux cliquer et faire glisser. Si je maintiens la touche Shift enfoncée, puis que je clique et que je fais glisser, vous pouvez augmenter ou diminuer la taille de l'image à l'échelle suivante. Je vais agrandir l' image jusqu'à ce que je sois heureuse et la placer au milieu comme ça. C'est la première image de mon affiche. Ensuite, je souhaite ajouter une autre image qui fonctionnera comme arrière-plan. Maintenant, dans le kit média fourni, il semble y avoir une gamme d' images et de textures graphiques. En repensant à mon croquis, il s' agira d'un dessin très symétrique, et j'aime bien l'idée que la lune soit recadrée en haut et en bas de l'image pour attirer le regard vers le centre de l'affiche Maintenant, je veux que ma prochaine image soit placée sous tout Je vais donc accéder au panneau des calques, ajouter un nouveau calque et appeler cette base. Et je ne manquerai pas de cliquer dessus et de le faire glisser vers le bas pour qu'il se trouve sous toutes mes autres couches. Encore une fois, je vais appuyer sur l'icône de verrouillage sur la couche d'image pour ne pas la sélectionner accidentellement. fois la nouvelle couche de base sélectionnée, j'appuierai sur la commande Shift P sur MAC ou sur Control Shift P sur PC pour la placer dans une image. Je vais accéder au dossier multimédia fourni, au dossier images et au dossier des textures, puis sélectionner Moon Dot PNG et le placer. Cliquez ensuite sur un cadre et faites-le glisser comme suit pour le déposer dans l'image. Maintenant, si comme moi, vous ne pouvez pas voir l'image. C'est parce qu'il y a une couche blanche qui le recouvre. Lorsque nous avons configuré la grille plus tôt dans le processus, elle a en fait créé une couche blanche solide. Si nous déverrouillons et cliquons sur la couche de grille, vous verrez une couche blanche unie. Ici, nous pouvons simplement le sélectionner et le supprimer, puis appuyer à nouveau sur l'icône du cadenas et revenir dans la couche de base. Je vais donc faire un petit zoom arrière, déplacer l'image de la lune vers le haut et l' légèrement pour qu'elle soit positionnée ainsi. Maintenant, dans ce cas, je veux aussi une autre image de la lune ci-dessous. Je vais cliquer et faire glisser la lune vers le bas tout en maintenant la touche ultime enfoncée et je vais également maintenir la touche Shift enfoncée pour copier rapidement l'image de la lune et la faire glisser parfaitement vers le bas. Pour l'instant, je vais juste le placer en bas comme ça. Facile. À l'heure actuelle, de nombreuses œuvres d'art sortent de ma zone Canvas, ce qui peut être un peu gênant Illustrator, il n'y a pas de prévisualisation ou de mode normal comme dans le design. Cependant, vous pouvez afficher et cliquer sur Découper la vue, ce qui supprimera simplement toute visibilité de tout ce qui se ce qui supprimera simplement toute trouve dans la zone de montage pour nous permettre de nous concentrer davantage sur l'affiche elle-même L'image suivante que je souhaite intégrer à l'affiche est le logo. Dans le panneau des couches, je vais appuyer l'icône de verrouillage sur la couche de base et, cette fois, déverrouiller la couche de grille et la couche d'image. Cette fois, au lieu de placer un fichier, je vais en ouvrir un. Je vais appuyer sur la commande O sur Mac ou sur Control O sur PC pour ouvrir. Je vais accéder au dossier du kit média fourni. Dans le dossier du logo, je vais ouvrir le logo Bolts Black Dot EPS. Comme nous travaillons dans Illustrator et que nous travaillons en mode vectoriel, il est facile de coller un autre élément vectoriel pour nous permettre de changer de couleur ultérieurement. Avec cet outil de sélection, je vais sélectionner la copie du logo vectoriel , revenir dans l' affiche et coller. Le logo va maintenant être placé dans le dock, et je peux me rendre au point d'ancrage central le plus à droite, appuyer longuement sur Alt et Shift, puis cliquer et faire glisser le pointeur vers l'intérieur pour réduire l'image de la manière suivante Je vais simplement le placer en bas de la composition pour le moment, au-dessus de la lune. Facile. La dernière image que je souhaite intégrer à cette affiche est la petite icône en forme de verrou située entre les éléments de texte sur le pied de page droit Tout comme pour le logo, je vais appuyer la commande O sur Mac ou sur Control O sur PC pour ouvrir. Je vais accéder au dossier des médicaments fourni dans le dossier des icônes, et j'ouvrirai le EPS noir de l'icône Bolt À l'aide de l'outil de sélection, je vais sélectionner l'icône vectorielle, la copier, revenir dans l'affiche et la coller. Je peux atteindre le point d'ancrage central le plus à droite, appuyer longuement sur ult et shift, puis cliquer et faire glisser le pointeur vers l'intérieur pour réduire l'image. Je vais zoomer, réduire la taille à une taille qui me convient et je vais simplement le placer entre les deux premiers éléments du texte. Je vais cliquer sur l'icône et la faire glisser vers le bas tout en maintenant la touche Alt enfoncée et en maintenant la touche Maj enfoncée pour faire une copie rapide de l'image de l' icône et la faire glisser parfaitement vers le bas, directement entre l'élément de type suivant. Je vais le faire une fois de plus et appuyer sur la commande zéro sur MAC ou Control zéro sur le PC pour adapter la zone du canevas à la zone de travail. Maintenant, nous pouvons voir que nos éléments d'image se trouvent dans l'affiche. En repensant à l'esquisse, il y a un élément supplémentaire que je souhaite inclure. Comme petit détail de conception, je souhaite également inclure le numéro de modèle à placer en haut à gauche du type central. Pour cela, je veux que la police soit vraiment condensée, comme le titre de l' en-tête ici Je vais sélectionner le type d'en-tête et faire glisser dans la zone du bloc-notes Et si je ne le vois pas, je viendrai voir et je m' assurerai que la vue découpée est désactivée. Je vais accéder au dossier de contenu de l'affiche et je vais copier le numéro de produit figurant sur la page du produit le numéro de produit figurant sur la page du produit dans Illustrator, puis le coller, et j'ajouterai également le mot modèle avant celui-ci. Je vais cliquer sur l' outil de sélection pour sélectionner le type, et je vais changer le poids en poids léger. Je vais maintenir la touche Alt enfoncée et appuyer sur la gauche du clavier pour lancer le suivi. Je vais ramener la taille de police à 32. J'appuierai sur R pour activer la rotation, cliquer et faire glisser le pointeur vers le haut tout en maintenant la touche Maj enfoncée pour passer à 90 degrés. Faites-le ensuite glisser à nouveau dans le dessin de l' affiche et positionnez-le de manière à l'aligner sur le haut du texte répété en arrière-plan, vous assurant qu'il se trouve tout en vous assurant qu'il se trouve confortablement au milieu de la colonne de gauche. Passons maintenant à un dernier détail. Je vais cliquer sur la couche d'image. Zoomez. Je vais cliquer sur l'outil linéaire, puis passer juste en dessous du texte, cliquer et faire glisser le pointeur vers le bas jusqu'à l'image de la basket Une fois relâché, j'entrerai dans le panneau des traits et je fixerai le poids à un. Cliquez sur la couleur du trait et assurez-vous qu'elle est définie sur le noir . Au point final, je vais cliquer sur le menu déroulant et sélectionner le cercle. Je vais cliquer sur l'outil de sélection, cliquer sur Off pour sélectionner D. Appuyez sur Command Colon sur Mac ou Control Colon sur PC, activez les guides pour voir ma grille et zoomez en arrière pour y jeter un œil Et cela ne fera que créer un petit détail où le produit est étiqueté. Jusqu'à présent, nous nous sommes efforcés d' intégrer tous nos éléments à la composition. À ce stade, tout est inscrit dans l'affiche, mais il est important de garder à l'esprit que rien n'est encore définitif. J'ai encore quelques ajustements à faire pour que tout soit parfait. Maintenant que tout est dans l'affiche, nous pouvons commencer à réfléchir à couleur et à finaliser notre design En ce qui concerne la conception d'affiches, je ne commence généralement pas à 13. TUT #3 - Design de grille axiale / Adobe Illustrator: Nous pouvons donc maintenant passer au troisième exercice de conception d'affiches de cette masterclass Dans une vidéo précédente, nous avons vu comment créer un design d' affiche dans in design. Désormais, in design est un puissant outil de mise en page, mais certains concepteurs peuvent préférer travailler avec Illustrator. Le but de cette vidéo est donc de montrer comment Illustrator peut également être utilisé pour développer des designs d' affiches de qualité. Au cours de cette étape, nous passons à une nouvelle phase. La phase précédente consistait à générer des idées pour la conception de nos affiches. Nous avons maintenant quelques idées solides dans le sac. Il est temps d'entrer dans la troisième phase du processus de conception, au cours de laquelle nous allons dessiner notre design sur ordinateur. Je suis ici illustratrice, et voici quelques affiches que j'ai créées plus tôt. Dans cette vidéo, nous allons examiner la grille axiale. Il s'agit maintenant d'un système de grille dans lequel une ligne d'axe distincte longe ou traverse une composition. Cette ligne d'axe peut être horizontale, verticale ou diagonale dans différentes directions et divise généralement une composition en deux zones distinctes, où le texte et l'image peuvent ensuite être placés ou alignés de part et d'autre de la ligne d'axe. Cela peut générer beaucoup de mouvement dans une composition et créer beaucoup d'impact. Dans cette vidéo, je vais vous montrer comment utiliser les outils d'Illustrator pour créer spécifiquement ce design d'affiche. Et plus tard, nous verrons comment faire certaines variations. Pour créer notre affiche dans Illustrator, nous allons suivre les mêmes étapes que dans le didacticiel précédent. Première étape, configuration du dossier du projet, deuxième étape, configuration du document, étape trois, configuration de la grille, étape quatre, utilisation de l'image, étape cinq, , étape six, couleur, étape sept, affiner la composition, étape huit, créer des variantes de mise en page, et étape neuf, exportation. Il s'agit d'un processus méthodique qui nous permettra créer des designs d'affiches de qualité et de ne rien laisser sans contrôle Alors préparez-vous pour une nouvelle aventure de design. Après cette vidéo, vous pourrez créer des affiches dynamiques comme celle-ci dans Adobe Illustrator, très facilement. Alors allons-y. Je suis donc illustratrice, et voici quelques affiches dynamiques que j'ai créées plus tôt en utilisant les techniques que je vais démontrer. Si vous voulez y jeter un œil, vous pouvez les trouver dans le dossier du projet de classe. Ils se trouvent dans le dossier deux modèles d'affiches. Si vous ouvrez le dossier Illustrator, vous devriez pouvoir voir le fichier appelé Nopulse Dans le document illustrateur, j'ai donc développé un design d'affiche à partir de l'un de mes croquis, que j'ai ici, et j'ai également examiné comment cela pourrait fonctionner dans une variété de versions différentes. Maintenant, si je viens voir et que je clique sur Trim View et appuie sur Commande plus Clod sur Mac ou Control plus Colon sur PC, je peux activer et désactiver les guides, où vous pouvez voir le système de grille que j' ai utilisé pour structurer ce design d'affiche Ainsi, comme indiqué précédemment, une grille axiale utilise généralement une ligne proéminente qui passe par le centre d'une composition. Ici, nous pouvons voir comment cela fonctionne sur chaque affiche. Nous avons une ligne axiale passant par le centre de chaque composition et perpendiculairement à la ligne axiale. J'ai d'autres lignes qui aideront à aligner le texte et d'autres éléments sur la ligne axiale principale. Votre 11e tâche pour ce cours est donc de suivre ma méthode de conception d' affiches. Cette tâche est destinée à ceux d'entre vous qui ne connaissent peut-être pas Illustrator. C'est l'occasion d'apprendre des techniques cruciales et se familiariser avec le travail dans un Dope Illustrator. Cette étape est désormais facultative. Vous pouvez soit regarder et participer, soit suivre et développer votre propre design d'affiche. Cependant, je vous encouragerai à le faire plus tard. Passons maintenant à Illustrator et voyons comment développer une affiche comme celle-ci. Nous allons commencer par la première étape , la configuration du dossier du projet. Maintenant, une étape rapide que j'aimerais faire avant de commencer projet est de configurer d'abord un dossier de projet. Cela va me permettre d'être super organisée et d'avoir un endroit où conserver tous mes actifs et savoir où tout se trouve. Lorsque vous travaillez avec un illustrateur, il est utile d'être organisé pour améliorer votre flux de travail. Je peux soit le configurer à partir de zéro, soit dupliquer un dossier que j'ai créé plus tôt. Si vous ne l'avez pas déjà fait dans le cours, allez dans le dossier de téléchargement du cours, dans le dossier du processus de conception. Le dernier dossier appelé dossier de projet contiendra des dossiers supplémentaires. Ces dossiers vont nous aider à organiser notre projet. Pour commencer, je vous recommande de copier ce dossier, coller à un endroit auquel vous aurez accès tout au long de cette partie du cours. Pour l'instant, je vais enregistrer mes fichiers dans un dossier que j'ai créé plus tôt dans le cours. Une fois que vous avez configuré le dossier de votre projet, commençons à créer une affiche. Deuxième étape, configuration du document. Donc, dans Illustrated, pour commencer, je vais créer un nouveau document. Je vais venir déposer un nouveau document et sélectionner un nouveau document. À cette occasion, je vais utiliser un document au format d'impression standard. Dans l'onglet supérieur, je vais donc cliquer sur Imprimer. Je vais cliquer sur Afficher les préréglages. Je vais sélectionner un trois. Sur la droite, je vais m'assurer que mon orientation est réglée sur portrait. Je vais régler les unités en millimètres. Je vais régler ma perte à 3 millimètres, et je vais le faire parce que certaines imprimantes préfèrent une perte de trois millimètres lors de l'envoi Je vais donc le faire dès le début. Réglez ma couleur sur RVB, assurez-vous que mon raster est défini sur 300 et cliquez sur Créer. Et mon nouveau document s'affichera. Maintenant, vous vous demandez peut-être pourquoi je l'ai réglé sur RGB. Eh bien, j'aime commencer par le RGB parce que si je décide utiliser cette illustration pour une composition numérique plus tard, peut-être pour une publication sur les réseaux sociaux, il n'est pas facile de changer les couleurs du CMYK au RGB. Cependant, il est facile de convertir les couleurs en CMYK à partir du RGB. Donc, pour éviter un surcroît de travail à l'avenir, j'aime commencer par le RGB. Nous avons donc préparé notre nouveau document, et vous pouvez voir de l'extérieur que nous avons la ligne de saignement Maintenant, pour ceux d'entre vous qui ne savent pas ce que c'est, c'est là que vous pouvez étendre votre œuvre d'art hors de la zone du canevas. Ainsi, lorsqu'une imprimante découpe l'illustration, elle la coupe légèrement pour éviter d'avoir des bords blancs. Encore une fois, si j'appuie sur Commande plus deux points sur Mac ou sur Ctrl plus deux points sur PC, je peux activer et désactiver les guides pour activer ou désactiver la ligne de purge Maintenant, si vous suivez, assurez-vous que vous pouvez également voir votre panneau de configuration en haut de votre interface utilisateur. Si ce n'est pas le cas, montez dans la fenêtre et assurez-vous qu'il y a une case à côté de la case Contrôle. Maintenant, vous devez également avoir vos échantillons, vos couches et votre panneau de liens visibles dans la fenêtre et cliquer dessus pour les activer et les avoir à portée de main Dans ce cas, j'ai beaucoup de panneaux sur le côté. Voilà la configuration de notre document, et avant de continuer, j'aimerais l'enregistrer. Je vais donc accéder au dossier de projet que nous avons configuré plus tôt dans le cours, puis au deuxième dossier, concept et design, au dossier de conception, puis à l'enregistrer dans le dossier Illustrator sous le nom No pulse. OK, donc avant de commencer à ajouter des éléments visuels, je voudrais configurer une grille. Maintenant, en repensant à l'un de mes croquis originaux, pour l'une de mes idées, j'ai exploré l'utilisation d'un système de grille axiale, plaçant l'image du produit au recto et au centre inclinés par rapport à la ligne axiale diagonale sur la page, le texte étant réglé perpendiculairement à la ligne axiale Au départ, c'était une esquisse très approximative. Mais lorsque j'ai examiné ce design d'affiche d'un peu plus près dans mon brouillon, j'ai pu définir mes éléments visuels pour avoir une meilleure idée de la façon dont j' aimerais composer par design d'affiche J'aime bien l'idée de découper le texte en travers de la ligne axiale. Vous pouvez voir ici les guides que j'ai utilisés pour aligner mes éléments de type. Troisième étape, secteur du réseau. Donc, pour ce design d'affiche, la grille va être un peu peu peu orthodoxe La configuration d'une grille diagonale comme celle-ci dans Illustrator est légèrement différente de la définition d'une grille à colonnes ou d'une grille modulaire. Voici un bon conseil pour configurer une grille axiale dans Illustrator. La première chose à faire est donc commencer par la ligne axiale principale. Pour ce faire, vous pouvez accéder à l'outil de ligne, puis cliquer et faire glisser le pointeur sur votre zone de canevas pour créer la ligne comme vous le souhaitez. Pour la conception de mon affiche ici, j'ai un angle particulier en tête. Donc, avec l'outil de ligne actif, je vais cliquer une fois dans la zone Canvas et l'option d'outil de ligne apparaîtra vers le haut. La longueur, je vais taper 500. Pour l'angle, je vais taper 225 degrés, cliquer sur Remplir la ligne puis sur OK. Au clic, ma ligne de contour apparaît, et je peux simplement cliquer dessus et la faire glisser dans la zone du canevas à l'aide de l'outil de sélection. OK, c'est donc ma ligne axiale principale. Maintenant, si nous regardons mon croquis, vous pouvez voir que j'ai ces autres lignes perpendiculaires à ma ligne axiale principale, que je veux utiliser pour aligner mes éléments de type. Il est donc facile de créer ces lignes. fois ma ligne de grille axiale principale sélectionnée, je vais appuyer sur Command plus C sur Mac ou Control plus C sur PC pour copier. Ensuite, j'appuierai sur Command plus Shift plus V sur MAC ou Control plus Shift plus V sur PC pour coller sur place. Passez ensuite à l'objet, cliquez sur Transformer et sélectionnez Refléter. Au clic, un menu apparaît, je clique sur vertical puis sur OK. Au clic, cela reflétera ma ligne. Donc pour le moment, cette ligne est un peu longue, donc je vais juste la raccourcir. Donc, avec mon outil de sélection, j'appuie longuement sur les touches Alt et Shift. Je vais placer mon curseur sur l' extrémité de l'un des points, cliquer et faire glisser le pointeur, et les deux extrémités se déplaceront vers le milieu comme suit. Et je vais juste cliquer dessus, le faire glisser et déplacer jusqu'à ce que j' obtienne quelque chose comme ça. Je vais donc maintenant chercher à dupliquer ces lignes le long de ma ligne axiale. Je vais donc appuyer sur la touche Shift et la maintenir enfoncée, puis cliquer et faire glisser ma ligne le long ma ligne axiale vers le haut, comme suit. Cette fois, je vais appuyer et maintenir la touche Alt plus Shift enfoncée, puis cliquer sur la ligne et la faire glisser vers le bas , en laissant un peu d'espace entre la ligne précédente. À sa sortie, cela dupliquera une nouvelle ligne. Ensuite, je vais appuyer sur Command plus D sur MAC ou Control plus D sur PC, et cela dupliquera à nouveau l'action dupliquant la ligne J'appuierai à nouveau sur la commande D sur MAC ou sur Control D, et encore quelques fois jusqu'à ce que j'aie un certain nombre de lignes le long de ma ligne axiale, comme ceci. Ainsi, en dupliquant ma ligne axiale, réfléchissant, en la raccourcissant et en la dupliquant le long de la ligne axiale, j'ai pu créer Maintenant, c'est là que la magie opère. Avec l'outil de sélection, je vais donc cliquer et faire glisser le pointeur sur tous mes nouveaux traits. Je vais venir voir, faire défiler la page vers le bas jusqu'aux guides, trouver et sélectionner Créer des guides. Au clic, cela transformera les lignes de trait en guides, que nous pouvons désormais utiliser pour la conception de nos affiches. Pour terminer, je vais accéder au panneau des couches, double-cliquer sur la couche et nommer cette grille J'ai maintenant un système de grille axiale. Je peux commencer à développer le design de mon affiche avec, et si j'appuie sur la commande plus deux points sur Mac ou sur le contrôle plus deux points sur PC, nous pouvons activer et désactiver les guides Parfait. Grâce à mes guides et à ma configuration de bleed, je peux maintenant commencer à composer mes éléments visuels sur la page Donc, pour ce design particulier, il existe de nombreux éléments de texte, dont certains seront placés sur une image d'arrière-plan. Donc, pour commencer, je vais commencer par les éléments d'image de l'affiche, et une fois qu'ils seront en place, je pourrai ajouter le type. Quatrième étape, travailler avec l'image. En repensant à mon croquis, nous pouvons voir que pour cette affiche, je souhaite inclure une image d'un produit au centre, sous le même angle que la ligne axiale. Cette image attirera l'attention, le principal atout de la conception de l'affiche De plus, mon intention pour ce design est de diviser l'affiche en deux sur la ligne axiale. Pour ce faire, je vais placer une image d'arrière-plan pour remplir l'espace de droite. Voyons comment intégrer cette image de fond à notre affiche. Pour commencer, je vais accéder au panneau des couches et appuyer sur l'icône plus en bas du panneau des couches pour créer une nouvelle couche, et je vais appeler cette base. Une fois la couche sélectionnée, je vais cliquer et la faire glisser sous la couche de grille, puis je vais appuyer sur l'icône de verrouillage sur la couche de grille ci-dessus pour ne pas sélectionner ou modifier accidentellement quoi que ce soit sur cette couche de grille. Une fois la couche de base sélectionnée, je vais accéder au menu des outils et prendre l'outil stylo. Je vais m'assurer que ma couleur pour le brun est définie sur noir et que la couleur du trait est définie sur le transparent. Je vais passer en haut, à droite de mon guide de ligne axiale. Je vais cliquer une fois juste en dehors de la zone du canevas, puis descendre en bas à gauche de la ligne axiale et cliquer à nouveau. Je vais maintenir la touche Maj enfoncée et cliquer juste en dessous de la zone du canevas pour tracer une ligne droite vers le bas. Ensuite, je vais cliquer sur la droite , puis sur le haut pour joindre et compléter la forme. Facile. C'est donc la forme que je veux que l'image de fond remplisse. Je vais maintenant apporter mon image pour remplir l'espace. Je vais donc passer au document sur le contenu de l' affiche, et je peux le faire en accédant au dossier de téléchargement de la classe, dans le dossier du kit média Bolts et en double-cliquant sur le raccourci du deck de contenu pour l'ouvrir dans un navigateur. À la page 5, nous pouvons voir toutes les textures Gel Tech qui ont été fournies dans le cadre des directives relatives à ces affiches. Pour ce design d'affiche initial, je vais essayer d'utiliser la texture Gel Redux De retour dans Illustrator, j'appuierai sur Commande plus Shift plus P sur MAC ou Ctrl plus Shift plus P sur PC pour placer une image. Je vais accéder au dossier du kit multimédia fourni dans le dossier de téléchargement dans le dossier des textures graphiques, puis je vais sélectionner Gel redux point PNG et le placer Et je vais simplement cliquer et faire glisser le pointeur sur la zone de ma forme pour la libérer, et cela s' insérera dans ma texture. Donc, en plaçant ma texture, je l'ai maintenant placée au-dessus de ma forme vectorielle noire. Je vais donc cliquer avec le bouton droit sur ma nouvelle image, descendre pour arranger et cliquer au centre. Maintenant, je vais utiliser la forme vectorielle comme masque pour ma texture de fond. Mais avant cela, je dois changer la couleur de la forme vectorielle. Actuellement, il est réglé sur noir, mais j'aurai besoin de ce réglage sur blanc pour masquer efficacement l'image ci-dessous. Je vais donc sélectionner ma forme vectorielle noire, assurer que la couleur de premier plan est sélectionnée, passer aux échantillons et la définir sur le Appliquez le masque, nous allons avoir besoin du panneau de transparence visible. Si vous ne voyez pas votre panneau de transparence, à la fenêtre, faites défiler l'écran vers le bas et cliquez sur Transparence. Ensuite, je vais utiliser un outil de sélection pour sélectionner à la fois la texture d'arrière-plan et le vecteur de forme. fois les deux sélectionnés, je vais accéder au panneau de transparence et cliquer sur Mon masque. Au clic, la forme vectorielle blanche sera désormais appliquée au masque. Et si nous regardons attentivement dans le panneau de transparence, nous pouvons maintenant voir deux vignettes À gauche, l'image graphique, et à droite, le masque. Maintenant, si nous regardons attentivement entre les deux vignettes, il y a une icône de verrouillage Si je clique dessus une fois pour le relâcher avec le pouce de l'image sélectionné dans le panneau de transparence, je peux appuyer sur le clavier de haut en bas ou cliquer et faire glisser avec l'outil de sélection, et nous pouvons déplacer la texture d' arrière-plan dans le masque. Je peux également cliquer sur les poignées de l'image du cadre de sélection à l'intérieur du masque et l'agrandir ou le réduire. Ainsi, si vous souhaitez modifier la position ou l' échelle d'une image à l'intérieur d'un masque, vous suffit de vous assurer que l'icône du cadenas n'est pas cochée dans le panneau de transparence et que le pouce de l'image est sélectionné Mais n'oubliez pas qu'une fois que vous avez terminé, assurez-vous de cliquer à nouveau sur l'icône de verrouillage afin contrôler la position de l'image du masque sur votre zone Canvas. Si vous souhaitez modifier l'emplacement ou forme du masque lui-même, cette fois, dans le panneau de transparence, cliquez sur la miniature du masque à droite Cela vous permettra de cliquer et de faire glisser le masque pour le déplacer Vous pouvez également utiliser l'outil de sélection directe pour sélectionner des points d'ancrage sur la forme vectorielle, lesquels vous pouvez cliquer et faire glisser pour vous déplacer. Vous pouvez également utiliser le Pentool pour ajouter des points d'ancrage supplémentaires à la forme, encore une fois, cliquer sur ceux-ci et les faire glisser pour modifier la forme du masque Je vais donc simplement appuyer sur Command plus Z sur Mac ou Control Plus sur PC pour annuler cela. Cliquez sur la miniature de l'image dans le panneau de transparence et cliquez sur Désactiver pour désélectionner mon Et c'est l'image de fond maintenant intégrée à notre design d'affiche. Et si nous arrivons au panneau de liens, nous pouvons maintenant voir le lien de l'image présent dans notre document. Si vous ne voyez pas votre panneau de liens, accédez à Windows et cliquez sur Liens. Facile. C'est donc la première image de mon affiche. Voyons ensuite comment intégrer l' image du produit. Donc, de retour dans le dock de contenu des affiches, à la page 4, nous pouvons voir tous les produits. Pour ce design d'affiche, nous allons faire la promotion la basket violette appelée Nopulse Passons donc d'abord au dossier de téléchargement de la classe, dans le dossier du kit média Bolts. Il s'agit du dossier fourni par le client, qui contient tout ce dont nous avons besoin pour concevoir les affiches. Je vais donc entrer dans le dossier de photographie du projet et commencer par ouvrir l'image Nopulse dans Photoshop Il s'agit de l'image du produit qui nous a été fournie. Et à l'heure actuelle, cette image ne fonctionnera pas car pour mon design, je veux qu'elle soit découpée. Donc, pour ce design d'affiche, je vais d'abord devoir découper cette image de basket Heureusement, l'image est très claire ici, il devrait donc être très simple de la découper. Je vais donc simplement zoomer ici pour avoir une meilleure vue. Ce que je peux faire ici, c'est passer à l'outil Rectangle Marquee. Je vais dessiner une sélection autour de celui-ci, accéder au panneau de commande, cliquer, sélectionner et masquer. L' outil de sélection rapide sélectionné, dans le panneau de configuration, je clique à nouveau sur Sélectionner le sujet, et Photoshop fera de son mieux pour sélectionner Sneaker Maintenant, si je zoome ici, je peux voir que ce n'est pas parfait. Une partie du bas de la chaussure n'a pas été sélectionnée. Maintenant, il y a autre chose que vous pouvez faire ici. Dans le menu Outils se trouve un bouton appelé Outil de sélection d'objets. Si je clique dessus et que je passe ma souris sur la basket, Photoshop verra ce que j' essaie de sélectionner en tant qu'objet Si je clique dessus une fois, je verrai que toutes les parties imparfaites ont été rétablies comme par magie, et ça a l'air un peu mieux Une fois que je suis satisfait, je peux cliquer sur k dans le coin inférieur droit, et une sélection sera faite autour de la chaussure Avec cette nouvelle sélection, je peux accéder au panneau des couches, et en bas, je peux cliquer sur le bouton Ajouter un masque de couche. Au clic, j'ai maintenant ajouté un masque de couche et découpé la basket Parfait. Maintenant, je ne veux pas que l'image soit aussi grande. Je n'ai pas besoin de l'espace autour des baskets. Je vais accéder à mon panneau de couches, appuyer longuement sur la commande sur Mac ou Ctrl sur PC et cliquer sur le masque de couche. Au clic, une sélection autour de la chaussure sera effectuée. Et si j'appuie maintenant sur la touche C du clavier pour recadrer, une zone de recadrage apparaîtra autour de la basket En haut du panneau de commande, je m'assure que la case Supprimer les pixels recadrés n' est pas cochée et j' appuie deux fois sur Entrée pour recadrer l'image Parfait. Je vais donc appuyer sur Command plus Shift plus S sur MAC ou Control plus Shift plus S sur PC pour enregistrer. Je vais accéder au dossier du projet, que j'ai configuré plus tôt et l'enregistrer dans le dossier des actifs sous le nom de Neo Pulse Dot PSD Maintenant, j'ai l' image des baskets bien préparée. Je peux maintenant l' intégrer dans Illustrator. en revenir à Illustrator, avant d'apporter mes nouvelles images, je vais faire un peu de ménage Dans le panneau Calques, je vais cliquer sur l'icône plus en bas à droite. Cela ajoutera une nouvelle couche, que j'appellerai images. Maintenant, quelque chose que vous pouvez garder à l'esprit ici avec le panneau Calques. Si je clique sur le menu en haut à droite et que je descends dans les options du panneau, nous pouvons modifier la taille des pouces Par exemple, nous pouvons cliquer sur petit, moyen ou grand, mais nous avons également la possibilité d' ajouter une taille personnalisée. Si je tape 70 pixels dans un autre et que je clique sur OK, mes vignettes seront désormais beaucoup plus grandes, ce qui me permettra d'avoir un meilleur aperçu du contenu de chaque couche Je vais maintenant cliquer sur l'icône de verrouillage sur la couche de base afin de ne rien sélectionner accidentellement pendant que je traite l'image que je suis sur le point d'importer. fois le calque d'image sélectionné, j'appuierai sur Command plus Shift plus P sur MAC ou Control plus Shift plus P sur PC pour placer une image. Ici, je vais accéder au dossier du projet, au dossier concept et design, au dossier de conception, au dossier des actifs, sélectionner neo pulse point PSD et cliquer sur Placer Cliquez ensuite sur un cadre et faites-le glisser comme suit pour le déposer dans l'image. Facile. Il y a donc maintenant une image dans notre document. Si nous passons maintenant au panneau de liens, nous pouvons voir que le point néopulse PSD Ainsi, une fois que l'image est dans Illustrator, elle est facile à redimensionner et à positionner fois l'image sélectionnée, si j'arrive à l'un des points d' ancrage, je peux cliquer et faire glisser le pointeur. Si j'appuie sur la touche Shift et que je la maintiens, puis que je clique et que je fais glisser, vous pouvez augmenter ou diminuer la taille de l'image à l'échelle suivante. Je vais donc simplement agrandir l'image jusqu' à ce que je sois heureuse, en la faisant glisser vers le milieu. Je vais déplacer le curseur de ma souris en bas à droite du cadre, puis cliquer et faire glisser l'image pour faire pivoter l'image jusqu'à ce qu'elle soit alignée avec la ligne axiale et l'image d'arrière-plan, ce qui permet de trier l'image du produit pour l'affiche L'image suivante que je souhaite intégrer à l' affiche est donc le logo. Cette fois, au lieu de placer un fichier, je vais en ouvrir un. Je vais donc appuyer sur Command plus 01 Mac ou Control plus 01 PC pour ouvrir, accéder au dossier Media Kick fourni dans le dossier du logo et ouvrir Bolt Logo Black Dot EPS. Comme nous travaillons dans Illustrator et que nous travaillons en mode vectoriel, il est facile de coller un autre élément vectoriel pour nous permettre de changer de couleur ultérieurement. L'outil de sélection, je vais sélectionner le logo vectoriel, le copier et revenir à mon affiche. Je vais m'assurer que je suis sur le calque d'image et que je le colle, et le logo sera maintenant placé dans le dock. Je vais arriver au point d'ancrage central le plus à droite, appuyer longuement sur ult et shift, puis cliquer et faire glisser le pointeur vers l'intérieur pour redimensionner l'image comme suit Et je vais simplement le placer dans le coin supérieur droit de l'affiche. Facile. Cinquième étape, travailler avec le type. Maintenant, toutes mes images sont intégrées au design de l'affiche. Je peux maintenant commencer à travailler avec les éléments de type. En repensant à mon croquis, je veux que le type de titre principal de l'affiche soit perpendiculaire à la ligne axiale. Ici, nous pouvons voir qu'une partie du type de titre se trouve sur la gauche, une partie du titre se trouve sur la droite, et que certains éléments du type de support sont parallèles à la ligne axiale Pour commencer, je vais passer dans le panneau Calques. fois le calque d'images sélectionné, je vais cliquer sur l' icône plus en bas du panneau des calques pour ajouter un nouveau calque, et je vais renommer ce calque en fonction de son type Je vais appuyer sur l'icône en forme de cadenas sur le calque d'images pour ne rien sélectionner sur le calque d'images. Et pour commencer, je vais commencer par le type de titre. Ainsi, une fois la couche de texte sélectionnée, nous pouvons accéder au menu Outils, sélectionner l'outil de saisie et cliquer une fois sur l'affiche. Au clic, cela créera un élément de type. le moment, j'ai une fontapli par défaut, mais si c'est bon, je ne vais pas trop m' inquiéter à ce sujet Je vais donc revenir au dock du contenu des affiches et à la page trois, nous pouvons voir les options de copie. Je vais copier le mot shoes dans le titre Option 2, puis de nouveau dans Illustrator, je vais le coller. Et maintenant, nous avons notre premier type de texte. Maintenant, en fonction de vos propriétés par défaut, je vais ici pousser le type vers le haut pour commencer à l'utiliser. Et à cette occasion, je fixerai la taille de police à 150 points. Une fois cette option sélectionnée, cliquez et faites glisser le pointeur sur l'épingle d'angle tout en maintenant la touche Maj enfoncée pour augmenter ou diminuer le texte. Donc, avec mon premier texte typographique sur l'affiche, je souhaite rapidement changer de police de caractères À ce stade, je pourrais utiliser n'importe quelle police de caractères, mais j'ai déjà une idée de ce avec quoi je veux travailler Lors d'une étape précédente, j'ai effectué des recherches sur les polices de caractères où j'ai examiné une gamme de polices que j'aime utiliser À la deuxième page de mes recherches, j'aime bien l'apparence de ce type de visage appelé Raj Tanny En regardant le dessin de Scamp, nous pouvons voir que j'ai besoin d'un type condensé pour adapter le type dans les espaces gauche et droit Il s'agit d'un bon exemple de police condensée qui fonctionne bien en majuscules C'est une bonne option si vous souhaitez placer un mot large sur le design de votre affiche sur toute la page. De plus, avec ses coins arrondis subtils, cette police présente une esthétique épurée et minimale avec un ton plus doux Proposée avec cinq épaisseurs distinctes, il s'agit d'une police polyvalente et percutante qui fonctionnerait bien dans cette direction de conception Maintenant, il s'agit d'une police Google qui peut être acquise gratuitement. Vous pouvez trouver le lien dans la police de caractères PDF, dans le dossier de téléchargement des cours, dans le dossier 1, le processus de conception, dans le dossier 5, dans le dossier typographie Si vous ouvrez le PDF, il vous suffit de cliquer sur la police sur la deuxième page pour accéder directement au lien. De retour dans Illustrator, je vais sélectionner le type et plus haut dans le sélecteur de police Je vais taper Ratt Hany et appliquer la police. À cette occasion, je mettrai l'épaisseur de la police en gras, et dans le panneau des caractères, je la mettrai en majuscules. En repensant à l'esquisse, nous pouvons voir que le texte du titre principal est perpendiculaire à la ligne axiale Je l'ai également divisée en plusieurs parties pour que la police soit grande, lisible et percutante afin de contourner l' Travailler avec une mise en page comme celle-ci peut être un peu délicate car elle est réglée selon un certain angle. Mais nous n'aurons qu'à élaborer la mise en page pour qu'elle soit correcte. La première chose que je vais faire est sélectionner le type à l'aide de l'outil de sélection. Je vais déplacer le curseur de la souris en bas à droite du cadre de sélection, puis cliquer et faire glisser le pointeur pour le faire pivoter Au cours de ma rotation, je veillerai à aligner le cadre de délimitation avec les guides de cette manière Une fois qu'un élément de type est en place et aligné, la duplication et l' édition seront faciles Je vais donc sélectionner mon élément de type, appuyer sur t et le maintenir enfoncé et simplement le faire glisser légèrement vers le bas pour en dupliquer rapidement un autre. Maintenant, en repensant à mon croquis, je me rends compte que le mot « chaussures » serait un terme trop large pour tenir compte et équilibrer les éléments. Mon approche consiste à partager le mot pour m'intégrer plus confortablement dans l'espace. De retour dans Illustrator, j'ai maintenant deux éléments typographiques avec le mot shoes. Je vais sélectionner le premier élément de type, double-cliquer, sélectionner les quatre derniers mots et supprimer. Je vais appuyer sur Escape pour désélectionner le type. Je vais sélectionner l' élément de type suivant, double-cliquez. Je vais sélectionner les quatre premières lettres, appuyer sur Supprimer, puis appuyer sur Escape pour désélectionner le type Maintenant, j'ai ces deux types d'éléments des deux parties du mot. Je peux cliquer pour les sélectionner tous les deux et les déplacer dans cet espace pour les positionner. Je vais donc simplement les déplacer vers le haut du canevas, et une fois qu'ils sont tous les deux sélectionnés, je peux cliquer sur l'ancre centrale droite, appuyer Shift et cliquer et faire glisser pour les agrandir tous les deux. À ce stade, je peux voir que l'image du produit au centre de l' affiche est un peu plus grande que je ne le souhaiterais. Donc, pour m'aider à placer mon texte dans l'espace plus confortablement, je vais simplement réduire légèrement l'image du produit. Je vais donc entrer dans le panneau des calques et déverrouiller le calque des images. Je vais cliquer sur l'image du produit. Cliquez sur le point d'ancrage central droit tout en maintenant les touches Shift plus Alt enfoncées, cliquez et faites glisser redimensionner l' image de manière agréable. Je vais sélectionner les deux types d'éléments ci-dessus, les déplacer en position et les agrandir un peu plus jusqu'à ce que je trouve un endroit qui me convient. Remarquez que pour ce type de haut, je recadre le mot pied légèrement en haut de la zone du canevas. Si je viens voir et que je clique sur Découper la vue, cela supprimera la visibilité de tout ce qui se trouve dans la zone du bloc-notes Nous pouvons maintenant avoir un bon aperçu de la mise en page actuelle et voir où le texte a été recadré Maintenant, je fais cela pour ajouter un peu plus de dynamique visuelle à la composition de l'affiche. Lorsque tous les éléments visuels sont conservés dans la zone de toile d'une affiche, cela peut sembler net et ordonné. Cependant, lorsque nous commençons à recadrer des éléments, commencent à se détacher du cadre environnant. Cela donne l'impression que le design est plus grand qu'il ne l'est réellement. Cela peut créer un élan à l'intérieur ou à l'extérieur d'une zone du canevas, ce qui peut créer du mouvement. C'est une qualité de design tout à fait appropriée pour cette affiche, car nous voulions nous sentir énergiques et libres. Pour l'instant, je vais simplement laisser mon premier élément de type en haut. Avec l'outil de sélection, je vais cliquer et faire glisser le pointeur sur les deux. Je vais appuyer sur la touche Alt du clavier et la maintenir enfoncée, puis cliquer, les faire glisser vers le bas pour dupliquer deux nouveaux éléments de texte. Je vais simplement les placer sous l'image du produit, et une fois qu'ils sont sélectionnés, je vais m'assurer que la couleur de remplissage est sélectionnée dans le menu Outils Je vais prendre des échantillons et les mettre en blanc. Maintenant, il suffit de changer ces deux mots. Avec l'outil de sélection, je vais cliquer sur le premier mot, double-cliquer sur Tout sélectionner et taper F EAR. Je vais appuyer sur Escape pour désélectionner un type. Sélectionnez l'élément de type suivant ci-dessous. Double-cliquez, sélectionnez tout et saisissez LESS. Je vais appuyer sur Escape pour désélectionner un type, et avec l'outil de sélection, je vais simplement sélectionner les mots et les réorganiser jusqu'à quelque chose qui ressemble Nous devons donc maintenant ajouter d'autres termes pour compléter l'expression «   chaussures pour les palpeurs Cela peut facilement être fait en sélectionnant l'une des couches de type ci-dessus. Je vais appuyer sur la touche Alt du clavier et la maintenir enfoncée puis faire glisser le pointeur vers le bas pour dupliquer rapidement la couche de texte. Je vais double-cliquer sur ma nouvelle couche de texte, sélectionner A et taper FOR. Je vais appuyer sur un scape pour désélectionner l'élément de texte. Je vais cliquer sur l'un des points d'ancrage des coins, maintenir la touche Maj enfoncée, réduire la taille et rentrer juste en dessous du mot « où » jusqu'à ce que j'aie quelque chose comme ça Mes nouveaux éléments de texte, je vais appuyer sur la touche Alt et la maintenir enfoncée, cliquer et faire glisser le pointeur vers le bas et au-dessus du mot peur. Je vais m'assurer que la couleur de remplissage est sélectionnée dans le menu Outils. Approchez-vous du panneau Swatches, réglez-le sur blanc. Je vais double-cliquer sur le texte, tout sélectionner et taper T H E. Le titre du titre est donc Si je reviens pour afficher et que je clique sur la vue découpée, nous pouvons voir que cette partie inférieure du texte est également recadrée Nous pouvons maintenant constater que le texte semble entrer par le haut et sortir par le bas, ce qui crée un mouvement intéressant sur l' ensemble de l'affiche avec l'image du produit au centre. Le titre principal, nous pouvons maintenant envisager d'intégrer le nom du produit dans le design Maintenant, dans mon croquis, je l'avais assez petit ici sur la gauche. Mais si nous examinons le dessin final, j'aime bien l'idée de l' avoir assez grand en arrière-plan, conformément la ligne axiale définie comme contour. J'ai aimé la façon dont cela a ajouté un peu plus de texture au design de l'affiche. Cherchons maintenant à l'introduire. Encore une fois, je vais sélectionner l' un des plus grands éléments de texte. Appuyez sur la touche Alt du clavier et maintenez-la enfoncée , puis cliquez et faites glisser le pointeur vers le bas pour dupliquer rapidement. Je vais déplacer le curseur de ma souris vers le bas à droite, point d'ancrage du cadre de délimitation, cliquer et faire glisser pour faire pivoter, et je vais m' assurer que le cadre délimité s' aligne exactement sur la ligne axiale Avec mon nouvel élément de texte, je double-clique, je sélectionne tout, puis je saisis NEO PULSE et j'appuie sur Escape pour désélectionner C'est mon nouveau type d'élément parfaitement aligné sur la ligne axiale. Ensuite, je veux l'agrandir et le faire courir du bas à gauche vers le haut à droite, en le recadrant légèrement et en le recadrant Je vais sélectionner la nouvelle couche de et la faire glisser vers la gauche, en recadrant partiellement la lettre de la zone Canvas. Je vais appuyer sur la touche Shift et la maintenir enfoncée, puis cliquer et faire glisser le pointeur sur le point d'ancrage central droit vers la droite pour agrandir le texte comme suit. Maintenant, à cette occasion, j' aimerais réduire le suivi la couche de texte sélectionnée, je vais appuyer sur le clavier et le maintenir enfoncé , puis appuyer simplement sur la flèche vers la gauche pour activer le suivi. Appuyez plusieurs fois sur la ga 14. Présenter votre design d’affiche: Désormais, que ce soit pour le client ou dans votre portfolio, la façon dont vous présentez votre travail peut être tout aussi importante que le design lui-même. La présentation ne se limite pas à la présentation d'un produit fini. Il s'agit de fournir une fenêtre le monde dans lequel vit votre design et son contexte afin de transmettre l'histoire et la stratégie qui sous-tendent votre design. présentation de votre design permet aux spectateurs de voir votre œuvre in situ, les aide à comprendre non seulement à quoi ressemble le design, mais aussi comment il interagit avec son environnement et parle à son public Passant à la dernière et dernière phase de notre processus de conception, nous entreprenons ici le processus de présentation de notre design d'affiche. Dans cette vidéo, nous allons découvrir comment les techniques de présentation professionnelles peuvent améliorer vos designs, les rendant plus convaincants et percutants Nous verrons où vous pouvez trouver de bons exemples de maquettes, et nous verrons comment vous pouvez utiliser un deck de présentation comme celui-ci pour présenter votre travail. À la fin de cette vidéo, vous apprendrez à créer des présentations qui ne se contentent pas de présenter votre travail, mais qui décrivent le but et le lieu du design, veillant à ce qu'il trouve un écho auprès du bon public N'oubliez pas qu'un design bien présenté est non seulement beau , mais il communique clairement son message et atteint ses objectifs Faisons de chaque présentation une occasion d' impressionner et de susciter l'intérêt. Alors allons-y. Je suis donc illustratrice, et voici un deck que je peux utiliser pour présenter le design de mon affiche. Il s'agit d'une approche typique lors présentation d'un design à nos clients ou à nos collègues de travail Dans un deck de présentation, je commence généralement par un récapitulatif Je vais vous montrer mon inspiration, y compris mon moodboard. Je vais montrer mon processus en incluant quelques croquis. Je vais passer au design, où je montrerai un tas d'affiches sous forme de maquettes. Puis arrondissez-le avec quelques versions claires pour réflexion à la fin, puis fermez. Cela permet d'obtenir une présentation PDF précise, qui présente une approche holistique du processus de conception qui contribue à renforcer la confiance Je pourrais soit le présenter en tête-à-tête lors d'une conférence téléphonique, soit l' envoyer par e-mail. Une fois que j'ai terminé la conception de mes affiches, si je les partage avec un client ou des membres de l'équipe, je les place généralement dans un deck comme celui-ci pour les présenter. Si vous voulez jeter un œil à ce deck fourni dans le cadre de ce cours, vous pouvez le trouver dans le dossier de téléchargement du cours. Il se trouve dans le dossier des exemples de maquettes de projet , dans le dossier des présentations. Désormais, une version design est également disponible. Donc, si vous avez une préférence, vous avez des options ici. Désormais, trouver les bonnes annotations pour votre design peut faire ou défaire le facteur WOW de votre présentation et vous faire gagner beaucoup de temps. Où pouvez-vous donc trouver des annotations de haute qualité pour vos présentations ? heure actuelle, il existe de nombreuses ressources que vous pouvez utiliser. Voici donc mon top 5 sans ordre particulier. Voici donc de très bonnes plateformes pour acquérir des annotations pour les présentations. Si nous devions examiner ces plateformes, vous les trouverez dans le document PDF de la classe Links dans le dossier de chargement de la classe D. Comme vous pouvez le constater, ce deck comprend plusieurs visuels in situ de mes designs d'affiches, accompagnés de mises en page qui soutiennent Maintenant, chacune de ces images in situ est un lien vers des fichiers Photoshop auxquels je peux accéder pour modifier et échanger des designs d'affiches Maintenant, il est également important de mentionner qu'il s'agit marquages spécifiques aux environnements urbains, qui peuvent ne pas convenir à toutes les approches de conception. Si vous utilisez des maquettes, n'oubliez pas de conserver le contexte correct pour améliorer votre design Si vous souhaitez consulter les modèles Insitu fournis dans le cadre de ce cours, vous les trouverez dans le dossier de téléchargement du cours Ils se trouvent dans le dossier d' exemples de maquettes d'affiches du dossier d'exemples Insitu Je suis donc dans Adobe Bridge, et je regarde le dossier des marquages Insitu que j'ai créés, vous pouvez utiliser pour vous faire gagner le dossier, ouvrez-les simplement dans Photoshop et vous verrez que chaque modèle contient l' image de base avec un objet intelligent, lequel vous pouvez double-cliquer dans le calque et simplement placer dans votre dessin, le fermer et l'enregistrer. Désormais, il est facile de les intégrer dans Illustrator. Ainsi, dans le deck, vous pouvez voir que certains modèles sont déjà liés. Ici, nous pouvons soit accéder au panneau de liens, localiser un modèle que nous voulons modifier, et une fois l'un d'eux sélectionné, nous pouvons appuyer sur le bouton Modifier dans Photoshop en bas du panneau pour accéder à Photoshop et modifier l'objet intelligent. Nous pouvons également cliquer sur le lien, et dans le menu Liens, nous pouvons relier le modèle à un autre. Maintenant, l'avantage prendre le temps de créer de superbes maquettes de tomodensitométrie est que dès que vous aurez terminé la présentation, vous pourrez les inclure dans votre portfolio et les réutiliser dans les prochains decks Votre 13e tâche pour ce cours est donc de placer vos designs d'affiches dans des visuels IST Si vous avez suivi le fil et que vous avez créé vos propres designs en réponse au brief, c'est le moment de les intégrer dans les visuels IST, prêts à être présentés N'hésitez pas à ouvrir les modèles de maquette d'affiche que j'ai fournis ou à utiliser l'un de vos propres modèles de maquette N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement du cours pour instructions supplémentaires sur cette tâche. Une fois que vous aurez l'impression d'avoir quelques maquettes qui vous conviennent, vous pouvez passer à la dernière et dernière étape. Donc, une fois que j'ai préparé le design de mon affiche et que j'ai préparé quelques maquettes in situ, il ne me reste plus qu'à remplir mon deck Pour l'inspiration et les exemples de processus, agit également de liens qui peuvent être ouverts et modifiés dans Photoshop, et les modèles d'affiches simples à la fin sont également des fichiers Photoshop qui peuvent être ouverts et modifiés. Une image très flexible et facile à mettre à jour et à échanger. Une fois que j'ai toutes les modifications et mises à jour de mon texte, je peux simplement l'exporter au format PDF et le partager. Votre dernière et dernière tâche pour ce cours est de préparer un deck de présentation d' affiches. N'hésitez pas à ouvrir le modèle de deck que j'ai ici, modifier les modèles de la boutique photo ou à insérer dans vos propres affiches des annotations et des designs N'oubliez pas de consulter le PDF de la liste des tâches dans le dossier de téléchargement du cours pour instructions supplémentaires sur cette tâche. Une fois que vous aurez terminé cette dernière étape du cours, vous devriez maintenant avoir quelque chose génial à montrer pour votre temps. Ayez quelques bons exemples à inclure dans votre portfolio et un ensemble de modèles à utiliser dans de futurs projets.