Conception graphique pour les débutants : apprendre les principes de base grâce à la conception d'affiches | Smitesh Mistry | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Conception graphique pour les débutants : apprendre les principes de base grâce à la conception d'affiches

teacher avatar Smitesh Mistry, Illustrator & Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      2:21

    • 2.

      Orientation du cours

      1:14

    • 3.

      Équilibre

      7:35

    • 4.

      Alignement

      6:36

    • 5.

      Hiérarchie

      10:00

    • 6.

      Typographie

      8:33

    • 7.

      Couleur

      13:15

    • 8.

      PROJET DE CLASSE

      11:41

    • 9.

      Exporter

      1:18

    • 10.

      Conclusion

      2:00

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

10 850

apprenants

250

projets

À propos de ce cours

À l'ère du numérique, tout se consomme visuellement. N'importe qui peut créer une petite entreprise en ligne du jour au lendemain grâce aux réseaux sociaux, aux plateformes de conception de sites Web et à bien d'autres outils. La conception graphique est une compétence très utile, que ce soit pour mettre en valeur votre profil professionnel, concevoir une affiche pour la fête de vos enfants ou créer un site Web. 

Rejoignez Smitesh Mistry, graphiste et illustrateur, qui vous enseignera les principes de base de la conception graphique afin de vous donner une assise solide pour vos créations.

Dans ce cours, vous apprendrez les bases de la conception graphique, notamment :

  • Équilibre
  • Alignement
  • Hiérarchie
  • Contraste
  • Couleur
  • Typographie

Smit vous guide pas à pas à travers toutes les sections, en vous expliquant la fonction de chaque élément, en vous donnant des exemples visuels de ces éléments et en vous montrant comment les mettre en œuvre dans votre travail, quel que soit votre projet. 

Les compétences acquises dans ce cours sont transférables à tout projet graphique sur lequel vous travaillez, qu'il s'agisse de la conception de messages sur les réseaux sociaux pour lancer une entreprise, d'étiquettes d'emballage, de sites Web, etc.

Ce cours est idéal pour le débutant qui ne connaît rien au graphisme ou pour celui qui veut rafraîchir ses connaissances sur le sujet.

Laissez-vous guider par votre flux créatif pour créer des graphiques visuellement attrayants !

Rencontrez votre enseignant·e

Teacher Profile Image

Smitesh Mistry

Illustrator & Designer

Enseignant·e

Hey, I'm Smitesh Mistry a Graphic designer and Illustrator. I like to create content that is fun and abstract that conveys a message.

During the day i am at work designing all sorts for stuff from online to print, In my spare time I enjoy learning new skills, drawing or planning my next video for my youtube and instagram page.

I plan to make many more skillshare classes on how to get started in certain aspects of design for the beginner or the intermediate wanting to improve your skills.

If you'd like to find out more, please do 'follow' my Skillshare profile, and if enjoy my content and you've got ideas for classes that you'd find useful, drop me a message/email and I'll see what I can do

Voir le profil complet

Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Dans cette ère numérique où beaucoup de choses sont consommées visuellement et où les gens peuvent créer une entreprise en ligne du jour au lendemain à l'aide de médias sociaux ou de plateformes en ligne, poser les bases du design graphique est un excellent moyen d'exprimer votre créativité personnelle, mais vous offre également plus de possibilités. Que vous ayez une idée, elle vous permet de communiquer votre idée de manière plus efficace et plus efficace. Bonjour, je suis Smitesh Mistry, graphiste et illustratrice basée au Royaume-Uni. Quand j'ai commencé à apprendre le graphisme, je n'ai pas suivi la voie traditionnelle. Après avoir réalisé la conception de produits à l'université, j'ai passé beaucoup de temps par moi-même à rebondir à partir de différentes idées et de différentes façons d'apprendre. Cela m'a permis de voir les fondamentaux ce que c'est et de voir quelles parties sont importantes. Apprendre les bases du design graphique est une compétence très utile, que vous souhaitiez faire apparaître votre profil d'entreprise, créer une affiche pour la fête d'anniversaire de vos enfants ou même créer un site Web. Apprendre les fondamentaux de la conception graphique vous permettra de vous aider dans toutes vos créations. Dans ce cours, j'enseignerai les bases du design graphique, de la typographie à la couleur, à la hiérarchie et bien plus encore. Je vais vous guider étape par étape dans chaque section, en vous donnant des exemples de ce que chacun veut dire, ainsi que des exemples visuels pour que vous puissiez voir vous-même et les moyens que vous pouvez implémenter dans vos conceptions. Dans ce cours, nous allons concevoir une affiche. Toutes les compétences que vous apprendrez dans ce cours sont toutes transférables entre tous les projets graphiques que vous effectuez à l'avenir, qu' il s'agisse de la conception de médias sociaux, d'une affiche ou même d'un site Web pour votre portfolio. Je suis ravi d'enseigner ce cours, non pas parce que je suis pro, mais parce que j'étais dans une situation similaire où vous étiez il y a quelques années. Pour moi, c'est excitant de savoir que toutes les compétences que j'ai acquises maintenant et comment cela m' a aidé et le fait que j'ai l'occasion de vous enseigner cela me procure un grand plaisir. La seule chose que j'aime dans le design graphique, c'est qu'elle vous donne un moyen de vous exprimer d'une manière structurée, que soit l'idée que vous essayez de communiquer ou quoi que ce soit que vous essayez de créer, cela permet à un utilisateur de comprendre. car il peut parfois être difficile de communiquer votre idée visuellement. Ce cours est parfait pour les débutants qui ne connaissent rien design ou peut-être que vous connaissiez quelque chose à ce sujet auparavant, vous voulez simplement récapituler ou rafraîchir votre mémoire, ou parfois récapituler un sujet que vous avez appris précédemment aide vous prenez du recul et ouvrez votre esprit à différentes façons de créer ou de voir votre projet. J'ai promis, après m'être aventuré dans cette classe, que vous verrez le monde sous un tout nouveau jour. avoir fait moi-même, mon point de vue sur n'importe quoi, des menus aux enseignes, tout change parce que vous le voyez pour la façon dont il est créé. Prenez votre ordinateur portable, vos crayons et votre papier, et créons de beaux designs en un rien de temps. Je vous verrai dans la prochaine leçon. 2. Orientation du cours: Au sein de ce cours, nous travaillons sur une multitude d' exercices différents qui joueront tous leur rôle en vous éduquant sur le sujet et en vous donnant la pratique avec chaque élément le long de vous pour bien comprendre la classe. À chaque leçon, il y aura une petite tâche que vous pourrez suivre en même temps que j'ai mis un fichier de travail dans la description ci-dessous. Ne vous inquiétez pas si vous n'avez pas exactement le même logiciel, car les fonctionnalités que je couvrirai sont transférables sur tous les logiciels. Pour l'ensemble du projet, nous allons concevoir une affiche en tant que domaine. C'est la meilleure façon d'intégrer toutes les compétences que nous apprenons dans cette leçon dans un seul projet. De plus, il vous donne quelque chose à afficher. Une fois que nous aurons couvert tous les différents éléments de cette classe, je vous garantis que vous serez plus confiant dans la création de vos propres créations à l'avenir. Les outils de cette classe que j'utiliserai seront mon ordinateur portable, et Adobe Illustrator sur le plan logiciel. Mais ne vous inquiétez pas si vous n'avez pas ce logiciel, car il existe de nombreux autres logiciels de vecteur libre. Un que je recommande est Affinity Designer, qui ne représente qu'un coût unique. La raison pour laquelle j'ai choisi ce projet est que j'ai l'impression qu'il combine toutes les compétences que vous apprenez en une seule et vous donne également quelque chose que vous pouvez afficher sur votre mur. Prenez votre ordinateur portable ou peut-être rendez-vous sur votre ordinateur, et nous allons vous faire créer de beaux designs en un rien de temps. Je vous verrai dans la prochaine leçon. 3. Équilibre: Dans cette première leçon, je vais couvrir l' équilibre et l'importance de celui-ci dans le design. La fin de cette leçon est de vous donner une bonne idée du fonctionnement de l' équilibre au sein du design et de son importance, s'il peut créer et briser votre conception. Je vais vous montrer les différentes façons dont vous pouvez déterminer si votre travail est équilibré et différents aspects et façons d'équilibrer votre design. Pour commencer, je vais vous montrer toutes les différentes formes d'équilibre qu'il y a dans la conception, vous montrerai pour chaque élément et comment ils fonctionnent, puis nous passerons à un exemple pratique où vous pourrez jouer pour vous améliorer. compréhension de l'équilibre. En tant que terrain, travailler sur quelque chose par vous-même, c'est mieux que vous ne me regardiez. Qu'est-ce que l'équilibre ? équilibre est la distribution du poids visuel d'un objet, d'une couleur, d'une texture ou d'un espace. Si la conception était une échelle, ces éléments doivent être équilibrés pour que le design soit stable. Au sein de la conception, il existe trois principaux types d'équilibre symétrique, asymétrique et radial. Permettez-moi de voir comment chacun fonctionne. Pour commencer, je vais passer en revue les trois types d'obligations qui peuvent être utilisées dans la conception. Je vais vous montrer cela avec des formes simples, juste pour que vous puissiez mieux comprendre. Premièrement, nous avons une symétrie. C'est ici que les deux parties sont également équilibrées comme vous pouvez le voir ici. Deuxièmement, nous sommes asymétriques ou asymétriques. Avec un équilibre asymétrique, les dispositions sont différentes. Ils ne sont pas symétriques et ils ne sont pas les mêmes. Mais en étant tout aussi pondérés, ils se sentent toujours équilibrés. Enfin, nous avons un équilibre radial. C'est ici que tous les objets sont dispersés ou disposés autour d'un point central. Le but étant d'attirer l'attention ou l'attention de l'utilisateur vers le centre de l'image. Vous connaissez maintenant les différents types d'équilibre. Permettez-moi de vous montrer des exemples de la façon dont il peut être utilisé en contexte. Le premier exemple que j'utilise l' équilibre symétrique est l'illustration de ce personnage que j'ai créé. La raison pour laquelle j'ai choisi l'équilibre symétrique pour cela est que, en tant qu'humains, nous trouvons presque tout ce qui est symétrique attrayant. Il est prouvé que les personnes ayant des visages symétriques, des objets ou objets symétriques sont généralement plus attrayants lorsqu'ils les regardent. C'est une illustration, je voulais trouver une image attrayante, dessinée à l'utilisateur, c'est pourquoi j'ai choisi une image symétrique et équilibrée pour cette illustration. De même, voici un exemple où je créais un matériel marketing pour un restaurant. Encore une fois, comme c'est un événement pour la Saint-Valentin, il est parfait de choisir une disposition symétrique pour cela. Deuxièmement, passer à l'asymétrique. Voici deux exemples que j'ai créés. Voici le recto d'une carte de visite pour une entreprise. L'idée derrière cela était de garder les yeux de l'utilisateur engagés parce que l'image n'est pas symétrique, mais elle favorise toujours un sens global de l'équilibre. Avec cela, je veux maintenir l'engagement du public le plus longtemps possible, d'où la raison pour laquelle j'ai choisi ce design. Comme vous pouvez le voir ici, j'ai mis en évidence certaines sections montrant comme si vous aviez une grande section, une moyenne puis une petite. Mais en rassemblant tout cela, il se sent rempli visuellement équilibré. Enfin, pour revenir à l'équilibre radial, nous avons ici quelques icônes que j'ai créées. J'ai l'impression que les icônes ou les logos sont parfaits pour l'équilibre radio car ils ont tendance à attirer l'utilisateur au centre de l'image, qui est généralement ce que vous voulez. Conseil de pro, quand il s'agit d'équilibrage, disons que si vous avez trois objets sur une page, j'aime toujours garder ces trois objets à l'esprit. Un très grand, un moyen, puis un petit. Pour moi, j'ai toujours l'impression que c'est juste un équilibre et c'est un excellent moyen de commencer. Ce que je vais faire ici, j'ai rassemblé ce fichier qui sera joint dans la description ci-dessous. Vous pouvez suivre avec moi si vous téléchargez simplement le fichier. Une paire de 3 tableaux artistiques où nous allons nous entraîner à faire un équilibre asymétrique, puis ici avec cette carte unique, avec ces éléments ici, nous allons pratiquer un équilibre symétrique. Je vous ai donné trois tableaux d'art, que vous pouvez explorer autant que vous le souhaitez, mais je vais explorer deux ou trois tableaux différents qui pourraient être potentiels. Mais encore une fois, c'est juste sentir et voir si les deux côtés ou l'ensemble du tableau d'art semblent équilibrés visuellement. Je vais m'assurer que cette flèche ici, cet outil de sélection, le noir est sélectionné en cliquant dessus une fois. Ensuite, avec chaque objet, vous suffit de cliquer et de le faire glisser où vous le souhaitez. Nous allons commencer par celui-ci ici. Je vais cliquer et faire glisser, je vais juste les placer sur le tableau d'art juste pour avoir une idée de ce avec quoi nous travaillons. Le premier que j'ai fait ici, j'allais juste dire, ça ne semble pas vraiment équilibré parce qu'il y a beaucoup de rythmes blancs ici et beaucoup de choses qui se passent ici. Je vais juste recommencer à déplacer certains éléments, en cliquant et en faisant glisser où je veux. Ressentant beaucoup plus d'équilibre maintenant, il me semble beaucoup plus vide d'air, donc je peux le faire. Je vais cliquer et maintenir la touche Maj ici en même temps, je maintiens Maj et je clique. Je joue simplement avec différentes orientations que vous pouvez faire. Je vais garder de l'espace et cliquer. Cela me permet de faire glisser le canevas vers la gauche. Si ce n'est pas le cas, vous avez l'outil à main ici. disposez de l'outil à main où vous pouvez simplement cliquer et faire glisser. Mais pour les raccourcis, je vais garder de l'espace et déplacer le tableau d'art. Je vais cliquer sur Maj enfoncé et maintenir la touche Maj enfoncée à nouveau. Ce que nous allons faire, nous allons dupliquer cela sur ce tableau d'art. maintenant la touche Alt ou l'option, selon le logiciel que vous utilisez, je vais cliquer sur Alt, puis faire glisser et nous avons une couleur profonde. Encore une fois, appuyez sur espace et faites glisser. Travaillons maintenant sur un autre, ce qui peut fonctionner, selon vous. Je suis content de la façon dont ces trois personnes ont l'air. Encore une fois, il vaut mieux se déplacer dans l'espace. Pour voir cela avec toutes ces pièces, vous êtes en dehors du tableau d'art et coupés. Si vous passez à « Vue » et que vous cliquez sur « Couper la vue » de cette façon, vous pouvez voir à quoi cela ressemble avec les éléments coupés. Vous pouvez simplement y aller et faire des ajustements corrects. Mais pour moi, c'était un équilibre visuel tout à fait. Il y a suffisamment d'espace blanc entre tout et les amandes qui remplissent certaines sections fonctionnent bien ensemble. Voici trois façons différentes que j'ai exploré l'équilibre asymétrique. Maintenant, permettez-moi de passer à l'équilibre symétrique. Je vais désactiver la vue de coupe en mode [inaudible] et en mode Trim. Maintenant, avec ces trois là, nous voulons faire un équilibre symétrique. La principale façon de le faire est de tout aligner. Commencez par le placer là, celui-ci ici, déplacez-le un peu vers le bas et coupez ce point unique. À travers celui-ci au centre, puis il y a des endroits en haut. Encore une fois, il y a probablement plusieurs façons de le faire, vous pouvez toutes les autres façons dont les formes sont, vous pouvez passer à autre chose ici et peut-être aller de l'avant. Il n'y a que des possibilités que vous puissiez faire, mais comme vous pouvez le constater, il y a ici une ligne de symétrie, ce qui rend l'ensemble symétriquement équilibré. Vous méritez un jeu avec [inaudible], vous pouvez faire autant d'options que vous le souhaitez en maintenant Alt ou option, faisant glisser l'écran, puis jouer avec les différentes orientations de celle-ci. Comme vous allez rapidement faire de l'exercice avec des formes, sans aller au détail avec des corps de texte, quoi que ce soit comme ça. Garder un aspect assez simple, juste pour que vous ayez une meilleure compréhension de l'équilibre visuel et de la façon de l'utiliser. C'était la première leçon achevée. Nous avons abordé l'équilibre, l'importance de celui-ci, les différentes façons dont vous pouvez équilibrer votre conception, et nous avons montré des exemples, et vous avez travaillé sur un fichier pour vous permettre de mieux comprendre l' équilibre au sein de la conception. Je vous verrai dans le prochain cours. 4. Alignement: Les concepts de cette leçon, nous nous appuierons sur la leçon précédente, et je vais vous montrer différentes façons d'aligner vos conceptions. L'alignement des différents éléments de votre conception est essentiel pour fournir une structure robuste à votre travail. Tous les éléments de votre conception doivent être alignés, qu' il s'agisse de texte, d'images, éléments, de ressources ou même d'images d'arrière-plan. Pour commencer, permettez-moi de découvrir toutes les différentes manières d'aligner votre travail. Je vais parcourir tous ces éléments dans un fichier de travail que vous trouverez ci-dessous. Le fait est que si un dessin est mal aligné, il aura l'air encombré et horrible à regarder. Alors que s'il est aligné, il est facile à lire , à comprendre et à regarder visuellement. Une petite tâche pour cette leçon consistera simplement utiliser l'outil d'alignement dans Illustrator, ou il peut être utilisé dans n'importe quel logiciel que vous utiliserez. Comme mentionné précédemment, j'ai joint un fichier de travail ci-dessous afin que vous puissiez suivre les étapes que je prends. Permettez-moi de vous montrer quelques exemples visuels de différents types d'alignement utilisés. Nous commençons par l'alignement central, c'est ici que tous les éléments de la page sont alignés sur un point central. Comme vous pouvez le voir ici par cette ligne violette. En passant à l'alignement à gauche, encore une fois, c'est assez explicite. Tous les éléments sont alignés vers le haut contre une ligne située à gauche ou à gauche de chaque élément, alignée contre cette ligne. Cela vaut également pour le côté droit. C'est ici que tous les éléments sont alignés le long du côté droit de chaque forme. Pour notre exemple, tous ces éléments ne sont que des formes. Mais encore une fois, il peut s'agir d'un logo, d'un en-tête, sous-texte, puis peut-être d'un appel à l'action ou de ce que vous voulez. C'est la façon d'aligner le centre, la gauche et la droite et la même chose peut être faite pour le haut et le bas. Passons à l'alignement distributionnel. C'est ici que si vous avez un tas d'actifs identiques et que vous souhaitez être distribués de manière égale, c'est une chose qui peut également être faite. Nous avons dit ici qu'il pourrait s'agir de témoignages ou icône de l'explication, cela pourrait être n'importe quoi. Il s'agit d'une distribution horizontale, et voici un exemple de distribution verticale. Ce sont les principaux types de distribution ou alignement que j'aime utiliser dans mes conceptions, et c'est un excellent point de départ pour vous. Pour cette tâche, je vais commencer par ce fichier Illustrator pour que nous puissions le faire ensemble. Nous allons faire un alignement à gauche, un aligné central, un aligné à droite. Ensuite, nous allons essayer la distribution verticale et horizontale. En commençant par le premier. Laissez-moi passer par là avec vous. Je vais sélectionner chaque objet en cliquant sur « Maintenir » et « Maj », puis continuer à cliquer et encore et encore. Ce que nous allons faire, nous allons nous diriger vers la droite où vous verrez cette icône ici. Si vous ne pouvez pas voir cette icône, si vous vous rendez simplement à Fenêtre en haut et que vous cliquez sur « Aligner », elle devrait apparaître. Je clique dessus juste pour un bref. On y va. Nous avons sélectionné tous ces éléments et désaligné tous ces objets sur cette ligne de gauche ici. Tous ces éléments sélectionnés, lâchez tous vos boutons puis cliquez une fois sur l'objet. Comme vous pouvez le voir, il y a une belle ligne bleue autour de lui maintenant. Cela montre que nous allons tous aligner tous ces actifs sur celui sélectionné. Passons au panneau Aligner ici, puis nous allons cliquer sur « Aligner à gauche ». Nous cliquons une fois, tout va passer à cela. Je vais cliquer à nouveau sur mon outil « Sélection », cliquer sur désactivé, puis effectuer un zoom arrière. C'est ce que nous avons fait pour les personnes alignées à gauche. Passons à l'alignement central. Nous allons cliquer, maintenir la touche Maj enfoncée, cliquer, cliquer et cliquer. Tous ces éléments sont sélectionnés pendant que je tenais et Shift. Une option ici, nous avons aligné sur, donc ici, il s'agit de la sélection, qui va tout aligner ici sur cette sélection. Si j'appuie sur l'outil de ligne centrale maintenant, vous verrez que tout se déplacera au centre de cette sélection. Mais nous le voulons au centre du plan de travail. Laissez-moi contrôler notre Commande z. Ici, nous pouvons sélectionner « Plan de travail », comme vous pouvez le voir ici, Aligner sur le plan de travail. Si nous cliquons dessus maintenant, tout devrait se déplacer au centre du plan de travail. Comme vous pouvez le constater, il y a deux options, il y en a une ici et une ici qui fait partie de l'interface de ces deux-là. Vous choisissez, je me sentirai libre de choisir celui que vous voulez. Je vais choisir celui ici. On y va, il est accroché au centre du plan de travail. Maintenant, pour la droite alignée. C'est assez répétitif, mais il est bon de le faire juste pour vous familiariser avec le fonctionnement de ces choses. Encore une fois, cliquez sur « Maj », cliquez sur, puis cliquez sur. Nous allons l'aligner sur le côté droit cette fois. Sans appuyer sur les boutons, il suffit de cliquer une fois sur la forme. Ensuite, vous devez vous assurer que celui-ci est sélectionné. Ensuite, nous allons cliquer sur « Aligner à droite ». Là, nous avons tout aligné sur le côté droit. Maintenant, pour l'alignement de la distribution. Comme vous pouvez le voir ici, cela semble assez désordonné. Il n'a pas été correctement aligné. Les écarts ou l'espacement entre chacun d'eux ne sont pas cohérents. Je vais cliquer et faire glisser pour tout mettre en surbrillance. Une chose dont vous devez vous assurer, disons que si vous avez un cluster comme celui-ci, vous voulez vous assurer que chacun d'eux est groupé. Je vais juste dissocier ça. Si vous cliquez et faites glisser le curseur ou si vous cliquez sur chacun d'entre eux en maintenant la touche Maj, vous pouvez cliquer avec le bouton droit de la souris et cliquer sur « Regrouper ». Il s'agit maintenant de regrouper tous ces éléments en un seul. Ça va sortir comme ça, tenons et traînons. Ensuite, pour celui-ci, nous allons travailler sur ceux-ci ici, les objets de distribution. Celui-ci, je vais sélectionner la distribution horizontale le long du centre. Vous cliquez dessus une fois, tout s'alignera sur lui-même, mais vous pouvez voir qu'il est accroché à l'extérieur du tableau. Je voulais garder la distance que nous avions déjà. Je vais appuyer sur « Commande » ou « Control Z ». Je vais m'assurer que la sélection est sélectionnée cette fois. Maintenant, si nous appuyons sur ce bouton, ces deux objets à l'extérieur resteront au même endroit, mais ces objets au milieu s'aligneront avec un espacement égal, comme cela. Maintenant, chaque élément est bien distribué avec un espacement égal. Nous allons maintenant faire de même pour le plan horizontal. Encore une fois, cliquez et faites glisser, vous assurant que la sélection est sélectionnée, puis cette fois, je vais utiliser ceux qui se trouvent sur le côté gauche. La distribution verticale le long du centre, si nous cliquons dessus une fois. On y va. Ce n'est qu'un exemple rapide sur lequel vous pouvez travailler, juste pour vous habituer à utiliser les outils d'alignement dans Illustrator car je me suis retrouvé à les utiliser un peu. Cette leçon s'est déroulée rapidement sur les bases de l'alignement, compréhension de son fonctionnement et les différentes manières d'aligner les ressources dans votre travail. Dans la prochaine leçon, nous allons aborder l'un des aspects les plus importants du design, qui, selon moi, est la hiérarchie. Je vous verrai dans la prochaine leçon. 5. Hiérarchie: Dans cette leçon, je vais parler de l'importance de la hiérarchie et de la façon dont vous pouvez créer cela dans votre conception. hiérarchie peut être utilisée pour guider les utilisateurs tout au long de votre travail, ajouter de la structure, mettre en évidence des zones importantes ou ajouter de l'accent sur certaines parties de votre conception. Je vais vous montrer comment vous pouvez faire passer votre conception à cela, simplement en intégrant différents éléments de hiérarchie. Il existe de nombreuses façons de créer une hiérarchie au sein de votre conception. Cela est nécessaire pour créer un sentiment d'importance ou d'ordre avec lequel vos utilisateurs peuvent interagir. Pour ce faire, il suffit de manipuler ces cinq aspects : la taille, forme, la couleur, la texture et l'espace. Gardez à l'esprit que ce sont les cinq aspects que nous utiliserons dans cette leçon. Mais cela peut être utilisé ou appliqué à d'autres aspects du design, y compris la conception Web ou l'illustration. Pour commencer, je vais vous montrer chaque aspect séparément, les cinq que nous avons mentionnés. Je vais vous montrer différents exemples de chacun, où vous ne faites que manipuler cet aspect et comment cela ajoute à la hiérarchie. Pour terminer, je vais vous montrer comment nous pouvons intégrer les cinq ensemble pour rendre votre design plus robuste et plus structuré. Comme dans les leçons précédentes, j'ai joint un fichier de travail ci-dessous afin que vous puissiez suivre les étapes que je vais suivre. Je vais lire chaque élément que j'ai manipulé pour passer de là à cela. Commençons. Premièrement, nous avons de la taille. C'est ici que vous pouvez augmenter ou diminuer certains éléments de la page pour qu'elle se démarque. Deuxièmement, nous avons de la forme. C'est ici que vous pouvez modifier la forme des objets ou des éléments de la page. Troisièmement, nous avons de la couleur. Dans cet exemple, j'ai modifié la couleur de deux formes. Vous pouvez obtenir suffisamment de différence et de contraste pour attirer l'attention de l'utilisateur autour de la page. Quatrièmement, nous avons de la texture. Il s'agit d'une modification de la texture de certains éléments. Enfin, nous avons de l'espace. C'est ici que vous pouvez augmenter ou diminuer l'espace entre les éléments de la page pour les distinguer. En me référant à l'exemple précédent que j'ai montré au début, permettez-moi de vous montrer comment, en manipulant certains objets, vous allez ajouter une hiérarchie au travail. Gardez à l'esprit que la façon dont je vous montre n'est pas la seule façon de le faire. Vous pouvez manipuler n'importe quel élément dont nous venons de discuter et que vous souhaitez ajouter une hiérarchie à votre choix. Toute la liberté créative est entre vos mains, ce qui en est la beauté. Vous pouvez le faire ressembler comme vous le souhaitez et quelle que soit la façon dont vous estimez que l'ajout d'une hiérarchie fonctionne le mieux pour vous. Pour cet exemple, nous allons commencer par un tas de textes et d'images sur cette page. Comme vous pouvez le constater, tout a la même taille et il n'y a aucun ordre réel sur cette page. Tout semble être le premier important. Avant de commencer, nous devons décider de l'ordre dans lequel nous voulons que l'utilisateur consulte cette page. Pour cela, je veux que ce soit une priorité absolue. Je veux que ces gars brillent, puis je veux qu'ils soient assez subtils. Commençons par ces éléments. Manipulez-les de différentes manières pour créer la Hiérarchie. Je vais commencer par la partie que je veux. Je veux commencer par ça, se perdre dans le monde de la photographie. Appelons ça un slogan. Je veux commencer par ce slogan. Je vais juste l'agrandir, je vais cliquer et maintenir la touche Maj. Il suffit de le rendre plus gros. Laissez-moi écarter ces gars. Désolé, un peu désordonné. Nous avons eu le logo. Je joue juste en premier, juste du potentiel là où ça pourrait aller. C'est ainsi que cela fonctionne, pas celui qui travaille avec elle. Je vais juste faire glisser des objets pour voir à quoi ça ressemble. Parce qu'il s'agit d'un paysage, il est peut-être bon de séparer ces éléments en longues sections. Comme vous pouvez le voir ici, nous avons trois sections principales. Nous avons le titre, nous avons la section principale, où sont les images et la description des images. Ensuite, nous avons le logo. Sujet de ce que nous avons déjà discuté, nous avons trois grandes sections. Nous avons un médium, nous avons un grand et un petit. Maintenant que nous avons une structure rugueuse à l'écart de mon apparence, je vais y aller et commencer à peaufiner un peu. Je vais m'arrêter. Je veux que cela soit audacieux. Je veux que cela se démarque beaucoup plus. Ce que nous avons fait, nous augmentons la taille avec cela. Cela se distingue certainement beaucoup plus sur la page. Nous allons juste les aligner sur le bord des photos. Encore une fois, je veux aligner celui-ci. Ce texte en ce moment, je veux séparer un peu. Ensuite, je vais me diriger vers le panneau des personnages, puis je vais augmenter l'interligne ici. Je vais en parler dans la prochaine leçon, mais juste pour cet exemple, je veux augmenter l'espacement d'un petit peu. Je vais diminuer un peu la taille. Je vais rendre ça un peu plus grand parce qu'il se perd. Peut-être que c'est aussi audacieux. Ce sont de minuscules ajustements. C'est ainsi que cela fonctionne. La meilleure chose est simplement de le mettre au point d'abord et de le passer par la suite. Je fais juste de petits ajustements ici et là. heure actuelle, cela ne ressemble qu'à une seule section. Rien ne se distingue vraiment beaucoup. La légende est un peu plus grande, mais elle se fond toujours en une seule. Je vais les rendre audacieuses en cliquant et en les faisant glisser, puis en les mettant en gras. Qu'est-ce que je vais faire ? Je vais augmenter la taille de la police, juste ici un peu, peut-être un peu moins. Maintenant, dans cette section elle-même, cette hiérarchie est ici. Je veux que les utilisateurs regardent d'abord l'image, puis lisent la légende, puis lisent la description, c'est ce que nous créons ici. Encore une fois, grand, petit, moyen. Même avec la composition principale, vous pouvez toujours contenir des éléments dans lesquels l' utilisateur est guidé par les informations de la page. Je vais juste finir avec ça maintenant. Maintenant, je suis très proche de l'endroit où je suis content de ça. où il existe une hiérarchie claire de l'endroit où vont les yeux de l'utilisateur. Une chose que je n'ai pas remarquée, c'est ces deux-là se réunissent le plus. Je ne veux pas que ce soit aussi permanent. Qu'est-ce que je vais faire ? Je vais commencer à changer la couleur. Quelle couleur ? Cliquez sur le texte, double-cliquez sur la nuance de couleur ici, puis je vais choisir un gris, peut-être un peu plus clair. C'est un peu plus subtil. Peut-être aller le changer en moyen. Je vais rendre ça un peu plus petit. Qu'est-ce que je vais faire ? Je vais entrer et changer de couleur. Je sélectionne le texte. Je vais appuyer sur mon clavier. Ensuite, je vais sélectionner une couleur parmi l'une de ces images. Juste comme ça. Encore une fois, ces derniers ajustements doivent entrer dans le texte et réduire encore un point car je pense qu'il est encore un peu trop important. On y va, je suis très content de la façon dont ça ressemble. Voyons simplement ce que nous avons commencé et où nous nous sommes retrouvés. Nous avons commencé avec une composition comme celle-ci où tout se ressemble, il n'y a pas de hiérarchie. Tout a l'air du même niveau d'importance. Mais ici, ce que nous avons fait, nous avons libéré les éléments dont nous avons discuté au début. Les cinq manières différentes de manipuler un objet, une image ou un texte. Nous avons ajouté cela à cela, et maintenant nous nous sommes retrouvés avec ce dernier bout. Passons en revue et discutons de ce que nous avons fait. Pour commencer, nous avons de la taille. Ceux-ci, ces, ces et ceux-ci, nous avons augmenté la taille de ceux-ci pour les rendre plus visibles. Nous avons réduit la taille de ce texte et le nom de l'événement pour le rendre moins important. Deuxièmement, nous avons changé la couleur. Radicalement, j'ai dû le faire ressortir un peu plus. Nous avons vraiment ajouté de la texture ou de la forme à celle-ci, mais nous avons ajouté de l'espace. La création de l'espace ici permet à l'utilisateur de traiter d'abord cette partie de l'information, puis celle-ci, puis finalement il se dirige vers cela. C'est ce que nous voulions. Nous voulions qu'ils lisent d'abord le slogan, puis nous voulons passer aux images et lire les légendes, puis nous voulons qu'ils regardent le logo. C'est une façon réussie d'ajouter Hiérarchie à ces informations, puis de nous en être retrouvés. Voici un petit conseil que j'aime utiliser lorsque je joue avec la hiérarchie de mon design. Je montre mon travail à des personnes autour de moi, à mes amis, à ma famille ou même à mes collègues de travail , et je leur demande où va votre regard en premier, deuxième, troisième ou en fonction du nombre d'éléments qui se trouvent là, juste pour eux énumérez l'ordre dans lequel l'œil se déplace autour de votre travail. En résumé, nous avons abordé différentes manières d'ajouter une hiérarchie au travail en manipulant certains aspects, notamment la taille, la couleur et l'espace. Dans la leçon précédente, je vous recommande de passer un peu de temps à jouer avec cela, manipuler différents aspects : la taille, la couleur ou l'espace. Juste pour vous familiariser avec les différentes façons dont vous pouvez ajouter de l'importance ou de la structure à votre travail. Mais n'oubliez pas qu'il n'y a pas de façon fixe de le faire. Il s'agit simplement de s'amuser et de laisser circuler votre créativité. Dans la prochaine leçon, je vais aborder les bases de la typographie. Encore une fois, il faut gratter avec les bases pour comprendre certaines terminologies que j'utiliserai. Je vous verrai dans la prochaine leçon. 6. Typographie: cadre de cette leçon, je vais parcourir les bases de typographie afin que vous puissiez commencer à l'ajouter à votre travail. Pour commencer, je vais parcourir les trois principales polices de caractères, puis j' aborderai quelques terminologies supplémentaires et différentes façons de les appliquer. typographie peut être divisée en trois types principaux. Tout d'abord, nous avons des polices serif. Ce sont ceux qui ont les petits films aux extrémités. Ces petits films s'appellent sérifs. Deuxièmement, nous avons quelques polices sans serif. Sans signifie sans donc ce sont les polices qui n'ont pas le film. Enfin, nous avons des polices décoratives. Ce sont ceux qui ne rentrent normalement pas dans les contraintes de celles que nous avons mentionnées précédemment. Mais je vais m'en occuper pour l'instant. Pour cette leçon, nous allons principalement nous concentrer sur les polices sans serif et serif. La raison en est que ces deux polices sont les principales qui sont utilisées dans différents modèles. Vous avez des polices décoratives, des polices de script et beaucoup d'autres types différents, mais j'ai l'impression que ces deux-là sont les deux principaux qui sont utilisés. Alors que nous gardons les choses simples, nous allons simplement nous concentrer sur ces deux-là. Comme mentionné précédemment, j'ai l'impression qu'il est bon de maîtriser les bases et les fondements afin de mieux comprendre avant de devenir des parties plus avancées. Certaines des terminologies qu'il est bon de connaître en ce qui concerne le type sont le suivi et l'interligne. suivi est le relâchement ou l'étanchéité d'un bloc de texte sélectionné, tandis que l'interligne, également connu sous le nom de tête, fait référence à l'espace entre vos lignes de texte. aller de l'avant, un autre aspect important lorsque vous utilisez type est de vous assurer que lorsque vous associez deux polices ensemble, elles fonctionnent, que ce soit sous forme d'en-tête et de corps de texte, sous-titres de corps de texte, de légendes, ou de quoi que ce soit. selon l'utilisation du type, il est important de comprendre que les appariements que vous choisissez fonctionnent bien ensemble. Lors du jumelage de polices, je pense qu'il est préférable de le conserver à un maximum de deux polices différentes pour la maintenir cohérente, mais aussi facile à utiliser ou à utiliser à fois le corps du texte et l'en-tête comme police sans empattement ou sans empattement. Maintenant, permettez-moi de vous montrer quelques exemples de jumelages de polices que j'ai utilisés précédemment ou de jumelages qui fonctionnent bien ensemble. Lorsque vous choisissez une police de caractères, qu'elle soit identique ou qu'il s'agisse d'une police différente, vous souhaitez que la police se complète mutuellement, mais qu'elle ait toujours suffisamment de contraste. Cela peut être fait en modifiant le poids de la police en combinant une police en gras avec une police normale, comme je vais vous le montrer maintenant. Comme vous le voyez dans cet exemple, les deux, le titre et le corps du texte sont tous deux définis sur moyen comme vous pouvez le voir. Ce n'est qu'en modifiant la façon de les faire, cela peut vraiment ajouter un bon contraste à cela. Je vais commencer par cliquer sur le titre, cliquer sur le menu déroulant et le rendre gras, puis réduire le chemin de celui-ci à normal. Comme vous pouvez le voir ici, nous avons ajouté un contraste entre eux, même s'il s'agit de la même police et que cela fonctionne très bien. Maintenant, pour les différents jumelages de polices. Permettez-moi de commencer par vous montrer quelques exemples de jumelages de polices qui fonctionnent bien ensemble. Voici un exemple d'Helvetica Neue et de Garamond. Pour la police de titre, je l'ai définie en gras, puis pour le corps du texte, normal. Comme nous l'avons déjà dit, le contraste entre les deux polices fonctionne très bien. Ce jumelage de polices ici est très classique, avec Helvetica pour les titres et les titres et Garamond pour le corps du texte. La raison pour laquelle ces deux-là fonctionnent avec Helvetica étant une police sans empattement, et le corps du texte Garamond étant une police à empattement, cela aide vraiment à renforcer le contraste avec les lignes droites lisses de celle-ci, puis les sérifs sinueux sur le le bord de la plupart des personnages réunit vraiment ces deux personnages. Dans cet exemple, nous utilisons le même type de police. Ces deux polices sont sans empattement, mais comme vous pouvez le constater, elles sont légèrement différentes. Ici, en haut, nous avons Roboto en tête d'affiche et pour le corps du texte, nous avons Montserrat. Ces deux-là fonctionnent bien ensemble car, comme vous pouvez le constater, cette police est assez étroite et celle-ci est assez large, ce qui crée un contraste là-bas. Mais aussi, comme nous l'avons fait auparavant, en faisant en gras le titre puis le corps du texte régulier ou léger dans cette situation, cela aide vraiment à ajouter du contraste entre les deux, les distinguant, aidant à la hiérarchie dont nous avons discuté dans la leçon précédente. Il existe de nombreux autres jumelages de polices différents que vous pouvez explorer car la quantité de polices est infinie. Il existe de nombreux sites Web où vous pouvez rechercher des jumelages de polices populaires si vous avez du mal à vous lancer dans ce domaine. Suite aux appariements de polices, voici quelques-uns des points que vous devez connaître lorsque vous travaillez avec la typographie. Tout d'abord, nous avons des poids de police. J'aime parler de la graisse ou de la taille de la police. En général, lorsque vous choisissez une police, elle est disponible avec d'autres options telles que normale, moyenne , gras, et elle passe jusqu'au noir ou lourd. Cela s'avère utile lorsque vous appliquez les principes que nous avons appris dans notre leçon précédente sur la hiérarchie, que vous souhaitiez faire quelque chose d'audacieux ou faire ressortir quelque chose. Tout d'abord, il vous suffit de sélectionner l'élément que vous souhaitez modifier. Ici, je vais sélectionner ce titre, puis ici dans cette section supérieure à côté du formulaire, il apparaît déjà. Il y a une fenêtre contextuelle ici où vous pouvez sélectionner toutes les différentes façons, car vous pouvez voir comment cela change lorsque je survole les différentes manières : minces, légères, moyennes, audacieuses, puis noires. Ces terminologies sont assez courantes dans la plupart des polices, ce qui vous facilite la compréhension. Mince et léger signifie que le poids de la police sera inférieur, et plus vous serez en gras et en noir, plus la police sera grande. Deuxièmement, nous avons des espaces blancs. C'est important lorsque vous travaillez avec typographie, car il est important de laisser respirer votre texte. Je sais que cela semble idiot, mais l'augmentation de l'interligne d' un ou deux points fait la plus grande différence lors de la lecture du texte. Par là, ce que je veux dire, c'est ne pas avoir le texte trop rapproché, comme vous pouvez le voir dans cet exemple. Il y a deux façons de le faire. Premièrement, en déplaçant les objets les uns des autres. Dans ce cas, éloignez le titre du corps du texte. Deuxièmement, cela peut se faire en augmentant l'espace de ligne dont nous avons discuté plus tôt, ce qui peut être fait ici. Cliquez sur « Personnage », puis comme vous pouvez le voir ici, là où ces deux calques sont au-dessus de l'autre. Si vous cliquez simplement dessus, comme vous pouvez le voir, l'interligne augmente. Maintenant, cela semble beaucoup plus facile à lire, beaucoup plus facile à consommer simplement en laissant respirer un peu le texte. Enfin, nous avons aligné votre texte. Il existe trois façons principales d'aligner un texte, que ce soit à gauche, au centre ou à droite. Il y en a d'autres, comme le texte justifié, mais je ne vais pas le couvrir dans cette leçon. Semblable à ce que nous avons discuté dans la leçon d'alignement précédente, mais je veux simplement vous familiariser avec les différentes icônes et la façon dont elles fonctionnent. C'est assez similaire, mais je veux juste passer par là pour que vous sachiez. Nous allons commencer par sélectionner ces deux éléments. Ici, il affiche automatiquement les outils d'alignement de votre texte. Vous avez des lignes alignées à gauche, des lignes centrales et des lignes alignées à droite. Moi personnellement, j'aime utiliser principalement aligné à gauche ou centré, je touche très rarement à droite comme nos yeux généralement, lus de gauche à droite. ayant le texte aligné à gauche, cela donne une certaine structure et un moyen à l'utilisateur de savoir par où commencer la lecture. Mais par exemple, je vais vous montrer. Il suffit de cliquer sur « Maj » enfoncé à nouveau et de cliquer à nouveau. Vous pouvez appuyer sur la ligne centrale en bas et comme vous pouvez le voir ici, tout est foiré. C'est parce que le centre de cette boîte est ici, puis le centre de ce titre est ici. Il y a deux façons de le faire. Vous pouvez faire glisser ceci jusqu'à ce qu'il s'enclenche comme vous l'avez vu. Maintenant, on y va. Les deux sont en ligne centrale ou en appuyant sur Commande ou Contrôle Z, je peux mettre en évidence les deux. Ensuite, ce que nous avons appris dans l'autre leçon sur l'alignement, si nous cliquons sur cette case et que nous nous dirigeons vers Aligner, puis les aligner au centre. Il existe un autre moyen d'aligner votre texte. Voici deux conseils que j'utilise régulièrement lorsque je travaille avec la typographie. Tout d'abord, nous commençons par le poids de la police. Lorsque nous essayons d'ajouter de la hiérarchie, mettre l'accent ou de faire ressortir quelque chose , personnellement, j'aime sauter un support de poids. Que le texte en gras soit moyen ou régulier, et je sauterai un crochet de poids. Je passerai du moyen au gras, ou je passerai de moyen à semi-gras, à gras. Comme vous l'avez vu, j'ai sauté le support, j'ai sauté le semi-gras. La deuxième pointe est l'interligne. Moi personnellement, trouver le bon interligne peut être difficile. Comme je l'ai mentionné, c'est important que vos textes respirent. Mais les fois dans la taille de votre police de 1,4. Pour moi, j'ai l'impression que ça marche mieux. Avec cette leçon, il n'y a pas vraiment d'exercice à faire. Il s'agit simplement de vous familiariser avec ces mots-clés, car il s' agissait plutôt de comprendre les bases de la typographie lorsque vous l'utilisez dans vos conceptions. L'un des principaux points à retenir, j'espère que vous avez tiré de cette leçon c'est le jumelage de polices et la compréhension de leur fonctionnement. Mais vous vous amuser et comprendre ce que vous estimez le plus attrayant visuellement, mais vous intégrez également des aspects de la leçon de hiérarchie dans votre typographie, assurant qu'il y a suffisamment de contraste entre le type que vous utilisez. Comme je l'ai dit précédemment, jouez un peu avec elle, jouez avec différentes polices. Optez pour vos propres jumelages de polices qui vous semblent fonctionner , mais familiarisez-vous également avec ces différentes terminologies. Lorsque vous utilisez le type, vous êtes plus à l'aise. Dans la prochaine leçon, je vais passer en revue la couleur, la terminologie de base et les différentes façons dont elle peut être utilisée. Je vous verrai dans la prochaine leçon. 7. Couleur: Dans cette leçon, je vais couvrir la couleur. Il s'agit de vous donner une meilleure compréhension des différentes terminologie utilisées lors de l'utilisation de la couleur ou de la description de la couleur dans votre travail. Tout d'abord, je vais commencer par lire une terminologie utilisée dans la couleur. Ensuite, nous passons à l'appariement des couleurs, couleurs et aux palettes de couleurs. Pour commencer, trois façons principales de décrire la couleur est la teinte, la saturation et la valeur. teinte fait généralement référence à la couleur elle-même. Au sein d'Illustrator, il s'agit de trois barres, ici nous avons la teinte. Ce sont toutes les couleurs que vous avez, que ce soit vert, rouge , violet, c'est votre teinte. Deuxièmement, nous avons une saturation. C'est à quel point la couleur est forte ou faible. Enfin, nous avons de la valeur. C'est la façon d'éclaircir ou d'assombrir votre couleur. Ces trois éléments étaient main dans la main lors de l'utilisation de la couleur dans votre travail. Mais il est également bon de comprendre comment la modification d'un ou deux de ces curseurs affectera la couleur que vous essayez de choisir. Dans la conception, votre projet peut parfois être monochromatique, comme dans ces exemples ici où il utilise la même couleur, mais peut-être que la valeur ou la saturation ont été modifiées. Mais dans certains projets, vous pouvez utiliser plusieurs couleurs, peut-être deux, quatre, voire plus. Mais si vous choisissez plusieurs couleurs, il est important que ces couleurs fonctionnent ensemble car elles peuvent créer ou briser votre design. Permettez-moi de vous montrer un exemple rapide avant de vous lancer dans différents types de combinaisons de couleurs avec un bon exemple et un mauvais exemple de la façon dont le choix de la bonne couleur ou de la mauvaise couleur peut créer ou briser votre design. Les trois principaux types de jeux de couleurs que vous pouvez obtenir sont les opposés, adjacents et monochromatiques. Permettez-moi de parcourir chacun d'eux et ce qu'ils signifient avec des exemples à vous montrer. Pour cet exemple, je vais utiliser la roue chromatique. C'est une chose courante qui est utilisée dans le design, juste pour mieux comprendre les couleurs. Avant d'y entrer, je vais vous montrer dans Illustrator où vous pouvez trouver le panneau de couleurs et comment l'utiliser comme je l'explique. Sur le côté droit, si votre flèche est comme ça, il suffit d'appuyer pour la développer. Ici, vous avez le panneau de couleurs. Si ce n'est pas le cas, encore une fois, vous pouvez accéder à Fenêtre, puis cliquer sur Couleur. Je vais expliquer la couleur et comment je l'utilise avec la teinte, la saturation et la valeur, que l'on peut trouver ici. Si vous appuyez sur ces trois lignes et que vous vous dirigez vers HSV, vous avez ici votre teinte, votre saturation et elle est étiquetée B ici pour le noir, mais nous allons travailler comme valeur pour obtenir vos curseurs HSV. Tout d'abord, nous avons de la teinte. Cela fait référence à la couleur elle-même, comme les verts, les rouges, les jaunes. C'est la couleur que je choisis en premier avant commencer ou de jouer avec les autres curseurs. Deuxièmement, nous avons une saturation. C'est à quel point la couleur est forte. Je règle celle-ci si je veux changer la luminosité ou rendre la couleur foncée. Enfin, nous avons de la valeur. C'est la quantité de noir ajoutée à la couleur. C'est une excellente façon de rendre la couleur avec laquelle vous travaillez beaucoup plus foncée. Tous ces curseurs fonctionnent main dans la main. Jouer avec ces curseurs pour comprendre comment ils fonctionnent sera vraiment bénéfique pour vous. Prenez votre temps et jouez simplement avec ces curseurs. Maintenant que vous savez comment modifier la couleur et sélectionner la couleur. La plupart des modèles avec lesquels vous allez travailler peuvent avoir une ou plusieurs couleurs. Permettez-moi de passer en revue trois principaux types de combinaisons de couleurs pour commencer. Mais là encore, il ne s'arrête pas là. Il y en a beaucoup d'autres. Mais pour cela, c'est un bon point de départ. Pour commencer, je vais faire référence à la roue chromatique pour beaucoup de ces exemples. Cette roue chromatique est assez courante dans la conception de l'explication des couleurs, de la théorie des couleurs et de la meilleure façon de les utiliser. C'est la roue chromatique. Tout d'abord, nous allons parler des jeux de couleurs adjacents. Comme vous pouvez le voir à l'écran, c'est là que vos couleurs qui se trouvent les unes à côté des autres sur la roue chromatique, avec cela, vous pouvez faire des combinaisons infinies. Vous pourriez avoir des violets et des bleus, des rouges et des roses, jaunes et des oranges, ou même du bleu et du vert. Les options disponibles sont infinies. Il est utile de revenir à la roue chromatique lors du choix des couleurs. Mais j'ai pris ces deux couleurs et j'ai joué avec la saturation et la valeur pour créer une nouvelle combinaison de couleurs. Permettez-moi de montrer un exemple de travail précédent que j'ai créé à l'aide de ces jeux de couleurs. Je veux le violet, le bleu et le rose. Comme vous pouvez le constater, ils sont tous à côté de la roue chromatique. Voici une illustration que j'ai créée à l'aide de ce jeu de couleurs. Vous avez le blues, vous avez les roses et les violets. C'est une excellente façon de réunir tout un concept car il fonctionne très bien. Voici un autre exemple : choisir une autre combinaison de couleurs, où vous avez du jaune et des oranges. Voici une palette de couleurs qui a été utilisée et voici l'illustration que nous avons créée. Ici, nous avons le beignet avec les jaunes et les oranges. Il fonctionne vraiment bien ensemble car ces couleurs sont les unes à côté des autres sur la roue chromatique. avoir dans une illustration ensemble fonctionne très bien. simple fait de modifier la saturation et la valeur de ces couleurs réunit vraiment le tout. Au fur et à mesure que vous avez les sombres, la lumière, vous avez obtenu vos tons moyens, et ils fonctionnent bien ensemble. Voici une autre combinaison. J'ai utilisé des couleurs adjacentes, mais les couleurs adjacentes que j'ai utilisées sont beaucoup plus grandes. Je vais commencer de l'orange jusqu'au vert. Mais là encore, ils fonctionnent très bien ensemble car ils sont un mélange de saturations et de valeurs différentes. avoir tous ensemble fonctionnent très bien. Ils ne se perdent pas l'un dans l'autre. Le deuxième type de combinaison de couleurs que vous pouvez faire est des couleurs opposées ou des couleurs contrastées. Comme son nom l'indique, sont les couleurs qui se trouvent sur les côtés opposés de la roue. Ces couleurs sont très contrastées mais fonctionnent très bien ensemble lorsqu'elles sont utilisées correctement. Dans cet exemple, sur le volant, comme vous pouvez voir les opposés les uns des autres, j'ai été sélectionné. Vous avez du rouge et du vert. Ce sont des couleurs contrastées, donc vous ferez attention lorsque vous les utilisez ensemble. Lorsque je les utilise dans des contextes, je vais vous montrer quelques exemples d'illustrations que j'ai réalisées à l'aide de cette combinaison de couleurs. Comme vous pouvez le constater, ils utilisent tous la même palette de couleurs. Mais une chose à garder à l'esprit est que je vous conseille de sélectionner une couleur principale, puis d'avoir l'autre couleur que vous sélectionnez comme surbrillance ou accent. Comme vous pouvez le voir avec celle-ci, avec la chaussette, la couleur principale est le rouge, et j'ai de petits reflets de vert ici et là. Passons à une boulette, la couleur principale ici est l'arrière-plan, qui est rouge, puis en tant que reflets ou comme couleur d'accent, j'ai utilisé le vert. Puis ici, avec la pastèque, encore une fois, la couleur principale est le rouge, et j'ai utilisé le vert comme accent. Je montre un autre exemple. Je retourne au volant. Nous avons le violet et le jaune, deux couleurs opposées. Mais permettez-moi de vous montrer des exemples de la façon dont je les ai utilisés dans les illustrations précédentes. Voici deux exemples que j'ai faits, combinant le violet et le jaune. Dans les deux exemples, j'ai utilisé le violet comme couleur principale, puis j'ai utilisé le jaune comme accent en ajustant la valeur et la saturation de ceux-ci pour donner suffisamment de contraste entre les couleurs. Mais aussi permettre aux couleurs de bien fonctionner ensemble, ce qui leur permet d'éclater. Enfin, nous avons le monochrome. Pour cet exemple, je vais faire référence à la roue parce que vous choisiriez la teinte souhaitée, et ensuite, tout ce que vous faites est d'ajuster la saturation et la valeur. Avec ces combinaisons monochromes, il est [inaudible] de sélectionner la teinte souhaitée. Ajustez ensuite la valeur et la saturation de ces couleurs pour créer une palette. Voici quelques exemples d'illustrations que j'ai créées avec ces palettes de couleurs. Celui-ci de gauche est très bleu, en ajustant la saturation et leur valeur donne suffisamment de contraste entre les couleurs, ce qui leur permet de se démarquer les unes des autres. Ensuite, à droite, nous avons ce cœur composé de différentes valeurs de rouges et de roses. Encore une fois, en ajustant la valeur et la saturation. Ils ont bien fonctionné ensemble parce que je me suis assuré que le contraste entre les couleurs est suffisamment élevé pour qu' elles ne se perdent pas les unes dans les autres en ajustant les curseurs de valeur et de saturation. Mais ne vous inquiétez pas si vous avez de la difficulté à assembler une palette de couleurs. Cela peut être assez délicat lorsque c'est votre première fois, mais il existe plusieurs sites Web qui vous aident avec des palettes de couleurs. Voici quelques sites Web que j'ai utilisés précédemment pour vous aider à comprendre les couleurs et les différentes façons de les associer. Le premier est Color Hunt. C'est un excellent site Web car ils vous donnent déjà des préréglages, vous n'avez rien à chercher, vous allez simplement sur le site Web et vous pouvez simplement faire défiler, faire défiler et faire défiler, cherchant simplement la combinaison de couleurs que vous aimez. Une chose que je dois mentionner, c'est que lorsque vous sélectionnez des palettes de couleurs, lorsque vous survolez ces couleurs, il suffit de les afficher avec ces codes, et vous vous demandez peut-être quels sont ces codes ou comment puis-je obtenir. ces couleurs dans Illustrator ? Laissez-moi vous montrer, pour que vous puissiez cliquer dessus. Ici, vous avez votre palette de couleurs, elle donne la ventilation ci-dessous. Ces codes ici, c'est ce qu'on appelle un code hexadécimal. C'est ainsi que le logiciel sait quelle est la couleur. Comme vous l'avez vu en cliquant dessus, il copie la couleur. Je vais retourner à Illustrator. Si je veux faire passer cette couleur, je vais cliquer ici sur la forme. Je vais cliquer et faire glisser, juste pour créer une forme, et maintenant je veux la remplir. Je vais aller ici et cliquer sur le bouton Remplir. Maintenant, c'est blanc. Mais je veux obtenir cette couleur ici. Encore une fois, comme nous l'avons dit, nous l'avons copié en cliquant sur. Maintenant, à droite, nous allons revenir à la palette de couleurs, mais cette fois, nous devons passer en RVB, comme vous pouvez le voir ici. Comme vous pouvez le voir en bas, vous pouvez voir ce hachage, où vous pouvez entrer le code. Si nous collons en appuyant sur Commande ou Control V, le code dedans, puis appuyez sur Entrée. La couleur que nous avons vue en ligne a été collée. Nous pouvons faire de même pour le reste d'entre eux. Je vais cliquer sur Alt, juste pour créer quatre formes. Laissez-moi simplement les réduire. Maintenant, on peut y retourner. Ensuite, nous pouvons faire la même chose pour ces derniers. Nous pouvons cliquer sur Copier, cliquer sur la forme et coller le code ici, en appuyant sur Entrée, puis pour la suivante, exactement la même chose, donc Copier, Coller , Entrée et dernier, cliquez sur Copier, puis coller dans Ici, appuyez sur Entrée, et nous y allons. C'est ainsi que nous avons obtenu la palette de couleurs du site Web à Illustrator. Voici un site web, nous avons Color Hunt. Un autre site que j'aime utiliser est un site appelé Coolors. C'est un concept similaire, mais avec celui-ci, il vous donne un peu plus de liberté. Vous commencez par commencer la génération, puis avec cette mise en page est différente. Vous avez les couleurs ici, et vous appuyez sur le bouton Espace pour modifier la palette de couleurs. Par exemple, vous aimez ce rouge, vous pouvez le survoler, puis cliquer sur Verrouiller. Ensuite, lorsque vous appuyez à nouveau sur l'espace, cette couleur restera la même, mais elle vous donnera différentes combinaisons d'autres couleurs. Vous pouvez aller sans fin, continuer à appuyer sur l'espace jusqu'à ce que vous trouviez une combinaison de couleurs. Ensuite, c'est la même chose que ce que nous avons fait dans Color Hunt, le code est ici, donc vous cliquez sur, vous pouvez le copier à l'aide de la commande C ou du contrôle C, puis retourner dans Illustrator, et vous pouvez refaire la même chose. Une astuce que j'aime utiliser lors de la création de votre palette de couleurs est de jouer avec la valeur ou la saturation des couleurs que vous avez choisies car cela le rend très intéressant. Enfin, avant de terminer cette leçon, il y a un autre point que je voudrais mentionner. Les couleurs peuvent transmettre des émotions. Qu'il fasse chaud, froid, aimant, sévère, tout dépend. Je vais y revenir brièvement. Mais les deux principales catégories dans lesquelles j'aime les placer sont chaudes et froides. Parce que vous avez des couleurs chaudes telles que l'orange, le jaune, , et que vous êtes cool comme le violet, le bleu. Mais ils peuvent être utilisés dans votre conception en fonction de l'idée et de la façon dont vous souhaitez communiquer avec le public. Voici un exemple d'affiche chaleureuse. J'essaie de transmettre des émotions heureuses. Imaginez que vous utilisez des couleurs chaudes et froides et voyez laquelle vous vous sentez heureux. L'exercice de cette leçon, j'aimerais que vous créiez une palette de couleurs composée peut-être de trois à quatre couleurs différentes, intégrant les choses que vous avez apprises dans cette leçon. Comme il s'agit de la palette de couleurs que nous utiliserons pour notre projet final. Maintenant que nous approchons du projet de classe, je veux que vous commenciez par créer une palette de couleurs. Tout ce que nous avons discuté dans cette leçon, je veux que vous mettiez ensemble. Je veux que vous mettiez une palette de couleurs de trois à quatre couleurs que vous souhaitez utiliser une fois que nous avons créé une affiche dans la prochaine leçon. Créez un nouveau plan pour que vous puissiez le faire en rentrant chez vous et en créer un nouveau. Pour celui-ci, disons que si vous voulez publier sur Instagram, nous allons créer pour cela. Nous allons nous diriger vers le panneau sur le côté. Nous allons appeler cette affiche. Notre largeur, nous voulons fixer à 1080, et notre hauteur, nous voulons fixer à 1350. C'est ça. Nous voulons que nos plans de travail soient un, au cas où ce n'est pas déjà le cas. Ces pixels et tout ce que vous souhaitez laisser le même, nous voulons cliquer sur Créer. Nous avons maintenant notre toile que nous allons utiliser dans la prochaine leçon. Mais tout d'abord, je veux que vous créiez une palette de couleurs. En faisant cela, je vais passer au panneau des formes. Vous pouvez utiliser un cercle ou utiliser le carré. J'ai soulevé cela en appuyant longuement sur la forme. Vous pouvez voir qu'il y a une petite flèche, cela signifie que sous chaque outil, il y a un autre outil ou plus d'outils en dessous. Vous pouvez le révéler en appuyant longuement lorsque vous cliquez sur. Je vais enfoncer, cliquer et glisser à travers et je vais cliquer sur carré. Je vais aller au carré maintenant. haut ou à gauche ici, tenant de l'espace, il suffit de déplacer la toile. Sur mon carré, je vais cliquer sur glisser et je vais maintenir la touche Maj enfoncée pour l'insérer dans un carré. Je tiens Shift et je traîne. Premièrement, je vais revenir à mon outil de sélection, en cliquant et en maintenant la touche Alt ou Option, puis faites glisser le curseur vers le bas et encore une fois. Je veux que vous alliez créer une palette de couleurs. Vous pouvez soit en retirer un en ligne, vous pouvez créer le vôtre. Vous pouvez jouer avec les curseurs, ici sur le côté droit. C'est totalement à vous de choisir. Une grande liberté est entre vos mains. Avant la prochaine leçon, avant de passer à autre chose, je veux que vous mettiez ensemble cette palette de couleurs, que nous utiliserons dans la prochaine leçon. Dans la prochaine leçon, nous allons combiner tout ce que nous avons appris jusqu'ici dans cette affiche. Je vous verrai dans la prochaine leçon. 8. PROJET DE CLASSE: Dans cette leçon, nous allons mettre tout ce que nous avons appris jusqu'à présent dans notre travail. Je vais suivre la façon dont je mettrais cette affiche en intégrant tous les différents éléments et aspects que nous avons tirés des leçons précédentes. Voici toutes les informations que nous allons commencer, et voici ce que nous allons transformer en utilisant les aspects que nous avons appris. Allons-y. Pour le projet de classe, nous allons créer une affiche sur un événement ou une fonction qui peut se produire. J'ai joint un fichier ci-dessous de celui que vous pouvez voir à l'écran maintenant. La raison en est que nous puissions travailler ensemble là-dessus. Comme vous pouvez le voir à droite, j'ai inclus un tas d'illustrations que vous pouvez utiliser à moins que vous ne vouliez créer les vôtres, puis n'hésitez pas à vous aider avec votre palette de couleurs ou sur votre affiche en fonction de ce que vous êtes Je vais y arriver. Avant de commencer, je veux que vous remplissiez toutes ces informations sur le côté gauche. C'est le sujet de mon post. J'ai créé cet événement. Nous allons organiser une fête de desserts. Je suis entré et j'ai rempli toutes ces choses. J'ai un logo, j'ai le titre de l'événement, j'ai le slogan, j'ai une petite description de l'événement, j' ai le jour et l'heure. C'est l'illustration que je vais utiliser, puis c'est la palette de couleurs que j'ai choisie dans la leçon précédente. Maintenant, je veux que vous répondiez à toutes ces questions. Remplacez votre logo, créez un logo ou retirez-le d'Internet. Je veux que vous décidiez du nom de votre événement, votre slogan, d'une petite description à ce sujet, de l'heure et de la date. Vous pouvez choisir l'une des illustrations à droite ou ajouter l' une des vôtres, puis votre palette de couleurs. Tout cela nous aidera lorsque nous commencerons à créer l'affiche. Commençons par le faire d'abord, puis nous allons les corriger. Maintenant que vous avez rempli toutes les informations sur le côté gauche, ce que nous allons faire ensuite, c'est décider de l'ordre dans lequel nous voulons que l'utilisateur voie les informations sur la page. Je vais le faire simplement en réorganisant toutes les informations que nous avons déjà tapées de haut en bas, de haut en bas, étant la plus importante à la plus faible. Ce que j'ai ici, j'ai imprimé quatre sections. Tout d'abord, pour moi, je veux que le nom de l'événement se démarque, ce qui figure en tête de liste. Deuxièmement, je veux que le public voie l'illustration. Troisièmement, j'ai regroupé tous ces éléments en une seule section. Nous avons le slogan, la description, la date et l'heure, car tous ces éléments d'information fonctionnent de concert. Enfin, le moins important est le logo. Je veux que vous fassiez la même chose, que vous définissiez le vôtre comme ça. Plus important pour le premier, deuxième, le troisième et le quatrième, etc. Maintenant que vous avez choisi l'ordre de toutes les informations figurant sur votre affiche, c'est ici que le plaisir commence lorsque vous manipulez différents aspects, la taille et la couleur de ces éléments pour créer la hiérarchie dont nous avons discuté dans les leçons précédentes. C'est là que commence le plaisir. Je vais commencer à mettre tous ces éléments du côté gauche sur la page et à comprendre à quoi tout va ressembler. C'est ce que j'aime être en premier, devrais tout placer sur l'écran juste pour avoir une idée de la quantité d'informations qui s'y trouveront. Ce que je vais faire maintenant, c'est jouer avec la taille de tous les différents éléments jusqu'à ce que je pense qu'il y a une hiérarchie claire pour savoir où les yeux de l'utilisateur allaient aller. heure actuelle, je veux que la taille soit beaucoup plus petite, car à l'heure actuelle, elle prend trop de place sur la page. ce moment, je pense, parce que le beignet est un cercle et que je le place au centre de la page, j'ai l'impression qu'un équilibre symétrique sera la meilleure option pour cela. Je vais juste l'explorer par la doublure centrale ou faire avancer les choses vers le centre. Ce que je vais faire, je veux que ce titre soit bien plus grand qu'il ne l'est réellement. Je vais le diviser en deux parties distinctes. Maintenant que j'ai une mise en page approximative, ce qui me plaît, j'ai l'impression que la hiérarchie est très claire. Tout d'abord, mon regard est attiré par ce titre. Deuxièmement, je me suis dit, quelle est cette illustration ? Troisièmement, j'avais fait les informations en bas, parlé de la nourriture, parlé du slogan, de la description, puis de l'événement, du jour et de l'heure. Maintenant que nous avons vérifié la hiérarchie, nous devons simplement nous assurer que l'affiche globale soit équilibrée. Cela se fait généralement en augmentant et en diminuant la taille ou en déplaçant peut-être quelques éléments. Allons l'équilibrer. Ce que je vais faire, c'est que je ne ressens pas ce fond blanc, alors ce que je vais faire, je vais ajouter un arrière-plan à cela. Je vais me diriger ici vers les formes. Cliquez sur l'outil Rectangle. Je vais cliquer et faire glisser, et je vais définir la couleur à l'aide de ma palette de couleurs ici, je vais faire glisser ça vers le haut. Je vais y aller et le mettre en jaune. Je vais appuyer sur le bouton I du clavier, puis cliquer sur le jaune. Je vais avoir ce contexte, j'ai rendu l'illustration moins évidente, c'est ce que je voulais. Je voulais vraiment que ce titre apparaisse. Ce que je vais faire maintenant, c'est que je vais changer les polices. Je vais cliquer et cliquer tout en maintenant la touche Maj enfoncée pour sélectionner le titre. Je vais opter pour la combinaison dont nous avons discuté dans la classe de topographie. Je vais commencer par Roboto. Je veux aller avec les audacieux. Je prendrai le médium, puis le corps du texte, je veux être Montserrat. Comme vous pouvez le voir ici, le texte est sorti de la boîte par ce petit carré rouge. Je clique sur la case, je vais juste cliquer et glisser en cliquant sur option. heure actuelle, ce bloc semble assez lourd. Ce que je vais faire, je vais changer ça en blanc en appuyant sur le clavier, puis en cliquant dessus. J'aime beaucoup la façon dont cela ressemble maintenant avec le blanc, mais je veux quand même que le titre se démarque un peu plus. Ce que je vais faire, je vais le rendre beaucoup, beaucoup plus grand. Ce que je vais faire, c'est que je vais jouer un peu avec les couches. Je vais déplacer ça derrière le beignet. Je vais déplacer ça derrière le beignet, je vais cliquer avec le bouton droit de la souris, arranger et renvoyer à l'arrière. Ensuite, je vais cliquer sur l'arrière-plan, cliquer avec le bouton droit de la souris, puis l'envoyer à l'arrière. Maintenant, ça l'a déplacé derrière le beignet pour nous. Je vais y aller et faire de petits ajustements jusqu'à ce que j'ai l'impression que tout fonctionne bien ensemble. Comme nous l'avons discuté dans la leçon de topographie, je vais augmenter l'interligne à 1,4 fois la taille de la police, donc 21 et ensuite l'Astérix fois 1.4, puis appuyez sur « Entrée ». heure actuelle, ce texte se perd un peu. Je vais changer la couleur de ceci en violet. Maintenant, je suis très content de ça. J'ai l'impression que tout est assez équilibré. Il y a une section lourde ici en haut, mais c'est la partie inférieure ici parce qu'elle est assez concentrée et assez dense, elle équilibre cette section supérieure ici. Mais comme vous pouvez le constater, j'ai cherché un équilibre symétrique. La raison en est que, comme mentionné dans la classe d'équilibre, je veux que cette affiche soit attrayante. D'où la raison pour laquelle j'ai opté pour l'option symétrique. Maintenant, tout semble bien, mais nous voulons juste entrer et nous assurer que tout est aligné sur le centre. Tout dépend si vous avez opté pour l'asymétrique ou le radial, c'est à vous de décider. Maintenant que la hiérarchie est terminée et que nous avons équilibré l'affiche globale, allons enfin tout aligner, en veillant à ce que tout soit rigide et structuré. On dirait peut-être qu'il est déjà aligné, mais passons juste pour vérifier. Je vais le faire, parce que je vais choisir la ligne centrale, je vais cliquer et mettre en évidence tout. Ensuite, je vais me diriger vers cette icône ici. Je veux changer cela en plan de travail. Je veux que tout soit centré sur le plan de travail. Je vais cliquer sur « Aligner sur le plan de travail ». Je vais maintenant cliquer sur la ligne centrale. Voyons ce qui se passe. Il y a eu un léger désalignement entre tout, mais le fait de s'assurer que tout est bien aligné. Encore une fois, cliquez, nous y allons. Selon que vous avez opté pour l'asymétrique, vous allez de l'avant et alignez-le comme nous l'avons discuté dans la leçon. Comme vous l'avez vu à l'époque, je faisais quelques petits ajustements ici et là m'assurer que tout est aligné et équilibré. Voici une affiche que j'ai créée dans laquelle je voulais que le titre et l'illustration soient au centre des préoccupations. Permettez-moi maintenant de vous montrer quelques autres exemples de la même affiche, mêmes informations, de la même palette de couleurs sur la même illustration, mais où j'ai changé de hiérarchie, où je voulais que le slogan soit plus important ou je souhaite que le slogan soit plus important la description ou l'illustration pour être plus importante. Voici un autre exemple de l'endroit où je voulais que le titre soit plus important. Mais c'est mon équilibre asymétrique. Encore une fois, ce que j'ai fait, c'est que j'ai ajouté de l'espace. J'ai modifié la taille et joué avec la mise en page, semble beaucoup plus équilibré alors que j'ai un gros objet, un élément moyen, puis j'ai le petit objet. Voici maintenant deux exemples de l'endroit où je voulais que l'illustration soit l'objectif principal. Comme vous pouvez le voir ici, ce que j'ai fait, j'ai rendu l'illustration énorme sur celle-ci et sur celle-ci. J'ai fait de cela l'objectif principal et j'ai mis tous les autres éléments à l'extérieur parce que je ne veux pas que cela soit important. Comme vous pouvez le constater, il y a beaucoup de mises en page différentes que vous pouvez faire. Vous n'êtes pas seulement collé à un exemple dans l'exemple que j'ai fait où j'ai tout centralisé et où les interdictions étaient symétriques. Comme vous pouvez le voir ici, j'ai beaucoup joué avec la taille, aidant à ajouter la hiérarchie où je veux que les yeux de l'utilisateur soient attirés. Je viens de mettre cela en place juste pour vous montrer qu'il existe de nombreuses façons différentes de présenter les mêmes informations, tout en fonction de la façon dont vous souhaitez que les utilisateurs consomment les informations ou voient le informations sur la page. Ici, nous ne faisons que l'affiche simple, mais cela s'applique à tout, de l'illustration, conceptions Web, des cartes et de la liste continue. Mais voici simplement pour vous montrer que c'est possible avec la même palette de couleurs, la même démonstration, les mêmes informations, tout ce que nous avons fait est de manipuler les cinq éléments dont nous avons discuté dans la leçon de hiérarchie : taille, forme, couleur, texture et espace. Avec ceux-ci, vous pouvez créer des possibilités infinies, jouant dans l'ordre dans lequel vous souhaitez que l'utilisateur consomme vos informations. C'est l'une des principales parties du design, ce qui rend votre idée facile à communiquer et facile à comprendre pour les utilisateurs. Nous avons maintenant notre dernière affiche. Nous en sommes satisfaits. Maintenant, je veux l'exploiter. Permettez-moi de vous montrer comment exporter l'affiche pour pouvoir la partager où bon vous semble. Je vous recommande de passer un peu de temps à jouer, assurer que tout se passe bien, intégrant les choses que nous avons apprises dans les leçons précédentes, juste pour que vous vous sentiez heureux et que vous vous sentiez équilibré et que les hiérarchies soient vérifiées avant passer à la leçon suivante. Dans la prochaine leçon, nous allons explorer votre fichier afin que vous puissiez le partager et l'utiliser où que vous soyez. 9. Exporter: Maintenant que nous approchons de la fin de cette classe, nous avons créé notre affiche, nous avons couru dans la hiérarchie, nous avons une matrice équilibrée, essence, agréable et alignée. Obtenons maintenant les exploits de cette affiche pour que vous puissiez la partager où bon vous semble. Allez sur une affiche, laissez-moi vous montrer comment exploiter pour que vous puissiez la partager où bon vous semble. Nous allons commencer par passer au sommet. Cliquez sur Fichier et exportation. Si vous survolez lors de l'exportation, vous obtenez ces trois options. Parce que nous voulons le partager en ligne, vous allez économiser pour le Web. Je vais cliquer sur Enregistrer pour le Web. Il s'agit de l'écran que vous avez présenté lorsque vous cliquez sur Exporter pour le Web. Nous voulons changer le format de fichier en JPEG et tout le reste nous allons laisser le même. Nous voulons que la qualité soit 100 % et maximale, et laissons la largeur et la hauteur telles que celles que nous avons créées au début. Tout ce que nous allons passer et appuyer sur Enregistrer. On y va. Voici l'affiche que j'ai créée. J'ai hâte de voir ceux que vous avez créés. Veuillez le partager ci-dessous dans le panneau du projet ci-dessous, ainsi qu' une liste de la hiérarchie dans laquelle vous vouliez que l'utilisateur puisse voir votre travail. Laissez-moi voir si cela se produit. Si c'est le cas, c'est incroyable et si ce n'est pas le cas, je vais vous donner des commentaires et des façons d'améliorer votre affiche pour les futurs designs. Maintenant que vous connaissez les trois manières différentes d'exporter votre fichier, pourquoi ne pas explorer la façon dont vous le souhaitez, en fonction de l'endroit où vous souhaitez partager. Je vous verrai à la fin où nous terminerons ce cours. 10. Conclusion: Félicitations, vous avez franchi cette classe des Fondamentals of Graphic Design. J'ai l'impression que nous avons abordé beaucoup de choses dans cette classe et qu'il y a beaucoup à comprendre. Si vous avez l'impression de devoir revenir en arrière et de revoir certaines leçons , veuillez le faire, afin que vous ayez une meilleure compréhension, car cela peut être très écrasant. La plupart de ces compétences dans ce cours auront besoin de s'entraîner au fil du temps, et plus vous le faites, mieux vous y prendrez. Disons, par exemple, l'équilibre. Plus vous essayez d'équilibrer votre travail, comment vous entraînez votre œil pour voir visuellement si quelque chose a l'air équilibré ou non car il s'agit d'une manière visuelle, pas de manière réelle, mais plus vous le faites, mieux vous y devenez. Nous avons beaucoup couvert dans cette classe, de la typographie à l'équilibre. Mais pour moi, le roi est la hiérarchie, et si vous maîtrisez cela, j'ai l'impression que vous allez faire une énorme différence dans tout le travail que vous allez créer à l'avenir. S'il y a une chose que j'espère que vous retirez de ce cours, c'est que j'espère que vous vous sentirez plus confiant dans les designs que vous créez avec un peu plus de compréhension et de connaissances, et que vous le rendrez simplement joli. Ce cours était là pour vous montrer les bases. Mais c'est important, car cela constitue votre base pour créer tous les designs que vous faites à l'avenir. Vous pouvez toujours faire progresser ces compétences car chaque section ici comporte une partie avancée, ce qui vous permet d'apprendre de plus en plus loin. En comprenant ces bases et en construisant des bases solides, cela vous aidera certainement à aller de l'avant. Maintenant que nous avons créé notre affiche, téléchargez-la ci-dessous sur le panneau du projet, afin que je puisse vous donner des commentaires et voir ce que vous avez créé. Mais aussi, une fois votre fichier téléchargé, écrivez une liste de l'ordre dans lequel vous voudriez que mes yeux voyagent, et laissez-moi voir si cela se produit. Si ce n'est pas le cas, je peux suggérer des façons de l'améliorer pour les projets futurs. N'oubliez pas que si vous voulez me suivre ou soutenir tout autre travail créatif que je fais, suivez-moi sur Instagram @design_with_smit, où j'ai beaucoup de travail d'illustration, mais vous pouvez aussi me suivre tout au long de mon voyage. Que ce soit le début de votre voyage créatif ou que vous soyez sur cette voie depuis un certain temps, je pense que vous exprimez de manière créative est l'un des sentiments les plus satisfaisants. J'espère que vous avez trouvé ce cours utile. Je vous souhaite le meilleur et je reste créatif. Au revoir.