et sur la conception graphique | Peter Bone | Skillshare

Vitesse de lecture


1.0x


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

et sur la conception graphique

teacher avatar Peter Bone, Designer who mentors marketers

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.

      et les formes graphiques

      4:03

    • 2.

      Troubleshooting font issues

      3:06

    • 3.

      Résoudre les images manquantes

      2:06

    • 4.

      Introduction à la conception graphique

      3:28

    • 5.

      Introduction to the Adobe tools

      3:42

    • 6.

      Introduction to digital design

      3:32

    • 7.

      Premiers pas avec InDesign (MODULE 3)

      2:06

    • 8.

      Edit a social media image

      8:52

    • 9.

      Amend a printed postcard

      10:04

    • 10.

      Edit a printed flyer

      15:22

    • 11.

      une fiche d'information A4

      13:24

    • 12.

      Monter un fichier SVG avec Illustrator (MODULE 4)

      8:36

    • 13.

      Edit an SVG icon

      4:17

    • 14.

      Utiliser les couleurs de votre marque

      3:12

    • 15.

      Améliorer le contraste des images avec Photoshop (MODULE 5)

      6:38

    • 16.

      Édition d

      4:44

    • 17.

      Apply colour correction

      6:33

    • 18.

      aiguiser

      9:15

    • 19.

      Théorie de base du design graphique (MODULE 6)

      8:08

    • 20.

      Appliquer la théorie du design graphique

      7:10

    • 21.

      un

      6:23

    • 22.

      d'un flyer alternatif à partir d'un modèle

      2:55

    • 23.

      Utilisation des

      5:40

    • 24.

      Utiliser les styles de paragraphe

      5:49

    • 25.

      dans

      3:12

    • 26.

      Impression commerciale : bleed

      7:03

    • 27.

      Impression commerciale : images manquantes

      3:55

    • 28.

      Impression commerciale : résolution

      4:16

    • 29.

      Create a pdf for commercial print

      3:35

    • 30.

      Packaging your work

      3:40

    • 31.

      Edit Illustrator's workspace (MODULE 8)

      3:32

    • 32.

      Edit a map

      8:40

    • 33.

      Un montage plus complexe ;

      11:06

    • 34.

      Modifier les valeurs d'un graphique

      9:28

    • 35.

      Edit an infographic

      3:37

    • 36.

      (Module 9)

      8:09

    • 37.

      Utiliser des masques de calque

      7:44

    • 38.

      Utilisez les filtres intelligents

      4:50

    • 39.

      Autres théories sur la conception graphique (MODULE 10)

      7:18

    • 40.

      Appliquer d'autres théories de la conception graphique

      7:43

    • 41.

      Comprendre la taille des images sur les réseaux sociaux (MODULE 11)

      2:16

    • 42.

      Créer une image Facebook avec InDesign

      12:45

    • 43.

      Ajuster les marges et l’échelle

      3:17

    • 44.

      Export an image for upload

      6:04

    • 45.

      Utiliser les formes de base dans Illustrator (MODULE 12)

      3:12

    • 46.

      Combiner des formes cré

      5:36

    • 47.

      Create a pattern

      7:06

    • 48.

      Create a simple blend

      4:31

    • 49.

      Créer un mélange complexe

      4:11

    • 50.

      ou exporter pour l'impression ou sur les réseaux sociaux.

      2:40

    • 51.

      À propos d'Adobe Bridge (MODULE 13)

      5:55

    • 52.

      Rechercher dans des dossiers avec Bridge

      2:22

    • 53.

      L'outil Sélection rapide de Photoshop

      5:09

    • 54.

      Ajuster une sélection.

      6:17

    • 55.

      Utiliser la Baguette magique

      4:02

    • 56.

      Use Select and Mask

      5:24

    • 57.

      Créer une image découpée

      4:43

    • 58.

      À propos de la théorie des couleurs (MODULE 14)

      6:54

    • 59.

      Appliquer la théorie des couleurs partie 1

      7:34

    • 60.

      Appliquer la théorie des couleurs partie 2

      6:49

    • 61.

      Créer des documents pour l'impression (MODULE 15)

      2:58

    • 62.

      Comprendre la structure du document

      6:04

    • 63.

      Créez des styles de paragraphe

      12:51

    • 64.

      Comprendre le trame de texte principal.

      8:43

    • 65.

      Créer une carte avec Illustrator (MODULE 16)

      8:01

    • 66.

      Utilisez l'outil Crayon

      10:48

    • 67.

      Utilisez des caractères et des symboles

      4:21

    • 68.

      Stroke attributes & Artboards

      11:07

    • 69.

      Créer des images sociales avec Illustrator et Photoshop (MODULE 17)

      4:23

    • 70.

      Create a social image with Illustrator

      5:21

    • 71.

      Exporter plusieurs images

      3:59

    • 72.

      Combiner plusieurs tailles de tableau de travail

      5:54

    • 73.

      (Créez une

      9:04

    • 74.

      Use multiple Artboard sizes

      6:31

    • 75.

      Créer une animation GIF Partie 1

      0:35

    • 76.

      Créer une animation GIF partie 2

      4:11

    • 77.

      Introduction à la typographie (MODULE 18)

      5:57

    • 78.

      et lisibilité

      5:12

    • 79.

      Comment combiner des polices de caractères

      6:12

    • 80.

      Useful type resources

      4:34

    • 81.

      Créer des bulletins d'information et des prospectus avec InDesign (MODULE 19)

      4:00

    • 82.

      Comprendre la structure des pages

      4:24

    • 83.

      Qu'est-ce que la grille de référence ?

      6:56

    • 84.

      Setting up the Baseline Grid

      4:51

    • 85.

      Numérotation automatique des pages et lettrines

      11:05

    • 86.

      Créer une infographie avec Illustrator (MODULE 20)

      2:50

    • 87.

      Edit graphs & pie charts

      2:52

    • 88.

      Utiliser des formes et des icônes pour les infographies

      5:28

    • 89.

      Use the grid for infographics

      6:18

    • 90.

      Create a complex infographic part 1

      0:59

    • 91.

      Create a complex infographic part 2

      6:04

    • 92.

      Create a complex infographic part 3

      8:28

    • 93.

      Create a complex infographic part 4

      6:42

    • 94.

      Create a complex infographic part 5

      8:18

    • 95.

      Create a product mockup in Photoshop

      6:19

    • 96.

      (article en

      7:09

    • 97.

      Showcase your work on Squarespace

      6:14

    • 98.

      Commencer dans After Effects (MODULE 22)

      2:21

    • 99.

      The After Effects Workspace

      7:19

    • 100.

      Comprendre les images clés.

      10:25

    • 101.

      Editing an animation

      12:43

    • 102.

      !

      4:51

    • 103.

      D'Illustrator à After Effects

      3:15

    • 104.

      Animer dans After Effects

      6:58

    • 105.

      Créer une image sociale animée (MODULE 24)

      1:17

    • 106.

      Comprendre la vitesse des images clés.

      4:30

    • 107.

      Use the Graph Editor

      6:10

    • 108.

      About Overshoot & Anticipation

      5:12

    • 109.

      Finesse the animation

      6:43

    • 110.

      Export the final animation

      1:52

    • 111.

      Au revoir et prochaines étapes à

      2:16

  • --
  • 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.

5

apprenants

--

À propos de ce cours

Avec l'avènement de l'IA, le bon goût devient une marchandise très recherchée par les employeurs et les clients. Mais si vous êtes novice dans le monde du graphisme ou de la conception d'animation, comment développerez-vous le vôtre ?

Ce n'est pas en une découverte magique des outils Adobe. Mais dans ce cours unique, vous développerez vos compétences en matière de conception tout en apprenant à utiliser InDesign, Illustrator, Photoshop et After Effects par les professionnels. Et si vous le souhaitez, vous pouvez également composer un portfolio au fur et à mesure.

Le cours s'articule sur 25 modules, vous donnant de plus en plus de confiance non seulement dans l'utilisation des outils de conception graphique professionnels, mais aussi dans la connaissance de la façon dont ces outils se combinent. Et au fur et à mesure que vous travaillerez aux devoirs facultatifs, vous commencerez à penser comme un concepteur, et c'est ce qui fait la différence. 

Vous trouverez les 25 modules :

  • Introduction to the world of Graphic Design
  • Editing InDesign Documents
  • Editing SVGs with Illustrator
  • Améliorer les images avec Photoshop
  • Introduction à la théorie de la conception graphique
  • Création de documents InDesign à partir de modèles
  • Éditer des cartes et des infographies avec Illustrator ou
  • (article en
  • Autres théories de la conception graphique
  • Creating Social Media Images with InDesign
  • Travailler avec les formes, les motifs et les mélanges dans Illustrator
  • Travailler avec des sélections dans Photoshop // Utilisation d'Adobe Bridge
  • Théorie des couleurs
  • Create Print Documents with InDesign
  • à l'aide
  • Creating Social Media Images with Illustrator & Photoshop
  • Introduction à la typographie
  • Créer des bulletins d'information et des prospectus avec InDesign
  • Creating infographics with Illustrator
  • Creating mockups in Photoshop // Putting videos on Squarespace
  • Démarrer avec After Effects
  • Creating an animation using Illustrator & After Effects
  • Creating an animated social media image with After Effects

Rencontrez votre enseignant·e

Teacher Profile Image

Peter Bone

Designer who mentors marketers

Enseignant·e

Peter Bone has worked in graphic design for 25 years. During that time he has taught thousands of people to use Quark Xpress, Indesign, Illustrator and Photoshop – at every level from complete beginners through to experts in their field. He has taught designers, marketing people, creative directors, writers, editors, illustrators, fashion designers and photographers for companies as varied as the BBC, the British Museum, Condé Nast, Paul Smith, Price Waterhouse Coopers and The Designers Guild.

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. Leçon 1 2026 final: Je suis Peter Bone. Je suis graphiste, web et motion designer indépendant depuis la fin des années 1990. Parallèlement à mon travail de designer, j'ai enseigné à des milliers de personnes travaillant dans de telles organisations, dans des classes physiques et en ligne, comment concevoir avec des outils Adobe tels qu'InDesign, Illustrator et Photoshop Avec l'avènement de l'IA, le bon goût est devenu l'une des qualités les plus appréciées des employés et des clients. Mais comment acquérir ce goût ? C'est le but de ce cours. Le titre du cours vous indique que vous allez apprendre à concevoir des objets avec les logiciels Adobe. Vous apprendrez les bases de l'utilisation dans le design, Illustrator, Photoshop et After Effects. Mais l'objectif spécifique ici est que vous développiez votre œil unique pour le design, vos goûts. Vous y parviendrez en résolvant problèmes de conception du monde réel à l'aide de ces outils, en essayant des choses, en commettant des erreurs et en en tirant des leçons. Il convient à tous ceux qui entreprennent des travaux de conception et qui n' ont jamais été formés pour le faire, comme les spécialistes du marketing et les créateurs de contenu le cadre de ce cours, vous découvrirez les actifs de marque et les directives de cinq organisations pour lesquelles je vais également concevoir dans le cadre de ce cours. À la fin de chaque section, vous recevrez des devoirs qui vous permettront de mettre en pratique ce que vous avez appris. À la fin du cours, vous aurez créé votre propre portfolio, renforcé votre confiance en matière de conception et, en même temps, appris les bases des principaux outils de conception d' Adobe. J'ai hâte de voir ce que tu vas créer. Commençons. Voici comment tirer le meilleur parti de ce cours. Ce cours est unique et vous fournit des directives de marque à partir desquelles travailler et des devoirs à faire. vous permettra de tirer le meilleur parti de ce cours si vous suivez ces directives et faites autant de devoirs que possible Vous tirerez également le meilleur parti de ce cours si vous le terminez dans l' ordre dans lequel il a été créé. Vous trouverez tout ce dont vous avez besoin dans les ressources de téléchargement de la section projets et ressources ci-dessous. Et si vous souhaitez publier des devoirs, veuillez également utiliser le bouton Soumettre le projet dans cette zone. Bien, pour participer pleinement à ce cours, vous devez avoir accès au logiciel Adobe Creative Cloud. Donc, en matière de design, Illustrator Photoshop After Effects. Je vous recommande donc de vous inscrire si ce n'est pas déjà fait. Si vous le souhaitez, vous pouvez faire un essai gratuit de leur logiciel qui ne dure que sept jours, mais pour chaque programme. Ce serait donc un peu exagéré, mais c'est une option si vous en avez besoin. Je voulais organiser ce cours de manière à ce qu' il soit aussi accessible que possible. À cette fin, j'ai utilisé des éléments tels que des images provenant de sites comme Unsplash, par exemple, où vous pouvez télécharger n'importe laquelle de leurs images et les utiliser à peu près sans restriction gratuitement, ainsi il soit aussi accessible que possible. À cette fin, j'ai utilisé des éléments tels que des images provenant de sites comme Unsplash, par exemple, où vous pouvez télécharger n'importe laquelle de leurs images et les utiliser à peu près sans restriction gratuitement que des humains et des plumes J'en dirai plus à ce sujet au fur et à mesure. Mais je tiens à souligner la générosité d' Unsplash et de Pablo Stanley, ainsi que de la personne dont j'ai oublié le nom qui a créé le site Feather sans lequel il aurait été beaucoup plus difficile de créer un cours contenant graphismes attrayants. L'autre ingrédient clé de la conception concerne les polices, et j'ai utilisé un large éventail de polices disponibles sur le site Web d' Adobe Fonts. Vous y avez donc accès si vous avez un forfait Creative Cloud. C'est donc une autre raison d'obtenir au moins temporairement un compte Creative Cloud. Cela dit, l'une des choses que vous avez peut-être déjà rencontrées est le défi d'ouvrir un document qui utilise des polices ou des images que vous n'avez pas. Ce n'est donc pas l'idéal pour commencer ce cours, mais je veux que vous compreniez cela afin que vous n'ayez aucun problème lorsque vous ouvrirez les documents que j'ai créés pour vous. C'est ce que nous verrons dans la dernière vidéo de ce module. 2. Lesson 1 4 amend Skillshare: Dans cette vidéo, nous allons examiner le processus de téléchargement et d' utilisation des fichiers que j'ai créés pour vous. Vous accédez à votre dossier Téléchargements ou à l'endroit où vous avez configuré le téléchargement. Et lorsque vous double-cliquez sur le zip, le dossier s'ouvre. Maintenant, c'est ce qu' on appelle le package InDesign. Vous en apprendrez plus sur le but d'un package plus tard et vous le créerez. Mais un package, vous avez peut-être déjà vu. D'ailleurs, un package vous donne un PDF de ce à quoi ressemblerait le document final, et c'est très bien car il peut y avoir des polices et des images manquantes, comme nous le verrons dans une seconde. Vous disposez d'une version InDesign du document et d'un IDML C'est utile si vous avez une version d' InDesign plus ancienne que celle avec laquelle j'ai enregistré ce cours Essayez donc d'ouvrir le fichier de conception. Donc, lorsque vous ouvrez, voici ce qui peut arriver. Vous pouvez donc voir que les polices ne ressemblent pas tout à fait à celles du PDF. Permettez-moi de vous montrer à nouveau le PDF. Cette information n'existe pas. Maintenant, ce n'est pas là essentiellement parce que j'ai désactivé les polices pour que vous puissiez voir ce qui se passe. Ainsi, lorsque les polices sont manquantes, vous obtenez ce surlignage rose. Et si vous changez d'outil de saisie, vous en apprendrez plus sur l'outil saisie assez rapidement et si vous cliquez ici, le nom de la police s'affiche, mais il est entre crochets. Les crochets indiquent donc que cette police est manquante. Maintenant, toutes les polices que j'ai utilisées dans le système Creative Cloud d'Adobe Cloud. Jetons un coup d'œil à ça. agit d'un programme qui s'exécute en arrière-plan, et j'ai désactivé les polices, est pourquoi il ne ressemble pas à ce qu'il est d'habitude. Normalement, vous verrez que vous pouvez gérer les polices. Si vous cliquez dessus, les polices que vous avez activées s'affichent. Je n'en ai pas parce que je les ai tous éteints. l'activer, si ce n'est pas le cas, vous accédez à votre compte, puis à vos préférences, puis sous Services, polices Adobe doivent être activées. Donc, mon meilleur conseil pour vous, que vous soyez sur un Mac ou un PC, si vous ouvrez l'un de mes documents et que des polices sont manquantes, la meilleure chose à faire est d'accéder à Creative Cloud. Je vais juste terminer, revenir au début. Accédez donc à Creative Cloud, puis à votre propre compte pour accéder aux préférences, aux services, désactivez la police Adobe , réactivez-la. Et puis, lorsque vous reviendrez au programme que vous utilisez, dans ce cas, à la conception, espérons que cela fonctionne. Voilà. C'est exactement ce qui devrait se passer. Je remarque que je dis « devrait ». Parfois, il y a un délai, parfois pour une raison quelconque, cela ne fonctionne pas, mais cela fonctionne normalement, et c'est la meilleure solution que je puisse vous proposer si les polices ne fonctionnent pas. Ce qui se passe actuellement, c' est que votre ordinateur se connecte aux serveurs d'Adobe, qui vous fournissent les polices. C'est ainsi que vous pouvez corriger les polices manquantes. 3. Accueil, aide, dépannage 4/4: Dans la vidéo précédente, nous avons examiné les polices manquantes. L'autre chose qui peut arriver c'est qu'il vous manque des images. Donc, si vous regardez le design sur mon écran, ces petits symboles de liens bleus, celui-ci et celui-ci, me disent que les images sont correctement liées. Essentiellement, lorsque vous importez une image dans Indesign, celui-ci enregistre son emplacement sur votre disque dur Maintenant, le problème peut survenir lorsque vous commencez à partager des fichiers. Donc évidemment, je l'ai créé et je vous ai envoyé les fichiers. Maintenant, ce qui, espérons-le, n' arrivera pas, mais ce qui pourrait arriver, c'est les liens ne sont pas au bon endroit. Permettez-moi donc de vous montrer ce qui se passerait si je déplaçais accidentellement les liens exprès. Cela vient donc du package. Les liens sont donc tous là. Maintenant, si je déplace simplement le dossier Links ailleurs, je suis sur le bureau, et je retourne dans InDesign, au lieu de ce symbole à encre bleue, vous avez un point d'interrogation rouge Cela ne vous empêche donc pas de travailler, mais vous vous demandez peut-être pourquoi les images ne sont pas d'une si bonne qualité, et c'est l'une des raisons pour lesquelles. Donc, si c'est le cas et que les liens sont manquants, si vous savez où ils se trouvent, vous pouvez cliquer sur le cadre approprié. Et vous apprendrez à le faire correctement plus tard. Vous allez dans le panneau Liens et dans le menu déroulant sur le côté droit, en haut à droite, vous créez un nouveau lien, puis vous localisez ces images et vous les reliez à nouveau C'est celui-ci qui a été reconnecté. Et puis cliquez sur celui-ci. Encore une fois, reconnectez et tout fonctionne parfaitement. Donc, dans un sens, nous sommes en quelque sorte en train de sauter le pas en vous montrant ça. Mais j'espère que s'il vous manque des polices ou des images, cela ne vous dérangera pas trop longtemps. 4. Introduction à la conception graphique: Nous commençons, je regarde le monde du design en examinant l'impression. Maintenant, l'impression peut être quelque chose de très simple, comme un simple jeton, unilatéral comme celui-ci, et devient progressivement plus compliqué. Donc, une carte postale recto verso, et un dépliant, dans ce cas, recto verso Il s'agit plutôt d'un dépliant, mais de quatre pages seulement Donc un, deux, trois, quatre. C'est ce que l'on appelle un pli en accordéon. Et puis des brochures, des magazines, des livres et un livre d'art. Différents exemples d'impression. Je veux parler de design car InDesign est le programme utilisé pour les créer Je vais donc revenir à ce document ici. InDesign Nous pouvons donc parler de la façon la plus simple d' avec trois éléments Donc, l'élément le plus externe, si vous voulez, ce sont les documents Il s'agit donc clairement d'un document. Il y a beaucoup de pages. La deuxième chose, ce sont les pages. Donc des pages de documents. Et puis sur les pages, nous avons ce que l'on appelle des cadres. Voici donc un bel exemple simple. Vous avez des cadres, et un cadre contient une image ou du texte. Donc cadre, cadre, cadre, cadre, cadre, cadre, cadre. Donc, si vous ne le saviez pas auparavant, vous pouvez commencer à regarder différentes pages, différents documents, et vous remarquerez, d'accord, cadres contenant des images, cadres contenant du texte. C'est presque aussi simple que cela. Clé là où il y en a presque. Allons encore plus loin. Il existe donc deux types d' images, des images comme celle-ci, qui sont photographiques. Nous y reviendrons plus en détail ultérieurement. Mais ce qui est intéressant toutes ces images, c'est qu' elles sont faites de pixels. Si vous avez déjà zoomé sur une image, vous remarquerez peut-être qu'elle est composée de carrés de nombreuses couleurs Ils sont appelés pixels. Ce sont donc des images photographiques, faites de pixels. Mais il existe également un autre type d'image. C'est une image comme celle-ci. C'est donc plus illustratif. Voici un autre exemple de ces logos. Ils ne sont donc pas constitués de pixels. Ils sont un peu plus faits à la main, si vous le souhaitez. Et les deux programmes utilisés pour produire ces images Illustrator produisent ce genre de graphiques, de logos, d'illustrations, infographies, ce genre de choses, alors que Photoshop est le programme utilisé pour travailler sur des images comme celle-ci, des images photographiques. Donc, j'espère que vous pourrez commencer à voir qu' InDesign est le programme où tout est assemblé, mais les images qu'il contient sont soit des bitmaps, soit des images vectorielles. Désolé, j' utilise juste du Désolé, je suis entré dans le jargon. Bitmap est un autre mot pour désigner une image photographique. Le vecteur est un autre mot pour désigner les illustrations, etc. Nous reviendrons sur ce jargon plus tard. Mais c'est ainsi que les programmes s'intègrent En résumé, c'est le monde de l'impression 5. Introduction au monde de la conception graphique 2/3: Jetons un coup d'œil à InDesign, Photoshop et Illustrator pour voir en quoi ce dont nous venons de parler prend tout son sens à l'écran Très rapidement, voici InDesign, et il s'agit d'un dépliant avec lequel vous travaillerez plus tard Et j'espère que vous pouvez voir, c'est que lorsque je clique sur ces différents éléments, ce sont des cadres. Donc, un cadre qui contient du texte, un cadre qui contient une image, c'est une photo et un cadre qui contient un logo. Regardons donc ce n' est pas cette image, mais une image similaire qui se trouve dans Photoshop. Et ce que je veux que vous remarquiez ici, c'est qu' en zoomant, vous finirez par voir que même s'il s'agit d' une photographie d'une feuille, si vous allez assez loin, vous pouvez voir qu'il s'agit littéralement d'un ensemble de carrés de différentes couleurs. Ainsi, ce que fait un appareil photo numérique au moment où vous prenez une photo, qu'il s'agisse d' un appareil photo pour iPhone ou d'un appareil photo reflex numérique beaucoup plus cher, il capture ce qu'il peut voir devant lui et le décompose en milliers ou en millions de carrés de couleur individuels appelés pixels Et une image comme celle-ci est généralement connue sous le nom d'image bitmap, BIT, MAP, bitmap, car de nombreux bits de données sont mappés ensemble dans Photoshop vous permet donc de travailler avec ces pixels, et voici vous permet donc de travailler avec ces pixels, un bon exemple  : ce que vous allez voir n'a rien de trop créatif, mais c'est la photo qui a été légèrement retravaillée dans Photoshop. Avant, ça ressemblait à ça. Et vous pouvez voir que c'est beaucoup plus beau. Donc, si vous essayez de faire de la publicité pour certaines fleurs, il vaut mieux qu'elles ressemblent un peu plus à ça qu'à ça. Vous le ferez donc en temps voulu, apprenant à le faire dans Photoshop. Mais Photoshop peut le faire car il vous permet de modifier des cornichons, ce que les autres programmes ne vous permettent pas de faire C'est donc Photoshop. Illustrateur, vous remarquerez que l'aperçu de l'image ici est très, très différent. Notez que si je devais cliquer sur un élément comme celui-ci, si je devais zoomer, vous ne constaterez aucune perte de qualité car il n'y a pas de pixels. Les pixels ne grossissent donc pas parce qu'il n'y en a pas. Cela signifie donc que quelque chose comme ce logo, vous pouvez le créer à votre guise, sans que la qualité ne baisse. Alors que dans Photoshop, ce que je n'ai pas mentionné plus tôt, mais vous l'avez peut-être compris, en zoomant, vous pouvez de plus en plus facilement voir les pixels. Cela signifie que si vous deviez faire exploser quelque chose de trop grand, vous pourriez voir les pixels si vous le faisiez trop gros. Nous y reviendrons plus tard, lorsque nous examinerons l'impression. Mais il y a donc une différence essentielle entre une image dans Photoshop, qui est composée de ces pixels et une image dans Illustrator, qui ne l'est pas. Donc, celui d'Illustrator que vous regardez actuellement est beaucoup, beaucoup plus simple, donc pas adapté à tout, mais vraiment adapté à l'image de marque, par exemple, ou à l'infographie, ce genre de choses C'est ce qu'on appelle un graphique vectoriel, et un graphique vectoriel est défini par ce que l' on appelle les points d'ancrage Nous y reviendrons lorsque nous examinerons Illustrator. C'est ainsi que ces trois programmes se rejoignent. Ainsi, dans le design, vous réunissez tous ces éléments. Illustrator est destiné aux graphiques vectoriels, ce que l'on appelle Photoshop est destiné aux graphiques bitmap ou aux photographies 6. Introduction au monde de la conception graphique 3/3: Nous avons déjà examiné le contexte de impression et la façon dont InDesign, Illustrator et Photoshop peuvent travailler ensemble pour produire des documents imprimés, et nous allons examiner rapidement comment vous pouvez faire de même, sauf pour les documents numériques Maintenant, vous allez créer tous ces documents tout au long du cours. Jetons un coup d'œil à certains d'entre eux. Le premier est en fait un document imprimé, mais nous allons simplement l'enregistrer au format PDF. C'est comme un téléchargement de deux pages, en fait, que vous téléchargez depuis un site Web ou que vous envoyez un e-mail à quelqu'un. Alors que les suivantes, ce sont toutes des images à publier sur les réseaux sociaux. Maintenant, si ces quatre. Maintenant, ils auraient pu être créés dans Illustrator ou dans Design, ou techniquement dans Photoshop. Mais d'une manière générale, c'est par InDesign vous allez commencer, car comme vous le savez probablement déjà, InDesign est vraiment bon, c'est comme une sorte de référentiel dans lequel vous ne faites que placer Donc dans ce cas, un cadre pour le texte, un cadre pour l'image orange, un cadre pour ce type d'icône et un cadre pour le logo. InDesign est donc excellent dans ce domaine. Ensuite, une fois que vous aurez créé votre document, vous l'enregistrerez au format PN. Vous remarquerez donc peut-être cela sous la forme d'un fichier Ping. C'est donc l'un des fichiers couramment utilisés pour les réseaux sociaux. Et il en va de même ici. Le tout est assemblé dans le design dans différents cadres. Enregistrez sous forme d'épingle. Mais les deux suivants, j'aurais pu les intégrer dans le design, mais comme ils comportent éléments très spécifiques à Illustrator, il était logique de les associer dans Illustrator. Donc, dans ce cas, le motif et le mélange en bas sont tous deux fonctionnalités d' Illustrator, alors je me suis dit Eh bien, je ferais mieux de tout assembler dans Illustrator. Après avoir trouvé la bonne taille dans Illustrator, j'en ai simplement fait un Illustrator, puis encore une fois, enregistré sous forme d'épingle. Pareil pour ça. Illustrator est idéal pour produire des infographies C'est donc ce que j'ai fait ici. Et encore une fois, vous le produirez pendant le cours. Mais ensuite, les deux dernières choses sont plus spécifiques à Photoshop. J'aurais peut-être dû t'en avertir. C'est un peu dynamique. Il s'agit donc d'une animation image par image. Rien de trop sophistiqué. Néanmoins, c'est le genre de chose que vous pouvez faire dans Photoshop. Seul Photoshop peut donc vous permettre de le faire. Et puis une maquette. Cela se fait donc dans Photoshop. Le graphisme original, j'ai créé pour le devant, un pour le côté. Je les ai créés dans Illustrator, et vous apprendrez comment vous pouvez les prendre, tout en donnant l' impression qu'ils se trouvent sur un paquet de café, et que la majeure partie du travail est effectuée par la personne qui crée la maquette Une fois que vous en avez trouvé un, vous pouvez l'utiliser. C'est donc quelque chose que nous examinerons plus tard. Et enfin, une animation plus sophistiquée. Regardons celui-ci en bas. C'est un peu plus facile à voir. Donc, si je joue à ce jeu, il est créé à l'origine dans Illustrator, puis introduit dans After Effects pour être animé. Et puis cela peut être mis sur un site Web via Vmeo ou YouTube Techniquement, il s'agit donc d'une vidéo, mais vous pouvez également les faire jouer en arrière-plan. C'est donc comme une vidéo en boucle. Encore une fois, c'est donc un peu à l'autre bout du spectre en termes de travail numérique. Vous allez donc créer tous ces éléments tout au long du cours. Cela vous donne une idée de ce que vous allez faire et espérons-le, un peu plus d'une idée de la façon dont les programmes fonctionneront ensemble. Mais il est évident que nous avons encore un long chemin à parcourir. Alors continuons. 7. MODULE 3 : éditer des documents InDesign 1/5: Si vous avez utilisé l'un des programmes Adobe, fort probable que vous ayez utilisé InDesign et que vous l'ayez utilisé pour modifier un document existant C'est probablement le point de départ le plus simple, et c'est pourquoi nous allons commencer par là. Passons donc au design, et dans une minute, nous allons modifier cette publicité sur les réseaux sociaux pour que l'une de nos marques, Limone, ressemble à Nous allons donc le faire dans une seconde. Mais avant cela, je voudrais juste vous parler en détail du design. Il y a donc cinq domaines de conception à prendre en compte pour connaître le domaine dans lequel vous travaillez, premier étant le panneau d' outils dans lequel vous utiliserez divers outils pour accomplir ce que vous devez faire. Troisièmement, le panneau de configuration, quatrièmement, les différents menus, menu fichier pour ouvrir, enregistrer, fermer, etc., l' édition pour annuler, le copier-coller et de nombreux autres menus, auxquels nous allons accéder Et enfin, les panneaux ici, panneaux pour modifier des éléments tels que les pages, les couleurs, etc. Maintenant, le seul problème est que, dans sa conception actuelle, il est livré en utilisant ce que l'on appelle l'espace de travail Essentials. L'idée est que cela vous permet de trouver facilement quoi que ce soit , sauf que ce dont vous avez besoin apparaît simplement. En pratique, je trouve que ce n'est pas le cas C'est vraiment bien de l'utiliser une fois vous savez ce que vous faites en matière de design. Mais d'après mon expérience en l'enseignant à de nombreuses personnes, elles trouvent qu'il est beaucoup plus facile d'utiliser, moins au début, une vue différente appelée Essentials Classic, ou devrais-je dire, un espace de travail différent. Donc, un espace de travail, l'un d'entre eux, permet de contrôler les panneaux. Donc, la vue des essentiels, vous la voyez comme ceci, c'est très utile, mais je vais passer à Essentials Classic, et je vous suggère de le faire également. Sinon, vous pourriez avoir du mal à suivre, du moins dans les premières étapes. Voilà donc notre aperçu d'InDesign. Ensuite, nous allons passer à la création d'une nouvelle publicité sur les réseaux sociaux à partir d'une ancienne 8. Éditer des documents InDesign 2/5: Comme vous le savez, nous allons créer cette publicité à partir de celle-ci, et nous allons le faire afin que vous puissiez comprendre comment apporter modifications de base aux éléments du design Alors, tout d'abord, quels sont ces éléments dans le design, ou devrais-je appeler cadres. Vous devriez déjà connaître les cadres. InDesign fonctionne donc sur des documents, les documents ont des pages Ce sont des choses que nous n'avons qu'une page chacune, mais elles contiennent un tas de cadres. Le premier cadre que nous allons examiner est celui-ci. Donc celui-ci est celui qui contient l'image qui traverse toute la page. Maintenant, je peux savoir qu'il contient une image de deux manières. Tout d'abord, je peux voir qu'il y a une image à l'intérieur. Je pense que c'est assez évident. Mais l'autre solution est ici , dans le coin supérieur gauche. Vous voyez un petit symbole de lien, qui indique que l'image est liée. Maintenant, nous en dirons plus à ce sujet plus tard. C'est vraiment important. Mais pour l'instant, tout ce que vous devez savoir, c'est que cela signifie que c'est une image. Nous en avons un autre ici, c'est le logo. Cela vient d'Illustrator, puis nous avons deux zones de texte. C'est donc ce qui se passe sur la page. Et l'outil que j'utilise que vous allez utiliser est l'outil de sélection. C'est l'outil que vous utiliserez le plus souvent lors de la conception. Notez que nous pouvons voir que cet outil a été choisi parce qu'il a un arrière-plan sombre. Donc, si je choisissais un autre outil, vous verrez qu'il a un fond sombre. Donc, l'outil de sélection, c'est l'outil à utiliser par défaut, et bien sûr, à utiliser pour sélectionner des éléments. Et vous pouvez voir qu'ils sont sélectionnés cause des poignées situées sur le bord, des petits carrés blancs. Donc, tout d'abord, je veux changer le texte à l'intérieur. Il est donc très bien de sélectionner le cadre, mais pour modifier le texte, vous devez utiliser le deuxième de nos outils clés, savoir l'outil de saisie. Donc, si je clique à nouveau dans le cadre, vous devriez voir que j'ai un curseur clignotant vous indique que vous êtes sur le point de modifier du texte Pour être honnête, l'édition de texte, une fois que vous en êtes arrivé là, ressemble beaucoup à n'importe quel autre programme. Ainsi, comme pour modifier un e-mail ou modifier quelque chose dans Word, vous pouvez cliquer et faire glisser pour sélectionner, vous pouvez supprimer, vous pouvez surtaper. Je vais donc simplement sélectionner tout cela, appuyer sur la touche retour arrière. Je vais taper le texte de remplacement, donc cool. N'hésitez pas à trouver une meilleure phrase si vous le souhaitez. Mais le problème que nous avons maintenant, c'est nous voulons vraiment que cela remplisse toute la largeur. n'est pas quelque chose que vous voulez toujours faire, mais très souvent, lorsque vous essayez d'attirer l' attention sur quelque chose, plus c'est gros, mieux c'est. Donc, pour que cela se produise ici dans le panneau de commande, parce que nous travaillons avec du texte, celui-ci nous donne des informations. Cela nous indique que c'est la police que nous utilisons et que c'est la taille du type. Nous allons donc appuyer plusieurs fois sur ce bouton. Et au fur et à mesure que j'appuie dessus, vous verrez le texte grossir de plus en plus. Nous finirons par arriver au point où le texte sera trop grand pour tenir. Et je veux que vous voyiez ce qui se passe lorsque cela se produit. Alors maintenant, allons-y. Donc, il fait exploser ses banques, si vous voulez. Et regardez ici, on peut voir un petit plus. C'est ce qu'on appelle une marque de surplomb, qui nous indique que tout le texte ne convient Dans ce contexte, nous ne faisons que le réduire un peu. Dans d'autres contextes, comme vous le verrez, cela se complique. Mais pour l'instant, nous savons que c'est aussi gros que possible , donc c'est une bonne chose. C'est la première étape accomplie. Voyons simplement comment nous allons. OK, c'est bon. Le point suivant est donc le texte ici. Donc, une bonne pratique lorsque vous commencez consiste simplement à sélectionner manuellement le cadre. Vous n'êtes pas obligé de le faire plus tard, mais pour le moment, il est probablement bon de vous habituer à passer d'un outil à l'autre, puis de revenir à l' outil de saisie. Donc, le plus simple, c'est de le souligner, changer ce 33 %, je crois que c'est dit, puis nous pouvons placer notre curseur ici, faire un astérisque correspondant à Shift 8 sur mon clavier Maintenant, comme vous pouvez probablement le deviner, si je veux taper en dessous, il n'y a pas beaucoup de place. Donc, si je clique sur Retour, nous obtenons immédiatement l'une de ces petites notes excessives. C'est une bonne chose à faire, c'est d'annuler ça. Allons modifier et annuler ou vous remarquerez ici que la commande Z est un raccourci pour Mac. Les raccourcis sont les mêmes sur le PC, sauf que vous avez une touche de contrôle plutôt qu'une touche de commande, qui serait Control Z sur le PC. Vous pouvez donc le faire. Maintenant, je vais revenir à mon outil de sélection car évidemment, avec un outil de sélection, nous pouvons sélectionner des éléments, mais nous aussi utiliser les poignées, nous pouvons cliquer et faire glisser, afin d'approfondir le cadre pour qu' il y ait un peu plus de place, puis nous pouvons revenir à notre outil de saisie, cliquer ici, faire un décalage huit pour un astérisque, appuyez sur Retour Et puis je pense que cela disait quelque chose comme « nouveaux clients uniquement ». Maintenant, en termes de design, je ne suis pas sûr que cela doive être aussi évident. Je ne pense pas que cela attirera vraiment les gens en particulier. Vous pouvez donc voir que dans la version finale, j'en ai une qui est beaucoup, beaucoup plus petite. Je veux donc que ce soit plus petit. Donc, comme vous pouvez probablement le deviner, nous allons simplement le sélectionner. Et changez d'abord la taille de la police comme ça. Maintenant, l'autre chose que je pourrais faire est de le déplacer un peu vers le haut. La façon dont je vais le faire est d'utiliser ce paramètre ici. C'est ce qu'on appelle le leadership et le début est l'écart entre les lignes. Si j'appuie plusieurs fois sur la flèche vers le bas, vous pouvez voir tout apparaître. Je peux continuer à jouer avec ça. Je peux ajuster un peu plus la taille, réduire, la longueur un peu plus grande, etc. C'est quelque chose que tu peux essayer. Enfin, il ne me reste plus qu'à changer l'image. Si je reviens à l'outil de sélection, sélectionnez le cadre contenant l'image , puis effectuez le fichier et le lieu. Maintenant, c'est probablement la commande que vous utilisez le plus dans la conception. C'est la carte utilisée pour apporter des images et parfois du texte. Si je fais des fichiers et des emplacements, je dois juste trouver une image, elle entre ici, elle est là emplacements, je dois juste trouver une image, . L'une des nombreuses images d'unsplash que nous allons utiliser. L'image arrive donc, mais vous pouvez voir qu'elle ne correspond pas tout à fait. Donc, la première chose à faire à peu près toujours ici est d' ajuster l'objet et de remplir le cadre proportionnellement Cela permet d' agrandir ou de réduire la taille de l'image pour qu'elle remplisse le cadre, mais cela le fait de manière proportionnelle afin de ne pas l' étirer du tout Et si je voulais l'ajuster à partir de là, je ferais en sorte que le cadre soit sélectionné. C'est un peu délicat, en fait. Je veux saisir ce petit cercle qui n'arrête pas d'apparaître. Le problème, c'est que ce cadre me gêne un peu. Je vais donc le réduire un peu. Et puis je devrais être là pour cliquer dessus. Maintenant, c'est un peu subtil, mais j'espère que vous pouvez voir maintenant, c'est ce cadre brun supplémentaire ici. Maintenant, le cadre marron représente l'image qui se trouve à l'intérieur du cadre bleu ici. Le cadre bleu s'appelle donc le conteneur, et voici le contenu. Donc, ce bit supplémentaire en haut et ce bit supplémentaire en bas m'indiquent qu'il y a plus dans l'image si je veux la voir. Donc, si je décidais que je voulais plus de bois en bas, je cliquerais et maintenais la souris enfoncée pendant une seconde, puis en faisant glisser le pointeur vers le haut, vous verrez que cela m'indique le morceau que je vais apporter. Si j'en voulais plus, je pourrais le faire, ou si j'en voulais moins, encore une fois, je pourrais cliquer sur pause et faire glisser le pointeur vers le bas J'aime probablement quelque chose entre les deux. Si vous essayez cela et que cela ne fonctionne pas, c'est parce que vous n'avez pas fait de pause assez longtemps Vous devez faire une pause pour indiquer dans le design que vous voulez réellement montrer l'image en mouvement lorsque vous faites glisser Sinon, tout ce qui arrivera, c'est que vous ne le verrez pas avant de lâcher prise, comme cela m'est arrivé à ce moment-là, c'est bien mieux de l'avoir. Affichage au fur et à mesure que vous le déplacez. Nous y voilà donc. C'est là que nous faisons nos premiers pas dans le monde du design. Nous avons donc pris une image. Désolé, nous avons intégré le document de conception, nous avons modifié le texte de différentes manières et nous avons également modifié une image. 9. Éditer des documents InDesign 3/5: Nous allons continuer à nous intéresser à édition de documents dans le cadre de la conception, et dans ce cas, nous allons modifier un modèle d'Illustrator, ou du moins son apparence dans le design, et nous allons introduire de nouvelles couleurs et une édition de texte un peu plus délicate Voilà à quoi je ressemble. Donc, une autre de nos marques, le café Puro. Je crois que c'est probablement ainsi que vous le prononcez, une jolie petite carte postale parlant de leur nouveau café péruvien. Eh bien, c'était leur nouveau modèle il y a quelque temps. Ils en ont un encore plus récent maintenant, qui est nicaraguayen. Et c'est problématique parce que le mot est peut-être plus difficile à taper, mais il est également plus long. Nous devons donc y faire face. Donc, tout d'abord, examinons les différents éléments ici, car c'est un peu plus confus, vous n'avez rien vu auparavant. Je vais donc utiliser mon outil de sélection et le faire glisser pour que vous puissiez voir que ce grand X ressemble à un cadre vide. Ainsi, lorsqu'il n'y a rien dans un cadre, il y a un X en arrière-plan. C'est utile car cela nous indique, accord, que cela doit être le problème avec la couleur de fond. Donc, si je clique dessus, vous verrez ici, en bas du panneau d'outils, il m'indique que c'est la couleur utilisée pour l'intérieur. C'est ce qu'on appelle la couleur de remplissage, ce point là. Il y a donc là une couleur de fond de leur couleur brun foncé. Revenons encore une fois en arrière. Essayons encore une fois. Revenons encore une fois en arrière. Alors ici en bas, nous avons un autre cadre vide. Mais cette fois, le milieu est vide. Il n'a pas de couleur. C'est ce que signifie le blanc avec une ligne rouge. C'est ce qu'on appelle un « fill of none ». Mais ce truc, c' est la couleur du trait. C'est le blanc sur le bord. Il y a un gros trait blanc sur le pourtour. C'est cet élément là. Cette fois, je vais annuler l' édition pour revenir en arrière. Alors, comme vous pouvez probablement le voir, nous avons ici une image. Voici le logo. Voici une autre image. C'est le modèle d'Illustrator, puis nous avons du texte. Je sais que cela ressemble à du texte, mais il s'agit en fait d'un logo, et encore une fois, nous pouvons le dire, car le symbole du lien signifie qu'il vient d'un autre endroit. Très bien, alors voyons d'abord comment modifier le texte. faut donc dire nicaraguayen. Et ce mot est plus long. C'est donc un défi, car si nous utilisons notre outil de saisie et que nous commençons à retaper, nous allons bientôt manquer de place. Nous n'allons pas être en mesure de voir ce que nous faisons. Nous pourrions donc résoudre ce problème en allongeant beaucoup le cadre, mais une astuce intéressante est si vous modifiez et modifiez dans l'éditeur d'histoires, cette petite fenêtre s'ouvre et vous pouvez voir ce que vous tapez. Je vais donc taper ici, et même si je ne le vois pas dans cette fenêtre, au moins je sais que je l'ai bien tapé Donc NIC RAGAN, Nu nicaraguayen. Oui, donc je peux voir que tout est là comme je le voulais. Maintenant, ce que je peux faire ici aussi, c'est le mettre en évidence et je peux venir ici et réduire la taille de la police. Il s'agit donc d'une sorte d'astuce utilisée par les éditeurs lorsqu' ils redimensionnent des articles de journaux et de magazines Allons-y. J'ai donc réussi à le faire sans avoir à ajuster le cadre. C'est donc très pratique. Maintenant, je peux fermer cela, revenir à mon outil de sélection. Je me demande juste si je devrai le déplacer un peu vers le bas ? Je veux que ce soit un peu plus centré. Donc, le type d'écart en haut entre le trait blanc et le trait blanc. Je veux que ce soit un peu plus égal au bas de l'échelle. Alors cliquez, faites une pause, faites simplement glisser un peu comme ça. Quelque chose comme ça me va bien. OK, c'est bon. Qu'en est-il de sa couleur ? Comme vous le savez, il faut que ce soit cette couleur. Mais mettons d'abord l'image ici. Encore une fois, il s'agit d'un cadre qui contient une image. Il s'agit d'un modèle créé dans Illustrator, nous allons donc le remplacer en accédant au fichier et au lieu. Et j'ai deux motifs triangulaires différents ici. J'ai celui-ci et celui-là. Je pense que je vais opter pour celui-ci. Notez que c'est un fichier AI, c'est-à-dire Adobe Illustrator. Quand je l'ouvre, et qu'il arrive. Maintenant, c'est la partie la plus difficile. Comment puis-je faire en sorte que ça ressemble davantage à ça ? C'est vraiment une mise au point de ce que nous avons fait la dernière fois. Il clique dans le cercle du milieu et cela nous indique à nouveau que même si le tout se trouve dans ce contenant bleu, nous avons plus de contenu ici. Je peux cliquer et faire une pause, puis commencer à faire glisser ce rond. Nous essayons de perdre ces triangles à moitié affichés comme ça. Prends quelque chose comme ça. Ce n'est pas trop mal, mais j' aimerais avoir un peu plus d'écart de ce côté. Donc, la façon dont je vais le réduire. Maintenant, le moyen le plus simple de le faire est probablement ici avec ces chiffres. Si je les réduis d'un pourcentage ou deux, puis que je réessaie. Cliquez et faites glisser. C'est un processus un peu compliqué. Ce n'est pas trop mal. Je vais essayer avec un autre pourcentage. Cliquez sur Pause, puis faites glisser le pointeur. En fait, cela n'a pas aidé, alors essayons de revenir en arrière. C'est peut-être aussi proche que je peux le faire de ce que j'ai fait. C'est très utile. Ce n'est pas trop mal. Le seul problème, c'est que ceux du bas sont coupés. Si je le désélectionne en cliquant sur le bord du cadre, lorsque je clique à nouveau dessus, je remarque que je suis responsable de mon cadre bleu, qui est le conteneur Je peux cliquer, faire une pause, puis faire glisser le pointeur J'espérais obtenir un chevauchement, mais cela ne fonctionne pas, donc je vais devoir revenir en arrière. Je pense que ce que je vais devoir faire sans passer des heures là-dessus , c'est simplement cliquer et faire glisser le tout un peu vers le bas, pour qu'il soit un peu plus centré. Ce n'est pas tout à fait celui que je recherchais, mais je pense que sans vous embrouiller complètement, je pense que je vais m'arrêter là. Maintenant, ce que je ne vous montre pas encore c'est qu'il existe un autre moyen de changer images en cliquant et en faisant glisser et je vous le montrerai plus tard, mais pour le moment, je pense que c'est suffisant de voir les choses de cette façon Enfin, qu'en est-il de la couleur ici ? Il faut que je fasse entrer cette couleur ici. Normalement, lorsque vous importez des logos ou d'autres éléments de ce type dans InDesign depuis Illustrator, un échantillon est automatiquement créé pour vous. C'est ce qui s'est passé ici. Mais dans ce cas, ce n'est pas le cas parce que c'est un schéma. Donc, pour introduire cette couleur manuellement, je vais créer un tout nouvel échantillon Et pour ce faire, je vais examiner les directives de la marque. Je les ai donc ouverts ici dans Acrobat. Vous y avez donc également accès. Vous pouvez voir que ce sont les directives de marque de Cafe Puro, et c'est cette couleur bleue que je veux Je peux donc saisir les valeurs CMYK. Il s'agit des valeurs pour l'impression le RGB à l'écran ou les couleurs du Web. Je vais opter pour celui imprimé. Donc 660, 15 et zéro, d'accord, 660, 15, zéro. Voyons si je peux m'en souvenir. Je vais donc le faire dans le panneau des échantillons S'il n'est pas ouvert, il suffit de cliquer dessus une fois pour l'ouvrir Et puis ce petit bouton en haut à droite qui permet d'accéder à un menu, et neuf fois sur dix, l' élément le plus utile du menu se trouve juste en haut, et c'est le cas ici. Donc, nouvel échantillon de couleur. Donc, si je me souviens bien, c'était 66 cyan, bleu clair, pas de magenta. C'était 15, je crois ? Oui, ça a l'air correct. 660, 15, zéro. Il va le nommer avec cette valeur de couleur, donc il va le nommer comme ça. Si je voulais annuler cela et l'appeler Café Pero bleu clair, je l'annulerais et je l' appellerais ainsi, mais je ne Il va également l'ajouter à une bibliothèque CC. Maintenant, c'est une autre façon d' utiliser les échantillons, dont nous parlerons Pour l'instant, je ne vais pas m'inquiéter à ce sujet. Nous ne faisons donc que l'ajouter à ce document. Et maintenant je peux utiliser mon outil de saisie. Je peux surligner tout mon texte, et je peux appliquer cette couleur. Pas tout à fait le même que celui que nous étions en train de copier, mais assez proche, j' espère que vous serez d'accord. Nous avons donc examiné un peu plus les éléments du design. Donc des cadres vides, des cadres avec des traits dessus, cadres avec des motifs. Nous nous sommes penchés un peu plus sur la modification des images. Nous avons examiné le redimensionnement du texte à l'aide l'éditeur d'histoire, désolé, à l'aide de l'éditeur d'histoire, de l' édition et de l'éditeur d'histoire Et nous avons envisagé d'utiliser les directives de la marque pour créer de nouveaux échantillons OK, essaie ça. Regarde comment tu vas. 10. Éditer des documents InDesign 4/5: Nous sommes donc en train de passer en revue certains documents de conception. Et pour être honnête avec vous, je vous lance délibérément des choses un peu délicates parce que, comme vous l' avez peut-être déjà découvert, il est parfois assez simple de comprendre ce que vous faites. Et si c'était aussi simple, vous ne suivriez probablement pas ce cours. Je vous présente donc le genre de choses que font mes étudiants. D'accord, c'est pourquoi je n'ai pas pu le faire ? Et quand je leur montre pourquoi c'est assez évident. Beaucoup de ces choses sont donc évidentes rétrospectivement. Et en voici quelques-unes maintenant. Donc, les couches et le mode de prévisualisation peuvent tous deux poser de vrais problèmes. Jetons donc un coup d'œil à cela. Donc, en matière de design, encore une fois, j'ai un avant et un après. Nous avons donc ce dépliant pour une autre marque. Donc des fleurs, de l'énergie végétale, en quelque sorte, euh, quel est le mot que je recherche pour désigner « plantes d'intérieur ». D'accord ? C'est donc le point de départ. Mais en fait, nous voulons que ça ressemble à ça. Dans une minute, nous examinerons couleurs changeantes et ce genre de choses. Le problème, c'est que si vous essayiez de comprendre ce qui se passe, voyez-vous qu'il n'y a pratiquement aucune information là-dedans ? Il n'y a pas de X pour vous montrer l'arrière-plan. Cela a l'air plutôt sympa, mais il est difficile de voir ce qui se passe. Et c'est parce que nous sommes dans un mode appelé mode aperçu. Maintenant, cela attire beaucoup de personnes qui vous ont peut-être déjà jeté. L'idée est d' avoir un aperçu de ce à quoi ressemble le document, ce qui est formidable. On ne voit pas tout le genre de choses supplémentaires, le genre de choses qui se passent dans les coulisses, mais parfois on a envie de voir ça. En fait, vous voulez probablement surtout le voir. Ainsi, dans le menu d'affichage, sous mode écran, par défaut, vous devriez travailler en mode normal. C'est ce que nous avons vécu jusqu'à présent. Mais ce document est resté en mode aperçu. Quand je le mettrai en mode normal, vous verrez que vous obtiendrez toutes ces informations supplémentaires, le X pour vous montrer les cadres vides, les bords des cadres, et ce genre de choses. D'accord. Alors faisons-le ici aussi. Passons au mode écran normal. OK, c'est utile. OK, c'est la prochaine étape. L'autre chose que vous allez trouver difficile, je suppose que cela vous est déjà arrivé de temps en c'est que nous allons changer cette couleur d'arrière-plan. Maintenant, regardons les éléments ici. Nous avons un texto là-bas. Nous sommes au courant de cela. C'est très bien Nous avons un logo ici. Nous avons maintenant une image ici, mais vous verrez peut-être aussi grâce à vos connaissances croissantes en matière de conception du vent, nous avons ce X en arrière-plan et que ce sera le bleu du cadre de la couleur bleue. Maintenant, c'est quelque chose de nouveau. Il s'agit d'une image découpée. Cette plante a donc été découpée dans Photoshop, peut-être pas très bien, pour être honnête. Vous pouvez y voir des lacunes un peu douteuses. Mais néanmoins, nous voyons à travers cela la couleur qui se trouve en dessous. Et comme vous le savez, nous voulons changer couleur du dessous pour une couleur plus foncée. Donc, le premier problème que vous allez avoir est savoir comment sélectionner ce cadre, et vous pouvez cliquer autant de fois que vous le souhaitez, mais vous ne pourrez pas le faire. Vous vous êtes peut-être dit que lorsque nous étions dans le document précédent, avec toutes ces choses superposées les unes sur les autres, vous vous êtes peut-être dit que c'est vraiment compliqué. Existe-t-il un moyen de contrôler ce que vous pouvez sélectionner ou ce que vous pouvez voir, et ce que vous ne pouvez pas voir ? Et si vous pensiez à cela, alors la fonctionnalité que je vais vous montrer est InDesign, une sorte de réponse à cela Alors laissez-moi simplement annuler le déplacement du cadre à cet endroit, d'accord ? Jetons un coup d'œil à ça. Ce n'est donc pas quelque chose que vous rencontrerez toujours, mais ce panneau, appelé panneau Layers, est difficile lorsque vous avez besoin d'en savoir plus , si vous ne le savez pas. Ainsi, par défaut, les documents de conception ne comportent qu' une seule couche. C'est ce qu' on appelle Layer One. Tout ce sur quoi nous avons travaillé jusqu'à présent et la plupart des projets sur lesquels nous travaillerons à l'avenir ne se feront donc que sur une seule couche. Je suppose que je devrais juste vous le montrer si je fais pause d'une seconde. Allons-y. Tout ici est donc sur une seule couche, et c'est très bien, mais cela peut devenir un peu compliqué, alors qu'ici, comme vous pouvez le voir, sur cette couche que nous essayons de modifier, nous avons la couche de texte, la couche de logo, la couche photo et la couche de couleur d' arrière-plan Vous ne saviez pas que c'était fonctionnel parce qu'il est masqué, mais lorsque vous l'ouvrez, vous pourrez peut-être voir que le calque de texte est déverrouillé C'est pourquoi je pourrais le sélectionner, mais les autres ne le sont pas maintenant La raison d'être des couches est précisément pour cette raison, vous pouvez donc dire que je travaille sur le texte Je ne veux pas sélectionner quoi que ce soit d'autre accidentellement , vous pouvez donc les verrouiller. Mais supposons que j'ai fini de modifier le texte et que je voulais changer la couleur d'arrière-plan, je déverrouillerais la couche de couleur d' arrière-plan. Mais si je ne suis pas sûr de savoir quelles couches, je peux simplement cliquer comme ça, afficher et masquer. OK, c'est donc ce que nous allons vouloir aborder. Il va falloir débloquer certaines couches. Mais avant cela, nous allons également avoir besoin des couleurs pour changer l'arrière-plan. La prochaine chose que nous allons examiner une fois de plus concerne les directives relatives à la marque. Voici donc les directives de marque de Plant Pow. Vous y avez accès. Et je veux pouvoir jouer avec ces couleurs. Maintenant, si je crée ces échantillons dans le design, ils figureront dans ce document en particulier, mais pas dans un autre document Et cela peut devenir agaçant au bout d'un moment. Si vous travaillez pour une marque en particulier, vous vous demandez peut-être s' il existe un moyen de toujours accéder à une couleur en particulier. Il y en a une, c'est ce qu' on appelle une bibliothèque CC. est l'abréviation de Creative Cloud, l'application qui est en quelque sorte à la traîne en matière de design, d' Illustrator et de Photoshop. Et si vous créez une bibliothèque CC contenant des éléments tels que des couleurs ou des logos, vous pouvez y accéder à partir de n'importe quel document de conception, ainsi que d' Illustrator et de Photoshop. C'est donc ce que nous allons faire maintenant. Nous allons créer une bibliothèque CC pour cette marque Plant Power. Donc, sous bibliothèques Sushi, allez dans le menu déroulant et dites « créer une nouvelle bibliothèque ». Je vais donc appeler ça. J'ai plein d'autres bibliothèques ouvertes, donc je vais faire quelques soulignements pour le mettre au début En fait, laisse-moi le faire. Je vais juste taper. Oups, qu'est-ce qui se passe là-bas. Parfois, vous devez cliquer pour y retourner . Allons-y. Énergie de l'usine. Et puis créer maintenant, il y a parfois un délai qui ne fonctionne pas 100 % du temps parce que nous comptons sur connexion au serveur Adobe où que ce soit dans le monde. Alors voilà. C'est ouvert, mais c'est vide. Tout d'abord, comment puis-je intégrer des couleurs dans ce document ? Eh bien, vous pouvez déjà utiliser le panneau Swatches, et nous pouvons également utiliser nos directives de marque Je vais donc créer cette couleur rose clair. Maintenant, je pourrais taper ces chiffres, mais je vais légèrement tricher En cliquant sur ce bouton, accédez à Acrobat, que vous pouvez également obtenir dans le cadre du Creative Cloud Vous n'êtes pas obligée de le faire, mais je le fais juste pour gagner un peu de temps et vous éviter de me regarder le faire pendant longtemps. Je vais donc modifier le PDF. Je vais juste y copier le code Web. Commande C. Je vais retourner dans InDesign Je vais créer un nouveau, je ne vais pas créer un nouvel échantillon Je vais cliquer sur cette couleur de remplissage, double-cliquer dessus. Je le fais parce que dans cette zone, je peux coller Command V, Control V pour coller. C'est ce qui me donne cette couleur. Et quand je suis d'accord, je peux l'ajouter à ma bibliothèque CC. Maintenant, le seul problème est que je veux pouvoir voir mon panneau d'échantillons et la bibliothèque CC en même temps Comme tu l'as vu, je viens de l' arracher. Et puis si je clique sur cette couleur et que j'en fais un nouvel échantillon, je ne l'ai pas fait dans le dernier exercice, mais je vais le faire maintenant Je vais dire, oui, ajoutez-le à ma bibliothèque Plant Power. Lorsque j'appuie sur OK, il apparaît dans mon document et il y apparaît également. Laisse-moi le faire encore quelques fois et tu t' en rendras compte. De retour ici, recopiez le numéro. Double-cliquez ici, collez le code. Créez un nouvel échantillon. Il n'oublie de l'ajouter à la bibliothèque. Et je continue simplement. En fait, je viens de voir qu'il existe un moyen un peu plus rapide de le faire, qui consiste copier-coller. Voyez-vous l'ajout d'un échantillon RGB ? Cela semble le faire en une seule étape. C'est encore mieux. Mais quand il l'a fait, oui, cela ne m'a pas donné la possibilité l'ajouter à la bibliothèque. L'autre façon de procéder est donc ce petit bouton en bas qui l'ajoute à la bibliothèque CC actuellement sélectionnée. Et je dis actuellement sélectionné parce que, encore une fois, vous en avez peut-être plusieurs. En fait, vous en aurez plusieurs pour les différentes marques sur lesquelles vous travaillerez. OK, je vais faire les deux suivantes, mais ensuite je vais avancer rapidement, pour que tu n'aies pas à me regarder faire ça à toute vitesse. Très bien, alors allons-y. Voici donc mes bibliothèques CC. Je peux donc maintenant appliquer couleurs directement à partir de là ou à partir d'échantillons Mais ce que je veux faire, c'est m'assurer que les échantillons sont revenus là où ils étaient avant Maintenant, un bon moyen de le faire est de réinitialiser les classiques d'Essentials. N'oubliez pas qu'il s'agit de l'espace de travail. Si je le réinitialise, il revient à ce qu'il était par défaut, ce qui a en fait supprimé les bibliothèques CC, qui n'était pas ce que je voulais faire. Donc, d'accord, je n' avais pas l'intention de le faire, mais vu que cela se produit, passons aux bibliothèques Windows et CC juste pour les récupérer. Allons-y. Ensuite, je le dépose là-bas. Allons-y. Voici nos bibliothèques. OK, donc à la prochaine étape, nous allons changer la couleur de fond de celui-ci pour qu'il ressemble à celui-ci. Alors faisons-le. Ce sera donc le vert foncé. Donc, dans le panneau des calques, assurez-vous que le calque d'arrière-plan est déverrouillé Ensuite, avec l'outil de sélection, nous devrions pouvoir sélectionner le cadre. Un bon indice de sa sélection est le fait que nous pouvons voir la couleur vert clair. Mais comme vous le savez, nous allons le changer en vert foncé. Ça a l'air mieux. D'accord. La prochaine chose que nous allons faire. Nous allons changer le texte en rose clair. Alors maintenant, j'ai dit tout à l'heure que vous devriez d'abord sélectionner le cadre. C'est généralement une bonne idée. Débloquons simplement toutes ces couches, en fait. Mais maintenant que vous savez ce que vous faites, je vais probablement passer directement à l'outil de saisie et le sélectionner. Nous allons donc sélectionner tout ce texte. Utilisons le rose clair. Notez que cela ne semble pas avoir fonctionné, mais c' est parce que le texte est toujours surligné. Lorsque vous arrêtez de le surligner, vous verrez que cela a fonctionné. Maintenant, également sur le texte, pouvez-vous remarquer la différence subtile entre celui-ci, qui, je dirais, est bien meilleur. Et celui-ci. Maintenant, laissez-moi vous montrer ce qui s'y passe. Une fonctionnalité intéressante du design, qui n'est pas utilisée par beaucoup de personnes, est cette fonctionnalité en bas du menu de saisie appelée Afficher les caractères cachés. Cela vous montre ce que vous avez saisi. Il affiche donc des éléments tels qu'un point, ce qui signifie que vous avez appuyé sur la barre d'espace, ou l'un de ces objets appelés corbeau, qui signifie que vous avez appuyé sur Retour C'est donc un classique ici. J'ai appuyé plusieurs fois sur Retour pour obtenir l'espacement. Le problème, c'est que j'ai un espacement assez maladroit, et je ne veux vraiment pas autant d'espacement Donc, pour ce qui est de la façon dont je peux résoudre ce problème, tout d'abord, il est utile de le voir. Mais si je sélectionne ce caractère, je peux réellement utiliser la valeur principale dont nous avons parlé dans la leçon précédente. Je peux le réduire ainsi, afin de contrôler beaucoup plus finement l'espacement. Cela implique en quelque sorte que ces deux phrases vont de pair plutôt que d'être éloignées l'une de l'autre. Plus d'informations à ce sujet lorsque nous parlerons de théorie du design. Alors, on y va. Nous avons changé la couleur de fond, nous avons changé la couleur du texte. La seule autre chose que nous devons changer c'est le type ici. Maintenant, c'est du texte sur un chemin. Nous pouvons donc le sélectionner. Encore une fois, vous devez d' abord cliquer puis faire glisser le pointeur, croyez-moi , j'ai utilisé la couleur rose vif . C'est probablement ce que j'ai fait. Vérifions-le. Non, j'utilise la couleur verte. Et aussi, on fait une rotation pour commencer à lire là où c'est peut-être un endroit un peu plus naturel pour quelqu'un de regarder Faisons donc ces deux choses. Faisons donc un cercle comme ça, optons pour la couleur verte. Et puis revenons à l'outil de sélection. Donc, si vous voulez faire pivoter quelque chose et que vous voulez le faire pivoter à une température standard de 45 ou 90 degrés, vous avez un bouton ici. Celui-ci ira vers la gauche, tournera dans le sens antihoraire Allons-y. Et maintenant, enfin, nous pouvons voir à quoi cela ressemble réellement. Comme vous le savez, nous pouvons revenir en mode aperçu, et nous pouvons voir qu'il semble assez proche de l'autre. Mais une dernière chose, nous avons également le mode présentation. Cela vous donne, comme vous pouvez l'imaginer, l'idée de la possibilité de faire une présentation, ce qui est utile, mais aussi cela vous montre en pleine qualité. Nous n'avons donc pas encore constaté trop de problème à ce sujet, mais si vous travailliez vous voyiez les choses en faible qualité Lorsque vous passez en mode présentation, cela vous montre en pleine qualité. Il y a donc beaucoup de choses à aborder, les couches, les bibliothèques CC, les personnages cachés, le mode de prévisualisation, mode de présentation, mais choses vraiment très utiles en matière de design. Alors essayez-le, voyez comment vous vous en sortez. 11. Éditer des documents InDesign 5/5: Dans la dernière vidéo de ce module, nous allons examiner quelques autres points qui peuvent être un peu difficiles en termes de conception lorsque vous modifiez des documents. La première concerne ce que l'on appelle une page maître et la seconde consiste à adapter le texte lorsqu'il ne convient pas tout à fait. Beaucoup de choses à regarder. Voici le document tel qu'il sera. Il s'agit d'une fiche d'information recto verso pour une autre entreprise, et c'est ce que les clients obtiendront en réservant l'une de leurs visites. Cela leur indique ce qui se passe. Si nous examinons cela en mode présentation, vous pouvez voir qu'il y a la première page. J'appuie sur la flèche vers le bas mon clavier pour passer à la page deux, afin que cela s'adapte parfaitement à deux pages. Remarquez également la qualité de la carte créée dans Illustrator. C'est un graphique vectoriel. Le logo est également créé dans Illustrator. Maintenant, j'ai réalisé lors de l' enregistrement de la dernière vidéo que j'avais modifié mes paramètres dans InDesign, qui pourraient être différents des vôtres. Je l'ai donc redevenu normal maintenant. Vous remarquerez que la qualité n'y est pas très bonne. Ça avait l'air bien il y a une minute. C'était en mode présentation, ce qui, comme je l'ai dit précédemment, vous offre une qualité totale. Ce que vous avez peut-être découvert en travaillant sur cette carte postale, c'est que la qualité du logo était similaire. Vous vous êtes peut-être demandé pourquoi le mien avait l'air bien. Je vais vous expliquer pourquoi c'est parce que j'étais dedans que j'utilisais ce que l'on appelle le mode d'affichage haute qualité, qui est bien meilleur, n'est-ce pas ? C'est donc le mode par défaut dans lequel je travaille, mais j'ai réalisé que ce n'est pas le mode par défaut Il est donc fort probable que vous n'ayez pas travaillé comme ça . Vous vous demandez peut-être ce qui se passe. C'est donc ce qui s'est passé. Donc, en ce qui concerne les performances d'affichage, vous avez peut-être utilisé un affichage classique. J'utilise de la haute qualité. haute qualité est donc utile dans la mesure où vous pouvez évidemment voir des choses de haute qualité. L'inconvénient est que cela consomme plus d'énergie sur votre ordinateur, en particulier lorsque vous travaillez sur longs documents contenant de nombreuses images, cela peut vraiment le ralentir C'est pourquoi il n'y figure pas par défaut. Cela explique donc cette partie. OK, prochaine étape. Nous voulons donc que ce document ressemble à celui-ci. Maintenant, cette fois, le seul changement que nous voulons apporter est de changer la date , puis d'adapter le texte. Notez donc que cela doit dire 2022. Comme beaucoup de choses, il a été reporté de quelques années. Alors, comment puis-je m'y prendre ? Eh bien, laissez-moi voir si je peux sélectionner ce cadre. Et comme vous pouvez le constater, je n'arrive pas à le sélectionner. Vous pensez peut-être : OK, ça doit être une couche alors. Regardons les couches. Mais non, cela n'a rien à voir avec les couches. C'est la valeur par défaut, tout se trouve sur la première couche. C'est une autre chose qui, rétrospectivement, prend tout son sens une fois qu'elle a été expliquée C'est ce que l' on appelle un élément de page principale. Nous n'avons même pas encore examiné le panneau des pages, mais lorsque vous savez s'il s'agit d'une page 64 pages ou de quelque chose entre les deux ou même plus, chaque page est répertoriée ici dans le panneau des pages. Désormais, chaque page B par défaut est basée sur ce que l' on appelle la page Amster, et c'est la page qui conserve par défaut toutes les pages identiques Donc, ce qu'il est possible de faire, si je double-clique sur cette page, il est possible d'y mettre des éléments. L'avantage de le faire, c'est qu'ils apparaissent sur chaque page du document. Cela signifie donc que si je devais ajouter une troisième page, elles apparaîtraient automatiquement. C'est donc parfait si vous concevez, disons, un journal ou un livre où vous voulez que le numéro de page figure sur chaque page ou quelque chose comme ça. C'est exactement comme ça que tu t'y prendrais. Nous devons donc changer la date 2020-2020. Je vais juste le changer en 2023, juste pour que nous puissions voir qu'il est différent de l'autre. Et quand je clique, double-clique sur la première page, il est écrit 2023, la page deux dira également la même chose. OK, c'est donc de l'édition sur la page principale. Sachez donc que lorsque vous le faites, cela changera toutes les pages qui en découlent. Donc, par défaut, il ne s'agit que de la page principale A. C'est possible. Je ne pense pas que nous allons examiner ce document. Peut-être que dans ce cours, peut-être brièvement, nous examinerons plusieurs pages maîtres, mais cela devient un peu plus avancé. Mais si tel est le cas, vous verrez les lettres B ou C ici, et vous devrez plutôt consulter ces pages maîtresses. Quoi qu'il en soit, je m' éloigne de moi-même. C'est vrai. C'est ce qui est fait. La question suivante est de savoir comment adapter le texte Plus tôt, lorsque nous modifiions des bouts de texte comme celui-ci, nous avons constaté que lorsque nous les rendions un peu trop grands, nous voyions cette petite marque de dépassement J'ai dit que dans ce contexte, il suffisait de réduire légèrement le texte. C'est très bien dans ce contexte. Mais dans ce contexte, où il s'agit d'un dessin qui a été utilisé à maintes reprises, ils ne vous remercieraient pas d' avoir simplement réduit tout le texte ici. Le contexte ici est donc que le design est déjà établi et approuvé, et qu' il existe des directives de marque. Ce qui doit changer, c'est soit que le texte doit être plus court, soit que nous devons perdre une ou deux images. C'est vraiment l'une de ces choses. Regardons donc la première page. Double-cliquez donc pour accéder à la première page. Je pense que le problème ici est que nous avons deux images, et il n'y a tout simplement pas de place pour elles. Donc, si vous pouvez voir , nous passons au 13e jour. Le texte devrait vraiment aller jusqu'au 16e jour. Débarrassons-nous donc de cette image afin de pouvoir la sélectionner à l'aide d'un outil de sélection. Si je le supprime pendant une seconde, vous pouvez voir que le texte revient en quelque sorte en arrière. Il existe ici une fonctionnalité appelée Text Wrap. Vous pouvez l'appliquer à une image, et cela élimine le texte. Plus tard dans le cours, vous apprendrez à créer ce document et à créer un habillage de texte. Mais pour le moment, vous pouvez voir que cela fonctionne car cela pousse le texte lorsque vous faites en sorte que l'image occupe l' endroit où se trouve le texte. Je vais m'en débarrasser et le supprimer. Voyons ce que nous avons maintenant. Bien mieux. Nous allons passer aux jours 14 et 15. Nous savons que cela va jusqu'à 16, mais vous pouvez voir la quantité de texte supplémentaire, comme nous l'avons fait auparavant, vous pouvez placer votre curseur vers la fin et vous pouvez modifier dans l'éditeur d'histoire. Si nous faisons défiler l'écran un peu vers le bas, nous pouvons voir que c'est le texte surélevé, jour 16, d'une, deux, trois, quatre, cinq, six lignes Il nous reste juste un petit moment à rentrer. N'oubliez pas que c'est votre vol de retour qui aura le dernier mot . C'est ce que nous recherchons. Comment le récupérer ? Une solution serait de rendre cette image un peu moins haute. Cela nous permettrait certainement d' obtenir quelques lignes. Une solution serait de réécrire la copie. Mais la vérité, c'est que parfois vous êtes autorisé à le faire. Vous serez remercié de l'avoir fait. D'autres fois, ils ne veulent vraiment pas que vous réduisiez une image ou que vous changiez la copie. Parfois, il n'est vraiment pas approprié ou même illégal de modifier la copie de certains types de documents. Il existe donc une autre approche que vous pouvez parfois utiliser, qui est moins évidente, et c'est ce dont je veux vous parler maintenant. C'est ce qu'on appelle le suivi. Maintenant que le suivi est utilisé dans un contexte de conception, l'idée du suivi est de rendre le texte plus évident afin de le faire ressortir à distance. Ce que je pourrais faire rapidement, c'est accéder à la page principale. Et je vais juste vous montrer le suivi ici. Si je devais me débarrasser d'un bout de texte, sélectionner ce texte. Et pour effectuer le suivi, j'augmente simplement ce chiffre ici et vous pourrez voir ce que cela fait. Cela laisse de l'espace entre les lettres et attire vraiment l'attention. Il y a aussi un petit surlignage bleu. Je vous expliquerai cela en temps voulu. Je vais juste l' éteindre pendant une seconde. Vous l'avez peut-être vu certains types de marques l'utiliser. Pensez à la marque Chanel, qui utilise une police de caractères différente, mais néanmoins des caractères majuscules avec beaucoup d'espace entre eux C'est du suivi. C'est utilisé dans un contexte de design. Je vais juste faire quelques annulations pour le remettre là où il était avant. Beaucoup de commandes Ed. OK. Désormais, le suivi peut également être utilisé dans un contexte éditorial. Parce que si vous regardez ce paragraphe ici, je vais faire un, deux, trois ou quatre clics pour sélectionner le paragraphe entier. Si je devais faire un tout petit suivi maintenant, pouvez-vous voir que c'est un peu plus court si j'en fais un peu plus, j'espérais que cela conviendrait. En fait, cela ne convient pas tout à fait, donc je vais l'annuler. Vous vous demandez peut-être que je ne vais pas aller plus loin. ne faut pas en faire plus de 15 ou 20 tout au plus, alors j'espérais que cela permettrait récupérer. Je vais donc annuler ça. Désolé, annulez-le en allant dans l'autre sens. Ce que je recherche, c'est un paragraphe. J'espérais que cela fonctionnerait, mais celui-ci devrait fonctionner, où je vais simplement zoomer dessus pour vous. fait, je fais Command Plus pour zoomer, Control plus sur le PC. Essayons ça. Moins dix. Nous y voilà. Donc, avec -20, nous avons regagné une ligne. Et voyez-vous que nous avons maintenant, si je l' annule pendant une seconde, tout cet espace, parce que c'est revenu, qui a également fait reculer cette autre ligne . Nous y voilà. Cela a donc réglé un certain nombre de points. Jetons un coup d'œil à la deuxième page et voyons si cela fonctionne. On y est plus ou moins presque. Mais pouvez-vous voir le candidat suivant ici, un, deux, trois ou quatre clics ? Cela me semble plutôt horrible. Tout cela devrait aller de pair, je pense. Si j'utilise à nouveau le suivi, moins dix -20, 20 ont fonctionné , mais franchement, pour être honnête avec vous, je ne veux pas utiliser plus de suivi que nécessaire. Je ne veux pas qu'il soit évident pour le lecteur que le texte est plus proche. Je vais essayer de faire, disons, -15. Oui, c'est bon. si je peux m'en tirer avec moins. Donc -12, par exemple. Oh, c'est bon. -11, peut-être. Génial. OK, c'est bon. Nous savons que moins dix n'a pas suffi, donc c'est une bonne chose. Et peut-être aussi sur le précédent. Nous y avons fait -20. Voyons si je peux m'en tirer avec moins que ça. J'essaie donc d'être aussi subtil que possible. Oui, -15, c'est fait ? OK. Il suffit de commander zéro, en passant, de commander zéro ou de contrôler zéro. Il affiche toute la page à l'écran. Bon, alors maintenant, sur cette première page, tous ces paragraphes s'intègrent parfaitement. À la deuxième page, en fait, nous y voilà. Nous avons réussi à faire en sorte que tout cela s'intègre parfaitement. Je peux voir que nous y sommes arrivés jusqu'au bout. En fait, nous avons ce caractère spécial, cette balise de hachage nous indique que tout le texte correspond C'est ainsi que nous pouvons utiliser quelques astuces pour que le texte s' adapte là où il ne l'est pas autrement. Supprimer les images peut fonctionner, taille des images peut fonctionner Bien que nous n'ayons pas vraiment examiné la question, réécriture de la copie peut parfois fonctionner Mais ce qu'on appelle le suivi, lorsqu'il est utilisé dans un contexte éditorial , peut vraiment être utile. Il y a juste une chose que je dois dire à ce sujet. Nous en reparlerons beaucoup plus tard dans le cours. Mais il existe un panneau appelé Styles de paragraphe. Maintenant, c'est ainsi que sont assemblés tous les types de textes sérieux en matière de design. Excusez-moi. Ils utilisent des styles de paragraphe afin que vous puissiez être sûr que le texte est cohérent. Mais il y a un petit bouton qui l'accompagne ici. Cela a déjà été activé et je vais le réactiver. Cela nous indique si un texte s' est éloigné de sa configuration initiale, et vous pouvez voir que les deux paragraphes où j'ai fait le suivi, et celui-ci, sont maintenant surlignés dans cette couleur bleue pour nous indiquer qu'il ressemble un sont maintenant surlignés dans cette couleur bleue pour peu à ce qu'il était avant, mais nous nous en sommes éloignés. Vous y trouverez donc également ce petit avantage, nous indique si vous passez la souris dessus que nous avons effectué un suivi -11 Cela ne vous empêche donc pas de le faire, mais cela vous avertit simplement que vous vous êtes éloigné de la valeur par défaut. Plus d'informations à ce sujet plus tard dans le cours. Mais nous y voilà. Il existe des moyens utiles de modifier le texte pour l' adapter et aussi ce qui peut faire peur aux gens, à savoir éléments figurant sur les pages maîtres. Bravo, nous sommes arrivés à la fin du premier module du cours. 12. MODULE 4 : Retoucher des fichiers SVG avec Illustrator 1/3: Dans le prochain module du cours, nous allons nous intéresser à Illustrator. Maintenant, nous n'avons jamais examiné Illustrator auparavant. Tu sais à peu près ce qu'il fait. Il crée ce que l'on appelle des graphiques vectoriels que vous intégrerez généralement dans InDesign C'est ce avec quoi nous allons travailler ici. Nous avons notre logo ici à l'écran, le logo Plant Power. Maintenant, vous l'avez déjà vu. Vous l'avez vu utilisé dans InDesign. Nous allons le modifier pour qu'il ressemble à ceci. Nous allons le faire pour que vous ayez une idée de la façon dont vous pouvez travailler avec ces éléments, mais aussi de l'endroit où vous pouvez les trouver, car vous pouvez obtenir certains types de ces éléments gratuitement sans avoir à les créer vous-même. Plus tard, vous apprendrez à créer des graphiques vectoriels à partir de zéro. Mais pour l'instant, nous allons utiliser ceux que vous pouvez consulter en ligne. Et il existe une ressource fabuleuse en ligne. Créé par Pablo Stanley, qui a créé les humains. ont D'autres personnes ont fait des choses similaires, mais c'est un très bon exemple d' endroit où trouver un mélange d'illustrations . Comme vous pouvez le voir, vous pouvez les télécharger et elles sont gratuites pour un usage commercial. C'est donc ce que j'ai fait. Je les ai téléchargés. Et depuis Illustrator, je vais ouvrir. Voici donc ce que vous allez voir. Vous verrez si vous téléchargez tout, vous aurez les pièces uniques et les humains. Donc, à l'intérieur, vous avez différentes personnes dans des positions différentes et vous avez également des scènes. Et c'est l'un d'entre eux avec lequel je vais travailler. Maintenant, vous remarquerez peut-être que vous avez des fichiers PNG et que vous avez également des fichiers SVG Les fichiers PNG sont donc des bitmaps, ils sont donc composés de pixels Ils fonctionneront donc correctement en ligne, mais vous ne pouvez pas les redimensionner autant sans perte de qualité SVG est l'abréviation de Scalable Vector Graphic. Il s'agit donc d'un graphique vectoriel évolutif. Cela est donc particulièrement utilisé dans le développement d'applications, mais il peut également être utilisé en ligne. Mais nous allons l'utiliser pour ouvrir le SVG de celui que nous voulons, car nous pouvons le modifier dans Illustrator Alors laisse-moi trouver celui que je recherche. C'est celui-là. Je vais donc ouvrir non pas la version pin, mais la version SVG. Et c'est ici. Ainsi, dans Illustrator, tout comme dans le design, l'outil que vous allez utiliser le plus souvent est l'outil de sélection. Comme dans le design, vous avez les mêmes zones. Vous avez donc la zone sur laquelle vous travaillez, le panneau d'outils, le panneau de commande, les menus et ces panneaux. Et encore une fois, les panneaux sont contrôlés par l'espace de travail. L'espace de travail par défaut que vous utiliserez sera Essentials. Ce sera tout à fait normal. Ainsi, lorsque je clique sur l'élément que je souhaite, s'agit souvent de la première expérience des utilisateurs avec Illustrator. Il se produit quelque chose d'un peu effrayant comme ça. Vous vous demandez : « Eh bien, que se passe-t-il ? Je veux juste ce morceau. n'est pas ce que je veux. L'une des premières choses que nous allons apprendre à faire est donc de dissocier les groupes Cela se produit parce qu'ils font tous partie d'un grand groupe, comme vous pouvez le voir dans le coin supérieur gauche. Donc, si nous allons dissocier les objets, nous pouvons les désélectionner Donc, comme dans le design, cliquez sur le bord de la page comme ça pour la désélectionner Quand je clique à nouveau, vous remarquerez peut-être que c'est chance, vous pourriez penser que j'ai tout cela. En fait, il y a ce qu'on appelle des sous-groupes. Ainsi, au sein d'un groupe plus important, vous pouvez avoir d'autres groupes imbriqués à l'intérieur Et c'est une excellente façon de concevoir quelque chose, c'est ainsi que Pablo Stanley l'a fait. Et lorsque nous envisagerons de créer des choses par nous-mêmes, je vous apprendrai à le faire de la même manière. Cela signifie donc qu' en un seul clic avec cet outil de sélection classique, je peux plutôt sélectionner cet objet, ce groupe. Je vais faire des modifications, des copies, puis je vais accéder à mon logo ici et faire des modifications et des collages. Maintenant, j'aime bien ça, en fait. Cela pourrait très bien fonctionner, mais c'est bien plus que ce dont nous avons besoin. Comme dans le design, je peux effectuer un zoom arrière. Je peux faire Command minus ou Control minus sur le PC, juste pour dézoomer un peu. Je m'assure que mon groupe est sélectionné. Je peux le réduire de différentes manières. En fait, il y a une fonctionnalité que j'aurais dû activer, pour qu'elle ressemble à la vôtre, savoir le cadre de délimitation . Allons-y. C'est ce que vous auriez vu en fait lorsque vous avez sélectionné ces autres éléments, ce cadre de sélection. Par défaut, je ne l'ai pas activé. Plus d' informations à ce sujet plus tard. Comme vous pouvez l'imaginer, comme vous pouvez l'imaginer, je peux cliquer et faire glisser Mais ce que tu ne veux pas faire, c'est le faire. Maintenez la touche Shift enfoncée pendant que vous faites glisser le pointeur pour lui donner la taille et la forme souhaitées Cela fait, je vais aller chercher n'importe lequel de ces objets. Et je peux l'agrandir. Je vais maintenant zoomer en arrière, donc Command or Control plus. Ensuite, je peux à nouveau le redimensionner en maintenant la touche Shift enfoncée pour lui donner l'apparence que je veux. Maintenant, vous remarquerez peut-être qu'il y a un peu de transparence ici. C'est semi-transparent. Maintenant, cela pourrait vous plaire, auquel cas vous pouvez le garder. Mais pour vous montrer comment désactiver cela ici, dans cette section où il est dit opacité, 70 %, je vais simplement le changer jusqu'à 100 Nous avons maintenant tous ces éléments ici, mais je souhaite les remplacer par les couleurs indiquées dans les directives de la marque. Vous vous souvenez peut-être qu' hier, nous avons examiné les directives de la marque et nous avons créé la bibliothèque CC in design pour Plant Power. Heureusement, la bibliothèque CC est également disponible ici. Et comme vous le verrez, il est là, prêt à être utilisé. C'est donc ce qui fait la beauté de ces bibliothèques CC. Ils peuvent être utilisés dans tous les programmes. J'y ai donc trouvé mes couleurs. Le fait est que je veux donner des couleurs différentes à ces éléments. Encore une fois, c'est là que le fait qu'il soit groupé fait obstacle. Encore une fois, je pourrais le dissocier, mais une astuce que peu de gens connaissent, moins lorsqu'ils débutent dans Illustrator, c'est que vous n'êtes pas obligé de le faire Vous pouvez utiliser un outil masqué sous cet outil appelé outil de sélection de groupe. Donc, si vous choisissez plutôt celui-ci, désélectionnez-le si nécessaire Mais vous pouvez ensuite cliquer sur un élément à la fois. Maintenant, vous ne voyez pas réellement cet élément lorsque je le sélectionne. Je pense que j'ai désactivé une autre fonctionnalité, qui consiste à masquer les bords. OK, j'aurais dû le faire. Allons-y. Donc, en gros, j'avais déjà masqué les bords la dernière fois que j'ai lu ce document, c'est pourquoi cela se produisait. Alors, on y va. Je peux maintenant sélectionner ces objets un un, un peu comme dans le design, vous avez ce que l'on appelle le remplissage d'un objet, puis le trait qui est la ligne autour du bord, ce qui me permet de voir le remplissage changer. Ensuite, je peux simplement choisir différentes couleurs qui correspondent à mes directives sur le brun. Quelque chose comme ça. Peut-être que c'est mieux. Je ne suis pas sûr. Je vous laisse décider de la façon dont vous le souhaitez. Ainsi, en quelques minutes, vous avez réussi à obtenir une vectorgraphie quelque part Vous l'avez téléchargé. Vous avez ouvert la version SVG, la version vectorielle évolutive Vous l'avez copié dans Illustrator, après l'avoir dissocié, puis en utilisant la sélection de groupes l' outil de sélection principal, vous l'avez redimensionné. Ensuite, avec l'outil de sélection de groupes, vous avez réussi à modifier les couleurs pour les adapter aux directives de la marque. Voici donc nos premiers pas dans Illustrator. 13. Modifier des fichiers SVG avec Illustrator 2/3: allons poursuivre notre examen de l' édition de graphiques vectoriels que nous pouvons télécharger Comme vous pouvez le voir ici, j' ai une autre marque que vous n'avez pas encore vue, et nous sommes en train de créer une image pour elle sur les réseaux sociaux. Ça commence comme ça, mais ça va finir par ressembler à ça. L'idée est donc, plutôt que de le créer nous-mêmes, nous allons le télécharger et le modifier pour qu'il corresponde aux couleurs de la marque, dans ce cas, le blanc. Cela vient donc des icônes en plumes, dont j'aime beaucoup le style Donc, de nombreuses icônes sont disponibles en ligne. J'ai créé moi-même des icônes par le passé. Et ce que je trouve difficile est d'en trouver qui semblent aller ensemble. Et je pense que c'est un très bon exemple d' un ensemble qui fonctionne vraiment très bien ensemble. Je vous le recommande donc. Depuis que j'ai décidé de les utiliser, ils vous ont permis choisir la couleur de votre choix lors du téléchargement, ce qui va légèrement à l'encontre de l'objectif de ce que je vais vous montrer Mais de toute façon, nous allons ignorer cela. Comme vous l'avez vu, j'ai trouvé une image ici quelque part qui ressemblait un peu à un avion en papier, ce qui, selon moi, pourrait être très utile. Et il est là quelque part. Voilà, celui-là. J'ai donc juste cliqué dessus et je l'ai téléchargé, ce que vous pouvez faire aussi, et maintenant je vais l' ouvrir dans Illustrator Maintenant, très souvent, ces fichiers sont vraiment très petits. Vous ne verrez peut-être même pas que je l'ai téléchargé ou ouvert parce qu'il est si petit. Donc, avec mon outil Zoom, je vais juste cliquer quelques fois. Et si nous regardons en quoi consiste le fichier, pour clonic, vous pouvez voir qu' un objet là, et il y en a un autre Je vais donc simplement cliquer et faire glisser tous ces éléments, tous les deux. Et comme vous pouvez le voir ici, la couleur de remplissage est nulle. C'est blanc avec une ligne rouge, donc il n'y a rien. Et la couleur du trait, c'est-à-dire la ligne autour du bord, est noire. Je veux donc le remplacer par du blanc. Donc, si je vais ici pour colorier, vous y trouverez toujours les couleurs noir et blanc des nonnes Je vais donc passer au blanc comme ça. Ensuite, je suppose que je pourrais simplement le sauvegarder tel quel, mais je vais le sauvegarder. Trouvez qu'il est préférable de l'enregistrer sous un nom utile. Je vais le mettre au bon endroit ici. Je vais l'appeler Limon. Nous livrons. Je pourrais l'enregistrer au format SVG, mais j'ai généralement tendance à travailler. J'ai généralement tendance à envoyer des éléments dans Illustrator si je dois travailler avec Illustrator dans le domaine du design, et c'est ce que je fais ici Je vais donc le garder, évidemment, parce que c'est blanc, c'est difficile de voir ce qui se passe, mais voyons simplement si cela fonctionne. Je reviens donc au design. Maintenant, en fait, je suis en mode aperçu, comme vous pouvez le voir, nous allons passer à celui-ci. Donc, affichez le mode écran et normal afin que nous puissions voir tous les éléments. C'est utile. Maintenant, lorsque vous insérez quelque chose dans le design, nous avons déjà sélectionné un cadre et apporté des images de cette manière. Mais si vous ne sélectionnez pas de cadre, lorsque vous archivez et placez, comme vous le verrez, cela crée un cadre pour vous et il lui donne la taille de l'image. Vous avez remarqué que nous avons ce tout petit cadre. Mais si je clique et fais glisser, je peux obtenir la taille que je veux pendant que je le fais glisser C'est un petit truc sympa pour les logos et les icônes. C'est à peu près la taille que je veux, en fait, mais si je voulais la redimensionner, il y a une bonne astuce, ces chiffres. Si j'appuie comme ça, ils grossissent, si j'appuie vers le bas, rétrécissent. Alors voilà. C'est un autre exemple du genre de choses que nous pouvons faire. Nous pouvons obtenir une image en ligne. S'il s'agit d'un SVG, il est au format vectoriel, nous pouvons donc l'ouvrir, ainsi qu' Illustrator, et nous pouvons changer les couleurs 14. Modifier des fichiers SVG avec Illustrator 3/3: Pour notre dernier aperçu de l'édition de fichiers SVG, voici un autre exemple rapide de retravailler avec les humains, Pablo Stanley en tant qu'humains, mais cette fois pour une autre marque Donc, pour cette marque, plutôt que d'opter pour une idée de jeu de papier, nous allons choisir certaines personnes. Personnellement, je ne suis pas convaincue que cela fonctionne, mais j'aime la façon dont les couleurs fonctionnent. Voyons donc comment nous ferions cela. Comme vous le savez, ici, nous avons toutes sortes de personnages intéressants avec lesquels nous pouvons travailler. J'ai donc ouvert quelques fichiers SVG dans Illustrator. En voici un, et voici l'autre. Vous remarquerez peut-être aussi que, d'après les directives de Brown, j'ai créé une bibliothèque CC. Nous y voilà donc. Il y a toutes ces couleurs. Vous pouvez donc créer vous-même une bibliothèque CC. Vous pouvez ouvrir un ou deux ou plusieurs de ces caractères si vous le souhaitez, puis modifier les couleurs pour qu'elles correspondent. Ainsi, par exemple, elles sont toute façon assez proches des couleurs. Je pourrais simplement les laisser, mais je pourrais, par exemple, dire : « D'accord, je veux qu'elle ait un haut rouge, par exemple. Je remarque d'ailleurs que j'utilise l'outil de sélection de groupe par opposition à l' outil de sélection principal, comme je l'appelle, qui sélectionnerait l'ensemble du groupe. Supposons donc que je fasse quelque chose comme ça, et qu'en fait, les couleurs soient les mêmes. Disons que nous avions une jupe orange peut-être quelque chose comme ça. OK, l'autre chose que vous remarquerez peut-être à propos de la version finale, c' est que j'ai fait demi-tour. Je l'ai donc fait en sélectionnant tout, puis en cachant sous cet outil de rotation un outil de réflexion Plus d'informations sur l'outil de rotation plus tard. Maintenant, si je double-clique, je peux me retourner comme ça. Et puis, en fait, il s'agit simplement de copier-coller dans le design Maintenant, vous passez souvent d' Illustrator à In Design. Cela dépend en quelque sorte si vous souhaitez modifier quelque chose plus tard. Donc quelque chose comme un logo, que vous ne voudriez généralement pas changer. C'est une bonne idée de le placer dedans. Mais s'il y a une chance que vous vouliez coller, désolée, si vous voulez travailler avec ça et le manipuler d'une manière ou d'une autre, comme je pourrais le faire, je peux l'apporter. Donc, contrôlez C pour copier, V pour coller ou commande si vous êtes sur Mac, et je peux la déplacer comme ça, par exemple. Je peux faire de même avec l'autre. Vous avez donc une idée, je l'espère, de la façon dont vous pouvez récupérer des actifs en ligne. Plus tard dans le cours, vous apprendrez à créer vous-même ce genre de choses. Mais pour l'instant, consultez-les en ligne pour découvrir les différentes options, les intégrer, les adapter aux couleurs de la marque pour qu'elles fonctionnent et voir ce que vous en pensez. Alors bonne chance. 15. MODULE 5 : Améliorer les images avec Photoshop 1/4: Dans cette section du cours, nous allons jeter un premier coup d'œil à Adobe Photoshop. Donc, comme cela a déjà été expliqué un peu, Photoshop est en grande partie le programme que vous allez utiliser pour éditer des images photographiques ou pour utiliser le terme technique d'images bitmap Donc, les images qui vous sont envoyées sous forme JPEG ou d'épingle, si vous voulez les modifier, les rendre plus claires ou plus foncées ou découper quelqu'un de l'arrière-plan, ce genre de choses, Photoshop est le programme par défaut utilisé pour le faire. Vous pouvez également l'utiliser pour créer des images pour les réseaux sociaux ou ce genre de choses de la même manière que vous pouvez le faire dans le domaine du design. Mais il est principalement utilisé pour retoucher des photos. C'est donc par cela que nous allons commencer. Nous allons examiner quelques techniques que vous pouvez utiliser pour améliorer vos photos. Maintenant, le contexte est important, car je vous ai déjà suggéré d'utiliser des images provenant de quelque part, comme Splash, ou il se peut que vous ayez vos propres sources d'images. Maintenant, très souvent, les images sont absolument correctes. J'ai dû regarder de près sur Splash pour trouver des images qui correspondent à ces marques qui pourraient également être légèrement améliorées. La plupart d'entre eux s'en sortiront bien. Mais si vous savez ce qu'il faut rechercher et ce que Photoshop peut faire pour vous, vous serez bien mieux placé pour importer des images et en tirer le meilleur parti. Ce sont généralement des changements assez subtils, mais néanmoins très utiles. Et encore un peu de contexte. Les modifications que nous allons apporter ici affecteront l'ensemble de l'image. Chaque pixel est donc très différent de la peinture ou de la sélection, qui sont des techniques différentes que nous examinerons dans d' autres modules. Mais pour le moment, nous cherchons à améliorer les images, et les modifications que nous apportons affecteront chaque pixel. Nous voici donc dans Photoshop, comme dans le design, comme Illustrator, la configuration est la même, la zone de travail, le panneau d'outils, le panneau de configuration, les menus et les autres panneaux ici. Donc, en regardant cette image, comme vous le savez déjà, elle est composée de nombreux pixels. Permettez-moi de vous donner un peu plus d'informations techniques à ce sujet. Si je passe à l' outil Zoom et que je continue à zoomer, vous finirez par voir qu'il est composé de carrés de couleur individuels Ce que je veux aussi que vous voyiez ici, c'est écrit RGB. Cela signifie que chaque pixel contient trois unités d' information ou trois canaux d'information. Premièrement, combien de rouge, deuxièmement, combien de vert, troisièmement, combien de bleu. Et il s'agit d'une image à huit bits, ce qui est un jargon technique qui signifie que chacun de ces canaux contient 256 nuances Ainsi, chaque pixel peut contenir jusqu'à deux, cinq, six de rouge, de vert ou de bleu, multipliez-les ensemble, et vous obtenez une énorme quantité de couleurs potentielles. Faisons donc un zoom arrière. En fait, je vais le faire ici en utilisant Fit screen. Je pourrais juste zoomer un peu plus en maintenant la touche enfoncée en cliquant une fois sur mon outil de zoom. Je vais maintenant revenir à l'outil de déplacement. La première chose que nous allons faire est réglages et les niveaux de l'image. Nous venons donc de parler du RGB et vous remarquerez peut-être que nous passons de 0 à 255 Cela nous donne un total de ces 256 nuances de rouge, de vert et de bleu. Ce qu'on appelle un histogramme nous montre combien de pixels utilisent chaque niveau de lumière Vous pouvez voir qu'il y en a beaucoup dans cette partie très sombre de l'image, mais presque pas dans la partie claire. C'est une façon de dire que l'image est trop sombre. Vous pourriez entendre un avion bruyant passer au-dessus de ma tête. J'espère que vous pouvez toujours entendre ce que je disais. L'image est donc trop sombre. Maintenant, étant Photoshop, nous pouvons faire quelque chose à ce sujet. Je constate que nous n' utilisons pas vraiment tout cet espace ici . Donc, pour le moment, le blanc est à ce stade. Donc, si je le fais glisser jusqu'à l'endroit où nous commençons à avoir des pixels utilisés, cela signifiera que tous les pixels deviendront blancs à partir d'ici, et cela leur cela signifiera que tous les pixels deviendront blancs à partir d'ici, redonnera un peu plus d'utilisation ici. Voyons ce que cela fait à l'image à l'écran. Si je désactive puis réactive l'aperçu, vous pouvez voir que cette image est maintenant beaucoup plus contrastée. Les pixels clairs sont plus clairs et les pixels sombres un peu plus foncés. Cela seul, si vous ne savez qu'une chose dans Photoshop, cela vous aidera vraiment lorsque vous avez une image trop foncée. Donc, si j'appuie sur OK, si je l'ai enregistré, si je faisais juste un fichier et un enregistrement, en fait, je vais le faire, si je fais un fichier et un enregistrement, je l' enregistre au format JPEG. Maintenant, si je devais fermer ceci, c'est généralement ce que vous pourriez faire. Ensuite, je vais l'ouvrir à nouveau, ce que je pense pouvoir faire. Allons-y. Donc, je vous le montre simplement dans un mode de visualisation différent si je passe en mode liste. Vous pouvez voir, vous ne pouvez pas le voir parce que vous ne savez pas quand je l'enregistre, mais je peux vous dire que je l'ai littéralement changé maintenant. Ce qui se passe peut se dire aujourd'hui, mais croyez-moi, je viens de le sauvegarder. Mais quand je le rouvrirai, si je pense que je veux vraiment revenir à ce qu'il était au début, je ne peux pas y retourner Il n'y a aucune sorte de réinitialisation car je l'ai déjà enregistrée. Il y a donc un problème avec l'utilisation de la commande que je viens de vous montrer. Dans la terminologie de Photoshop, ce que je viens faire est ce que l'on appelle un changement destructeur. J'ai donc définitivement changé ce que l'on appelle la couche d'arrière-plan ici. Maintenant, je vous utilise beaucoup de jargon. Vous vous demandez peut-être de quoi parlez-vous ? Modification destructrice de la couche d'arrière-plan. Eh bien, c'est un jargon utile parce que je vais y retourner. J'en ai déjà une autre version. Au moins, je pense en avoir une autre version. Et je vais vous montrer une autre façon de travailler là-dessus, qui est non destructive, ce qui est non destructive, qui signifie que je peux faire le travail dessus Je peux le fermer, le sauvegarder, puis je peux y revenir plus tard et apporter des modifications supplémentaires ou revenir en arrière. Donc, dans la vidéo suivante, je vais vous montrer comment cela fonctionnerait. 16. Améliorer les images avec Photoshop 2/4: Dans la vidéo précédente, nous avons jeté un premier coup d'œil à Photoshop, et nous avons découvert comment utiliser la commande levels pour améliorer le contraste d'une image. Mais ce que nous avons également constaté, c'est que si vous le faites de cette façon, c'est en utilisant un jargon destructeur Je veux donc vous montrer une méthode totalement non destructive, qui n'est pas toujours appropriée, mais si vous avez les deux options, vous pouvez décider laquelle utiliser Alors, on y va. C'est la même image. Je l'ai ressuscité à partir de mon dépliant sur les téléchargements. Et je vais utiliser les niveaux comme la dernière fois, mais je vais le faire différemment. Je vais passer au panneau des calques où vous passerez beaucoup de temps dans Photoshop. En bas, il y a un petit bouton. Je vais essayer de zoomer dessus pour vous. C'est celui-ci ici. Il indique que si vous passez la souris dessus, créez un nouveau calque de remplissage ou de réglage Nous allons créer ce que l' on appelle une couche de réglage. Cliquez dessus, et il y en a une variété ici. Nous allons examiner certains d'entre eux. Nous allons utiliser des niveaux. Cela crée donc un effet sur le dessus de notre couche d'arrière-plan. Lorsque je clique de ce côté, cela me donne certains paramètres que je peux utiliser. Si je fais un petit zoom arrière, vous reconnaîtrez qu'il y a le même histogramme qu'avant Si je devais le faire glisser vers l'arrière, souvenez-vous qu'en le faisant glisser vers l'arrière, tous les pixels situés à droite d'ici deviennent entièrement blancs. Mais en limitant cela, cela donne simplement plus de gamme tonale pour utiliser le jargon sur le reste de l'image Je peux le faire. Dans un sens, j'obtiens exactement le même résultat qu'avant. Mais si je l'enregistre maintenant, si j'essaie simplement de créer fichier et de l'enregistrer pour le moment, c'est un JPEG. Mais quand j'économiserai, il me proposera de le faire différemment. Vous remarquerez donc peut-être qu'il va l'enregistrer au format Photoshop. Il ne m'offre donc pas de JPEG, et il y a une raison à cela. Il l'enregistre au format Photoshop car le format Photoshop prend en charge les calques, ce que j'ai maintenant. J'ai donc maintenant une image avec la couche d'arrière-plan et cette autre couche spéciale. Donc, en d'autres termes, il doit l'enregistrer sous Photoshop. Donc, si je prends un peu de recul, vous verrez qu'un document Photoshop porte le suffixe PSD Si quelqu'un vous propose un document PSD, vous savez qu'il s'agit d'un document Photoshop, il contient donc probablement des couches Si je le garde, c'est bon. Maintenant, juste pour que vous puissiez voir la différence, si je devais le fermer puis le rouvrir. Laisse-moi juste le faire ici. Ça a l'air pareil. Mais remarquez qu' avec ma couche de niveaux, je peux masquer la couche en cliquant sur l'œil. Les informations d'origine sont donc toujours là. Donc, si j'avais besoin de dire à mon patron ou à mon collègue : écoutez, voici ce que j'ai fait à l'image. Qu'est-ce que tu en penses ? Ensuite, il y a un avant ou un après, pour qu'ils puissent dire : «   Oui, c'est génial ». Ils pourraient dire : « Oui, pourriez-vous aller un peu plus loin ? Dans ce cas, vous pouvez cliquer ici, et vous pouvez aller encore loin pour obtenir encore plus de contraste, ou ils pourraient dire : «   Pouvez-vous revenir un peu en arrière, afin de pouvoir le reprendre de cette façon ». Il reste donc infiniment flexible, qui n'est pas toujours ce que vous souhaitez, mais si vous le souhaitez, c'est la solution OK, pour l'instant, tout va bien, nous avons l'image, nous l'avons améliorée, je dirais, considérablement avec un peu plus de contraste, tout en l'éclaircissant Mais il y a autre chose que nous allons faire ici. Encore une fois, avec une couche de réglage, nous pourrions tout aussi bien utiliser ces « non » à leur sujet. Vibrance. La vibrance est une question de couleur Vous n'aurez pas encore remarqué de différence, mais si j'augmente l'éclat, pouvez-vous voir que les greens paraissent un peu plus Ils ont l'air un peu plus dynamiques. Maintenant, vous ne voulez pas trop le cuire. Vous ne voulez pas devenir si dynamiques qu'elles paraissent irréalistes Mais si vous comparez l'avant et l'après, je pense que vous commencerez à voir que c' est un peu mieux. Et si vous voulez comparer l'avant et l'après, en d'autres termes, masquer ces deux éléments en même temps, le moyen le plus simple de le faire est de maintenir la touche Alt ou Option enfoncée, donc sur l'option PC sur le Mac et de cliquer sur la couche d'arrière-plan I, toutes les autres couches sauf l'arrière-plan sont masquées, afin que vous puissiez voir l' avant et l'après. Donc, si vous essayez de vendre des haricots verts des haricots verts ou n'importe quel type de haricots, je serais plus tentée de les acheter s'ils ressemblaient davantage à ça. Si vous les regardez et que vous vous dites : «   Oui, ils ont l'air un peu trop forts, vibration est trop forte », alors vous pouvez simplement le réduire d'un cran 17. Améliorer les images avec Photoshop 3/4: Jusqu'à présent, dans Photoshop, nous nous sommes retrouvés à utiliser des niveaux et des couleurs vives, et ils peuvent très souvent être utiles dans vos images. Mais il existe un problème bien plus subtil qui peut survenir dans les images et qui est vraiment difficile à résoudre si vous ne savez pas ce que vous faites. Je vais donc vous montrer, dans un sens, c'est une technique assez haut de gamme, mais c'est l'une de ces choses qui ne feront que rendre une image encore plus belle, et c'est une bonne candidate pour cela. C'est une belle image, mais il y a quelque chose qui cloche un peu. Donc, les niveaux aideront un peu, la vibrance aidera un peu Mais pour être tout à fait honnête avec vous, le problème avec cette image est que la balance des blancs est un peu fausse. C'est donc plus facile à voir une fois que nous l'avons corrigé. Je vais donc expliquer brièvement la théorie maintenant, mais elle aura plus de sens à la fin, je suppose. Donc, ce que je vais faire ici, c'est vous montrer certaines zones de l'image qui, je suppose, devraient être blanches, grises ou noires Donc, en d'autres termes, aucune couleur ne devrait leur être associée, que ce soit le vert, le rose ou le bleu. Maintenant, c'est une supposition. Mais je pense que cette zone sur laquelle je me concentre devrait être un peu grisâtre Je vais donc utiliser cet outil appelé outil d'échantillonnage de couleurs et je vais cliquer dessus. Et cela fait ressortir le panneau d'information, et il me montre les valeurs RGB. 62, 69 et 71. Maintenant, ce qu'ils me disent, c'est que ces valeurs ne sont pas égales. Mais si le pixel sur lequel j'ai cliqué était complètement neutre, c'est-à-dire grisâtre ou désolé, pas verdâtre, rosé ou bleu, mais purement gris, alors ces Donc, le fait qu'ils soient un peu décalés me dit qu'il y a probablement un problème de couleur. Et il me semble que le vert pourrait être un peu plus fort. Le bleu et le rouge sont donc relativement proches, mais le vert pourrait être plus fort. Il s'agit donc à la fois d'une science des données et d'une conjecture complète Donc, normalement, vous ne savez pas si cela fera une différence ou non Évidemment, je le sais parce que j'ai trouvé une image sur laquelle cette technique fonctionnera et espérons-le, vous aidera à comprendre. Voyons donc comment nous procédons. Nous créons une couche de réglage comme auparavant. Nous allons créer une couche de réglage des niveaux. Et la façon dont nous allons procéder, c'est que je ne vais pas trop regarder l'image. Je vais essayer de zoomer ma projection que vous puissiez le voir et que vous puissiez également le voir. Nous avons maintenant deux séries de chiffres. Le set de gauche est l'original. Ils ne changeront pas, mais l'ensemble de droite changera au fur et à mesure que nous effectuerons des ajustements. Je veux donc augmenter le vert. Pour ce faire, je vais sur le canal vert. Si je clique et fais glisser ce curseur central, si je le fais glisser vers la droite, la valeur diminue. Si je le fais glisser vers la gauche, la valeur augmente. J'essaie donc de le ramener à la valeur moyenne, qui dans ce cas est le rouge. Donc, quand je dis valeur moyenne, vous pouvez voir que le vert est la valeur la plus basse, rouge est la valeur moyenne, bleu est la valeur la plus élevée. Ce sont donc les mêmes maintenant. Honnêtement, on ne peut pas toujours les obtenir exactement de la même manière, mais c'est plus proche. Ensuite, je veux réduire le bleu de quelques crans, alors je le fais glisser vers la droite Oui, j'ai dit qu'on ne peut pas toujours le dire exactement. C'est à peu près aussi près que je peux l'obtenir. OK, donc je n'ai pas regardé à quoi cela ressemble réellement à l'écran, mais maintenant, si je fais un zoom arrière, jetons un coup d'œil à l'avant et à l'après. C'est l'avant, c'est l'après. Ce qui s' est passé ici , c'est que j'ai mesuré un pixel là-bas, ce qui, selon moi , aurait dû paraître plus grisâtre maintenant, alors qu'avant, il semble un peu rosé, et le rose est l'une des causes du rose , c'est l'absence de vert Nous y voilà donc. Je pense que ça a l'air bien mieux. Il m'a fallu beaucoup de temps pour apprendre ce genre de choses. Quand je m'y intéressais, c'était avant Internet, et je n'ai trouvé aucun livre écrit à ce sujet. Heureusement, je travaillais en freelance sur le bureau de quelqu'un un, et ils avaient tout écrit, et je me suis dit que c'était comme si c'était une mine d'or avoir découvert, je l'utilise depuis et je l'enseigne depuis. Il existe d'autres façons de le faire dans Photoshop, qui fonctionnent parfois, parfois non. Cela fonctionne à peu près toujours. Tant que vous cliquez avec cet outil d'échantillonnage de couleurs sur un élément qui doit être gris Si ce n'est pas le cas, vous verrez assez rapidement que même si les chiffres s'alignent, la couleur est pire. Si cela se produit pour l'amour de Dieu, abandonnez-le. Nous y voilà. C'est ainsi que l'on corrige les couleurs. Nous en ferons une autre dans une prochaine leçon. Utilisons maintenant les autres techniques que nous connaissons. Nous utiliserons à nouveau les niveaux, mais cette fois pour augmenter le contraste. C'est dans le RGB. Faisons simplement glisser ce curseur vers l'arrière comme ça, quelque chose comme ça Alors faisons également un peu de vibrance. Je ne vais pas trop le faire parce que c'est assez brillant, mais je vais le faire, disons, à mi-chemin, puis je trouverai le plus facile éteindre puis de le rallumer. Oui, ça a l'air un tout petit peu mieux. Essayez-le un peu plus loin. Oui, les greens ont juste l'air un peu plus percutants, peut-être un peu trop. Mais comparons avec l'original. Alors, cliquez sur le calque d'arrière-plan avec la touche Alt. Oui, regarde ça. Ça y ressemble beaucoup plus. Je pense que j'ai peut-être un peu trop cuit le vif, donc je peux juste revenir Mais encore une fois, comme pour le dernier, si je l'enregistre sous forme de PSD, je peux l'ouvrir la semaine prochaine, et je peux le regarder et dire : Non, en fait, je vais les composer vers le bas ou les composer plus haut Alors voilà. C'est ainsi que vous pouvez effectuer la correction des couleurs, ainsi que les niveaux et les couleurs vives. 18. Améliorer les images avec Photoshop 4/4: Pour la dernière leçon de ce module, je vais vous montrer avant et après afin que vous puissiez voir où nous allons. C'est assez similaire aux leçons précédentes, mais voici l'avant de l' image et l'après. Nous avons déjà fait la majeure partie de cela, mais nous allons faire une chose supplémentaire, qui fonctionnera très bien sur cette image. Juste avant d'en dire plus, certaines de ces techniques fonctionnent bien sur certaines images, fonctionnent bien sur d'autres, et en fait, ce n'est qu' un mix and match. Vous essayez tous ceux qui, selon vous, fonctionneront et vous obtiendrez les meilleurs résultats. Ne pensez pas que vous devez toujours faire des niveaux, des niveaux dynamiques ou quoi que ce soit d'autre. OK, alors allons-y. Je vais passer en revue cela assez rapidement parce que vous connaissez déjà la théorie. Je vais donc commencer par la correction des couleurs, car nous l'avons fait la dernière fois. La couleur ne semble donc pas correcte ici. Mais en fait, je ne sais pas trop où cliquer, car vous pouvez voir que ce genre de produit semble un peu plus bleuté et que d' autres semblent plus jaunâtres Je l'ai donc évidemment déjà fait. Et en fait, si nous regardons l'autre, celui qui est terminé, vous verrez que j'en ai un échantillon là-bas. Mais j'ai essayé d'autres domaines. Et si j'en avais essayé d'autres , en gros, j' aurais fait en sorte le pixel mesure les mêmes valeurs, puis la couleur n' aurait pas été correcte. Donc, si cela se produit, comme je l'ai dit, dernière fois, il suffit de s'en éloigner et de réessayer. Ce type de zone semblait donc fonctionner. Cela signifie donc que cette fois, le bleu est vraiment fort, il faut donc qu'il descende et que le rouge remonte. Encore une fois, nous faisons une couche de réglage des niveaux. Je vais zoomer ici pour toi. Commençons donc cette fois par le canal bleu. Ramène-le à 127 ou le plus proche possible. Vous vous demandez peut-être pourquoi je fais cela sans regarder l'écran. Je trouve que cela fonctionne mieux de cette façon. Je ne le regarde qu' une fois que je l' ai le plus proche possible en termes de chiffres. Oui, ça va se passer d'une façon ou d'une autre. Ça a l'air bien. Et puis il faut que le rouge apparaisse. C'est contre-intuitif. Vous faites glisser le curseur central des niveaux vers le bas pour le faire monter et vice versa. C'est probablement aussi proche que possible. OK, voyons à quoi ça ressemble. Oui, j'en suis plutôt content. La couleur manque encore de contraste, mais cela me semble plus naturel. Oui, j'en suis assez content, je crois. Si ce n'était pas le cas, je supprimerais cette couche et j'en créerais une autre. OK. Faisons une autre couche de niveaux. C'est l'heure du contraste, mais vous verrez le contraste. En fait, il utilise déjà toute la gamme tonale. Donc ici, l'autre chose que nous pouvons faire ici sur le RGB, le canal dit composite, c'est de rendre l' image globale plus foncée ou plus lumineuse. Je pourrais donc le modifier un peu et le rendre un peu plus lumineux Essayons un peu de vibrance. Encore une fois, essayons avant et après. Oui, je crois que j'aime bien ça. Comparons les trois. Ouaip, j'aime bien ça. Ça a un peu plus de vie dedans. OK, mais encore une technique pour toi. Maintenant, encore une fois, c'est subtil. Ils sont tous subtils, mais j'espère qu'ils contribueront à quelque chose de plus esthétique. Ce que je veux faire, c'est m' assurer que je regarde cette image à 100 %. C'est important lorsque vous faites la prochaine chose que nous allons faire, qui s'appelle l'affûtage Donc, pour afficher à 100 %, le moyen le plus simple de le faire est d'exécuter la commande ou de le faire plusieurs fois avec Control plus. Et voilà, 100 %. Ensuite, je pourrais utiliser mon outil manuel juste pour le baisser un peu. Maintenant, cette image est un peu floue, je suggère. Bien qu'il n'y ait rien que vous puissiez faire dans Photoshop pour mettre l'accent sur quelque chose de plus précis, cela se produira peut-être à l'avenir, mais ce n'est toujours pas possible pour le moment. Nous pouvons le rendre un peu plus précis. Encore une fois, prenez-le avec une pincée de sel. Ce n'est pas une solution miracle, encore une fois, c'est relativement compliqué. Je vais donc faire de mon mieux pour simplifier les choses. Mais si cela n'a de sens qu'après la fin de ce processus, c'est tout à fait normal. Je vais donc faire glisser la couche d'arrière-plan sur ce petit bouton de couche. Cela permet de dupliquer la couche d' arrière-plan. Nous avons donc maintenant la couche d'origine et une copie. Et sur celui-ci, je vais changer le mode de fusion. Nous n'avons pas encore vu le mode de fusion, mais je vais le changer en mode lumière dure Où allons-nous ? Et voilà, la lumière dure. Et nous allons passer au filtre, au filtre O et au passe-haut. Maintenant, pour ce que j'essaie de faire ici, je vais cliquer ici quelque part. Je souhaite réduire cette valeur. Nous avons donc juste une petite idée des arêtes ici. Donc quelque chose comme ça, ça va accentuer ces bords et leur donner un aspect un peu plus net. C'est donc une triche, mais cela fonctionne souvent. Donc IP peut le voir. Donc, si je vais trop loin vers la gauche, rien ne changera littéralement. Si je vais trop à droite, c'est trop. Je veux donc juste avoir la moindre impression d'accentuation des bords Maintenant, lorsque vous avez affaire à très petites valeurs comme celle-ci, une bonne astuce consiste à placer votre curseur dans la zone où se trouvent les chiffres, puis à appuyer sur les flèches vers le haut ou vers le bas, et le tout descend ou monte d'un cran. Ensuite, tu pourras continuer à chercher. Vous pouvez voir que cela devient de plus en plus subtil. C'est donc une question assez subtile. Je vais m' en tenir là. Appuyez sur OK. Si je cache et montre cette couche. Oui, c'est très subtil, en fait. J'ai été un peu trop subtil pour toi. Je dois le faire une fois de plus, plier la couche, dupliquer une autre, la changer en lumière dure. Encore une fois, filtrez les autres filtres passe-haut. Je vais peut-être y aller un peu trop fort, juste pour que vous puissiez voir la différence. Essayons ça. Comparons donc cela. Si vous regardez le bord des feuilles, regardez l' avant et l'après, cela semble un tout petit peu plus net, un petit peu moins flou C'est une sorte de triche. Mais si vous obtenez la bonne valeur de rayon , cela peut vraiment aider. Donc, si vous pensez que cela n'a fait aucune différence, alors c'est normal. C'est très, très subtil. Mais encore une fois, je dirais que cela donne une image à peu près utilisable à une image qui a vraiment beaucoup d'apparence. Mieux. Nous y voilà donc. Donc, les mêmes modifications que nous avons apportées auparavant, les niveaux pour la gamme tonale, les niveaux pour la correction des couleurs, un peu de vibrance, mais aussi cette dernière permet d'accentuer la netteté, mais c'est un filtre appelé passe-haut, et nous avons utilisé un mode de fusion, dont nous parlerons plus tard Je sais que nous n'avons utilisé aucun de ces outils auparavant, mais c'est quelque chose que vous pouvez essayer, et j'espère que cela fera une différence. Un dernier conseil concernant toutes ces choses. Mieux vaut les sous-cuire que trop les cuire. Ne gâchez pas vos images en allant trop loin avec ce genre de choses. OK, bravo, c'est la fin de ce module. 19. MODULE 6 : Théorie de base du design graphique 1/2 à: Vous vous souvenez peut-être que dans l' introduction de ce cours, je disais qu'en plus de faire du travail de conception, j'enseigne aux adultes comment utiliser logiciels de création, principalement d' Adobe, depuis de nombreuses années. Et ça se divise en deux moitiés. Le premier semestre était antérieur à 2008, donc avant le krach j'enseignais essentiellement ce genre de choses à des designers professionnels, à des personnes qui avaient déjà fait des études d'art à des personnes qui avaient déjà fait des études d'art. Alors qu'aujourd'hui, il n'est presque jamais vrai que j'enseigne des personnes qui ont une formation en design. donc important d'avoir clairement une certaine expérience en design est donc important d'avoir clairement une certaine expérience en design lorsque vous allez effectuer un travail de conception. Donc, pour mettre les choses en contexte, je dirais que vous aurez le sens du design, que vous ayez déjà suivi une formation officielle ou non que vous aurez le sens du design, que vous ayez déjà suivi une formation officielle ou sens du design, que vous ayez déjà suivi une . Je pense que tout le monde le sait. Vous savez ce qui vous semble bon et ce qui vous semble mauvais. Vous ne savez peut-être pas pourquoi vous aimez les choses ou pourquoi vous n'aimez pas les choses. Mon travail consiste donc en partie à vous enseigner le langage du design, certains concepts du design afin que vous puissiez commencer à nommer les choses que vous aimez, pourquoi vous les aimez, pourquoi vous les aimez, pourquoi vous ne les aimez pas, car c' le début de l' établissement de votre propre style, est le début de l' établissement de votre propre style, ce qui représente la moitié de la bataille. Ce n'est donc pas de la science des fusées. Mais cela devient plus facile avec l'expérience, et cela devient plus facile à mesure que vous pouvez nommer les choses. Nous allons donc simplement parler de quatre concepts, qui ne sont pas compliqués. Je suis sûr que vous les recevrez tout de suite. Mon objectif ici est de vous apprendre ces choses le plus rapidement possible afin que vous puissiez passer le temps à les examiner par vous-même car c'est vraiment de cela qu'il s'agit. Il s'agit de développer votre sens du design. Regardons donc l' écran ici et vous pouvez voir que le premier terme de conception est la répétition. Des éléments qui se répètent donc. Vous pouvez donc voir tous ces carrés. Ils ont exactement la même taille et ils sont tous de la même couleur. On a donc l'impression qu'ils sont faits l'un pour l'autre. Vous pourriez penser, eh bien, que c'est évident. Et oui, c'est évident. Ils vont ensemble. Nous pouvons le constater. Même s'ils semblent un peu plus aléatoires, ils sont toujours de la même couleur, ils ont toujours la même forme, même s'ils sont maintenant des triangles plutôt que des carrés, ils ont l'impression qu'ils vont ensemble De plus, peut-être ce que j'aurais pu dire sur la dernière diapositive également, parce que la police, le texte utilisent la même couleur, impression que tout va bien sur la même page. Vous l'avez peut-être déjà ressenti lorsque vous assemblez des éléments dans le design. Certaines choses ont l'impression de fonctionner ensemble autres non, et la répétition en est vraiment un élément clé. Maintenant, la répétition à elle seule ne vous mènera pas loin. Pour rendre les choses un peu plus intéressantes, un client ou votre patron peut souvent dire : pouvez-vous faire ressortir les choses lorsque quelqu'un dit cela ou quelque chose comme ça ? Ça m'agace un peu. Je pense que ce que les gens veulent vraiment dire quand ils disent cela, c'est qu'il pourrait y avoir un peu de contraste ? Y a-t-il quelque chose que vous remarquez là-dedans ? Je suppose donc que lorsque cette diapositive est arrivée, vous avez remarqué le cercle, non pas parce qu'il est plus grand que l'autre élément, non pas parce qu'il a une couleur différente, mais dans ce cas, parce qu' il a une forme différente. Donc, parce que ça a l'air différent, tout le reste n'est que répétition, mais aussi contraste. Attire votre attention et le rend plus intéressant. Ces deux choses semblent être complètement opposées l'une à l'autre, mais elles fonctionnent ensemble, donc répétition et contraste. Je sais que tu l'as remarqué. Vous le remarquez maintenant, non pas parce que la forme est différente, mais bien sûr, parce que la couleur est Vous vous dites peut-être : Bon sang, ce n'est vraiment pas de la science des fusées, et vous auriez raison. Ce n'est pas vraiment de la science des fusées. J'ai connu un spécialiste des fusées une fois, en fait, mais ce sera peut-être pour un autre jour. Alors, on y va. C'est le contraste, cette fois, lié à la couleur. Et maintenant, pour ce qui est de la taille, votre œil est attiré par ce qui contraste. Il y a donc de la répétition, du contraste. Voici la répétition et le contraste. Bien sûr, comme le type est orange, il est de la même couleur. C'est le carré qui contraste, on a l'impression qu'ils vont ensemble Votre œil relie donc ces deux choses. Tout cela se passe donc en une fraction de seconde. Vous vous rendez peut-être compte ou non de ce qui se passe, mais c'est le genre de choses auxquelles nous réagissons. Donc répétition et contraste. Maintenant, alignement. Vous pensez peut-être qu'il n'y a rien à dire sur l'alignement. C'est évident lorsque les choses sont alignées, mais elles le sont pour une bonne raison et elles sont alignées pour leur donner sentiment d'appartenir à une même entité. Maintenant, dans ce cas, ces blocs ont l'impression d'être faits ensemble parce qu'ils sont tous ensemble, ils s'alignent avec le texte. Donc, tout est aligné. C'est simple, n'est-ce pas ? Cependant, c'est plus important lorsque les éléments sont très éloignés les uns des autres. Ces deux carrés auraient l' air complètement aléatoires. Il y a des répétitions, je m'en rends compte, ce qui leur donne le sentiment d'appartenir l'un à l'autre. Ils ont toujours l'air assez éloignés l'un de l'autre, mais le fait qu'ils soient alignés les uns avec les autres leur donne davantage l'impression d'être à leur place. Peut-être que vous le poussez légèrement, mais c'est ainsi que l'alignement peut être utile. Nous en verrons quelques exemples concrets en temps voulu. Maintenant, lorsque vous alignez quelque chose sur du texte, l'important est d'aligner votre objet sur la ligne de base du texte, ce que l'on appelle la ligne de base, BSE LINE, et non sur la ligne de base, comme dans le cas d'une grosse caisse ou d'une basse, peu importe, comme dans la base d'une échelle ou quelque chose D'accord ? Cette ligne orange représente donc la ligne de base du texte, et comme le bas du carré est aligné avec elle, elle semble alignée. Donc, plutôt que le soi-disant descendant de ce Go minuscule aligné sur la ligne de base du texte Et puis la dernière chose que nous examinons est ce que nous appelons la proximité. Vous pouvez donc imaginer qu'il y a deux éléments distincts en bas. Nous avons donc l' impression que ceux de droite sont séparés de ceux de gauche. Nous pensons que c'est parce qu'il y a plus d'espace entre les deux unités. Donc, automatiquement, nous les regroupons. Je suggère donc que vous y voyiez trois groupes, le type en haut et les blocs en bas à gauche et les blocs en bas à droite. La proximité, ça peut être très utile pour assembler les choses , en avoir conscience. Maintenant, c'est un peu plus confus. Vous pouvez voir que ces deux éléments, je dis deux éléments, les blocs du bas sont séparés des blocs du haut, mais vous vous demandez peut-être, eh bien, attendez, le bloc, de quoi parlons-nous ici ? Les blocs en haut correspondent au type en haut. Je dirais que vous y voyez probablement deux éléments différents. Le mot proximité et les blocs du haut et du bas C'est donc en quelque sorte ainsi que fonctionne la proximité. Juste au moment où nous traitons rapidement quelque chose, nous voyons les choses en groupe. Donc, en fonction de leur proximité. Le précédent est donc un peu plus clair. Les objets, trois groupes, alors que là nous en avons deux. Donc, la répétition, le contraste, l'alignement et la proximité, j'espère que cela a vraiment du sens , selon vous. Ensuite, nous allons examiner quelques exemples de ces choses dans la pratique. 20. Théorie de base de la conception graphique 2/2: Bien, regardons quelques exemples et voyons comment cela fonctionne dans la vraie vie. Vous avez donc déjà travaillé avec ces quelques éléments. Donc, comme vous pouvez le voir, cette première question, parlons de répétition. Qu'est-ce que tu peux y voir qui se répète ? Et évidemment, je suppose que ce que vous pensez est blanc Et, bien sûr, il y a beaucoup de blanc là-dedans. Donc, même si nous avons un type différent , il y a beaucoup de blanc. C'est donc répété. On a donc l' impression que tout va bien ensemble. C'est la théorie. J'espère que cela fonctionne. C'est donc de la répétition. Et puis contrastez, bien sûr, le type de haricots frais et de citron, mais c'est répété, mais c'est très contrasté par rapport au reste du texte Et bien sûr, tout est conçu de cette façon. Il est donc conçu dans le cadre de l'image de marque. Donc, plus d'informations sur la dactylographie dans une prochaine leçon. Mais en un mot, vous essayez d'obtenir un type qui semble aller de pair, même s'il est différent C'est donc là que la répétition et le contraste entrent en jeu. Donc, répétition des polices, répétition de la couleur, mais le contraste entre ces deux polices différentes est énorme Je dirais également qu'il y a un contraste délibéré entre la taille, disons, du logo en bas et le titre en haut OK, qu'en est-il de celui-ci ? Je pense donc que la répétition est assez facile à voir ici. Nous avons la même teinte de vert en bas à gauche et en haut droite sur le logo et le texte circulaire, qui est presque du même vert que la couleur de l'arrière-plan. Donc pas tout à fait pareil. Sinon, évidemment, vous ne pourriez pas le lire, mais d'assez près. Dans le jargon, il s'agit d' une couleur analogue. Alors, nous en saurons plus à ce sujet lorsque nous examinerons la théorie des couleurs. Je ne veux pas trop m'y attarder pour le moment. Mais encore une fois, on peut voir ce genre de répétition. On a l'impression que tout va bien ensemble. Mais bien sûr, brièvement en termes de couleur, nous voulons que le titre soit remarqué, donc c'est très différent C'est assez contrastant avec le vert. Donc, à répétition, nous avons les greens. Et en termes de contraste, eh bien, il est clair que la police, la police du gros titre, la police qui reste à l'intérieur , sont très, très différentes de la police du logo et légèrement différentes du texte circulaire Et ce qui est un peu étrange, c'est que l'alignement n' est délibérément pas cohérent. Encore une fois, cela fait partie de la décision que j' prise lorsque je l'ai assemblé pour le rendre un peu original Le texte est aligné au milieu de la page. Les deux parties de texte au milieu sont alignées l' une par rapport à l'autre, mais pas par rapport à autre chose en particulier. Regardons ce dernier sur lequel vous avez déjà travaillé. Il se passe donc beaucoup de choses ici. Pas trop de contraste. C'est principalement de la répétition. Vous pouvez donc voir qu'il y a deux polices de caractères ici. Il y a la version en gras et la version non en gras. C'est essentiellement le contraste qui existe. Et la répétition, bien sûr, c'est simplement du noir et blanc, petit peu de gris sur la carte. Il y a donc beaucoup, beaucoup de répétitions. Je pense que ce qui est intéressant ici c'est en partie l'alignement et en partie la proximité. Regardez attentivement le logo en haut à gauche et vous verrez où il est écrit «   Découvrez les visites culturelles ». La ligne de base du texte de la ligne inférieure s'aligne délibérément sur la ligne des surlignages du Nicaragua. Cela correspond donc à cela plutôt qu' au bas du bloc noir, si je peux me permettre. C'est donc ainsi que cela fonctionne. Et vous remarquerez peut-être le haut du T majuscule et moi, pour information sur la visite, j'ai trouvé que c'était mieux aligné sur le haut du bloc noir du logo Donc oui, j'ai passé un peu de temps à essayer de faire en sorte que, encore une fois, cela donne l'impression que tout va bien ensemble, parlant de quelle proximité. Vous pourriez donc probablement percevoir ce bloc, le logo et ce texte comme un seul élément, et c'est exactement ce que je voulais que vous fassiez. Et puis en termes d'alignement, vous pouvez voir que le logo est dessiné en haut à gauche , l'ensemble formant une ligne droite descendant tout droit vers le bas de la page. Notez que la carte s'aligne sur la partie supérieure du texte. Il y a donc beaucoup d' alignement très solide qui s'y passe. Mais le principal sujet dont je veux parler ici, c'est la proximité. Compte tenu de l'espace délibéré dont nous disposons au-dessus , du deuxième, du troisième , du cinquième jour, etc., il est évident que si vous lisez ceci, vous n'avez évidemment pas besoin que je vous dise ce qui se passe le premier jour, et vous pouvez le lire et vous pouvez le lire facilement à cause de l'espace supplémentaire qui l'entoure En d'autres termes, nous percevons les choses liées au premier jour comme distinctes de celles du deuxième jour. Encore une fois, ce n'est pas de la science des fusées, mais lorsque vous concevez, essayez de réfléchir aux domaines dans lesquels vous essayez d' attirer l'attention des gens. Pour moi, avoir cet espace supplémentaire autour de lui, c' est ce qui fait la proximité. Nous avons donc ici un bon équilibre entre la répétition des polices, les contrastes avec le poids des polices. L'alignement parle de lui-même, je pense, mais c'est la proximité qui rend vraiment facile à digérer. Et c'est souvent ce que vous essayez de faire. Tu essaies de faire passer un message. La proximité fonctionne donc plutôt bien. Examinons l'alignement à proximité et les autres exemples présentés ici. Il y a donc un alignement central très fort ici. Tout est aligné au centre de la page. Et, bien entendu, en termes de proximité, le logo s' éloigne délibérément du reste. Mais dans le logo, nous avons ces deux éléments très différents, ce sont donc à nouveau des polices très différentes. Mais encore une fois, parce qu'ils sont très proches les uns des autres, vous les percevez comme une seule unité. OK. Enfin, encore une fois, en termes de proximité, vous percevrez ces deux bits des deux blocs de caractères légèrement séparés au milieu comme un seul, j'imagine qu'ils sont à distance, encore une fois, parce qu'ils sont relativement proches l'un de l'autre, mais ils sont plus éloignés des autres éléments présents. Et oui, je pense que c'est probablement tout ce que j'ai à dire à ce sujet. Donc j'espère qu' en regardant ces choses, cela vous donnera juste une idée de « Oh, c'est vrai, c'est comme ça que nous procédons ». Tu peux concevoir les choses différemment pour moi. Vous le ferez certainement. Mais si vous êtes conscient de ces différents éléments, plus vous acquérez de l'expérience, cela devient facile, vous commencez à le faire de plus en plus intuitivement, mais vous utilisez les éléments que nous avons examinés, à savoir la répétition, le contraste, l'alignement et la proximité Et bien sûr, il y en a d'autres dont nous ne parlerons pas encore, mais nous le ferons dans les prochaines vidéos. Je vais donc vous donner quelques devoirs à faire qui mettront tout cela en pratique pour vous. 21. MODULE 7 : documents InDesign à partir des modèles 1/10: Jusqu'à présent, dans le cadre de ce cours, votre expérience en matière de conception a consisté à ouvrir des documents existants, apporter des modifications et à les enregistrer. Et ne vous méprenez pas, c'est très bien parfois. C'est parfois la méthode de travail la plus efficace. Mais il existe une approche différente que nous allons examiner dans ce module, qui consiste à travailler à partir de modèles, dans ce cas, créés par quelqu'un d'autre . Nous allons donc examiner cela. Nous verrons également comment créer un modèle si vous pensez que cela peut vous être utile. Ensuite, nous allons également examiner deux choses un peu plus techniques liées au partage du travail et à l'impression, qui techniques liées au partage du travail et à l'impression, pourraient vous être très utiles à un moment ou à un autre. C'est donc ce que nous allons aborder dans ce module pour commencer avec les modèles. C'est donc ici que nous allons. C'est une entreprise que vous n'avez pas encore vue, la dernière, je pense, probablement du cours. Vous pouvez voir que c'est une palette de couleurs assez éclatante. Ils utilisent le rouge et le jaune, et ils recherchent surtout des images bleues pour accompagner cela Quoi qu'il en soit, plus de ça dans une seconde. Voilà le document terminé. Quand je dis document terminé, je tiens à souligner ici que vous travaillez normalement avec ces fichiers INDD à points dans InDesign C'est l'abréviation d'InDesign. Final D est l'abréviation de document. Alors que ce que vous allez voir est un modèle de pavillon. Et quand j'en ouvre un en ouvrant un fichier, vous verrez que c'est un IND, T pour modèle. Vous remarquerez donc qu'il ressemble assez à celui fini. Il y a plein de X ici, et il y en a aussi dont vous vous souvenez peut-être du personnage caché. Cela signifie la fin de l' histoire. C'est donc cette partie. Mais ces X, lorsque je corrige des modèles pour les gens, j'essaie de faire en sorte qu'il soit très évident trouver une copie générique insérant quelque chose comme un X y insérant quelque chose comme un X ou quelque chose en latin, comme nous l'avons fait ici, en appuyant simplement sur Command Plus pour zoomer, espérons que cela devrait permettre à l'utilisateur de le repérer très facilement. Oh, oui, il faut que je change ça. C'est pourquoi nous voyons beaucoup de X. OK, donc pour que celui-ci ressemble à ceci, ressemble à ceci. Tu en sais déjà la plus grande partie. Nous sélectionnerions le cadre, changions l'outil de saisie, cliquerions à l'intérieur. Et puis, évidemment, nous commençons à taper. Donc, comme nous l'avons déjà vu, Cuba va parfaitement s'intégrer ici, comme vous pouvez le deviner, pour rendre les choses faciles et agréables. Mais s'il s'agit du Mexique , du Venezuela, du Nicaragua ou d'un mot plus long , il faudrait évidemment la taille de police du texte, puis le fermer en bas. Nous pourrions donc le faire plus tard. Nous verrons comment nous y prendre. OK, c'est donc le texte. Sélectionnons le cadre, introduisons l'image, donc classons et plaçons maintenant, laissez-moi d'abord en apporter une de forme conventionnelle Donc celui-ci. C' est une forme de portrait, et c'est un cadre de portrait, donc ça va probablement fonctionner. L'objet s'adapte au remplissage du cadre proportionnellement. Tu sais, j' aime bien ça. Je pense que cela fonctionne plutôt bien. Je suis tenté de m'en tenir à ça. Je vais juste apporter l' autre pour vous donner un autre exemple de la façon dont vous pourriez redimensionner une image Encore une fois, en ajustant l'objet, remplissez le cadre proportionnellement. Vous pouvez donc voir que ce type est assez central et que le jaune va de pair avec ça. C'est donc en quelque sorte une sorte de répétition . Mais je veux probablement qu'il soit un peu éveillé, pour qu'il soit plus visible, nous puissions le voir un peu plus. Pour ce faire, je vais cliquer sur le centre. Et maintenant, comme vous vous en souvenez peut-être, j'ai accès au cadre marron. Je peux donc appuyer sur cette flèche vers le haut pour l'agrandir un peu, puis cliquer, faire une pause et faire glisser le pointeur, voir si je peux faire quelque chose comme ça, je trouve que c'est bien mieux. Je peux le faire venir. Je pourrais même le faire venir comme ça pour qu'il ait un peu de jaune sur son pied, ce dont je ne savais pas vraiment qu'il était là. Encore une fois, ce genre de liens pointent vers ceci. J'espère donc que tout semble aller de pair. Oui, j'aime bien ça, peut-être prendre un tout petit peu de recul. OK. Essayons ça. Très bien, passons à autre chose. Alors maintenant, ce qui est du texte ci-dessous, je vais cliquer sur Cela je vais cliquer sur Cela suggère en quelque sorte que nous avons trois lignes de texte Donc, en copiant celui d'arrivée, celui que j'ai fait tout à l' heure disait cigare, retour, central, retour, aventure Je n'aime pas la façon dont c'est vraiment très éloigné, alors je vais utiliser pour réduire le leader comme ça. Alors au lieu de me regarder taper ce texte ici, je vais simplement le copier d'ici. Un bon truc, en fait. Si vous modifiez, copiez puis collez dans quelque chose s'il existe déjà un certain formatage. Si vous éditez et collez sans formater, en général, neuf fois sur dix, vous retrouverez la mise en forme de ce qui se trouve actuellement. Vous vous demandez peut-être, étant donné que vous connaissez un peu les styles de paragraphe, pourquoi je ne les utilisais pas. Je n'utilise délibérément pas styles ici parce que très souvent, vous allez rencontrer des œuvres où des styles n'ont pas été créés. C'est donc assez courant. Et pour moi, j'essaie toujours de créer des styles si je le peux. Mais si vous ne les voyez pas, ce n'est pas la fin du monde pour quelque chose d'aussi petit la fin du monde pour quelque chose d'aussi petit, car vous pouvez simplement comprendre le texte utilisé et vous en tenir au même style. Mais c'est plus problématique lorsque le texte doit être plus cohérent et nous y reviendrons dans quelques vidéos. Allons-y. C'est une façon d' utiliser un modèle. La plupart du contenu que nous avons créé, vous l'avez déjà vu, mais il s'agit un autre exemple de la façon dont vous pourriez travailler dans InDesign Enfin, nous l'enregistrerions sous forme de document insign, et c'est parti 22. Documents InDesign à partir de modèles 2/10: Je vais juste vous donner un autre point de vue sur la façon dont vous pourriez l'utiliser avec une image différente et avec un nom de pays différent à saisir. Je vais donc ouvrir le même modèle. Commençons par le texte. Donc, ici, tapez le exclamation du Mexique. De toute évidence, cela ne convient pas. bonne astuce consiste à placer votre curseur dedans Si vous faites Modifier, sélectionnez tout ou commandez ou contrôlez A, cela sélectionne tout le texte de cette prétendue histoire. Et cela signifie même les choses que vous ne pouvez pas voir. Maintenant, je ne sais pas quelle taille de police cela doit être. Il s'agit actuellement de 213. Cela doit certainement être un peu plus petit que cela. Je suppose, disons, 150 fois que vous appuyez sur Retour. En fait, c'était une très bonne supposition. J'étais vraiment une supposition. C'est à peu près parfait, en fait. Mais laissez-moi voir si je peux l'agrandir. C'est à peu près ce que je peux obtenir. OK, donc ça va bien. Mais vous pouvez voir qu'il ne correspond pas vraiment à la forme du cadre. Bien sûr, il n'est plus assez grand maintenant. Donc, avec mon outil de sélection , je vais d'abord déplacer le cadre qui contient le texte. Et puis, comme je l'ai fait, j'ai créé un cadre séparé. C'est le rouge en arrière-plan. Je vais donc le retrouver également. Donc je le fais simplement visuellement, essayant juste d'obtenir le même écart en haut, en bas, gauche et à droite. Je pense que c'est assez proche. Si je voulais être bien plus fin que cela, je pourrais zoomer Mais l'un des avantages de les avoir sous forme de deux images distinctes est que vous pouvez vous tromper en disant que vous avez contrôle total sur la taille des bits relatifs. OK, c'est ce passage. Pour ce qui est de l'image, j'en ai une autre ici. Cela ne fonctionnera pas parfaitement. C'est une image du Mexique. Et si je devais, encore une fois, ajuster les objets, remplir le cadre proportionnellement, et d'ailleurs, pendant que nous sommes ici, vous remarquerez que nous utilisons beaucoup cette commande Ce raccourci clavier vaut peine d'être appris si vous aimez les raccourcis clavier. Donc, commandez Shift et C ou contrôlez Alt Shift et C sur un PC. Et si je fais juste cette commande ici, vous verrez qu'elle convient tout de suite. Cela vaut donc la peine d'être appris. J'ai pensé que cela pourrait fonctionner. Je ne suis pas convaincu que cela fonctionne, mais si je le sélectionne maintenant, je peux l'élargir un peu. Je pense que si cette sorte de vert remplissait l'espace comme ça, cela pourrait très bien fonctionner. Oui, c'est pas trop mal. Il faut donc une couleur assez éclatante pour l'accompagner. Il faut probablement l'augmenter un peu . Mais je pense que tu as compris l'idée. Ce sont les deux choses que je voulais te montrer. introduisons donc une image différente et la façon dont nous travaillons avec du texte plus long. Je ne vais pas m'embêter à intégrer le reste, mais tu pourras toujours essayer toi-même plus tard. 23. Documents InDesign à partir de modèles 3/10: Nous nous habituons donc à travailler avec des modèles pour les marques, et il y a un autre modèle sur lequel nous allons travailler pour Plant Power. Vous avez donc déjà vu un peu de leurs œuvres. Nous allons créer ce même flyer, mais à partir d'un modèle Et encore une fois, juste pour vous rappeler, un modèle est là pour que vous puissiez créer des tas de choses différentes facilement et facilement des tas de choses différentes pour la même marque . Donc, les choses qui étaient difficiles à configurer sont peut-être toutes prêtes à être utilisées au début . Jetons donc un coup d'œil. Si nous ouvrons un modèle, vous pouvez voir qu'il semble assez familier. L'une des raisons pour lesquelles je veux que vous regardiez la peau, c'est pour vous rappeler les couches. Souvenez-vous donc du panneau des couches. Si les éléments sont séparés couches, comme c'est le cas pour cette marque, une bonne astuce consiste à cliquer, maintenir la souris enfoncée et à faire glisser le curseur sur toutes les couches comme ça, puis une à la fois, puis une à la fois, à activer ces différents éléments afin savoir ce qui va où. Alors réactivons-les tous. Je travaille sur le calque photo. Je peux le dire parce que c'est surligné en bleu. Je peux également voir qu' il n'est pas verrouillé. Il est surligné en bleu et n'est pas verrouillé. C'est très bien. Je peux sélectionner le cadre , puis le classer et le placer. Et j'ai une image que je voudrais essayer. C'est une question sur laquelle nous avons travaillé nous-mêmes. Je ne sais pas si ça va marcher ou non. Apportons-le. L'objet s'adapte au remplissage du cadre proportionnellement. Oui, tu sais, ça pourrait marcher. Maintenant, comme cette image n'est pas découpée, ne fait aucune différence la couche d'arrière-plan ne fait aucune différence . Mais lorsque vous utilisez une image découpée, les directives de la marque le demandent Mais lorsque vous en utilisez une, la couleur de fond sera bien sûr importante. Dans ce cas, je ne vais pas m'inquiéter à ce sujet juste pour que nous puissions utiliser cette image avec laquelle nous avons travaillé. C'est donc ce point que je pourrais aussi bien verrouiller cette couche pour le moment, Logo, nous n'avons pas à nous inquiéter. Donc, la couche de texte, si nous la déverrouillons, nous pouvons exactement ce que cela signifie : rester à l'intérieur, continuer à nous faire plaisir. Vous avez déjà vu que nous travaillions avec du texte. Je vais donc simplement le copier, Je vais donc simplement le copier sélectionner ceci et coller, éditer, coller, ou Command V ou Control V. Cela n'a pas fonctionné, n' est-ce pas ? Essayons encore une fois. Je vais simplement le sélectionner ou le supprimer. Essayons encore une fois. OK, ça n'a vraiment pas marché. Essayons donc encore une fois. Vous imaginez que je devrais savoir comment copier et coller. Nous y voilà. Peu. Cela aurait pu être embarrassant, n'est-ce pas ? OK, je pourrais essayer une autre couleur. Je vais utiliser l'énergie de la centrale. Je me demande si cette couleur fonctionnerait mieux. Peut-être. Faisons comme si c'était le cas pendant une minute. Alors maintenant, ici, ce texte est difficile à sélectionner. Je suggère que vous utilisiez d'abord l' outil de sélection, puis avec votre outil de saisie, essayez de l'aligner, peut-être d'essayer de cliquer haut pour qu' InDesign sache que c'est ce que vous voulez faire Encore une fois, vous pouvez modifier, tout sélectionner, puis vous pouvez taper quelque chose comme une réduction de 50 % pour les nouveaux abonnés, quelque chose comme ça. Je continuerais à taper si je savais ce que c'est censé dire. Mais encore une fois, vous voulez arrêter de taper avant la fin. Je vais juste taper appliquer maintenant. Et encore une fois, vous n'avez pas besoin de parler pendant que vous tapez. Supposons maintenant que c'est ce que cela avait à dire. Je n' aime vraiment pas le fait que cet angle soit un peu gênant. J'aimerais vraiment que ça se termine en bas. Je pourrais donc le retaper. Je pourrais essayer un texte légèrement différent ou, comme vous vous en souvenez peut-être lors d'une leçon précédente, je pourrais faire un peu plus de suivi. Donc -20 j'y suis. -30. Normalement, vous ne feriez pas de suivi -30, mais comme il se trouve sur un cercle, il fonctionne légèrement différemment J'aime bien ça, mais je pense que je dois probablement utiliser l'une de ces différentes couleurs de marque. Je vais juste, oui, faire une grosse erreur. J'ai essayé de sélectionner le texte et, par inadvertance, je viens de créer une zone de texte Cela peut vous arriver si c'est le cas, juste pour annuler , commander ou contrôler. Ce que j'aurais dû faire, j' aurais peut-être besoin d'en faire une autre également, une autre annulation. Ce que j'aurais dû faire pour sélectionner, c'est cliquer une fois dedans, puis à nouveau la commande ou le contrôle A ou modifier et sélectionner et essayer une autre couleur. Je pourrais donc essayer cette couleur foncée ou violette. Oui, ça ne marche pas du tout. Alors je vais arrêter de déconner. Mais voilà. Encore une fois, il s'agit d'un rappel sur les couches et sur la façon de modifier du texte sur un tracé, encore une fois, à partir d'un modèle. 24. Documents InDesign à partir de modèles 4/10: Pour notre dernier aperçu de l' utilisation de modèles, nous allons revenir sur un autre élément avec lequel vous avez déjà travaillé, à autre élément avec lequel vous avez déjà travaillé, savoir la feuille de visite de Discover. Je vais donc simplement ouvrir un modèle pour cela. Mais vous pouvez voir où nous allons ici. Vous savez donc que nous pouvons importer le texte. Je voudrais juste vous rappeler ce point et les styles de paragraphes. Voici donc le modèle. Et ce qui est vraiment bien c'est que tout ce dont nous avons besoin est intégré. Donc, avec l'outil de saisie, si nous cliquons à l'intérieur de ce paragraphe, nous aurons besoin du panneau de style de paragraphe, c'est-à-dire Styles de fenêtre, Styles de paragraphe. C'est donc un peu ce que vous remarquerez peut-être subtilement ici, souvent sur un modèle, qu' il y a idée du style que vous allez utiliser Donc, dans ce cas, il est dit : introduction au style d'introduction, style du jour pour le jour, lieux pour le style des lieux et corps pour le style corporel. Mais après cela, tout est du latin aléatoire, ce qui est d'ailleurs une fonctionnalité que vous pouvez faire en choisissant le type, en remplissant avec du texte d'espace réservé Regarde ça. Voilà, remplissez-le de latin au hasard. Maintenant, il est clair que je ne veux pas faire ça. Je vais simplement faire la commande ou le contrôle A, ce que je vous ai montré précédemment signifie sélectionner tout dans le menu d'édition que je peux supprimer. Et puis cela aurait dû me ramener là-bas, nous partons sur la droite au début. Ce hashtag me dit encore une fois que c'est la fin de l'histoire En d'autres termes, il n'y a pas de texte dedans, donc je peux le classer et donc je peux le classer et le placer dans ce dossier, voici le texte. Non, je ne m'y attendais pas. Cela me dit qu' il y a une dérogation. Je vais donc sélectionner tout ce texte. Donc, un, deux, trois, quatre ou cinq clics sont une autre façon d'effectuer les opérations d'édition, de sélection ou de commande A. Et puis la majeure partie de ce texte sera en fait du corps du texte. Comme vous vous en souvenez peut-être, vous pouvez appuyer sur Alt et cliquer sur le nom du style. Cela fait donc deux choses à la fois. Il crée tous les textes en utilisant le body style, ce qui signifie que nous n'avons pas à le faire bien plus tard, mais il supprime également toutes les dérogations S'il y avait des dérogations, parce que ce bouton est enfoncé, nous les verrions surlignées. Maintenant, il ne me reste plus qu'à parcourir les lieux des journées d'introduction. Et puis on prend soin de ceux du corps. Permettez-moi d'en faire encore quelques unes pour vous. Jours et lieux. L'idée est donc qu' avec les styles de paragraphe, ils valent vraiment leur peine et leur objectif Une fois que vous aurez configuré ces éléments plus tard dans le cours, vous apprendrez à les créer vous-même, ce qui vous sera d'une grande utilité. Mais n'oubliez pas que dans l'un des autres modèles que nous avons créés à partir d'un modèle pour Go Adventures nous n'avions pas de styles de paragraphe, et nous n'en avions pas vraiment besoin. On sait donc quand vous devez les utiliser et quand vous ne le faites pas, brièvement, avec ce cadre sélectionné, Oh, en fait, j' essaie de sélectionner ce cadre. Maintenant, si c'était sélectionné, je verrais les poignées autour du bord ici. Cela me dit que ce qu'il fait, en fait, c'est sélectionner ce cadre devant. Je ne m'attendais pas à ce que cela se produise, mais vu que cela s'est produit, si vous voulez sélectionner quelque chose qui se trouve en dessous d'autre chose, si vous cliquez dessus avec le bouton droit de la souris, c' est facile avec une souris à deux boutons, assez facile sur un PC normalement Sur un Mac, vous devrez parfois faire un clic en appuyant sur le bouton Ctrl. Il s'agit de la touche CON-TRL que vous pouvez obtenir sur un clavier Mac. Le clic gauche de contrôle fait un clic droit. Mais une fois que vous avez cliqué avec le bouton droit de la souris, vous pouvez dire « Sélectionner le dernier objet ci-dessous ». Et ça n'a pas marché non plus. Pourquoi ça n'a pas marché ? Essayons l' objet suivant ci-dessous. Cela n'a pas fonctionné non plus. Bonté. Oh, nous y voilà. Je peux le sélectionner maintenant. OK, eh bien, c'est parfois une astuce très utile, dans ce cas, elle n'a pas aidé. OK, allons-y. Faisons le classement et le placement. Importez le fichier Illustrator. Ça a l'air bien. OK, donc la seule autre chose que je dois faire est de modifier le texte qui se trouve sur la page principale. Vous vous en souvenez peut-être tout à l'heure. Donc, dans le panneau des pages, double-cliquez sur la page principale, puis ce sera quelque chose comme ça. Faisons juste un peu de suivi pour que cela remplisse l'espace. Oui, ça devrait suffire. Puis revenez à la première page. C'est donc à peu près là. Si j'avais plus de temps pour renseigner tous les styles de paragraphes, ce serait fait. Encore une fois, pages maîtresses, importation de texte dans ce cadre et utilisation de styles de paragraphe. Tous ces documents présentent donc des caractéristiques de conception particulières, mais ils proviennent tous de modèles. Donc, si vous prévoyez de faire beaucoup de travail assez similaire, une façon de le faire est de créer un modèle. 25. Documents InDesign à partir de modèles 5/10: Vous aimez l'idée des modèles, alors vous pensez peut-être : OK, super. Je les aime bien, mais comment les créer ? Alors laissez-moi vous montrer comment vous les créeriez. En général, vous créez d'abord un document fini, puis une fois que vous saurez que c'est bien, je vais continuer à le réutiliser Je vais donc prendre ce document et le transformer en modèle. Donc, ce que je veux vraiment faire, c'est me débarrasser de tout contenu spécifique concernant cette tournée en particulier et conserver tous les éléments génériques. Alors laisse-moi le faire assez rapidement. Je vais aller sur la page principale , puis me débarrasser de ce contenu en particulier. Et je vais le remplacer par un texte générique. Tapez donc fill with placeholder text. En fait, désolé, si je le supprime d'abord et que je le tape ensuite, remplissez-le avec place. Parfait. Retour à la première page. Maintenant, je pourrais simplement supprimer tout ce texte. En fait, je pense que je vais le faire. Je vais juste faire Modifier, tout sélectionner et supprimer. Je pense que ce que je vais faire, c'est simplement passer à l'introduction et taper introduction, appuyer sur Retour et faire des jours. Maintenant, tu n'es pas vraiment obligée de le faire, mais je pense que c'est plus gentil pour quelqu'un qui ne sait pas vraiment à quoi le truc est censé ressembler Juste pour faire ça. Peut-être même remplissez-vous avec du texte d'espace réservé, puis supprimez-en la majeure partie juste un pas en arrière si je peux. Non, ça ne marchera pas. Je vais le faire glisser aussi loin que possible et le supprimer. Débarrasse-toi d'une partie comme ça. J'espère donc que si quelqu'un avait ce modèle, il trouverait en quelque sorte éléments à modifier. Et s'ils connaissent les styles de paragraphe, ils auront une idée de fonctionnement. Je ne fais pas toujours ça. Parfois, je supprime tous les textes. L'essentiel est que les styles de paragraphes soient là. La dernière chose à faire serait de supprimer la carte de ce cadre. Encore une fois, cela pose un problème. Essayons simplement de sélectionner le dernier objet ci-dessous. Nous y voilà. Donc, lorsque je clique au milieu , je vois à nouveau le cadre marron, ce qui signifie que j'ai accès au contenu du cadre. Je vais juste appuyer sur Supprimer ou Retour arrière pour m'en débarrasser Nous y voilà donc. Voilà notre cadre vide. Maintenant, pour dire qu' en tant que modèle, je vais simplement aller dans un fichier, dire cela, et je choisirais plutôt que dans un document de conception, je choisirais le modèle InDesign, je dirais c'est quelque chose d'utile Découvrez donc votre fiche de visite. Modèle. Mais l'essentiel, c' est que j'ai choisi qu'il soit au format modèle, ce qui lui confère ce NDT C'est ce que vous devez savoir pour créer des modèles. 26. Documents InDesign à partir de modèles 6/10: Au début du cours, j' essaie de définir le contexte dans lequel votre œuvre sera présentée à l'écran, sous forme numérique ou imprimée. C'est donc du matériel imprimé dont nous allons parler maintenant. Ainsi, lorsque nous parlons d'impression, nous ne parlons pas vraiment du type de produit qui pourrait découler de votre imprimante de bureau ou à jet d' encre, bien que cela soit possible, mais plutôt du processus consistant à faire parvenir quelque chose à un imprimeur professionnel, imprimera des milliers d'exemplaires de votre dépliant ou de votre brochure ou autre Il y a donc pas mal de jargon à apprendre et quelques bribes de terminologie qui aideront vraiment à faciliter cette transition Donc, si vous regardez mon écran ici, je viens de rechercher sur Google une presse à imprimer offset Litho, qui est un type particulier de presse à imprimer qui est un type particulier de Et si vous regardez ici sur la droite, cela vous donne une idée de l'ampleur de ce dont nous parlons. Cela pourrait donc être de la taille d'un garage, d'une pièce ou d'une camionnette. Nous parlons donc de nombreuses feuilles de papier qui passent à grande vitesse. D'où son caractère commercial. Ces choses coûtent très cher à acheter et à entretenir. J'ai donc essayé de simplifier cela au moyen d'un petit document ici. Donc, à un niveau très simplifié, ce que nous avons ici sur la gauche, c'est tout un tas de grandes feuilles de papier. Ils entrent donc dans la presse à imprimer et passent par ces rouleaux où se trouvent de l'encre cyan, magenta, jaune et noire. Ces quatre couleurs, souvent appelées le processus des quatre couleurs, sont appliquées une par une sur la feuille de papier, et à la fin, vous obtenez une sur la feuille de papier, votre document imprimé. Ce n'est pas encore tout à fait un document, mais encore des feuilles de papier. À partir de là , ces feuilles de papier comporteront plusieurs exemples, disons, un dépliant. Supposons donc que c' était un dépliant A Five. Vous pouvez en avoir 16 sur une feuille de papier. Cela s'appellerait 16 dans le jargon. Vous avez peut-être vu une preuve avec ce genre de choses, ce genre de lignes d'araignée Maintenant, l'idée ici est qu' une fois imprimé, il passe à travers une sorte de glotine et le gélatine se coupe, et il s'aligne sur ces lignes et simplement coupé comme ça et comme ça, puis de bas en bas et de bas en bas Et vous vous retrouverez avec, dans ce cas, six dépliants, et ce papier sur le bord sera recyclé. C'est donc le genre de processus. L'un des termes que vous allez rencontrer est le suivant : saigner, Ainsi, un imprimeur peut vous demander si vous voulez qu'il imprime quelque chose, il peut vous demander si cela saigne. C'est donc la première chose que je veux aborder à ce sujet. Donc, cette fiche de visite, je vais simplement l'examiner en mode présentation pour une présentation en mode écran. Si nous examinons le bord du document, vous pouvez constater que rien ne s'approche du bord. Ni sur la première page, ni sur la page deux. Le saignement est quelque chose qui imprime là où vous avez une couleur ou une image qui va jusqu'au bord. Ce n'est donc pas le cas ici. Mais si je devais regarder celui-ci, encore une fois, en mode présentation, vous verrez que nous avons un élément, moi, une photographie qui va jusqu'au bout. Cela devrait s'effacer de tous les côtés, donc en haut, en bas, à gauche et à droite, car nous avons une image qui va jusqu'au bord Donc, une fois tout cela terminé, lorsque la lame arrive et la coupe, nous devons nous assurer qu' il n'y aura aucun problème si la lame est légèrement erronée, si elle rate simplement ou si le papier bouge , si la lame se plie ou quelque chose comme ça Vous vous demandez peut-être de quoi parlez-vous ? Je vais essayer de te dire ce que je veux dire. Voici donc à quoi cela pourrait ressembler. Si, lorsque la lame arrive, elle est légèrement mal alignée. Cela pourrait finir par s' imprimer comme ça. C'est subtil, mais pouvez-vous voir qu'il y a un espace blanc en haut ? Cela signifie donc que le couteau aurait dû venir ici, mais il est descendu ici à la place. Nous nous retrouvons donc avec un peu plus de papier, il est assez évident que nous avons du papier supplémentaire. C'est donc ce que nous essayons d'éviter. Vous vous demandez peut-être ce que nous faisons à ce sujet et je vais vous le montrer. Donc, si vous avez notre dépliant comme celui-ci, le bord du document , que vous verrez si je le déplace, cette ligne vraiment fine C'est là que ça va être appelé trim. C'est là que la lame va être coupée après l'avoir coupée. N'oubliez pas que vous en avez plusieurs sur une grande feuille. Donc, pour vous assurer que ce problème ne se produise pas avec le saignement, vous devez configurer le fichier En bas, nous avons une valeur de saignement. La valeur de 3 millimètres est normalement tout à fait suffisante, sauf si vous travaillez avec de très, très grandes affiches ou du matériel plus épais ou plus complexe que le papier. Si je le fais, vous remarquerez peut-être que nous avons ce guide rouge sur le bord. La lame va arriver ici, mais ce que nous allons faire, c'est étendre notre cadre jusqu'ici. Essayons de contrôler cela. Cela donne juste une marge de manœuvre supplémentaire, ou du moins ce sera le cas dans la minute qui suit le redimensionnement de l' Je vais aussi le retirer de ce côté et le retirer vers le bas. Cela se fait en deux étapes. J'ai fait en sorte que le cadre soit un peu grand pour qu'il soit adapté à la fuite, et maintenant je dois encore une fois ajuster l'objet et remplir le cadre proportionnellement Ce que j'espère que vous pourrez voir en zoomant. La lame devrait descendre ici et se couper là, mais nous avons maintenant une marge de manœuvre supplémentaire S'il arrive ici, vous ne remarquerez pas beaucoup de différence lorsqu'il imprime par rapport à la vue d'une bande blanche, comme nous l'avons vu précédemment. Donc, si un imprimeur vous le demande, est-ce que vous voulez que j'imprime ? Est-ce que ça saigne ? Et si vous avez un élément tel qu'une couleur d'arrière-plan ou une photo qui s'étend jusqu' au bord du document, vous répondrez « Oui, c'est le cas ». Dans ce cas, il saigne sur les quatre côtés. Si la photo se trouve juste en haut de la page, mais pas sur les côtés, vous pourriez dire, oui, qu'il y a du sang en haut de la Dans tous les cas, vous devez configurer une purge avant de l'envoyer à l'imprimante C'est donc l'une des trois choses que nous allons examiner avant vous montrer comment envoyer des documents vers une imprimante. 27. Documents InDesign à partir de modèles 7/10: Donc, si vous vous préparez à faire imprimer votre document, vous pourriez rencontrer quelques bribes de jargon Nous venons de parler de saignements. Le suivant manque d'images. Maintenant, lorsque vous avez importé une image, disons comme celle-ci. Vous obtenez ce petit symbole en forme de lien. C'est vraiment très important. Cela vous indique que l' image est correctement liée. Maintenant, qu'est-ce que cela signifie ? Cela signifie qu'InDesign sait où il se trouve. Vous vous demandez peut-être pourquoi c'est important. Mais c'est important parce que lorsque vous importez une image, design final n'apporte pas toute la qualité de l'image J'en apporte juste assez pour que vous puissiez voir ce que vous faites. Je sais que cela semble étrange parce que cela semble bien à l' écran maintenant, je m'en rends compte. Je vais vous expliquer cela dans une seconde. Mais cela n'apporte le plein effet à l'image que dans certaines circonstances, soit lorsque vous le demandez soit lorsque vous créez un PDF, et c'est ce que nous allons faire ensuite. Donc, cette image s'affiche bien à l'écran, mais elle ne l' est que parce que j'utilise un affichage de haute qualité. Cela signifie qu'InDesign intègre toutes ces informations Il s'agit en quelque sorte de l'afficher plutôt que d'utiliser son approche par défaut, qui consiste à utiliser cette qualité typique. Normalement, il n'apporte que cette quantité d'informations, et il n'utilise les informations complètes que lorsque vous utilisez un affichage de haute qualité ou lorsque vous créez un PDF ou quelque chose comme ça. C'est ainsi qu'il est conçu pour fonctionner maintenant. Regardez ce qui se passe si je déplace intentionnellement cette image accidentellement . InDesign sait que c' est là que réside cette image. Mais si je le déplace, disons un autre dossier, ce que je vais faire ici. Quand je retournerai dans InDesign, pouvez-vous voir que le symbole du lien a été remplacé par un point d'interrogation rouge, et vous remarquerez peut-être que la qualité de l'image est maintenant médiocre C'est parce qu'il ne peut pas trouver l'original et ne peut donc pas extraire ces informations. Si cela devait être imprimé comme ça, la carte pourrait paraître aussi mauvaise que cela. OK. C'est ce qui arrive quand il manque une image ou un lien. Donc, si cela se produit, vous pouvez soit simplement déplacer le fichier à l' endroit d'où vous l'avez déplacé. Mais en général, ce qui se passe, c'est que vous ne savez pas où se trouve l'original, mais supposons que vous l'ayez trouvé et qu'il se trouve dans un autre dossier, et qu'il se trouve dans un autre dossier, vous devriez accéder au panneau Liens. Et encore une fois, cela nous indique que cela fait défaut. Il est dit de double-cliquer pour rétablir le lien, donc je vais le faire. Et si je peux trouver le dossier dans lequel il se trouvait, je crois que c'est celui-ci. Je crois que je l'ai mis dedans, je l'ai déplacé dedans. Cela va maintenant être rétabli, et maintenant que le symbole bleu est de nouveau là, donc je sais que l'image ne manque plus C'est donc très important, car la qualité intégrée à l'image n'est pas intégrée dans le design par défaut, mais elle y est uniquement liée. Donc, si ce lien est maintenu, tout ira bien pour l'impression. Mais si le lien n'est pas maintenu, la qualité sera bien inférieure à ce qu'elle devrait être. Ainsi, vous pouvez savoir si une image est manquante à cause du point d'interrogation rouge. Vous pouvez également regarder dans le panneau Liens et vous pouvez y voir le point d'interrogation si c'est le cas. C'est donc une image manquante. Euh, 28. Documents InDesign à partir de modèles 8/10: OK, donc la troisième chose à laquelle vous devez vraiment faire attention avant d'envoyer quelque chose à une imprimante, ainsi que les images manquantes, ce qu'une imprimante pourrait appeler une image basse résolution. Ils signifient une image en basse résolution. Désormais, la résolution fait référence au nombre de pixels par pouce d'une image. Comme vous vous en souvenez, dans Photoshop, une photographie numérique est composée de milliers, de milliers ou de millions de petits carrés appelés pixels. Le problème, c'est que s'il n'y a pas assez de pixels par pouce, la qualité ne sera pas aussi bonne qu'elle le devrait. Il est parfois difficile de savoir , en regardant un écran, si la qualité sera bonne ou non Maintenant, si vous faites quelque chose pour usage numérique et que la qualité n'est pas suffisante, ce n'est pas la fin du monde, car si vous vous en rendez compte, vous pouvez le changer. Mais si vous l'avez envoyé à un imprimeur et que vous lui avez payé des milliers de dollars pour imprimer une affiche, par exemple, et que vous vous rendez compte plus tard que la qualité n'était pas aussi bonne qu' elle aurait dû l'être, alors il y a un problème. Nous voulons donc savoir comment nous voulons savoir si cela va se produire avant d'y arriver. Donc, cette image, par exemple, si je la sélectionne, je veux connaître sa résolution, et c'est très facile quand vous savez comment faire, vous la sélectionnez dans le panneau Liens, puis dans la zone d'informations sur les liens, que vous devrez peut-être appuyer sur ce petit bouton pour ouvrir, vous devrez peut-être également faire défiler la page vers le bas. Ce que nous recherchons ici, c'est le PPI efficace. Cela nous indique donc la résolution effective à la taille à laquelle vous avez créé l'image lors de la conception. Donc, dans ce cas, c'est 633. Maintenant, le chiffre magique que vous recherchez est d'environ 300. Tant que c'est 300 ou plus, vous ne devriez avoir aucun problème en termes de résolution de l'image. Il peut y avoir d'autres problèmes avec l'image, comme nous en avons parlé dans la section Photoshop. Mais en termes de résolution, de nombre de pixels , tout ira bien. Tant qu'il y en a plus de 300, tout va bien. Permettez-moi de vous montrer ce qui se passerait si j'introduisais une image de résolution inférieure. C'est donc une image beaucoup plus ancienne , que je vais juste vous apporter. Remplissons simplement le cadre proportionnellement. Maintenant, vous pouvez probablement déjà voir à l'écran la qualité, vous pouvez presque voir les pixels, mais nous pouvons dire avec certitude que la qualité n'est pas suffisante car la résolution effective est bien inférieure à 300. Vous remarquerez donc vraiment que la qualité serait médiocre si vous l'envoyiez à une imprimante. nous recherchons une résolution Personnellement, nous recherchons une résolution de 300 ou plus Je ne m'inquiète pas trop si elle est légèrement inférieure à 300, mais si elle est bien inférieure, vous remarquerez la qualité lors de l'impression. Si cela se produit, au fait, je ne dis pas que vous ne pouvez pas utiliser cette image. Je dis simplement que vous ne pouvez pas l' utiliser à cette taille, car que se passera-t-il si je le fabriquais simplement ? Supposons que je place l'image ici pendant une seconde. Ça n' aura pas l'air bien. Mais je vais apporter exactement la même image et elle sera beaucoup, beaucoup plus petite. Vous remarquerez maintenant que la qualité est bien meilleure ici. Et c'est parce que la résolution effective est de 224. C'est parce que le cadre est beaucoup plus petit. S'il était encore plus petit, la qualité serait encore meilleure. Donc, une image avec une faible résolution, ce n'est pas que vous ne pouvez pas l'utiliser, c' est que vous ne pouvez pas l'utiliser en très grande taille. InDesign vous indiquera si, compte tenu de la taille que vous utilisez, la résolution est adéquate ou non vous produisez des objets volumineux, des affiches par exemple, plus vous risquez de rencontrer des problèmes. Je vous conseille de vérifier que, dès que vous apportez une image, honnêtement, si vous utilisez des images comme celles que nous utilisons sur Unsplash, etc., ou sur un appareil photo numérique moderne, vous n'avez probablement aucun problème, mais c'est ainsi que vous pouvez vérifier dans le panneau Liens 29. Documents InDesign à partir de modèles 9/10: Vous avez donc conçu votre brochure, en supposant qu'elle ne comporte aucune faute d' orthographe ou quoi que ce soit d'autre, vous vérifiez que tous les liens sont intacts. C'est génial. Vous vérifiez les images photographiques, les résolutions sont correctes. Tu fais saigner le sang si c'est nécessaire. Il est maintenant temps de l' envoyer à l'imprimante. Je vais donc vous montrer comment j'ai tendance à le faire. Mais je vous conseille généralement de parler à l'imprimeur, lui demander, et s'il vous dit quelque chose qui contredit ce que je dis, tant mieux. Suis ce qu'ils vont dire, car sont eux à qui tu payes l'argent. Mais c'est généralement ce que je fais. Je n'ai pas effectué ces vérifications ni aucune autre que les imprimeurs m'ont conseillé de consulter, je dirais fichier et exportation, puis je choisissais cette impression de crochets Adobe PDF, puis je l'ai enregistrée, puis nous avons quelques options. Et il existe différents préréglages, une impression de haute qualité, la plus petite taille de fichier, etc. Celui que je choisis généralement est celui-ci. La plupart d'entre eux seraient bons. Mais la raison pour laquelle j'opte celui-ci est que si nous examinons le résultat, il convertit les couleurs en CMYK. En bref, vous vous souvenez peut-être que dans Photoshop, lorsque nous examinions les pixels des images lors la correction des couleurs, ils étaient tous en RGB. Les images sont donc généralement au format RGB, mais elles doivent être sorties pour être imprimées en CMYK. Si vous vous souvenez de mon illustration ici, Oh. Ce sont les quatre encres utilisées. Donc, d'une manière ou d'une autre, cela doit être converti. Donc, si vous utilisez ce type de paramètre PDF, il le traduit pendant qu'il crée un PDF. C'est pourquoi j'utilise celui-ci. Il y a d'autres raisons plus techniques que je n'aborderai pas. C'est donc ce que je choisirais. Ensuite, je choisirais aussi les marques et les saignements. Comme il y a un saignement dessus, je dois l'inclure, donc je dois appuyer sur ce bouton C'est important. L'autre, toutes les marques d'imprimantes. Donc, les imprimeurs aimeraient ça, d'autres non. Je vais vous montrer à quoi cela sert. Donc, lorsque j'appuie sur Exporter, cela crée un PDF, que je vais juste ouvrir. Je vais ouvrir depuis Acrobat. Ça y est. Nous zoomons donc directement. C'est donc la partie qui saigne. Il s'agit donc de la véritable marque de découpe. Ainsi, une fois imprimée, l'imprimante coupera dessus, coupera de là à là et de là à là. C'est donc le saignement supplémentaire, donc c'est une bonne chose. Vous pouvez voir que ce sont des barres de couleur. Cela est donc utile pour que l'imprimante vérifie blanc et le noir jaune, le cyan et le magenta, etc. Ensuite, en bas, nous avons le nom du fichier ainsi que l' heure et la date de sa création. Et nous savons que la qualité est à la hauteur car nous avons vérifié la résolution auparavant, et c'est parti. C'est très bien pour l' imprimante. Voilà donc le processus. Vous concevez donc votre travail. Vous vérifiez la qualité de ces éléments en termes d'images manquantes, résolution et vous ajoutez des saignements si nécessaire Demandez à l'imprimeur s' il y a autre chose que vous devez vérifier ou modifier, puis vous lui envoyez un PDF. Et c'est à peu près tout ce que nous pouvons dire à ce sujet pour le moment. 30. Documents InDesign à partir de modèles 10/10: La dernière chose à laquelle je veux que nous réfléchissions avant de passer à ces détails techniques est de savoir ce qui se passerait si je vous envoyais ceci dans le document de conception, le document de conception, rien d'autre. Je pense un instant ce qui se passerait si vous l'ouvriez. N'hésitez pas à mettre la vidéo en pause car je ne vais pas vous faire attendre. Que se passerait-il ? Si je vous envoyais littéralement le document InDesign, vous l'ouvririez. Une chose qui arriverait certainement c'est que vous obtiendrez un lien manquant parce qu'InDesign recherche ce fichier sur mon ordinateur, qui n'est pas le vôtre Il ne saurait donc pas où c'était. De même, cette image ici, ce logo, encore une fois, il le cherche sur ma machine et non sur la vôtre. La troisième option ou le troisième problème qui pourrait survenir est que vous utilisez une police que vous n' avez pas ou que vous n'avez peut-être pas. Dans ce cas, il y aurait un problème avec une police manquante. Cela peut donc entraîner toutes sortes de problèmes. Lorsque vous partagez des fichiers entre collègues ou que vous commencez le travail au travail et que vous devez le terminer chez vous, vous avez besoin d'un moyen de transporter des fichiers de manière plus fiable. Donc, la plupart des gens ont tendance à le faire de nos jours. Plutôt que de simplement envoyer un e-mail ou de transférer le fichier de conception à quelqu'un, ce qui vous poserait le genre de problèmes dont nous venons de parler, vous le faites plutôt Vous feriez un fichier et un package insisteraient pour les enregistrer. Il y a quelques boîtes de dialogue à parcourir ici. Mais cela créerait alors un dossier pour vous. Il copierait les polices, copierait les liens, à jour les liens du package afin que, lorsque vous ouvrez le fichier à partir du package, il sache comment connecter correctement ces liens Il inclut également un PDF, le dernier type que vous avez créé, et il inclut également ce que l'on appelle un IDML, qui est une version d' InDesign qui fonctionne sur n'importe quelle version précédente du design remontant à une dizaine d' années des années environ. C'est donc vraiment utile. Ainsi, lorsque je clique sur le bouton du package, cela me donne juste un avertissement de police. Vous voulez simplement savoir s'il est légal ou non d'envoyer des polices une fois que vous avez fait cela Je vous laisse donc le lire à votre guise. Cela peut prendre une ou deux secondes, en fonction de la complexité de l'image , de la taille du document, du nombre et de la taille des images qu'il contient. Alors laisse-moi regarder ça dans mon outil de recherche. Alors voilà. Voici mon dossier. Donc c'est juste fait pour moi. Il y a donc l'IDML. C'est celui qui fonctionne dans une ancienne version d'InDesign C'est le fichier InDesign. C'est le PDF, qui est très utile car il signifie que je sais ce que je suis censé regarder. À l'intérieur, il y a des liens. Ces deux dossiers. Maintenant, s'il n'a pas copié les polices, c'est parce que ces polices proviennent du Creative Cloud, la bibliothèque de polices d'Adobe, il n'a pas besoin de le faire car cela sera automatiquement lié, du moins en théorie. Donc, si j'avais utilisé des polices qui se trouvaient sur ma machine et non sur le Cloud, elles auraient également été incluses. Donc, si vous souhaitez partager votre travail avec un collègue ou éventuellement avec l'imprimante, mais plus probablement avec vous-même, si vous travaillez à domicile une minute et que vous travaillez au bureau la minute suivante, pensez à utiliser un package. Donc fichier et package. OK. 31. MODULE 8 : Éditer des cartes et des infographies avec Illustrator 1/5: Dans ce module du cours, nous allons examiner de plus près Illustrator, et nous allons modifier certains éléments. Nous n'allons rien créer de nouveau pour l'instant, mais nous allons modifier une carte et des infographies pour approfondir notre compréhension d'Illustrator Vous pouvez donc voir sur mon écran qu'il s'agit d'une carte produite pour Discover, et nous allons en créer une version légèrement différente. Comme vous vous en souvenez peut-être, dans leurs directives de marque, ils utilisent une couleur bleu uni. Nous allons donc recolorer la carte en utilisant cela. Mais en cours de route, examinez le texte, les couches, les traits et diverses autres choses qui vous seront très utiles à comprendre. Alors allons-y. Donc, dans Illustrator, nous avons la carte originale, puis les nouvelles vont finir par ressembler à ça. C'est plus ou moins ce que nous voulons faire, mais je ne peux pas garantir que cela aura exactement la même apparence. Mais avant cela, un autre mot sur le type de valeurs par défaut dans Illustrator J'ai peut-être commis l'erreur d'apporter une nouvelle version ou mettre à jour tous mes programmes Adobe depuis que j'ai enregistré le dernier module, et cela a légèrement changé son apparence. Il se peut donc que lorsque vous regardiez les vidéos précédentes, vous vous êtes dit, attendez, cela ne ressemble pas tout à fait à la mienne. Maintenant que cela s'est produit, cela me donne l' occasion de parler de ces défauts et de ce que nous pouvons faire pour y remédier. C'est donc maintenant la configuration par défaut sur mon écran, l'apparence d'Illustrator. Et pour en dire plus à ce sujet, dans le menu Fenêtre, nous avons un espace de travail. Maintenant, comme vous le savez, les espaces de travail contrôlent l' apparence des panneaux, et ceux-ci se trouvent principalement sur la droite, parfois en haut et parfois sur la gauche également Donc espace de travail. C' est donc maintenant l'essentiel. Voilà à quoi ça ressemble. Vous pouvez voir que c'est assez minimal sur la droite. Il utilise le panneau des propriétés. Maintenant, l'idée du panneau des propriétés est suivante : il est censé le faire dans le design, il détermine ce que vous voulez et vous donne ces propriétés. Et encore une fois, cela peut être très utile, mais parfois les choses que vous recherchez ne s'y trouvent pas. C'est pourquoi je vous encourage à apporter cette modification à l'espace de travail classique essentiel. Cela vous donne toujours le panneau des propriétés, mais également des panneaux dédiés à des éléments tels que les échantillons, les traits et les calques Vous pouvez donc utiliser ce que vous voulez, mais je suggère que vous utilisiez celui-ci. L'autre suggestion que je vais faire est que si vous suivez ma souris ici, c'est la zone de couleurs pour le remplissage et le contour. Maintenant, c'est vraiment petit, surtout sur un grand écran. Donc, ce que je vous suggère de faire, c'est de regarder ici. C'est d'ailleurs vrai dans tous les programmes Adobe. Tu peux cliquer sur ce petit chevron. Et il vous donne un panneau à double largeur. Maintenant, cela agrandit cette zone. Je pense que c'est très utile dans tous les programmes si cela vous aide à voir quelles couleurs vous appliquez, et nous allons faire beaucoup avec les couleurs cette fois-ci. Je suggère donc que c'est quelque chose que vous pensez à faire. Il y a donc quelques éléments de configuration. Dans une seconde, nous allons donc apporter des modifications à cette carte. 32. Éditer des cartes et des infographies avec Illustrator 2/5: Comme promis, voici la carte que nous allons modifier. Vous pouvez probablement voir que je l'ai enregistré au fur et à mesure que je le copie, donc je n'ai pas sauvegardé l'original . Voyons comment cela pourrait fonctionner dans Illustrator. Donc, tout d'abord, j'utilise l'outil de sélection et je vais regarder le panneau Calques, qui est celui-ci ici. Si vous essayez à l'avenir trouver un panneau et que vous ne le trouvez pas, une solution consiste à survoler la petite icône, qui devrait indiquer « couches L'autre est que si vous ne le trouvez vraiment pas, vous pouvez venir ici dans le menu Fenêtre et dire couches, par exemple, et il l' ouvrira pour vous. Parfois, vous aurez besoin d'agrandir les panneaux. Cela est vrai pour tous les programmes, vous pouvez donc voir, dans ce cas, toutes les couches. Et comme expliqué précédemment, je pense que chez Friend Design, on peut voir différentes couches. Nous pouvons les activer. Nous pouvons les désactiver. On peut les verrouiller, on peut les déverrouiller. C'est donc exactement pareil, dans ce sens. C'est vrai. Apportons donc d'abord la couleur dont nous avons besoin. Et cela va venir de notre bibliothèque. J' ai créé une bibliothèque . Encore une fois, tu sais comment faire. Nous y avons déjà réfléchi, et vous pouvez vous référer aux directives de la marque pour obtenir cette couleur. Cette couleur est là. Donc, je pense que la première chose que je vais faire est de sélectionner l'un des éléments de texte, puis je vais vous montrer de nombreux raccourcis ici. La première consiste à sélectionner des objets ou des objets de texte. C'est donc parfait dans cet exemple car je sais que je veux changer tout le texte. Ce n'est pas toujours utile, mais c'est parfaitement utile maintenant. Il les a donc tous sélectionnés. Maintenant, encore une fois, parlons de valeurs par défaut. Vous avez peut-être vu plus tôt que j'ai éteint ce boîtier de délimitation Personnellement, c'est ce que je fais. Je vais donc vous montrer à nouveau comment procéder. Donc, visualisez et masquez le cadre de délimitation. J'utilise beaucoup ce raccourci , alors commandez Shift B ou Control Shift B sur le PC. C'est plus facile pour moi. Je peux voir ce qui se passe. Je vois que ces objets de texte sont sélectionnés. Vous obtenez juste un point d'ancrage pour ceux qui en savent plus sur les points d'ancrage en une minute. Je peux aussi voir en regardant ici qu'ils sont noirs. Tu n'as probablement pas besoin que je te le dise. Mais la couleur de remplissage noire se trouve à l'avant. Je pourrais simplement cliquer sur ce bouton ici et cela me donnerait la couleur bleue. Je pourrais aussi bien le faire. Le seul problème, c'est que quand je regarde les échantillons, ils n'y sont pas. C'est là-haut, mais ce n'est pas vraiment un échantillon permanent, et je vais vouloir en faire un échantillon permanent Tu le verras dans une minute. Pour l'instant , je vais le laisser tel quel. Nous y voilà. Nous avons la couleur bleue là-dedans, donc c'est bien. En fait, tu sais ce que je vais devoir aller droit au but maintenant, donc. Dans le précédent, vous pouvez voir que ce sont toutes les nuances de noir. Ce sont donc des nuances de gris, en gros. Le problème que nous allons rencontrer lors de la création de notre carte est que nous avons besoin de nuances de bleu plus claires. Maintenant, comment faites-vous cela, selon vous ? Maintenant, ce dont nous avons besoin, c'est d' utiliser le panneau de couleur. Nous avons donc des échantillons et des couleurs, et vous vous demandez peut-être pourquoi vous en avez deux Cela est également vrai pour d'autres programmes. Les échantillons sont des couleurs prédéterminées que vous avez prédéterminées, tandis que dans le panneau de couleurs, vous pouvez mélanger les couleurs, ce est très utile si vous peignez, n'est pas très utile dans un programme graphique comme Illustrator Vous vous demandez peut-être pourquoi nous y réfléchissons. Nous l'étudions parce que si je le transforme en un véritable échantillon, ce que je ferai comme vous l'avez vu auparavant en accédant au menu déroulant, nouvel échantillon, le nom de l'échantillon sera nommé avec les valeurs CMYK C'est bien, mais je pense que je vais l'appeler Discover blue juste pour savoir que c'est ma couleur. Ce que je veux vraiment montrer, c'est que c'est mondial. Maintenant, permettez-moi de ne pas en faire une couleur globale Si j'appuie sur OK, elle arrive. Si je veux changer de couleur, peut-être pour en avoir une version plus claire, et je passe au panneau de couleurs. Eh bien, je ne peux pas le faire. La première raison pour laquelle je ne peux pas le faire, c'est parce que je dois étendre ce panneau vers le haut en cliquant sur cette toute petite paire de chevrons qui s'y Je sais qu'ils ne facilitent pas les choses. Alors on y va. Développons cela. Comme il ne s'agit pas d'une couleur globale, les curseurs qu'elle propose me permettent de modifier les curseurs jaune et noir cimagena ou RGB, ce qui peut être exactement ce que vous voulez, qui peut être exactement ce que vous voulez, mais c'est vraiment la dernière chose que je souhaite pour le Je veux m'en tenir à ma couleur, mais peut-être qu'elle soit légèrement plus claire ou légèrement plus foncée. Donc, je peux le faire si mon échantillon est une couleur globale Donc, si j'avais choisi Global, cela m'aurait donné cette option. Vous pourriez donc penser que c'est super. Nous avons donc emprunté le mauvais chemin. Que pouvons-nous faire ? Ce que nous pouvons faire, c'est double-cliquer sur l'échantillon et le cocher, puis appuyer sur OK. Et maintenant, lorsque nous revenons au panneau de couleurs, nous avons T plutôt que CMYK, T signifie teinte. Nous avons donc une résistance à 100 %, ce qui fonctionnera parfaitement pour le type. Mais j'imagine que des choses comme les lacs j'imagine que des choses comme les devront être un peu plus faibles. Maintenant, le raccourci suivant. Vous pouvez voir, j'ai sélectionné ce lac, mais il y en a aussi un autre ici. Je peux donc faire Shift Click. Cela fonctionnerait, mais une autre astuce consiste sélectionner le même fond et le même contour. Cela permettra de sélectionner n'importe quel objet ayant exactement le même fond et le même contour. En d'autres termes, ils doivent correspondre exactement. Vous pouvez voir qu'ils sont tous les deux sélectionnés lorsqu' ils correspondent. La couleur de remplissage se trouve à l'avant sur la gauche, là où se trouve ma souris. Je vais donc appliquer ma couleur Discover Blue, qui est bien sûr bien trop forte. Mais maintenant, je peux accéder à mon panneau de couleurs et le réduire un peu. Je pense à 60 %, quelque chose comme ça. Et c'est encore trop fort. Je n'arrive pas à lire le texte par-dessus. Oui, environ 30 %, je pense que cela devrait suffire. OK. Maintenant, un autre problème se pose lorsque quelque chose est sélectionné, car vous pouvez voir clairement la sélection. Si vous souhaitez modifier quelque chose d'assez subtil, comme le trait autour du bord, vous ne pouvez pas vraiment voir ce que vous faites. Donc, une autre valeur par défaut que j'ai tendance à utiliser est cette vue, masquer les bords. Donc, si je le désactive, c'est un peu dangereux car ces deux éléments sont tous deux sélectionnés. ne vois évidemment plus qu'ils sont sélectionnés car les bords sont masqués. Mais vous verrez que lorsque je mettrai le trait au premier plan, maintenant, nous ne l'avons jamais fait auparavant, cliquez ici. Le trait est maintenant à l'avant. Alors maintenant, je peux appliquer ma couleur bleue et c'est parti. Je ne vois aucune raison pour que ce ne soit pas 100 %, alors je vais m' en tenir là. Mais vous pouvez voir que je voudrais peut-être ajuster l'intensité du trait et c'est là, c'est le panneau du trait. Encore une fois, nous avons plus d'options ici si nous appuyons sur ce petit bouton. Je pense qu'il y a peut-être un demi-point, peut-être trois quarts de point Non, peut-être qu'un demi-point c'est bien. Donc, ce que nous essayons d' obtenir ici, c'est de la clarté. Donc une vraie clarté pour quelqu'un qui essaie de lire cette carte. Je vais donc probablement continuer à changer d'avis à ce sujet, mais ça suffira pour le moment. C'est donc beaucoup plus facile à faire avec certains de ces raccourcis. Encore une fois, nous avons fait afficher, masquer ou afficher les bords. Nous avons masqué ou affiché le cadre de sélection, nous avons sélectionné, même remplissage et contour, et nous avons également sélectionné un objet ou des objets texte Je vais donc continuer à les utiliser pendant que nous continuons à modifier la carte, mais nous avons pris un bon départ avec notre couleur globale et ces raccourcis. 33. Modifier des cartes et des infographies avec Illustrator 3/5: Nous allons continuer à travailler sur cette carte d'autres raccourcis et sur des fonctionnalités plus intégrées d'Illustrator. Donc, avec notre outil de sélection, je vais cliquer sur l'une de ces routes. Maintenant, je ne vois pas s' il est sélectionné ou non. Comme vous le savez, dans le menu Affichage, vous pouvez masquer ou afficher les bords, mais le raccourci pour cela est Commande ou Contrôle H, vous l'utiliserez beaucoup. Cette route est sélectionnée. Je vais faire Select Same fill and stroke. Maintenant, vous remarquerez peut-être que j'ai configuré un raccourci pour cela, mais vous n' aurez pas ce raccourci. ce faire, j'ai utilisé le menu d'édition et le raccourci clavier. J'ai parcouru les commandes du menu et j'ai trouvé un raccourci que je pouvais utiliser et j'en ai expérimenté différentes. En gros, il vous permet d'utiliser des raccourcis s'ils ne sont pas déjà utilisés. J'ai trouvé une combinaison avec le F pour le remplissage et le trait. J'ai dû maintenir l'option de commande enfoncée et la touche Shift, peut-être pas pour le moment, mais si vous voulez le faire à l'avenir, modifiez les raccourcis clavier. Je n'utiliserai pas ce raccourci. Sélectionnez « Même fond et même contour ». Regarde ça. Il y a toutes les routes qui y sont empruntées, donc c'est merveilleux. Je vais changer la couleur pour notre couleur bleue. Voyons à quoi cela ressemble en faisant Command H ou Control Yeah, c'est bien. Je pense que je pourrais le rendre un peu plus épais. Remarquez que là où il est écrit que le mot se trouve dessus, il passe dessus. Je vais y arriver. J'ai dit plus épais ? Je voulais dire plus mince. Oui, c'est beaucoup plus clair, je pense. Si je veux le faire 1 à 2, je pourrais toujours faire 1,5, par exemple en appuyant sur retour. Oui, maintenant c'était mieux, peut-être allons-en 1,25 Oui, restons-en à ça. C'est une bonne chose. Cela a changé les couleurs de tous ces appareils. Mais vous voyez peut-être que certains de ces passages de texte sont assez difficiles à lire, alors je pourrais être tenté d'en déplacer un ou deux maintenant. Donc, lorsque je clique sur un objet texte, encore une fois, je ne peux pas le voir parce que je viens de masquer les bords. Vous devez vous habituer à utiliser la commande ou le contrôle H. Si cela ne prête pas à confusion, il vous suffit de les laisser allumés, mais de temps en temps de les désactiver. Je vais cliquer sur cet objet. Je pourrais juste essayer de le déplacer vers le haut, par exemple. Je pense que cela pourrait fonctionner. Il s'agit de clarifier les choses. Cela semble être une bonne chose. Pendant que nous y sommes, San Juan. Je n'aime pas vraiment ça. Je pense que je pourrais l'éloigner un peu plus. Oma tepi. Eh bien, voyons quoi cela ressemble une fois que nous en aurons changé la couleur. Voyons s' il y a autre chose dont nous devons changer la couleur. Ces cercles noirs feront l'affaire dans une seconde. OK, donc je peux voir que nous avons ce lac. C'est donc le terrain, en fait. Donc ça veut être blanc. Pour égaler ça. Mettons donc la couleur de remplissage sur le devant, ce que je fais là-bas. Nous allons changer la couleur de remplissage en blanc. Et la couleur du trait , que je clique dessus pour faire apparaître au premier plan, je vais la rendre bleue. C'est très bien Il veut être un peu plus étroit. Ce que j'ai oublié de faire, c'est que j'aurais pu faire Select, voir s' il y avait un raccourci pour sélectionner tous les autres. Je vais essayer ça ici. Je vais cliquer sur cet objet ici, sélectionner le même fond et le même contour. Allons-y. Nous les avons tous ici. C'est donc une sorte d'eau. Encore une fois, même couleur, mais avec une teinte très faible, donc 30 ans. C'est une bonne chose. OK, donc celui-ci. Cela n'a pas été détecté parce qu'il a un trait différent. Je sais donc que c'est un peu fastidieux, mais c'est le genre de chose que vous devrez peut-être faire si quelqu'un dit : «  Pouvez-vous le modifier ? Peux-tu le modifier ? J'espère donc qu'en abordant tous ces petits domaines maintenant, cela vous aidera plus tard. Maintenant, en parlant de ce que vous pourriez avoir besoin de faire, avant que j'en parle, laissez-moi voir si c'est bien. Mais ce type que vous pourriez voir ici est une sorte de couleur grise Alors faisons-le simplement. I. Ça a l'air mieux. Ce que j'allais dire, c'était des couches. Vous remarquerez peut-être que lorsque je sélectionne différentes choses, elles ont des couleurs différentes. C'est parce qu'ils se trouvent sur des couches différentes. Les couches peuvent être très utiles. Cela peut être très utile de toutes sortes de manières. Pour le moment, vous remarquerez que comme les couches ne sont pas verrouillées et que nous utilisons la même couleur de remplissage sélectionnée, nous n'avons pas besoin de les utiliser, mais il est parfois très important entrer et de sortir des couches. Ce qui n'a pas changé couleur, ce sont ces cercles noirs. Si j'en sélectionne un, je veux que vous remarquiez que vous avez cette étrange sorte de réticule au milieu. Cela nous indique qu'il s'agit d'un symbole. Maintenant, les symboles sont une fonctionnalité assez obscure dans Illustrator, mais vous les rencontrerez de temps en temps. La beauté d'un symbole, c'est qu'il ressemble à un objet extérieur, et si vous le modifiez , toutes les choses qui y sont liées changent. Donc ce symbole, si je le modifie, tout changera. Je vais donc le faire en appuyant sur ce bouton ici, Modifier le symbole. Et il ne fait que nous avertir que c'est ce qu'il va faire. Notez qu'après avoir appuyé sur OK, le reste de l' écran s'assombrit. C'est ce qu'on appelle le mode d'édition de symboles. Maintenant, lorsque je clique sur cet objet, je peux faire ce que je veux, et tout ce que je fais sera appliqué à tous les autres. Dans ce cas, je vais juste changer de couleur. Mais si je faisais autre chose, c'est ce qui se passerait. Je vais donc le changer pour cette couleur. Et puis pour vous en sortir, vous pouvez soit appuyer sur ce petit bouton ici, soit sur la touche d'échappement en haut à gauche de votre clavier. Quoi qu'il en soit, cela fonctionnerait. Et comme vous pouvez le constater, ils ont tous changé. Alors, on y va. Ce sont des symboles. Et nous y sommes presque maintenant. Permettez-moi de modifier rapidement le C. Encore une fois, j'aime bien ce bleu uni, en fait. Il se peut que je le garde. Ensuite, nous avons besoin d'un peu de littoral. Encore une fois, j'essaie de m' en tenir à la même couleur. Et si j'essaie de m'y tenir, c'est simplement parce que ce sont les directives brunes. Ça va probablement marcher, quelque chose comme ça. J'ai tendance à essayer d'utiliser des chiffres ronds juste pour me faciliter la tâche si je dois revenir modifier plus tard ou les faire correspondre à quelque chose. OK, donc je pourrais passer un peu plus de temps à déplacer le texte. Rapidement, vous pouvez voir que je peux faire glisser un objet comme ça. J'essaie juste de faire en sorte que ces lignes ne s' embrouillent pas trop avec ça. OK, donc la dernière chose que je veux faire, c'est par ici, il est écrit Corn Island, les Corn Islands. Je pense donc que nous voudrions peut-être voir cela sur la carte, peut-être avec une flèche pointant vers eux. Donc, ce que je vais faire, c'est sélectionner ce long objet, pour que les îles à maïs soient là-bas. Mais je vais utiliser un outil obscur ici. Il s'agit de l'outil à ciseaux, généralement caché sous l'outil à effacer, donc vous le voyez probablement. Appuyez et maintenez le bouton enfoncé. Je vais cliquer ici, et cela correspond également à ce chemin. Pourquoi est-ce que je fais ça ? Vous vous demandez peut-être si je le fais parce que dans le panneau des traits , normalement, lorsque vous cliquez sur le panneau des traits, cela ressemble à ceci. Je ne vois pas beaucoup d'options, mais quand je l'ai ouverte, en fait, je l'ai fait plus tôt. Si j'appuie sur l'une de ces options de pointe de flèche, vous pouvez voir qu'elle nous donne une C'est absolument gigantesque. Selon l'une de ces options, il en fait une au début ou à la fin, et vous devez normalement ou normalement essayer les deux options avant d'obtenir celle que je veux. Je suis juste en train de le réduire un peu. Essayez peut-être deux modèles différents pour voir lequel correspond le mieux à la marque. Peut-être celui-là. Cela signifie donc simplement que les lignes de base se trouvent là-bas. Je pense que je pourrais agrandir un peu cette pointe de flèche maintenant. Je n'y consacrerai pas trop de temps. Oui, c'est pas trop mal. Non, après avoir mis la pointe de flèche là, je pense que je veux que mon texte soit en quelque sorte aligné avec Donc, ce que je vais faire, c'est changer d'outil de saisie, cliquer juste avant les îles de mots, appuyer sur Retour. Maintenant, ils se trouvent dans deux paragraphes distincts, je vais donc les sélectionner. Je vais les aligner sur la droite. Et puis, avec mon outil de sélection, ramenez-le. C'est plutôt ça. C'est juste qu'il utilise ce principe de proximité, en disant que tout cela est lié. Encore une fois, je parle de proximité. J'aimerais que le mot îles soit un peu plus prononcé, donc il est vraiment évident qu'il s'agit d'un seul objet. Donc, lorsque nous examinons le type, nous avons le panneau de caractères ici. Si vous le voyez souligné. Si vous cliquez dessus, vous avez cette option, peu comme nous pouvons le faire pour le design, nous pouvons ajuster le fil pour quelque chose comme ça. OK, nous y avons donc abordé pas mal de choses, plus sur les calques, plus sur les traits, plus sur les couleurs, sur la sélection de certaines préférences que vous pouvez utiliser pour faciliter les modifications. J'espère donc que vous pourrez essayer cela et que vous trouverez cela relativement simple et vous trouverez cela relativement que là où cela n'a pas de sens, vous pourrez en quelque sorte regarder et voir ce qui se passe. Je sais que nous n'avons pas encore créé grand-chose dans Illustrator, mais nous le ferons, mais cela vous aidera vraiment à poursuivre votre découverte d'Illustrator. Passons donc à la suivante. 34. Modifier des cartes et des infographies avec Illustrator 4/5: Dans cette section du cours, nous avons appris comment modifier une carte dans Illustrator, et nous allons maintenant modifier ce petit graphique ci-dessous. Alors, c'est ici. La dernière fois que vous avez modifié la carte, vous n'avez pas eu à vous soucier des groupes. Nous utilisions presque exclusivement cet outil de sélection. Vous pouvez simplement cliquer, sélectionner ce que vous voulez. Parfois, des couches séparent des choses, parfois des groupes séparent des choses. Regardez ce qui se passe ici. Si je clique sur l'un de ces objets, le tout est sélectionné. C'est parce qu'il est groupé. D'une manière générale, dans le coin supérieur gauche, il est indiqué qu'il est groupé. Dans ce cas, il est écrit graphe, mais un graphique est composé de ce que l'on appelle des sous-groupes, bien plus encore de ceux qui se trouvent dans une seconde Donc, si quelqu'un vous dit, écoutez, nous devons changer cela, nous devons, vous savez, affiner ces lignes, changer la police ici ou changer la couleur. Cela semble assez difficile au début car vous pouvez le sélectionner , puis essayer changer la couleur et vous aurez un tas de points d'interrogation. Les points d'interrogation sont là parce qu' il y a différentes choses, donc cette ligne a un fond noir et aucun trait. Ce genre de carré a un fond noir et aucun trait. Désolée, j'ai mal dit : trait noir et pas de remplissage, et il y a un remplissage noir et aucun trait. C'est pourquoi c'est confus. Donc, si nous devions essayer de changer ces choses, nous devrions utiliser l'outil de sélection de groupes. Maintenant, l' outil de sélection de groupes que nous avons vu permet déjà de définir des sous-groupes, mais ils fonctionnent vraiment bien dans un graphique, car il réunit ces éléments de manière intelligente Ainsi, par exemple, vous devez faire une petite pause entre les clics ici. Mais si je devais cliquer sur cette fine ligne ici, puis faire une pause puis cliquer à nouveau, oui, voilà. Ça a pris du temps, mais c'est un sous-groupe. Je n'ai donc pas eu besoin de faire Shift, Click, Shift, Shift, Click, comme vous l'avez peut-être deviné Certainement, c'est la première fois que j'utilise Illustrator. Je ne connaissais pas cet outil, et il y en avait beaucoup . Maintenant, je peux voir que tout est sélectionné. Supposons donc que je veuille en faire une couleur différente. Voilà ma couleur Discuba, je crois. Et en fait, c'est un tout petit détail qui me dit qu'il s'agit d'un remplissage plutôt que d'un trait. C'est un tout petit peu rassasié. C'est bon Je peux travailler avec ça. Et puis quand je désélectionne, je pense que ça l'a changé. Essayons cet objet. Cliquez à nouveau, puis faites une pause. Encore une fois, nous y voilà. Il y a donc un fond noir et un trait noir. Je vais donc modifier le remplissage. Je ne vois pas pourquoi je veux un coup dessus, alors je vais le placer vers l'avant. Maintenant, c'est l'heure du raccourci. Appuyez sur la touche X, toute seule. Tu peux le voir ? X place le remplissage ou le trait vers l'avant. un autre raccourci pour Voici un autre raccourci pour ce bouton, qui n'en fait aucun, mais vous remarquerez peut-être que dans les petits crochets, il vous donne la touche barre oblique. C'est ton raccourci. Donc, si j'appuie sur la touche barre oblique mon clavier, ce n'est le raccourci pour personne Allons-y. Cela se passe donc bien jusqu'à présent. Essayons de cliquer sur cet objet ici, faisons une pause, puis cliquons à nouveau. J'espère que c'est regroupé avec les autres objets. Non, en fait, ça ne l'est pas. Je sais que c'est peut-être le cas. Ouais, ça a pris du temps. Essayons encore une fois alors. Alors changeons ça en bleu. Génial. Il ne reste plus que le type de fond. Encore une fois, cliquez une fois, faites une pause, cliquez à nouveau. Non, je n'ai pas aimé ça. Oh, non, c'est juste très lent aujourd'hui. Je ne sais pas pourquoi cela a pris autant de temps. Nous ne lui demandons pas vraiment grand-chose, n'est-ce pas ? Bien, mettons le remplissage au premier plan, donc je vais utiliser à nouveau un raccourci, X. Mets-le bleu. Et puis cliquez sur l'un de ces éléments de texte. L'une des raisons pour lesquelles j'insiste sur pause est que si vous double-cliquez, vous indiquez à Illustrator que vous souhaitez modifier le texte lui-même, et ce n'est vraiment pas ce que vous voulez faire. Vous voulez cliquer, puis faire une pause, puis cliquer à nouveau. Allons-y. Maintenant, si cela ne fonctionne pas, l'option que vous pouvez faire est de cliquer puis de faire est de cliquer puis glisser le pointeur autour de ces objets comme ça. Cela fonctionnerait également. Mais le double-clic fonctionne parce qu'on les appelle des sous-groupes Cela signifie donc des groupes au sein d'un groupe. Donc, si vous créez quelque chose à partir de zéro, vous créez quelque chose qui va de pair, vous le regroupez, puis vous continuez à le faire. Si vous les regroupez tous à la fin, vous vous retrouvez avec ce gigantesque groupe composé de sous-groupes Je suis tenté de vous le montrer maintenant, mais comme nous n'avons encore rien créé à partir de zéro, ce serait plus confus, mais croyez-moi, nous y reviendrons plus tard. Alors, on y va. Je peux créer un fichier, enregistrer sous, appelons-le simplement. Bleue. Cela concerne donc davantage les sous-groupes Mais le principal important ici est que la raison pour laquelle cet objet est groupé est qu'il s'agit d'un type spécial d' objet, d'un graphe. Si je le sélectionne et que je fais un objet, je représente graphiquement les données. C'est ainsi que le graphique a été créé à l'origine. Ces informations sont donc mises ici, comme vous pouvez le voir, elles les transforment en graphique. Donc, juste pour vous montrer comment cela fonctionnerait, supposons que nous ayons mal compris les dates et les températures. Et supposons que dans oh, je ne sais pas, regardons la plus petite. C'est quoi ça ? 74 ans ? Donc, en octobre, c'est le niveau le plus bas. Imaginons que le mois d'octobre devrait en fait être 82. Donc, si je change ce chiffre puis que j'appuie sur cette petite coche, vous verrez qu'il y a un petit pic. Donc, si je devais fermer cette petite fenêtre et l'enregistrer, mon graphique serait modifié. Donc, pour des raisons techniques, cela ne fonctionne que si le graphe reste un groupe. Dès que vous essayez de changer cela, cela ne fonctionnera vraiment pas. Je vais donc en fait ramener cela à 74. Fermez ça. Tant que cela reste un groupe, vous pouvez le faire. Laisse-moi te montrer l'autre chose que tu peux faire. Vous pouvez utiliser un objet, un graphique avec deux autres éléments. La première est que vous pouvez modifier le type de graphique. J'aime bien l'apparence de ce graphique. Mais si je voulais que ça ressemble, disons, à ça, il y a quelques options que vous pouvez essayer, malheureusement sans aperçu. Alors voilà. C'est une autre façon de voir les données. Essayons-en un autre. Graphe d'objets, type. Je ne sais pas comment cela se fait. Oui, ça pourrait marcher. OK. Ainsi, une fois que les données sont là, vous pouvez les modifier. Vous pouvez changer le type de graphique, et cela peut sembler plutôt beau. Et puis la dernière chose que tu peux faire. Supposons que vous ayez ceci et que vous vouliez modifier un paramètre, que vous les ayez, mais que vous ayez également l'axe des valeurs, qui se trouve ici. Désolée, c'est celui-ci. Par exemple, je pourrais ajouter un suffixe, donc je pourrais dire, ce sont des degrés, n'est-ce pas ? Si j'ai créé un symbole de degré, c'est t ou l'option zéro, puis les points de repère, je les ai désactivés. En fait, laissez-moi activer les points de repère. Cela ne va pas être très excitant. Mais vous pouvez voir que cela aide un peu. Et puis de l'autre côté, nous avons l'axe des catégories. L'autre chose que vous pouvez faire est de contrôler des éléments, par exemple si ces objets sont dessinés. Mais je pense que vous en avez probablement assez vu à ce sujet. Alors, on y va. Nous pouvons sélectionner l'ensemble du graphique à l'aide de l'outil de sélection principal, mais nous pouvons accéder aux sous-groupes à l' aide de l'outil de sélection de groupes N'oubliez pas qu'en cliquant et en pause, puis en cliquant à nouveau, nous pouvons modifier des éléments tels que, disons, l'intensité du trait. La police, la couleur, etc. Encore une fois, je pourrais en faire une autre ici. Mais vous êtes limité dans ce que vous pouvez faire. Il s'agit d'une fonctionnalité particulière. C'est une particularité d' Illustrator, cette fonctionnalité. Il ne fait pas tout ce que tu veux. Mais comme vous pouvez le constater, si vous avez juste besoin de modifier votre bit de données, cela peut très bien fonctionner. Alors, on y va. C'est ainsi que nous modifierions un graphique. Certains appellent cela une infographie. Techniquement, cela s'appelle un graphe. 35. Modifier des cartes et des infographies avec Illustrator 5/5: Le dernier exemple de ce module de quelque chose que nous allons modifier dans Illustrator est cette infographie Vous le créerez donc plus tard à partir de zéro. Il n'y a donc rien de trop détaillé. Je dois vous le montrer maintenant, mais ce que je veux vous montrer , c'est comment nous travaillons avec le réseau. Vous remarquerez peut-être qu' en arrière-plan, il y a ces objets qui ressemblent un peu à des carrés de papier millimétré, c'est exactement ce qu'ils sont. Il s'agit d'une grille à laquelle vous pouvez accéder en un clin d'œil. La commande ici se trouve donc dans le menu d'affichage. Nous pouvons afficher ou masquer la grille, et nous pouvons également activer ou désactiver la capture Donc, d'une manière générale, je n'utilise pas la grille, mais je l'utilise de manière très spécifique pour certains types de travail. Ainsi, par exemple, le graphique, la carte que nous avons modifiée. Le réseau ne nous aiderait pas du tout à cet égard. Mais lorsque vous faites quelque chose de très linéaire, très géométrique, cela peut être génial. Maintenant, pour cette infographie, comme vous le verrez plus tard , il est parfois beaucoup plus facile de créer infographies en utilisant différents pourcentages, J'ai fait des recherches sur différents pourcentages de différents cafés, et pour chaque pourcentage, j'ai utilisé un Donc, par exemple, un expresso. C'est ma petite mesure en fin de compte. Donc ça fait dix, mais ça fait 20, ça fait 30, et ça fait 50. Cela représente donc cent pour cent de la tasse. OK, donc un expresso, c'est bien, c'est entièrement un espresso. Mais alors un cappuccino, c'est celui-là. Americano, c'est 20 %. Et puis peu importe ce que c'était 35 ou quoi que ce soit d'autre, et ainsi de suite. J'utilise donc les couleurs de la marque , c'est pourquoi nous avons des couleurs assez étranges ici. Nous allons donc simplement changer cela. Le cortado devrait donc contenir un peu de mousse de lait plutôt que d'être exactement le même que le blanc plat Ainsi, lorsque nous sélectionnons des éléments, vous pouvez voir que nous avons ces différents éléments. Maintenant, je les ai dessinés en utilisant cet outil ici. Donc le rectangle. Si je devais m'aligner plus ou moins sur cela, lorsque je clique et que je fais glisser et que vous verrez cela lorsque vous commencerez à le faire vous-même, cela doit s'accrocher à la grille, est pourquoi il sera en fait relativement simple de le faire comme ça. Nous prenons donc des photos comme ça, et c'est la dernière couleur que j'ai utilisée, et c'est exactement ce que je veux. Mais si ce n'était pas le cas, si je voulais que ce soit plus que cela, plutôt que d'en faire un autre, j' utiliserais mon outil de sélection. Et comme le boîtier de délimitation est activé, je peux simplement le saisir et l'agrandir ou le réduire Si le boîtier de délimitation n'était pas activé, si je le désactive simplement, c'est un peu plus difficile L'outil que j' utiliserais serait celui-ci, l'outil de transformation gratuit, qui est un peu le même que vous vous dites peut-être : OK, que se passe-t-il, si vous voulez, 5 % au lieu de 10 %, alors ce que vous devriez faire, c'est désactiver Snap Grid et le faire sur la moitié de la distance. Sans oublier de réactiver la grille par la suite afin de pouvoir effectuer les autres modifications que vous souhaitez apporter. Alors voilà. Voici quelques autres éléments d'Illustrator qui devraient vous aider à vous y retrouver lorsque vous devez apporter des modifications. 36. MODULE 9 : Retoucher des images avec Photoshop 1/3: Dans ce module, nous allons continuer à étudier Photoshop. Mais contrairement à ce que nous avons fait la dernière fois, lorsque les modifications que nous avons apportées ont affecté chaque pixel de l'image. Cette fois, nous allons faire des choses qui ciblent spécifiquement les pixels individuels. La première chose que nous allons faire est donc de voir comment supprimer d'une photo un que vous ne voulez pas voir apparaître. C'est donc une jolie image de ce citron, et je veux en tirer le meilleur parti. Mais si nous voulons créer ce type d'image principale, nous voulons nous assurer qu' il n'y a rien que nous ne voulions voir là-dedans. Voyons donc ce que nous pourrions faire. Donc, tout d'abord, je vais utiliser Command plus pour zoomer. Ensuite, si vous maintenez la barre d'espace enfoncée, vous pouvez cliquer et faire glisser l'écran. Et vous pouvez voir qu'il y a là quelque chose qui est en quelque sorte capté par la lumière. Et ce n'est pas la fin du monde, mais j'aimerais que ce ne soit pas le cas. Donc, l'outil par défaut que vous allez utiliser pour vous en débarrasser est cet outil appelé clone stamp, qui, comme vous pouvez l' imaginer, clone des choses. Maintenant, si je devais le faire maintenant, comme vous le savez, cela changerait tout sur la couche d' arrière-plan, et nous appelons cela destructeur. Nous pourrions donc le faire, et cela fonctionnerait bien. Mais juste pour prendre une bonne habitude, je vais dupliquer la couche d' arrière-plan en la faisant glisser vers le bas jusqu'au petit bouton plus bas. Maintenant, j'ai mon exemplaire. Ils ont donc l' original, et c' est sur celui-ci que je vais travailler au cas où j'aurais besoin de revenir. Je vais donc essayer d'en trouver qui ressemblent à ça. S'il n'y était pas. Donc, quelque chose avec même type de lumière et d'obscurité, je pense quelque part ici. Ce que je fais, c'est maintenir la touche Modifier enfoncée, puis cliquer une fois. Il y a une petite cible qui m'indique d'où je vais prélever des échantillons. Et puis, lorsque je déplace à nouveau mon curseur ici, il va peindre par-dessus. Maintenant, le seul problème, c'est d'abord la taille du pinceau, de ce cercle. Si je veux qu'il soit plus grand, je peux monter ici et l'agrandir. Si je veux que ce soit plus dur, je veux que l'arête soit complètement solide, je fais ce chemin. Si je veux que le bord soit plus doux, je fais ce choix. Je trouve donc quelque chose d' assez doux, et l'aperçu qui s'y montre que c'est légèrement doux sur le bord. Un moyen simple de l'agrandir est d' utiliser le support carré situé à droite du peki. Tu en as deux. Vous avez celui de gauche qui le rend plus petit, celui de droite l'agrandit. Quelque chose comme ça va fonctionner, je pense. J'ai donc échantillonné à partir d'ici, je vais peindre par-dessus Ma souris est donc baissée maintenant. Et quand je lâcherai prise, oui, je ne pense pas que vous remarquerez que c'est truqué Regardons l'avant et l' après, comment c'était avant après. Clairement, vous pouvez voir que certaines des erreurs les plus légères sont échantillonnées, mais cela correspond au reste de l'image, donc je suis tout à fait d' accord avec cela Vous pouvez donc utiliser cet outil dans de nombreuses circonstances différentes. Cela fonctionne mieux lorsque vous avez ce que j' appelle un arrière-plan organique. Donc quelque chose qui a l'air naturaliste. Donc, là où il y a un peu de variation, cela fonctionne parfaitement. J'ai deux autres exemples pour vous. Voici le suivant. Encore une fois, ils proviennent tous d'Unsplash Ce sont toutes de superbes images. Mais imaginons que nous utilisions ces framboises pour notre marque de citron vert Vous ne voudriez peut-être pas que celui-ci soit là avec ce genre de défaut. Encore une fois, si je zoome, Command plus et la barre d'espace cliquent et glissent. La question est donc de savoir si je peux trouver quelque chose de similaire suite, de sorte que lorsque je peins par-dessus, cela fonctionne parfaitement. Je cherche quelque chose du même angle, probablement juste au-dessus. Le problème, c'est que c'est très serré et ce que vous pouvez finir par faire par inadvertance, si je clique, vous finissez par peindre littéralement par-dessus Mieux vaut, si possible, s'éloigner un peu plus. Je vais essayer un échantillon, disons à partir d'ici. En fait, à partir de la ligne, je vais partir de la ligne, échantillonner sur la ligne, puis l'aligner sur cette ligne et ensuite je devrais être capable de peindre comme ça. Oui, pas trop mal. Pas trop mal. Pareil ici. Le problème, c'est qu'une fois que vous commencez à regarder ce genre de choses, vous vous laissez emporter et vous devez savoir quand arrêter. Encore une fois, je cherche quelque chose avec une ligne comme ça et je pourrais m' en sortir en échantillonnant ce côté. En un clic. Essayez de l'aligner, cliquez et faites glisser comme ça. Ça ne correspond pas tout à fait. Mais si je devais effectuer un zoom arrière, je n'y ferais pas ma copie d'arrière-plan. Si nous examinons l'histoire, vous pouvez voir l'avant et l'après. Donc, si nous voulons être vraiment pointilleux, cela ne fonctionne pas vraiment Donc, si je devais le refaire, je chercherais un peu plus attentivement quelque chose qui fonctionne en termes de limite. Je pourrais probablement le faire avec un peu plus de temps, mais je ne vais pas perdre plus de votre temps pour le moment. L'image finale que nous allons regarder ici est beaucoup plus difficile Vous pouvez voir cette image. C'est beau, mais je trouve cette zone blanche qui me distrait Bien sûr, si j' essaie de vendre ce citron vert, je ne suis pas sûr d'en avoir vraiment envie. Donc, si je zoome et que je duplique le calque d'arrière-plan, le problème est que lorsque j'utilise mon tampon de clonage, il est vraiment très difficile faire correspondre les soi-disant tons de l'image. Quelle que soit la couleur, je pourrais essayer de la sélectionner ici, mais vous allez voir, je crains cela ne se mélange tout simplement pas. Cela semble vraiment, vraiment évident. C'est un problème que les retouches rencontrent depuis des années. Je ne vais pas faire semblant que c'est facile. Je vais juste faire un ensemble de commandes pour annuler. Mais Photoshop a rendu les choses un peu plus faciles en nous fournissant cet outil appelé pinceau cicatrisant. L'idée avec un pinceau cicatrisant, c'est que je puisse prélever des échantillons. Ce qu'il essaie vraiment de faire, c'est de conserver la texture, mais d' unifier les couleurs Donc, si je prends des échantillons, disons, d'ici, et que je peins dessus, cela essaie de les mélanger. Il ne fait pas un travail parfait. Je vais juste faire un nouveau sample ici ne pas tomber accidentellement sur ce que j'essaie de copier. Il fait de son mieux. Je vais essayer de goûter encore une fois, peut-être en choisissant une autre zone ici. Maintenant, si je fais un petit zoom arrière. Ce n'est pas parfait, mais je pense que vous pouvez voir que je suis sur le point de le faire. Voici donc le pinceau de guérison. Cela fonctionne donc de manière plus subtile que le tampon de clonage. Et si j'avais beaucoup plus de temps, je consacrerais plus de temps à cette question dans les détails. Mais pour être honnête avec vous, lorsque nous examinons les sélections, nous utiliserons une autre approche qui vous présentera un troisième outil qui fonctionnera mieux que cela. Nous avons donc vu les choses très simples pour lesquelles vous pouvez utiliser le tampon de clonage, à savoir celle-ci. Et pour les choses un peu plus subtiles, vous pouvez essayer d'utiliser le pinceau cicatrisant. Mais il existe d'autres approches que nous verrons dans un prochain module. 37. Retoucher des images avec Photoshop 2/3: Nous travaillons sur une série de techniques que nous pouvons utiliser dans Photoshop, qui utilisent des pinceaux essentiellement pour peindre avec un effet quelconque. Jusqu'à présent, nous avons utilisé le tampon de clonage et le pinceau de guérison pour peindre pixels ou peindre par-dessus des pixels. Ce que nous allons faire maintenant, c'est quelque chose de beaucoup plus flexible et de beaucoup plus créatif. Vous avez déjà vu cette image. C'est celui sur lequel nous avons travaillé la dernière fois. Nous venons de démonter un fossé en poussière ou quoi que ce soit Mais si vous regardez l' avant et l'après, vous verrez une différence assez spectaculaire. Encore une fois, le contexte ici est qu'il s' agit d'une photo de produit. Ce sera peut-être une image recadrée de près pour Limone Nous voulons donc beaucoup de contrastes. Je ne dis pas que cela fonctionnera sur toutes les images, mais pour cela, je trouve que cela semble plutôt bon. C'est donc dans cette direction que nous nous dirigeons. Donc, la première chose que je veux faire pour obtenir ce contraste, c'est faire quelque chose d'assez subtil. Je veux que les gens puissent vraiment voir l'aiguisage que je vais appliquer sur le citron qui s'y trouve Donc j'ai déjà fait une copie de fond là-bas. Oh, oui, c'est celui sur lequel nous avons travaillé avant. C'est vrai. Laisse-moi juste cacher celui-là. Je vais faire une autre copie de fond. Je vais double-cliquer sur le texte qui s'y trouve. Je vais juste appeler ça un aiguiseur pour ne pas m'y perdre Et nous l'avons déjà fait dans un module précédent, nous allons passer au filtre, à l' autre et au high pass. Comme vous l'avez déjà vu, nous allons utiliser le rayon. Qu'est-ce que j'essaie de faire ici ? Je ne m'inquiète pas pour le reste de l'image car je vais le peindre dans une minute. Tout ce qui m'inquiète, c'est le détail du citron. Je ne veux pas aller trop loin. Je ne veux pas le rendre trop souple, quelque chose comme ça fera ressortir les détails. Ainsi, comme vous vous en souvenez peut-être lors de la leçon précédente, vous pouvez changer le mode de fusion en lumière dure Nous y voilà donc. C'est beaucoup plus net. Il se peut que je le veuille sur toute l'image, peut-être aussi sur cette feuille, mais je ne le veux pas sur le reste de l'image. Donc, ce que je peux faire c' est ajouter ce qu' on appelle un masque de couche, savoir ce bouton en bas. Lorsque je clique dessus, une miniature blanche supplémentaire s' affiche Maintenant, le blanc signifie que c'est visible et le noir signifie que ce n'est pas visible. Donc, si j'utilise un pinceau ordinaire, je peux peindre en blanc, en noir ou en nuances de gris. La dernière fois que nous avons utilisé le pinceau, il est assez gros et son bord est assez souple. Donc c'est en fait à peu près ce que je veux. Je vais donc cliquer. Et au fur et à mesure que je traîne ici, c'est subtil, mais j'espère que vous voyez, c'est que le genre de netteté supplémentaire que je viens apporter est en train de disparaître Et si vous regardez ici, la netteté est visible dans la zone blanche et non dans la zone sombre Et là où c'est gris, c'est un peu entre les deux. Je vais donc peindre dans ces coins pour m' assurer que c'est bien appliqué. tri peut se faire avec une brosse souple, vous finissez par manquer des parties. Maintenant, comme il s'agit d'un effet assez subtil, peu importe si je rate l'ancien élément. Mais l'essentiel que je veux garder , c'est le citron vert, le citron vert. Allons-y. OK. Ensuite, comme vous l'avez vu dans l'aperçu, nous voulons du contraste ici. Je veux assombrir cette zone en bas. Je vais le faire au moyen d'une couche de réglage. Je pourrais donc faire des niveaux. Vous l'avez déjà vu. Je vais le faire avec exposition cette fois, et je vais réduire l'exposition. Et je ne m' inquiète pas pour le citron. Je m'inquiète pour le contexte. J'essaie juste de faire baisser les choses, quelque chose comme ça. Alors maintenant, je pourrais tout repeindre . Mais ce que je pourrais aussi faire, c'est copier ce masque de couche. Pour ce faire, je maintiens la touche d'option de l'autel enfoncée, je la fais glisser ici, et on demande si je veux remplacer le masque de couche, ce que je fais. Vous pouvez donc voir maintenant que j' assombrit juste le citron et non le fond, ce qui est en fait le contraire de ce que je veux faire Ainsi, lorsque je clique sur le masque, je peux le voir sélectionné cause de la petite zone blanche qui l'entoure, et je vais effectuer les réglages de l'image, inverser ou me commander ou me contrôler, et cela ne fait qu'inverser la tendance Maintenant, souvenez-vous que l' exposition a diminué, donc cela assombrit le blanc, et non la zone sombre, comme vous pouvez Et puis une autre pour faire le contraire, je vais créer une autre couche d'exposition. Cette fois, je vais éclaircir et maintenant je veux m'assurer, encore une fois, que cela ne s'applique qu' à ce domaine. Je le veux donc au milieu et non à l'arrière. Je vais donc copier celui-ci à nouveau ou le faire glisser remplacer le masque de couche. J'ai l'impression que je suis peut-être allée un peu trop loin. me semble que j'ai fait briller le levain. Vraiment comme ça. l'impression que je suis peut-être allée un peu trop loin avec l'exposition plus foncée. Donc, ce que je peux faire ici, et c'est ce qui est génial avec les calques de réglage, c'est que je peux cliquer dessus et je peux simplement ramener d'un cran ou deux. Mais comparons cela à l'original. Donc, si nous cliquons sur Alt, vous pouvez voir que c'est l'original. Maintenant, l'image était géniale au départ, mais j'espère que vous pouvez voir, c'est que j'ai accentué la partie sur laquelle je veux que nous nous concentrions, à savoir le citron Ce que j'ai réalisé en fait, c'est qu'une fois que je l'ai allégé, je voulais vraiment que cela apparaisse également ici Je peux cliquer sur cette miniature et est-ce que c'est celle qui est foncée ? Oui, c'est la plus sombre. Celui où je l'ai allégé, je veux l'augmenter Je veux peindre en blanc maintenant. Si je clique sur ce petit bouton ici, le plus petit pinceau. Je peux peindre pour apporter ça. Allons-y. Masques de couches, très, très flexibles et couches de réglage très, très flexibles. Une fois que vous avez commencé à les combiner, vous pouvez vraiment prendre excellentes décisions créatives pour vos photos, même après les avoir prises. 38. Retoucher des images avec Photoshop 3/3: Un dernier exemple de ce que nous pourrions appeler la retouche dans Photoshop, encore une fois, à l'aide de masques de calque Maintenant, c'est un exemple assez avancé. Cela va bien au-delà de l'essentiel, mais cela vous donne une idée du genre de choses que vous pourriez faire. La plupart de ces choses, tu le sais déjà. Voici donc le précédent. C'est une belle photo de très belles limes. Mais voici la suite. N'oubliez pas le clic Alt. Je dirais que c'est un bien meilleur type de photo de produit. Cela rend beaucoup plus évident ce que vous êtes censé regarder par opposition à l'arrière-plan. Ils sont donc plus nets et plus légers. Et au fur et à mesure que nous avançons vers le bord, ils sont un peu plus foncés, ils sont un peu moins nets. C'est ce que l' on appelle techniquement une vignette. Il s'agit donc d'une technique photographique très ancienne que nous utilisons en numérique. Donc, la plupart de ces choses, vous savez, mais il y en a certaines que vous ne connaissez pas. Donc, si je dois simplement cliquer sur la couche supérieure, appuyer sur la souris, appuyer sur le bouton vers le bas, puis simplement faire glisser le pointeur vers le bas pour tout masquer, puis simplement vous en montrer une à la fois Il y a donc la couche d' arrière-plan d'origine. Et j'ai fait une couche affûtée en utilisant High Pass, donc vous le savez déjà Dupliquez la couche d'arrière-plan et utilisez le filtre passe-haut. Comme vous pouvez le constater, cela donne juste un peu plus de texture aux citrons verts, la couche de réglage dynamique Vous l'avez déjà vu. Je n'ai donc retenu aucune subtilité, donc beaucoup de dynamisme et de saturation supplémentaire C'est peut-être trop loin. Si vous allez trop loin , vous finissez par rendre les couleurs un peu trop voyantes, mais je n'ai pas pensé qu' il fallait être subtil ici. C'est ce que j'ai fait. OK, mais pour ce que vous n'avez jamais vu auparavant, regardez autour de moi pendant que je l'active. Pouvez-vous voir que cela devient flou vers le bord ? Maintenant, si je vous montre cette couche seule, vous verrez que nous avons une copie d'arrière-plan. Nous ne voyons que le flou sur le bord. Donc, essentiellement, j'ai dupliqué la couche d' arrière-plan, puis j'ai créé un filtre de flou gaussien Mais ce que j'ai fait d'abord, c'est d' avoir converti le filtre en couches intelligentes, ce qui signifie que si je le souhaite, je peux revenir en arrière, double-cliquer sur le flou gaussien et changer d' avis Bref, voici comment je l'ai fait. J'ai dupliqué la couche d'arrière-plan. Je l'ai mis au-dessus des objets vibrants, et ça t'aiderait si tu le voyais, n'est-ce pas ? J'ai donc cliqué avec le bouton droit sur la couche et j'ai dit «  Convertir en objet intelligent » Ensuite, dans le menu des filtres, j'ai créé le flou gaussien. Maintenant, lorsqu'il mentionne le filtre en haut, il se souvient des paramètres exacts de la dernière fois. Je vais le faire parce que je sais que je veux les réglages exacts de la dernière fois. Normalement, cependant, vous devez descendre et passer par la boîte de dialogue normale. Mais je sais ce que je veux, alors je vais cliquer dessus. C'est donc ce qui est évident que tout est devenu flou. Et puis quand j'ajoute un masque de couche, que vous connaissez, il masque tout ce qui se trouve au milieu. C'est ainsi que j'en suis arrivé là. OK, donc maintenant, si nous les additionnons, nous avons un flou sur le bord Ensuite, une fois que j'ai obtenu le masque de couche, je l'ai d'abord dupliqué sur une couche de saturation des teintes La saturation des teintes nous permet donc de réduire la saturation, donc de réduire l'intensité de la couleur. Maintenant, ce qui arrive souvent lorsque vous prenez une photo, c'est que vous regardez dans le viseur C'est un appareil photo à l'ancienne avec votre œil, et vous voyez en quelque sorte ce que vous voyez, et vous voyez l'arrière-plan, un peu cela ne vous intéresse pas, vous le voyez comme plus sombre et moins net. Mais malheureusement, la caméra ne le voit pas. Très souvent, la photo doit ressembler un peu plus à ce que nous voyons actuellement, mais ce n' est pas le cas la photo doit ressembler un peu plus à ce que nous voyons actuellement, mais ce n' est plus à ce que nous voyons actuellement, de l'appareil photo. C'est ce que fait notre cerveau. Nous pouvons donc le remettre en place. Ainsi, en utilisant la saturation des teintes, nous pouvons rendre le fond moins saturé. Nous pourrions également y appliquer de la légèreté, mais je l'ai fait séparément en tant que couche d'exposition. Encore une fois, j'ai peut-être un peu trop cuit, mais vous pouvez le voir en réduisant l'exposition, puis cet arrière-plan En d'autres termes, à l'avant, c'est plus clair, plus net, plus éclatant, à l'arrière-plan, c'est flou, moins saturé et plus foncé Alors, devez-vous le faire sur chaque photo ? Absolument pas. Mais pour une photo de temps en temps, elle sera bien meilleure. Alors voilà. des techniques assez avancées Photoshop utilise des techniques assez avancées utilisant, encore une fois, masques de calque et des calques de réglage, mais aussi, cette fois, des filtres intelligents. 39. Autres théories sur la conception graphique (MODULE 10): Dans ce module, nous allons réexaminer une partie de la théorie du design. Ce sont des choses que je ne savais certainement pas à mes débuts et que j' aurais vraiment aimé savoir. J'espère donc vraiment qu'en connaissant certains de ces aspects du design, cela renforcera vraiment le travail que vous faites. Nous avons donc tout d'abord parlé de contraste et de répétition, de proximité et d'alignement. Elles sont géniales. Empilons encore quelques éléments là-dedans. Et le premier est l'équilibre. J'espère donc que vous pouvez voir ils sont assez équilibrés, n'est-ce pas ? Donc, la gauche et la droite s'équilibrent. Alors que maintenant, ils basculeraient en quelque sorte s'ils étaient sur une sorte de balançoire Encore une fois, c'est équilibré. Il est aligné au centre. Néanmoins, tout est équilibré. Alors que ce n'est pas le cas, c'est un peu maladroit. Donc, même si nous avons cette répétition, beaucoup de répétitions, l' équilibre est un peu déséquilibré. Maintenant, c'est une question étrange. Comparez celui-ci avec celui-ci. Maintenant, je sais que nous n' avons pas la répétition, mais pour ce qui est de l'équilibre, je dirais que celui-ci semble être mieux équilibré que celui-ci, même si les blocs sont de la même taille. La raison en est que c'est une très mauvaise analogie, mais c'est la meilleure que j'ai. Si vous imaginez une balançoire avec un adulte d'un côté et un enfant de l'autre, cela n'est clairement pas équilibré Vous devez donc trouver équilibre avec un plus grand nombre d'enfants à une extrémité, sinon l' adulte devra se rapprocher du milieu de la balançoire Et c'est parce que l'adulte pèse plus que l'enfant. Donc, ici, ce qui constitue le poids, c'est le contraste. Donc, dans cet exemple, le bloc blanc ici, le plus petit contraste plus avec l'arrière-plan que celui-ci, donc il pèse un avec l'arrière-plan que celui-ci, peu plus OK ? C'est bizarre de parler de ça, je sais, mais c'est le concept d'équilibre. Maintenant, ce n'est pas sans rapport avec ce dont nous allons parler ensuite Ce sont les points focaux. Vous l'avez déjà vu et vous avez vu que votre œil est attiré, dans ce cas, par le carré orange parce qu'il est différent de l'autre. C'est donc contrasté. Cela ressemble donc au contraste, mais cela incite délibérément les gens à regarder dans un endroit en particulier ou à les encourager à regarder dans un endroit en particulier. Cela parle donc de lui-même. Tout comme celui-ci, j'espère. Ainsi, en entourant quelque chose d'un cercle ou d'un carré, qu'il s'agisse de lignes pointillées ou continues, cela peut à nouveau fournir un point focal Les flèches peuvent faire la même chose, qu'il s'agisse de flèches physiques ou quelqu'un qui regarde vers quelque chose. Toutes ces choses peuvent donner aux gens une apparence particulière. Et ce que cela fait, si vous voulez, c' est que cela donne plus de poids, si vous le souhaitez. Donc, si vous voulez créer ce que nous appelons un design asymétrique, c'est-à-dire un design quelque peu déséquilibré, vous devrez utiliser le poids de l' attention des gens, si vous Donc, en pointant une flèche sur quelque chose contraste beaucoup avec l'arrière-plan, cela lui donne plus de poids De toute évidence, la taille fonctionne également. J'espère donc que vous pouvez y voir le lien, et nous examinerons quelques exemples. J'espère que cela rendra les choses un peu plus concrètes pour vous. OK. Maintenant, en voici une étrange. Rythme. Si vous deviez comparer, disons, le punk à la country, punk serait un peu plus pareil, un peu plus jangly, un peu plus omniprésent, alors que le country serait comme ça, un peu plus stable, un peu constant De la même manière que la musique a un rythme, design a également un rythme, ce qui donne quelque chose de très différent à cela Le rythme est la sensation de la pièce. Regardons quelques autres exemples. C'est une théorie très verticale par opposition à théorie très horizontale, le sel de pincement, mais selon la théorie, des choses comme celle-ci constituent comme celle-ci Ce Cote, c'est un nouveau mot, ne me souviendrai probablement pas parce que je l'ai dit accidentellement. Cela transmet ou évoque le calme, telle est l'idée En théorie, cela transmet le pouvoir, tandis que le vertical transmet le pouvoir. Encore une fois, revenons à mon préféré, qui est celui qui sonne légèrement. Encore une fois, un peu avant-gardiste, un peu excitant. C'est le rythme. Encore une fois, nous allons en examiner quelques exemples. Mais c'est subtil, mais cela vaut la peine d'y prêter attention car cela peut vraiment évoquer l'ambiance d'une pièce Maintenant, c'est quelque chose que vous savez, je suppose, peut-être comme les autres choses, mais vous ne le savez peut-être pas. Des ratios, des ratios Quand j'ai commencé à vraiment comprendre cela, je dirais que cela a probablement amélioré mon travail de conception plus que toute autre chose. Il s'agit donc d'un ratio de un pour un. Vous pouvez voir qu'il y a le même nombre de blocs blancs que deux blocs oranges. C'est donc un ratio de un pour un. C'est un peu comme couper la page en deux. C'est donc un ratio de deux pour trois, et c'est assez agréable. C'est ce que nous voyons souvent. C'est un autre exemple de cela. Mais je pense que tu préfèreras trois à cinq. Vous avez peut-être entendu le terme « section dorée » ou « nombre d'or » , que beaucoup de gens ont beaucoup parlé à ce sujet Mais essentiellement, il décrit un ratio d'objets que nous, en tant qu'humains, trouvons agréables. De nombreux tests ont été effectués sur des personnes et on leur a demandé, vous savez, de tester, vous savez, des ratios comme celui-ci, par exemple. Et c'est plus ou moins ce qu'ils ont trouvé. Donc, trois à cinq, une fois que vous aurez commencé à l'utiliser , vous commencerez naturellement à diviser la page de manière plus harmonieuse et plus agréable C'est le genre de chose que j'ai fait toute façon avant de m'en rendre compte, mais une fois que j'en ai pris connaissance, j'ai pu m'en servir plus consciemment. Et c'est de cela qu'il s'agit. Plus vous êtes conscient des choses en général, mais dans notre cas, du design, plus vous pouvez faire de choix et mieux vous vous en sortirez. C'est donc un bon ratio de trois pour cinq. Tout comme ça. Au fur et à mesure que nous poursuivrons le cours, nous verrons comment utiliser les grilles pour nous aider à créer cela Ce sont des ratios. Jetons un coup d'œil à quelques exemples de ces choses pour rendre ces concepts un peu plus concrets. 40. Théorie complémentaire de la conception graphique 2/2: Donc, pour ce qui est des aspects un peu plus obscurs de la théorie du design que nous examinons actuellement, examinons quelques exemples de ce que nous avons déjà fait et voyons comment ils sont liés à ce dont nous avons parlé. Donc, tout d'abord, celui-ci, en termes d'équilibre, agréable et facile, ne pourrait tout simplement pas être plus symétrique, ne pourrait pas être plus équilibré. Le suivant. Encore une fois, assez équilibré, joli, aligné au centre, équilibre symétrique. L'image elle-même n'est pas très équilibrée. Il y a plus de choses qui se passent de ce côté que de ce côté. Mais là encore, ce genre de mot apparaît ici, qu'il n'y est pas, donc il s'équilibre en quelque sorte. Et c'est un peu moins équilibré sur le côté droit de cette orange, vous avez la feuille et ce petit symbole en papier ordinaire pointe vers la droite. Ces choses ont donc une incidence sur notre façon de voir les choses. C'est donc peut-être déséquilibré. J'imagine que j'aurais pu l' indiquer dans l'autre sens, mais, vous savez, cela aurait fait contrepoids. Permettez-moi de le faire rapidement. J'ai juste appuyé sur ce bouton plusieurs fois. Oups, pas comme ça. Je l' aligne au centre. Oui, plus équilibré, mais oui, cela ne signifie plus que nous livrons maintenant, donc pas si fort. OK. Donc ça me plaît parce que c'est dans un sens, eh bien, ce n'est pas symétrique, mais c'est équilibré. Vous avez un texte aligné au centre, celui-ci ici en haut à droite, qui équilibre cela en bas, si ce n'était pas le cas. Je dirais que cela semble vraiment déséquilibré. OK. Prochaine étape. Je pense que c'est équilibré. Donc, l'image ici, le texte est évidemment équilibré. Donc, d'une manière générale, nous sommes en quelque sorte centralisés. Mais le type de clocher de l'église ou quel que soit le nom que vous lui donnez, trouverez d'autres informations sur la gauche. Mais là encore, nous avons ce joli logo contrasté en bas à droite Je dirais que cela équilibre cela. Je pense que c'est un bon exemple de ce que j' essayais de dire tout à l' heure, à savoir que le contraste constitue un poids. Donc, comme c'est vraiment contrasté, même s'il est petit, cela équilibre le tout Si l'image était plus gentille de ce côté, je pense qu'elle aurait déjà l' air oui. Cela semble déséquilibré. OK. Et en continuant. OK, en termes d'équilibre, oui, vous savez, raisonnablement équilibré. Nous avons un peu plus d' informations de ce côté, peut-être d'autres choses sur lesquelles vous pourriez vous concentrer, comme ce b, mais ensuite il cherche ce côté, un plat tellement équilibré. OK, j'ai deux versions de celui-ci. C'est celui que j'ai fait à l'origine. Et je dirais : Eh bien, cela pose quelques problèmes, mais ce n'est pas très équilibré dans la mesure où vous pouvez voir que cette flèche pointe dans cette direction, ce qui détourne notre attention ce qui détourne notre attention plutôt que sur l'image Et encore une fois, la voiture indique cette direction. Donc, nous nous concentrons tous sur cette voie. On peut donc dire que ce n'est pas aussi équilibré qu'il pourrait l'être. J'ai donc fait une autre version. Je pense que c'est un peu plus équilibré. Cela pointe dans cette direction, cela pointe dans cette direction, mais bien plus encore depuis la gauche. Je pense que l'équilibre global est meilleur si nous comparons à nouveau les deux. C'est subtil et vous n'êtes peut-être pas d'accord, mais je pense qu'il est vraiment utile d'essayer de trouver l'équilibre entre les choses et le point focal des images. En termes de point focal, je dirais que ces personnes sont au centre de cette image, en partie parce que la voiture pointe vers elles, mais, vous savez, elles sont un peu seules, ce genre de proximité dont nous parlions. C'est donc un peu ce qui se passe là-bas. Quoi qu'il en soit, je voudrais revenir en arrière et parler de rythme maintenant. Revenons donc au début. Donc, les triangles ici un peu contradictoires parce que vous avez une certaine largeur, ce qui est calme. Et voilà tout ce qu'il y a à dire. C'est donc un message un peu mitigé, mais il en existe un meilleur exemple dans Illustrator. C'est donc, je pense un très bel exemple de rythme un peu plus excitant parce que vous avez les trigles ici et vous avez également ce genre de mélange angulaire Maintenant, vous allez le créer dans quelques modules, vous allez donc pouvoir l'assembler. Vous pouvez donc voir qu'il y a une certaine énergie intéressante là-dedans. D'accord, alors que rien de trop excitant n'est vraiment pas du tout. Oui, rien de très excitant. Je suppose qu'en raison de la nature de la plante, elle est un peu plus intéressante, un peu plus dynamique pas tout à fait horizontale, pas tout à fait verticale. C'est un peu anguleux. Et encore une fois, cela lui donne un rythme un peu plus intéressant. Donc, tu sais, il se passe quelque chose d'un peu plus là-bas. Mais ici, c'est le calme, le calme, le calme. Nous avons donc toutes ces belles images larges. Cela évoque donc délibérément le calme. Évidemment, l'image elle-même, le choix de la couleur l'sont également. Plus d'informations à ce sujet plus tard. Mais je préfère le calme, alors que ce que je recherche ici, c' alors que ce que je est quelque chose d'un peu plus avant-gardiste Encore une fois, les couleurs, nous en reparlerons plus tard. Mais le logo est délibérément incliné, et j'utilise délibérément des images avec beaucoup de choses, beaucoup de texture, beaucoup de détails, qui ne sont pas apaisantes. Mais je préfère cette autre image que tu as déjà vue. Si on regarde celui que je préfère. Vous pouvez voir à nouveau, c'est sous un angle et il y a beaucoup de choses qui se passent, donc cela suscite de l'enthousiasme, donc cela suscite de l'enthousiasme, et c'est bien sûr ce que cela essaie de faire Il y a quelques autres exemples en termes d' équilibre et de rythme, et j'espère que vous avez également vu quelques exemples de ratio, utilisation très délibérée des ratios dont nous avons parlé. Par exemple, cela représente à peu près trois à cinq. Vous verrez comment procéder en temps voulu. Qu' avons-nous d'autre ? Ce n'est pas tout à fait ça, mais vous pouvez voir que c'est un peu deux ou trois environ. C'est un peu ce que j' allais faire là-bas. Au fur et à mesure que nous approfondirons le cours, vous aurez d'autres idées sur la façon d'utiliser ces ratios. Mais j'espère que ces exemples vous ont donné un peu plus d'idée de la théorie qui sous-tend certaines des choses que j'ai créées et, espérons-le , vous donneront une idée de la façon dont vous pourriez les utiliser lorsque vous créez des choses vous-même. 41. MODULE 11 : créer des images pour les réseaux sociaux avec InDesign 1/4: la section du cours, nous allons créer nos premiers documents de conception à partir de zéro, et le type de documents que nous allons créer est destiné aux réseaux sociaux. Le défi ici est donc double. La première est que vous n'avez jamais créé de documents Insign auparavant, mais la seconde est la suivante : quelle est la taille de ces documents ? Dans la première vidéo, nous allons voir comment nous déterminons la taille que nous voulons, et dans la deuxième vidéo, nous allons la créer, puis nous allons la transformer en un fichier PNG que vous pouvez télécharger dans un navigateur. Alors, jetons-y un coup d'œil. Donc, la première chose que je veux que vous examiniez est cette ressource vraiment utile de Sprout Social Il existe donc d'autres guides disponibles, mais c'est celui que j'ai tendance à utiliser. Comme vous pouvez le constater, il s'agit du guide toujours à jour des tailles d'image pour les réseaux sociaux. Donc, si vous voulez l'obtenir , vous pouvez soit copier l'URL, soit commencer à utiliser Google Quick Sprout en permanence, cela apparaîtra parce que c' est un article très populaire Donc, ici, il y a plusieurs raisons pour lesquelles vous l'utilisez. La première est qu'il vous indique les types particuliers de choses à utiliser. Mais en plus de cela, si vous cliquez sur le lien ici, vous accédez à ce document, qui est fabuleux car, comme vous pouvez le constater, il contient la plupart des plateformes de réseaux sociaux que vous pourriez utiliser, puis il vous donne une liste de toutes les différentes choses que vous pourriez créer pour celles-ci et leurs dimensions recommandées. Encore une fois, le mot clé est recommandé, c'est ce qu'ils recommandent, et j'ai confiance en leur jugement. Nous allons donc envisager de créer une image d'événement sur Facebook. Vous pouvez voir que leurs dimensions recommandées sont de 1920 x 1080, nous y reviendrons donc, mais elles peuvent être aussi petites que cela. Mais revenons à ce guide pendant une seconde. Si vous deviez faire défiler l'écran vers le bas et dire « eh bien, je veux créer quelque chose pour Facebook », vous pouvez lire leur guide. Encore une fois, d'autres guides sont disponibles. Mais si vous descendez assez loin, vous verrez que c' est celui qu'ils recommandent et ils vous expliqueront pourquoi ils le recommandent. C'est donc là que nous allons. Nous connaissons la plateforme, nous connaissons le type d'image que nous allons créer et nous connaissons la taille. Faisons cette étape dans le design. 42. Créer des images de réseaux sociaux avec InDesign 2/4: en sommes donc au stade de la conception, et nous allons créer notre premier document. Nous allons déposer un nouveau document. Et ici, j'ai des documents récents parce que j'en ai évidemment déjà créés. Vous ne l'avez peut-être pas, mais comme nous créons pour les réseaux sociaux, nous allons choisir le Web. Il existe des tailles prédéfinies, dont certaines peuvent être utiles, mais les informations que nous avons reçues de Sprout Social nous ont indiqué que la largeur de notre document serait de 1920 pixels et la hauteur de 1080 pixels C'est donc là que nous allons. Maintenant, nous n'avons pas à nous soucier trop des autres paramètres. Le seul point que je voudrais examiner, ce sont les marges. Maintenant, vous pouvez voir que l' aperçu est ici. Si cela ne s'affiche pas pour vous, n' hésitez pas à le désactiver puis à le rallumer. Parfois, dans la version actuelle d'InDesign, l'aperçu ne se met pas à jour Donc, si ce n'est pas le cas pour vous, j'essaierais simplement un autre document. J'essaie donc d'imaginer à quoi ressemblera mon document au final et comment je pourrais utiliser mes marges. Donc, les marges sont-elles les marges ? Les marges sont cette combinaison de petites lignes violettes autour du Maintenant, évidemment, je l'ai déjà fait, donc je sais où je vais. Mais en réalité, ce que j' essaie de me demander lorsque je crée un document, c'est comment utiliser au mieux les marges , car elles sont vraiment très utiles, comme j'espère que vous le verrez dans cet exercice. Je vais donc taper 72 pixels parce que c'est la valeur que j'ai pensé être utile. Je remarque qu'après avoir sélectionné cette valeur, je clique simplement sur l'un de ces autres soi-disant champs. Et dès que vous le faites, ils changent tous pour correspondre. Et c'est à cause de ce cadenas. Tant que vous ne cliquez pas sur le cadenas, ils resteront tous les mêmes Si vous vouliez qu'ils soient différents, vous pouvez cliquer sur un cadenas et les créer comme vous le souhaitez L'aperçu aurait donc dû être mis à jour. C'est le cas, donc c'est génial. C'est donc l'écart que je veux trouver sur le bord. Il suffit donc d'appuyer sur Créer. Et voici notre premier document. OK, donc c'est bien. Donc, en termes de conception, les outils que nous avons utilisés sont deux des trois principaux outils utilisés jusqu'à présent. Nous avons utilisé l'outil de sélection pour sélectionner des éléments, déplacer des éléments, etc., et nous avons utilisé l'outil de saisie pour modifier du texte Mais nous n'avons pas utilisé cet outil, qui est l'autre outil clé appelé outil de cadre rectangulaire, et il est utilisé pour créer des cadres. Donc, tous les cadres que vous avez utilisés proviennent de l'outil de cadrage. Permettez-moi donc de fermer la palette de liens ici. C'est vrai. Choisissez l'outil de cadre, alignez-vous dans le coin supérieur gauche. Vous remarquerez peut-être une petite flèche blanche indiquant que vous êtes aligné. Si je clique et fais glisser, mon intention ici est de cliquer et de glisser jusqu' en bas à droite et de lâcher prise. Mais je vais commettre une erreur délibérée car c'est une erreur que vous pourriez commettre. Si je m'arrête à mi-chemin parce que je n'avais pas vraiment prévu jusqu'où je devais faire glisser le pointeur ou quelque chose comme ça, si je me dis : OK, je vais simplement continuer, si je clique et fais glisser, vous remarquerez que cela ne redimensionne pas mon cadre, cela crée simplement un autre cadre Ce que j'essaie de vous montrer ici, c'est que l'outil de création de cadres concerne qu'une seule chose : créer des cadres. Ainsi, que vous cliquiez et glissiez ou que vous cliquiez simplement, cela vous donne simplement une autre façon de créer des cadres. Donc, si vous vous demandez pourquoi cela continue à créer des cadres, c'est parce que vous continuez à utiliser l'outil de cadre. Donc, mon meilleur conseil est d'utiliser l'outil de cadre pour cela, pas pour autre chose. Je vais donc accéder à mon outil de sélection. Ce cadre est sélectionné, appuyez sur Supprimer ou sur Retour arrière. Pareil pour celui-ci. Et puis avec celui-ci, quand je clique dessus, je peux saisir cette poignée d'angle et l' aligner dans le coin, et elle devrait devenir blanche une fois alignée. Notez également que vous pourrez peut-être voir qu' il est écrit : largeur 1920, hauteur 1080, qui est exactement ce que nous recherchons. Nous y voilà donc. Voici notre nouveau document, et le cadre est de la bonne taille. Je vais juste effectuer un petit zoom arrière en utilisant Command ou Control moins pour que nous puissions le voir. OK, ensuite, nous allons y mettre une image. Nous devons donc maintenant le faire, classer et placer. Nous allons utiliser l'image Photoshop sur laquelle nous avons travaillé lorsque nous avons examiné la retouche Donc, il est peut-être un peu gros. Ainsi, l'ajustement à l'objet remplit le cadre proportionnellement. Nous pourrions déplacer cela si vous le vouliez, mais cela semble bien pour le moment. Il y a donc notre premier document, notre premier cadre, puis une image dans le cadre. Maintenant, je vais apporter le logo. Vous pourriez donc avoir l'impression de toujours créer un cadre vide, puis d'y intégrer une image, ce qui est généralement vrai pour les photos. Mais pour les logos, le problème est que si vous créez le cadre de la mauvaise taille, il peut être assez difficile de l'ajuster ensuite avec des logos, vous voulez évidemment que le logo entier apparaisse toujours dans son intégralité. Donc, juste pour vous montrer le problème, si je crée accidentellement un cadre de la mauvaise forme, puis que je le classe et le place pour y si je crée accidentellement un cadre de la mauvaise forme, puis que je le classe et le apporter logo de mon argent, il arrive comme ça. On ne peut pas tout voir. Donc, je suppose que je pourrais manipuler ça. Je pourrais l'ajuster. Mais c'est beaucoup plus simple, et je vais juste appuyer sur Supprimer ou sur Retour arrière pour me débarrasser du cadre et du contenu Si vous vous assurez que rien n'est sélectionné, cliquez sur le bord de la page, puis créez le fichier sur place. Lorsque vous importez une image, mais encore une fois, cela est particulièrement utile pour les logos, cela attache le logo à votre curseur, puis il vous suffit de cliquer et de faire glisser le pointeur avec celui-ci. J'espère que vous pouvez voir que cela limite la forme du cadre pour qu'il soit exactement identique à l'image Je sais donc que j'ai intégré l'intégralité du logo et qu'il est beaucoup plus facile de travailler avec. Je vais donc simplement le faire glisser vers le milieu de la page et aligner la ligne de base du texte sur la marge inférieure. Pour faire rapidement une autre erreur, il ne faut pas cliquer sur ce cercle central car cela déplace l'image à l'intérieur du cadre. Si tu te rends compte, attends, où est passé mon logo ? C'est ce qui s'est passé, vous pouvez simplement effectuer édition, annuler ou commander Ed ou Control Zed. Essayez et je peux voir que le marron est toujours sélectionné Je vais donc désélectionner Revenir Cliquez sur Non au milieu. Et j'espère que vous pouvez y voir que l'on appelle le guide des marges en rose qui nous indique , voilà, aligné au milieu de la page. Je vais ensuite aligner la ligne de base de mon texte en bas. Vous vous demandez peut-être de quoi je parle là. C'est la ligne sur laquelle se trouve le texte. Le P s'appelle un descendeur. Il passe en dessous de la ligne de base. C'est là que je pense que je veux mon texte s'aligne, que mon logo s'aligne. Je vais faire la commande zéro pour voir tout va bien jusqu'à présent. Nous avons juste besoin d'un texto maintenant. Avec l'outil cadre, je vais créer un cadre vide en haut, beau et grand. Vous pouvez voir qu'il est vide à cause du X, puis avec l'outil de saisie, je vais cliquer dedans. Et le X disparaît, et il est remplacé par un minuscule curseur clignotant Je vais donc simplement taper. Tu sais ce que je vais juste tricher et dire : Qu'est-ce que j' allais créer ? Oh, oui, c'est frais. OK. N'hésitez pas à trouver un meilleur titre pour notre publication sur les réseaux sociaux mettant en vedette Raspberry Comme c'est frais, vous pouvez à peine le voir. Je sais Pareil pour moi. Je vais le sélectionner puis passer à notre police. Vous pouvez consulter les directives de la marque ici. Si vous encouragez un audacieux. Maintenant, cela devrait être en majuscules. J'aurais dû le taper avec le verrou des majuscules activé, mais comme je ne l'ai pas fait, je ne pouvais pas appuyer sur ce bouton ou sur les majuscules Ensuite, pour ce qui est de la taille, évidemment, je ne sais pas exactement quelle sera la taille , mais laissez-moi essayer 72, et je peux voir que c'est environ un quart des 47, 28, donc environ 250, quelque chose comme ça. Je suppose. OK, c'est donc trop grand pour tenir sur une seule ligne. Je vais juste appuyer plusieurs fois sur la flèche vers le bas . Voilà. C'est assez proche. C'est vrai, c'est aussi large que possible. OK, alors maintenant c'est fait. Je vais simplement revenir à l'outil de sélection. À l'arrière. J'ai réalisé que j' aurais dû changer la couleur en blanc plutôt qu'en noir. Permettez-moi donc de sélectionner à nouveau le texte. Accédez aux échantillons et utilisez l'échantillon de papier. Nous y voilà. Il y a une belle répétition. Nous avons le blanc. Nous avons la police de caractères. Nous avons un beau contraste avec le rouge. Maintenant, il ne nous reste plus qu'à placer la sangle en dessous. Vous n'êtes pas obligé de le faire dans deux cadres distincts, mais c'est évidemment beaucoup plus facile à long terme, car vous pouvez les déplacer séparément. Encore une fois, beau grand cadre. Cliquez à l'intérieur. Je pense que je tape directement depuis la plante en 72 heures. Maintenant, la qualité de ces bracelets vous en dit probablement assez sur les raisons pour lesquelles vous travaillez dans le marketing et pas moi. Eh bien, je suis un peu dans le marketing, mais vous savez, je vais peut-être arrêter d'en parler. C'est vrai. Nous y voilà. Donc, la police ici est Miss Eves Oops, miss Eaves Il s'agit d'une autre police de la bibliothèque de polices d'Adobe. Encore une fois, je ne sais pas exactement de quelle taille il s'agit. Je vais en essayer 72 et peut-être environ le double de cette taille. Essayons donc 140. Maintenant, je veux voir à quoi cela ressemble au centre. De toute évidence, tout s'aligne au centre jusqu'à présent. Donc, pour le faire correctement, je le fais ici dans le panneau de commande. Et puis, oups, encore une fois, laissez-moi le sélectionner, changer la couleur Et ce que je fais probablement maintenant, c'est le visualiser en mode présentation. Et j'aime bien ça, mais le direct de l'usine en 72 heures doit être plus proche du titre, parce que ça fait partie de ça C'est donc une réponse à cette question. Et je pense qu'il pourrait aussi être un peu plus petit. Je vais donc appuyer sur Escape pour sortir du mode présentation. Je vais aller dans mon outil de sélection, faire glisser un peu vers le haut. Encore une fois, ces cadres peuvent se chevaucher, mais j'ai tendance à trouver que c'est plus clair si vous laissez un peu d' espace entre eux, juste pour que vous puissiez voir ou pour que votre collègue puisse voir ou pour toute autre personne qui pourrait l'utiliser plus tard pour voir ce qui se passe. Ça a l'air un peu mieux. Et je pense qu'avec la taille de police, je pourrais la réduire un peu. Je regarde les lettres ici et je vois juste s'il existe un moyen de les aligner. Je suppose que je pourrais avoir la longueur d'un mot entier. Quoi qu'il en soit, je suis un peu en train de m'amuser maintenant, donc il est temps pour moi d'arrêter de faire ça et d'arrêter cette vidéo Mais inévitablement, je pourrais continuer à réécrire, déplacer, etc. C'est l'une des raisons pour lesquelles nous créons des modèles pour empêcher ce genre de choses de Vous obtenez quelque chose, vous le faites fonctionner, puis vous partez, cela suffira généralement , et nous travaillons avec cela. Nous y voilà. Voici notre premier document de conception. Nous savons que la taille est la bonne parce que nous nous sommes référés aux directives relatives aux images sur les réseaux sociaux, et nous avons appris à utiliser l'outil Frame et oui, c'est génial. Ensuite, comment pouvons-nous transformer cela en quelque chose que nous pouvons télécharger sur les réseaux sociaux. 43. Créer des images de réseaux sociaux avec InDesign 3/4: Avant d'envisager de l' enregistrer pour les réseaux sociaux, j'ai été frappé par le fait qu'il pourrait être très utile que vous sachiez ce que vous pourriez faire si vous changiez d'avis sur les marges ou même sur la taille du logo. Supposons donc que j'ai examiné cela et que je me suis dit, en fait, que je voulais, disons, que ce soit pour avoir une plus grande marge. Ce que vous faites, c'est d'aller dans le menu de mise en page, choisir les marges et les colonnes, et vous pouvez simplement augmenter la valeur ici et remarquer qu'elles sont toutes verrouillées. Je pourrais donc, par exemple, les augmenter de cette façon. Faisons en sorte qu'ils soient 100, disons, par exemple. Et vous pouvez le voir sortir. Il augmente progressivement, et vous pouvez appuyer sur OK, puis il vous suffit de le régler manuellement. Vous avez peut-être remarqué qu'il y avait un bouton d'ajustement de la mise en page , qui fonctionne parfois , mais pas toujours. Il est donc préférable de le faire manuellement. Alors laissez-moi juste vous montrer qu'il suffit d'annuler ce que c'est. Donc, si je voulais le réduire, le moyen le plus simple de le faire est de le saisir, de le déplacer, puis de maintenir enfoncées les touches Commande et Maj ou Ctrl et Shift sur le PC. Cliquez et faites une pause sur une poignée d'angle, et la pause est importante pour que, lorsque vous le faites glisser, elle sache , d' accord, ce qui se passe. Alors, on y va. C'est alors plus petit. Je peux refaire la même chose ici. Faites-le glisser pour l'aligner puis commandez ou contrôlez et déplacez, cliquez sur le pseudonyme d'un appelant, déplacez-le comme ça, et je peux faire de même avec le logo Tout d'abord, je vais simplement le déplacer légèrement vers le haut pour que la ligne de base du texte se déplace vers l'intérieur. Si je suis content de la taille, c'est bon. Mais si je voulais que ce soit plus petit ou plus grand, encore une fois, je peux utiliser Command Shift. Cliquez sur Pause et faites glisser le pointeur. Je sais qu'il y a beaucoup d'étapes à franchir. Je sais que c'est un peu pénible au début, mais remarquez à quel point c' est agréable de voir la balance lorsque vous la faites glisser Donc exactement la même commande. Encore une fois, la pause est importante. Si, après tout ça, tu te dis : «   Non, c'est trop ». Je n'aime pas ça, ou ça ne marche tout simplement pas pour toi. Ensuite, l'autre option est ici, dans le coin supérieur gauche, nous avons ces neuf points différents. Et si vous redimensionnez quelque chose à l'aide de ce bouton, il le redimensionne à partir de n' importe quel point. Donc, comme j'ai cliqué sur le mot « point de référence », il sera redimensionné à partir du bas au centre Alors, regarde ça. Il fait la même chose. Cela augmente donc l'échelle du cadre et du contenu, et c'est parce que le cadre bleu est sélectionné. Alors que si le cadre brun a été sélectionné, là encore, il le redimensionne à partir du même point, mais uniquement de l'image à l'intérieur du cadre. OK. Il y a donc quelques options pour vous permettre d' obtenir une taille légèrement différente. C'est vrai. Arrêtons-nous donc là, puis je vais vous montrer comment en faire un média social dans la prochaine vidéo. 44. Créer des images de médias sociaux avec InDesign 4/4: OK, nous avons donc créé notre premier document de conception, et supposons que nous en soyons satisfaits et que nous voulions publier sur les réseaux sociaux. C'est ainsi que nous procédons. reportant encore une fois au guide Sprout Social, vous savez que nous avons l' intention de créer quelque chose de 1920 Et il est dit ici que les formats d'image sont JPEG, JPEG ou Ping. un ou l'autre serait bien, pour être honnête, sont deux formats que vous connaissez bien, je suis sûr, ce sont deux formats qui fonctionnent. Ce sont toutes deux des images bitmap. Ils sont tous deux composés de pixels. J'utilise généralement le ping parce que le ping fait mieux que le JPEG, c'est qu'il fonctionne avec des images contenant des zones de couleur unies. Ainsi, par exemple, le logo et le texte de l'image que vous venez de créer sont beaucoup de blanc uni. Cela fonctionne donc mieux dans un ping que dans un JPEG. Donc, la plupart des gens utilisent le code PIN. C'est donc ce que nous allons faire. Nous allons faire un ping. Ainsi, lors de la conception finale, nous nous contentons de classer. Exportez et j'ai choisi le format de Ping. C'est celui que nous voulons. Je vais simplement appeler ça la version quatre. Évidemment, je l'ai déjà fait pour m'assurer que cela fonctionne. Ensuite, quand je sauvegarde, nous avons quelques options. Maintenant, c'est l'aspect technique, la qualité. Je ne vois aucune raison pour laquelle cela ne devrait pas être le maximum, c'est ce que j'opte habituellement. Mais la résolution, vous pouvez imaginer que je suis en train de dire, oui, vous voulez l'augmenter. Mais en fait, cela n' aiderait pas. Nous allons en fait l' enregistrer à 72 pixels d'impression. Vous vous souviendrez que lorsque nous avons examiné l'impression, Pixels Princh est synonyme de qualité C'est le nombre de pixels par pouce, le nombre de pixels par pouce de l'image. Bon sang, c'est une question de langue. Je vais juste le sauvegarder ou l'exporter, désolé. Cela peut prendre une ou deux secondes. Maintenant, je vais vous montrer l'image. Ouvrons-le d'abord dans le navigateur. Ouvrons donc simplement le fichier. Voilà la version 4. Deya a l'air superbe. Maintenant, je veux vous montrer ceci dans le Finder. Si vous êtes un utilisateur de PC, très bien, il existe l'équivalent sur la carte de Windows Explorer. Voici l'image que je viens de créer. Si je vais dans le menu Fichier ou que je clique avec le bouton droit de la souris et que je choisis Afficher les informations, je veux que vous voyiez ici que les dimensions sont exactement telles que spécifiées, 1920 x 1080. Ce que je veux dire, c'est si on vous a dit, qu'il s'agisse de Sprout Social votre concepteur Web ou du type de pages d' aide sur le site sur vous souhaitez télécharger votre image, et qu'on vous ait dit : « C'est la taille que nous voulons Ce que je veux dire, c'est que si vous créez un document exactement de cette taille lors de la conception finale, puis lorsque vous l'exportez, vous l'exportez à 72 pixels par pouce, vous obtiendrez exactement la même taille. Alors que si vous l' exportez plus que cela, oui, vous obtiendrez plus de pixels, oui, vous obtiendrez plus de qualité, mais l'image sera trop grande. C'est donc mon point de vue. Et d'autres personnes voient les choses différemment. D'autres personnes diraient que vous voulez autant de pixels que possible. Et oui, vous obtiendrez plus de pixels. Le problème, c'est que je dirais que téléchargement, peu importe, prendrait trop de temps. Je dirais donc que vous voulez faire confiance à votre source d' information et créer une image exactement de cette taille. Bien entendu, si vous le faites et que vous pensez, en fait, je ne suis pas satisfait de la qualité, vous pourriez revenir en arrière et exporter. Je vais le faire à une résolution plus élevée. Donc, si je l'exporte, disons la version 5, si je l'exporte à, disons, 300 pixels par pouce, cela pourrait prendre un peu plus de temps. Ouvrons-le dans le navigateur. Notez que la taille du fichier est beaucoup plus grande car il contient plus de pixels. être honnête, je ne vois pas beaucoup de différence dans la qualité. Mais si nous examinons la taille du fichier, est évidemment plus grande, alors que la version 4 avait les dimensions exactes qui la version 4 avait nous avaient été conseillées. Et si j'ai des informations à ce sujet, vous pouvez voir que les dimensions sont de 8 000 x 4 500 Oui, il y a plus de pixels, le téléchargement prendra donc beaucoup plus de temps. Mais la qualité est-elle encore meilleure ? Eh bien, à mon avis, non. Voilà. C'est mon opinion pour ce que ça vaut, et c'est ce que je vous suggère de faire. Reportez-vous à un guide comme celui-ci, créez un document aux dimensions exactes, enregistrez-le à 72 pixels par pouce et vous obtiendrez exactement ce dont vous avez besoin. 45. MODULE 12 : travailler avec des formes, des motifs et des mélanges dans Illustrator 1/6: Dans ce module, nous allons commencer à faire preuve de créativité avec Illustrator. Nous allons voir comment créer des formes de base, comment créer des motifs et comment utiliser une fonctionnalité exceptionnelle d' Illustrator appelée les mélanges. Donc, si vous regardez l'écran ici, vous pouvez voir les triangles en haut. Ce sont des formes basiques, et elles sont transformées en motifs. Et puis, en dessous de l' astuce qui se produit avec le texte en bas, cela s'appelle un mélange. Et il y a deux autres exemples ici : des formes de base ou des formes légèrement plus complexes et un mélange, et encore une fois, autre forme très basique qui une autre forme très basique qui se transforme en motif puis en mélange en bas. C'est donc là que nous allons. Et vous allez en apprendre beaucoup sur les éléments de base d'Illustrator, pas les seuls, mais aussi certains éléments essentiels pour vous aider à démarrer. Alors allons-y. Je vais simplement créer un tout nouveau document dans Illustrator. Je vais m'en tenir au Web, un peu comme nous l'avons fait dans InDesign Regardons donc quelques formes de base. Jusqu'à présent, nous n'avons utilisé que les outils de sélection et l'outil de saisie. Il s'agit donc de l'outil standard pour les formes, l'outil rectangulaire. Si je clique et fais glisser, alors, comme vous pouvez l'imaginer, j'obtiendrais une sorte de rectangle. Mais si je clique et fais glisser le pointeur en maintenant la touche Shift enfoncée, j'obtiens un carré parfait. De même, l'outil Ellipse. Maintenant, il peut être utilisé pour créer des ovales, mais il est plus probable que vous mainteniez la touche Shift enfoncée et que vous créiez un cercle L'outil polygonal est un peu plus fou que ça. Si vous cliquiez et glissez, vous créerez un polygone comme celui-ci Le problème, c'est comment faire pour que la base soit plate ? Parce que si je lâchais prise et que je voulais que tout s' aligne, comment ferais-je ? L'astuce consiste à maintenir la touche Shift enfoncée , puis lorsque vous relâchez la souris, vous obtenez quelque chose avec une base plate. Mais vous pensez peut-être que c'est cool, mais que se passerait-il si je voulais plus ou moins de côtés ? ce faire, vous pouvez cliquer et faire glisser votre doigt sur les touches fléchées de votre clavier, flèches vers le haut ou vers le bas vers le côté droit de votre clavier, et vous obtenez un triangle, un carré, etc. Je vais donc opter pour un triangle. Et encore une fois, maintenez la touche Shift obtenir une base plate. Il existe des formes vraiment très basiques, et vous pouvez voir qu'elles sont composées de ces points d'ancrage. Je ne vais pas entrer trop dans les points d'ancrage pour le moment, mais nous en ferons un peu plus au fil du cours. Mais nous y voilà. Il existe des formes très basiques, mais les formes de base ne vous mèneront pas loin. À un moment donné, vous voudrez savoir comment vous pouvez les modifier ou les combiner. C'est là que nous allons aller ensuite. 46. Travailler avec des formes, des motifs et des mélanges dans Illustrator 2/6: Dans cette vidéo, nous allons prendre des formes de base que nous avons créées et les combiner de différentes manières. Jetons donc un coup d'œil à cela. Voici donc les formes que j'ai créées tout à l'heure. Je vais sélectionner cette forme carrée. Je peux le voir sélectionné en raison des points d'ancrage autour du bord. Et je vais changer la couleur de remplissage pour que ce soit un peu plus élégant. Est-ce un mot ? Non, peut-être pas. Il entre davantage en conflit avec les points d'ancrage, de sorte que la couleur orange. Vous remarquerez peut-être qu'il y a une petite ligne supplémentaire, c'est le trait noir Nous pouvons donc placer le trait au premier plan comme ça, cliquer sur le bouton en forme de nonne, puis remettre le remplissage au premier plan C'est une façon de changer de couleur. Une autre solution serait de changer de couleur. Optons pour le rose , cette fois. C'est donc un moyen rapide de le faire. Appuyez sur la touche X pour placer les traits au premier plan, appuyez sur la touche barre oblique pour ne rien faire, puis appuyez de nouveau sur la touche X pour les ramener à Je vais faire la même chose sur Circle. Optons pour le bleu cyan cette fois ou le bleuté. X, barre oblique. X. D'accord, nous avons donc quelques formes. Essayons de les combiner. Donc, tout d'abord, si je devais faire glisser cette forme en Alt ou en option, comme c'est le cas dans Design ou Photoshop, vous pouvez en faire une copie. Maintenant, je vais le réduire un peu. Maintenant, pour ce faire, je vais activer le cadre de sélection, cliquer et faire glisser, maintenir la touche Shift enfoncée au fur et à mesure, m' assurer que la touche Shift est relâchée maintenir la touche Shift enfoncée au fur et à mesure, m' assurer que la touche Shift est lorsque je relâche la souris, alors je peux être sûr que c'est toujours un carré parfait Je vais zoomer un peu là-dessus. Puis éteignez le boîtier de délimitation. Le raccourci Command Shift B ou Control Shift B vaut la peine d'être appris. Et avec la touche Alt ou Option, je vais créer une, deux, trois ou quatre copies pour les aligner, de manière à ce qu'elles apparaissent comme des carrés sous forme de carré sous forme de symbole plus. Je peux juste le faire. Maintenant, ce que j'essaie de vous montrer ici, ce sont ces directives roses. J'aurais dû choisir une couleur qui contraste avec le rose. Mais j'espère que vous pouvez voir, je vais juste les rendre tous verts, que ce soit un peu plus évident pour vous. Essayez ce Midton Green. Tu vois la ligne rose ? Je sais que c'est mince, mais la ligne entre les deux formes reliées par deux X et le mot Intersect signifie que leur milieu se croise Alors voilà. Il existe des méthodes plus précises qui fonctionnent, mais je n'ai pas besoin d' en parler pour le moment. Nous y reviendrons peut-être plus tard. C'est ainsi que nous pouvons créer un symbole plus en ajoutant simplement des formes de base. Ils restent séparés. Je vais annuler ça. Mais néanmoins, ils s'alignent. Je vais à nouveau faire un zoom arrière. OK, alors maintenant je veux faire un demi-cercle. Donc, pour faire un demi-cercle, je vais prendre cette forme En fait, faisons-en des copies , faisons une copie de celle-ci. Fais une copie de celui-ci. Et ce que je veux faire, zoomez ici. zoom avant permet en fait d'aligner les formes, car Illustrator, tout comme dans le design , ne prend en compte que les autres éléments visibles sur la page Donc, si vous zoomez directement, cela n'aura pas air d'aligner les formes avec d'autres éléments. Je pourrais zoomer un tout petit peu pour voir ce que je fais là. Là-bas. C'est vrai. Donc, ce que j'espère que vous pouvez voir, que lorsque je fais glisser ce pointeur à mi-hauteur, est que lorsque je fais glisser ce pointeur à mi-hauteur, cela signifie que le milieu de cette forme est aligné avec le haut du rectangle, ce qui est génial. C'est exactement ce que je veux. Je vais utiliser le rectangle pour couper cette forme en deux. Maintenant, il y a une commande que je vais utiliser appelée minus front. Maintenant, ça ne marchera que si c'est à l'avant. Je vais donc mettre ça au premier plan et arranger les objets, les mettre au premier plan. Mais cela vous rappelle que ce que je voulais faire , c'est les combiner. Permettez-moi de sélectionner ces cinq formes et, à l'aide d'un panneau appelé Pathfinder, ainsi appelé parce que ces éléments sont techniquement appelés chemins, ce bouton en haut à gauche les unira Tu peux le voir ? Ils ne forment désormais qu'une seule forme. Ce n'est pas comme un regroupement dont vous pouvez dissocier. Ils ont désormais une forme unique et permanente. Je vais faire la même chose ici. Mais plutôt que de les additionner, je vais faire moins le front, ce qui va soustraire le rose du bleu Alors voilà. C'est ainsi que vous pouvez créer des formes un peu plus intéressantes. Nous allons donc certainement utiliser le plus. Nous verrons peut-être aussi comment cela fonctionne. Dans un schéma. C'est là que nous allons aller ensuite. Mais il y a de quoi jouer là-bas. C'est en quelque sorte le genre de blocs de construction, vraiment, beaucoup de choses dans Illustrator. Certainement, si vous faites du graphisme, comme je l'imaginais. Il y a tellement de choses avec lesquelles jouer, et quand tu seras prêt, nous passerons à et apprendrons à créer des modèles. 47. Travailler avec des formes, des motifs et des mélanges dans Illustrator 3/6: Vous avez vu les motifs que nous avons créés pour Cafe Piro ou Piro ou comment vous les prononcez, et nous allons voir comment ils ont été fabriqués à partir de formes de base Dans ce document, j'ai colorié certaines de ces formes de base et les formes combinées en utilisant les couleurs de café Puro, que j'ai créées à partir des directives de la marque Vous avez les directives de la marque Maintenant, je vais avoir besoin d' un peu plus d'espace ici. Il existe une fonctionnalité dans Illustrator appelée plan de travail, et il existe un outil appelé outil plan de travail. Je vais faire un zoom arrière, nous faisons commande ou un contrôle moins. Ensuite, je vais saisir cette poignée et la faire glisser vers le haut, ce qui me donnera beaucoup plus d'espace de travail. En fait, tant que j'y suis, je pourrais aussi bien m' y prendre de cette façon. Il est possible d' ajuster très précisément la taille du plan de travail en utilisant la largeur et la hauteur, ce qui peut être très utile pour les réseaux sociaux en particulier Pour l'instant, je vais juste l'utiliser de manière assez aléatoire afin que, lorsque je ferai Command Zero, j'aie un bel écran à regarder et beaucoup d'espace sur lequel travailler. C'est donc le plan de travail qui revient à l'outil de sélection. C'est bon. Je vais donc prendre mon cercle, maintenir la touche T ou la touche option enfoncée et faire glisser le pointeur. J'en ai donc un de rechange quelque part ici. Je vais vous montrer ce qui se passe si je le fais littéralement glisser dans des échantillons, cela donne un échantillon de motif Voyons donc ce que cela fait. Si je crée un rectangle et que j'applique cet échantillon de motif C'est ce que nous obtenons. Il répète littéralement ce cercle encore et encore. C'est donc le type de modèle le plus simple que vous pourriez vouloir créer. Mais ce n'est pas ce que je veux. Ce que je veux, c'est quelque chose qui ressemble un peu plus des plans de travail. Pas celui-là. Je veux quelque chose de plus semblable. Nous y arriverons en quelques étapes. Mais la première étape, c'est que je veux plus d'espace entre ces deux choses. Donc, la façon dont vous créez généralement un motif est d' avoir un rectangle autour de l'objet. Je vais donc créer un rectangle un peu plus grand. Évidemment, il n'est pas nécessaire que ce soit un carré, mais je vais maintenir la touche Maj enfoncée pour en faire un carré. Cela ressemble à un terrible gâchis, n'est-ce pas ? Changons donc la couleur de remplissage en rouge, disons, et organisons les objets, renvoyons-les en arrière. Donc, dans une minute, ce rouge deviendra la couleur de fond du motif. Je devrais être capable d' utiliser des guides intelligents pour aligner ces deux formes. Ouais, ça a l'air bien. Donc, si je devais sélectionner ces deux formes maintenant, faites-les glisser. Si je sélectionne mon type de zone de test et que j'applique ce modèle, vous pouvez voir qu'il y a maintenant beaucoup plus d'espace entre les cercles, mais l'espace entre eux est rempli en rouge, et c'est peut-être ce que vous voulez, mais il se peut que vous vouliez quelque chose d'un peu plus flexible. De plus, ce que je veux en fait, c'est les cercles soient plus proches les uns des autres. Je vais donc faire ces deux choses en même temps. Tout d'abord, je vais le réduire. Et une belle façon de réduire quelque chose est de double-cliquer sur un outil de transformation. Nous n'en avons encore vu aucun. Nous avons vu le boîtier de délimitation, ce qui est très bien. Mais cela ne vous aide pas nécessairement à transformer les choses depuis le centre. Je vais le cacher. Je vais double-cliquer sur l'outil d'échelle, et si j'appuie sur la flèche vers le bas, je vais réduire l'échelle progressivement. Je ne sais pas exactement ce que je veux, je pense peut-être à quelque chose comme ça. Appuyez sur OK. Cela me donnerait moins d'espace entre les objets, mais je veux aussi un arrière-plan transparent. Fais-le Je n'en aurai pas non plus sur le remplissage de l'objet. J'utilise le raccourci clavier, mais j'aurais pu appuyer sur ce bouton aussi. Maintenant, quand je sélectionne, que je fais glisser ça dedans, que j' applique ce remplissage, c'est beaucoup plus comme ça. Mais vous pensez peut-être : OK, eh bien, je peux le voir, mais comment puis-je l'obtenir ? Il y a donc deux différences. L'une est la couleur d'arrière-plan et l'autre est la rotation. Donc, si j'avais une couleur en dessous, créons simplement une couleur de remplissage, un remplissage. Désolée, avec un brun. C'est leur brun corporatif. L'objet est disposé au centre de l' arrière pour passer en dessous. OK, donc c'est ce passage. Pour faire pivoter le motif , je double-clique, pas sur l'outil d'échelle, celui-ci, je pourrais le faire pour agrandir le motif, mais je vais double-cliquer sur l'outil de rotation Si je désactive les objets de transformation, mais que je laisse les modèles de transformation activés, et que je tape à 45 degrés, désactive l'aperçu puis le réactive. C'est ainsi que nous procédons. C' est ainsi que sont fabriquées les robes à pois, Pendant que nous y sommes, si je devais double-cliquer sur l'outil de mise à l'échelle, je pourrais refaire la même chose, mais cette fois uniquement en transformant les motifs. Cela devient donc une très belle façon créer des choses vraiment intéressantes , c'est exactement pourquoi je voulais inclure cela parce que je pense que vous le trouverez vraiment très intéressant. Alors, on y va. C'est ainsi que nous pouvons créer des modèles. Vous pouvez donc essayer la même chose avec n'importe laquelle de ces formes. Donc, si vous voyez, par exemple, c'est probablement la solution la plus complexe. C'est le symbole « + ». Il suffit de mesurer la bonne quantité d' espace entre chacune d'elles. Alors c'est le triangle. Vous verrez peut-être si je zoome ici. Voici les échantillons que j'ai obtenus. Vous pouvez donc voir que j'ai créé un peu d'espace autour du bord. Cela prend un peu de temps à comprendre, mais une fois que vous l'avez fait, vous pouvez l'utiliser. Mais même une fois que vous l'avez fait et que vous l'avez utilisé, vous pouvez le manipuler davantage en double-cliquant sur l'outil de rotation ou sur l'outil de mise à l'échelle. Il y a tellement de choses à jouer là-bas. Dans la vidéo suivante, je vais vous montrer comment nous pouvons également créer ces objets intelligents appelés mélanges. 48. Travailler avec des formes, des motifs et des mélanges dans Illustrator 4/6: Les mélanges sont une fonctionnalité fabuleuse d'Illustrator, et je suis sûr qu'une fois que vous les aurez vus, vous les reconnaîtrez partout. Comme tout ce qui concerne le design, les mélanges entrent et se démodent, mais ils ne sont jamais si loin. Jetons donc d' abord un coup d'œil à un exemple simple avant le mélange le plus complexe que nous allons finir par créer. Alors, on y va. De retour dans le même fichier que celui dans lequel je me trouvais auparavant, je vais faire glisser une copie de ce cercle avec la touche Alt ou Option, et je vais également faire glisser la touche A ou Option avec la touche Shift pour le maintenir aligné. J'ai donc deux cercles identiques alignés. Je vais sélectionner les deux formes. C'est important. Ensuite, je vais choisir un objet, un mélange et une fabrication. Comme vous pouvez le voir, il a été créé, tout comme ces deux objets réels, ce sont ceux qui ont des points d'ancrage, tout un tas de ces choses entre les deux. Une bonne astuce, c'est qu'une fois que vous avez désélectionné, vous pouvez vous lesquels sont réels et lesquels ne figurent pas dans le menu d'affichage, vous avez le mode plan ou la commande ou le contrôle Y. Cela me indique le type d'objets réels, et vous pouvez les sélectionner en fonction de leurs points d'ancrage Donc, pas par les points d'ancrage, par leurs contours, comme ça. Vous ne pouvez pas sélectionner à partir du milieu mais à partir des bords. Cela peut être très utile lorsque les choses deviennent confuses. Cela me dit que ce sont les deux vrais objets, si vous voulez. Vous vous demandez peut-être ce que je veux dire par objets réels. Retournons en arrière. Si j'essaie de sélectionner uniquement cette forme, lorsque je fais glisser le pointeur, je fais glisser le tout. C'est un peu comme un graphique, même s'il n'est pas indiqué dans le coin supérieur gauche, il n'est pas dit « groupe ». Il s'agit d'un exemple de groupe. Et comme un graphique, il est groupé pour des raisons techniques. Mais encore une fois, comme pour un graphique avec notre outil de sélection de groupes, qui est masqué sous l'outil de sélection directe, nous pouvons faire glisser l'un de ces éléments ailleurs. Et comme vous pouvez le voir, oups, ce n'était pas le but, comme vous pouvez le constater, le mélange est mis à jour Donc, il se met à jour si je change la position de l'un d'entre eux, il se met à jour si je change l'échelle. Il est également mis à jour si je change de couleur. Comme vous pouvez le constater, c'est vraiment très flexible. Les mélanges peuvent donc être un peu voyants comme ça, ou ils peuvent être beaucoup plus subtils Permettez-moi de vous en montrer une version plus subtile. Si je sélectionne à nouveau l'ensemble du mélange à l'aide de l'outil de sélection, remarque que les deux extrémités sont sélectionnées. Si j'opte pour les options de fusion d'objets, cela permet un mélange de couleurs fluide, mais je pourrais dire que je veux un certain nombre d'étapes. Je pourrais donc dire que je veux, disons, cinq étapes, par exemple, ou je pourrais dire que je veux dix étapes ou quoi que ce soit d'autre. Mais ce que je pourrais aussi dire, c'est que je veux une distance spécifiée. Et si vous avez une très petite distance, vous remarquerez peut-être qu'il y a un tout petit bout de ce que nous appelons escalier où vous pouvez voir les espaces vides Mais si j'ai une distance plus petite, disons un pixel, nous devrions obtenir quelque chose de relativement fluide. Oui, je peux le rendre encore plus fluide si je le souhaite en ayant une vallée plus petite. Mais nous y voilà. Nous nous retrouvons avec quelque chose de vraiment intéressant, mais qui reste flexible. Je peux déplacer les éléments. Je peux changer l'échelle. Je peux changer les couleurs. Nous allons donc nous retrouver avec quelque chose qui passe d'une couleur foncée à une couleur claire comme celle-ci. Désolé, ce n'est pas la bonne solution. Je voulais dire l'inverse. Mais il s'agit néanmoins d'un mélange. C'est ainsi qu'ils fonctionnent. Dans la prochaine petite vidéo, vous allez voir comment nous pouvons les utiliser avec du texte. 49. Travailler avec des formes, des motifs et des mélanges dans Illustrator 5/6: Jetons donc un coup d'œil au fichier Illustrator. Il s'agit de la version finale. Si nous examinons ce qui se passe sur les différentes couches, nous avons une couche d'arrière-plan. C'est juste le brun. Nous avons le schéma. Nous avons le mélange lui-même, le texte, puis un cadre. C'est la version terminée . J'ai créé tous ces éléments pour que vous n'ayez pas à vous soucier de quoi que ce soit d'autre. Nous avons donc le fond, nous avons le motif. Maintenant, nous n'avons pas besoin de changer l'un ou l'autre, nous pouvons donc tout aussi bien les verrouiller. Le mélange avec lequel nous n'avons encore rien fait, donc cela ne fera aucune différence en termes de ce que nous pouvons voir, mais nous allons en rester là. Et puis nous avons le texto. Donc, ce que nous allons faire, c'est prendre une copie de ce bout de texte, et nous allons en mélanger deux versions, en passant du clair au foncé, puis le placer sous le texte blanc. C'est donc une belle façon de copier quelque chose d' une couche à l'autre. Permettez-moi de zoomer sur mon écran ici. Vous verrez peut-être un peu le bleu clair, le soulignement de couleur fine. Cela montre que c'est sélectionné. Cela y est également présent. Ce petit point signifie que c'est sélectionné. Maintenant, si je le fais glisser sur le calque de fusion, il le déplacera littéralement sur le calque de fusion. Mais si je fais glisser le pointeur à la touche Alt, vous remarquerez peut-être un petit plus à côté de l'icône en forme de petit doigt que je fais glisser et qui la copie Remarquez maintenant que si je cache le calque de texte, il se trouve en fait sur le calque de fusion. C'est donc sur les deux couches, ce qui est génial. Maintenant que c'est fait, je vais verrouiller la couche de texte afin de ne pas la modifier accidentellement. C'est là que les couches sont vraiment pratiques pour ce genre de travail. Je travaille donc simplement avec celui qui se trouve sur la couche de fusion et je vais faire glisser le pointeur Alt quelque part ici, quel que soit l'angle dans lequel je pense vouloir fusionner. Et je vais passer du clair au foncé et je veux que ça passe du clair au foncé , donc il fait noir dans ce coin parce que le texte blanc se trouvera au-dessus. Masquons donc également cette couche de texte pour bien faire les choses. Donc, si je sélectionne ce texte, il passera à la couleur foncée. Et celui-ci va prendre une couleur claire. Maintenant, je dois les mélanger. C'est donc sélectionné. Si je change, cliquez sur l'autre, comme vous le savez, nous pouvons faire Object Blend, Make. C'est un mélange intéressant, mais ce n'est pas ce que nous recherchons. Nous avons donc besoin d'un mélange beaucoup plus détaillé. Donc, Objectlenblend les options. Ensuite, nous le changeons à la distance spécifiée. Maintenant, c'est quoi ça  ? Cela se mesure en millimètres plutôt qu'en pixels. Mais je veux quelque chose d' assez petit. Je vais passer à 0,05. Essayons ça. Désactivez l'aperçu , puis réactivez-le. Ouais C'est plutôt bien, en fait. Je vais voir si je peux le rendre encore plus petit. 0,1. Il se peut que votre ordinateur ait du mal à le faire. Nous lui demandons de faire beaucoup de choses. Cela me semble plutôt bon. Voyons maintenant à quoi cela ressemble avec le texte en haut. Fantastique Voilà. C'est ainsi que vous créez un mélange. L'idée ici est que, de toute évidence, j'utilise la mauvaise couleur. Je me rends compte que j' aurais dû opter pour le violet. Laisse-moi juste changer ça alors. Alors allons-y. Ce haut sera violet foncé. C'est très agréable de passer du bleu au violet, n'est-ce pas ? Mais le plus bas sera celui qui sera le plus brillant. Allons-y. 50. Travailler avec des formes, des motifs et des mélanges dans Illustrator 6/6: Un dernier mot à ce sujet. Vous êtes peut-être en train de réfléchir, en regardant ça. Qu'en est-il de tous ces éléments supplémentaires qui apparaissent en bas de page ? Vous pouvez comprendre pourquoi nous avons dû faire les choses correctement afin de trouver le bon angle. Mais qu'arrive-t-il à cela ? Est-ce que cela imprime ? Est-ce que cela se retrouve à l'écran ? La réponse est que non. Ce qui se passe, c'est que si vous créez un fichier PNG, par exemple, il le coupe au bord du plan de travail, ou si vous l'importez dans InDesign, il le coupe encore une fois sur le bord du plan de travail. Je l'ai fait pour toi. Il s'agit du fichier de fusion terminé, et je l'ai intégré à InDesign Vous pouvez voir dans le panneau Liens qu'il s'agit du même fichier. Et je vous montre juste l'image dans son intégralité. C'est donc tout, l'étendue totale. Et je l'ai fait en optant , au lieu d' ajuster l'objet au cadre de remplissage proportionnellement, je l'ai fait, ce qui semble très bien J'ai ajusté le contenu de manière proportionnelle à l'objet. C'est bien si vous voulez voir l'intégralité du contenu. Alors voilà. Vous pouvez constater que même s'il existe, le seul élément que vous voyez réellement est qui se trouve dans le plan de travail d'Illustrator. Donc, cela signifie que vous pouvez en quelque sorte mélanger et assortir les programmes. Donc, comme vous pouvez commencer à l' imaginer, attendez une minute. Si j'étais dans Illustrator et que je voulais continuer à travailler, peaufiner mes motifs, à peaufiner les couleurs ici, peaufiner le texte, et si c'était pour les réseaux sociaux, vous vous demandez peut-être : ne serait-il pas plus facile de le faire dans Illustrator plutôt que de devoir l'intégrer dans Illustrator plutôt que de devoir l'intégrer Et bien sûr, c'est exactement ce que tu peux faire. Nous ne l'avons pas examiné spécifiquement, mais j'espère que vous pourrez en quelque sorte transposer ce que vous avez appris d' InDesign à Dans ce cas, si vous avez créé un nouveau document à partir d'Illustrator et que vous avez obtenu ces lectures depuis Sprout Social ou autre Vous pouvez donc voir qu'il existe un préréglage d'Illustrator, dont la taille est identique à celle que nous avons utilisée précédemment Vous pouvez taper ces chiffres, puis créer vous-même un document, puis travailler à partir de là. Ce n'est pas tout à fait la même chose que dans le design. Il s'agit évidemment d'un programme différent. Mais une fois que vous connaissez le dimensionnement, vous pouvez créer ce que vous voulez pour créer Illustrator au fur et à mesure que vous apprenez à le faire, puis vous pouvez l'exporter Vous pouvez faire Exporter au format PNG et choisir un fichier PNG. Il y a donc plein d'options pour vous. Une fois que vous avez créé ce que vous voulez créer, soit dans Illustrator ou dans InDesign, vous pouvez en quelque sorte utiliser la même idée Honnêtement, cela fonctionne à peu près de la même manière dans Photoshop. Donc, si vous commencez à penser que je préfère vraiment travailler dans un programme ou dans un autre, alors vous pouvez certainement le faire. Bon, passons au module suivant. 51. MODULE 13 : Travailler avec des sélections dans Photoshop // Utilisation d'Adobe Bridge 1/7: Félicitations pour avoir atteint presque la moitié du cours, continuez. La fin est en vue. Avant de revenir à Photoshop, je voulais vous présenter rapidement Bridge. Bridge était à l' origine un programme gratuit. Cela s'est produit lorsque nous avons regroupé pour la première fois le design, Illustrator et Photoshop Beaucoup de designers ne l'ont alors jamais vraiment utilisé. Ils n'en ont pas vu l'intérêt. Quelqu'un m'a montré quelques trucs il y a quelques années, ce qui m'a fait beaucoup utiliser et je trouve que c'est indispensable. Maintenant, vous avez commencé à vous habituer à travailler avec les programmes et vous savez que vous travaillez ensemble avec eux. Bridge est très utile car comme vous pouvez le voir sur mon écran, je reçois de petites vignettes, non seulement de fichiers PDF, dont je sais que vous pouvez obtenir des miniatures sur Mac ou PC, et de JPEG, sur lesquels, bien sûr, vous pouvez obtenir la même chose dont je sais que vous pouvez obtenir des miniatures sur Mac ou PC, et de JPEG, sur lesquels, bien sûr, vous pouvez obtenir la Mais cela ne se voit pas toujours de toute façon, les fichiers Illustrator ou dans les fichiers de conception, ce qui n'est pas le cas ici, mais vous pourriez en voir un là-bas. Oui. Vous pouvez donc obtenir de petites vignettes de tout cela, ce qui est évidemment très utile De plus, si vous cliquez sur la barre d'espace, après avoir sélectionné une image, vous obtenez un aperçu en plein écran, puis vous pouvez utiliser vos flèches pour la parcourir. Et qu'il s'agisse de fichiers Photoshop ou de fichiers JPEG, il s'agissait également de fichiers Illustrator et InDesign Utilisé pour obtenir des aperçus en plein écran. Ce n'est donc pas tout à fait un aperçu en plein écran d'Illustrator. Plutôt bien. il en soit, dans la version actuelle Quoi qu'il en soit, dans la version actuelle, en termes de design, tout à coup, ils sont revenus à de minuscules vignettes Maintenant, je suis en train de fouiller dans les préférences. C'est peut-être quelque chose qui me manque, mais je ne suis pas sûr que c'est le cas. Je pense qu'ils l'ont peut-être simplement rétrogradé. Quoi qu' il en soit, j'espère que s' ils l'ont fait, ils y reviendront, car c' était agréable de pouvoir simplement parcourir des fichiers de conception, des fichiers Illustrator, etc. Néanmoins, cela reste utile car vous pouvez toujours avoir une idée plus précise de ce que sont ces fichiers, même si la miniature est vraiment petite, puis massive selon le type de fichier dont il s'agit C'est donc une chose utile à propos de Bridge. Une deuxième chose utile, et j'appuie sur Escape pour sortir. Voici donc certains des dossiers sur lesquels je travaillais lorsque j'ai créé certaines de ces marques. Supposons que j'essaie juste de trouver des fichiers JPEG sur lesquels travailler Donc, sur la gauche, je peux filtrer. Je pourrais regarder, disons, tous les documents Illustrator uniquement ou uniquement tous les documents de conception, ou tous les fichiers JPEG Supposons donc que j'essaie d'obtenir une collection finale d'images que je pourrais utiliser. Évidemment, dans mon cas, dans ce cours, je peux cliquer sur la première miniature, appuyer sur la barre d'espace pour un aperçu en plein écran Ensuite, j'ai tendance à les parcourir , puis à leur attribuer une étoile, et je pense que oui, cela vaut le coup de continuer. Donc, normalement, dans mon cas, je pense à quelque chose de bien précis. Je pense donc que je pourrais les utiliser, disons, pour une publicité sur les réseaux sociaux. Je pense donc que quelqu'un n'en est pas sûr, peut-être pas. Celui-ci, oui, je l'aime bien. Je vais donc faire Command One. Ce serait Control One sur PC. Non, je n' aime pas celui-ci. Je ne suis pas sûr de celui-ci, peut-être. Oh, oui, j'aime bien celui-ci. Comme celui-ci. Et ainsi de suite. OK. Donc d'accord, donc je reviens au début. Donc, si j'appuie sur Escape pour continuer à affiner ma sélection, je peux aller ici maintenant et dire « montrez-moi simplement le nombre d'étoiles ». Alors maintenant, encore une fois, même processus. Si je pense que je vais certainement l'utiliser, je vais lui attribuer une note de deux étoiles. Donc beaucoup plus vite cette fois, celle-là . O. Je pense que nous sommes de retour. Disons que nous le sommes. Maintenant, je dois faire attention. Montre-moi les deux étoiles et non une seule étoile. Je pourrais continuer en fonction du nombre d'images que je souhaite parcourir. C'est formidable si vous vivez cette situation avec un client, votre patron ou votre collègue et y allez, c'est ce que je pense. Supposons ensuite que je veuille leur envoyer physiquement ces images ou les placer dans un endroit spécifique pour travailler. Il est indiqué que vous ne pouvez pas le faire dans le Finder sur Mac ou sur FleExplorer, pour autant que je sache Si vous les sélectionnez tous et que vous cliquez avec le bouton droit de la souris, vous pouvez les déplacer vers un endroit, mais vous pouvez également dire copier Je vais les copier directement pour choisir mon dossier et je vais accéder à un dossier sur mon bureau. J'ai déjà précréé ce dossier, et quand je suis d'accord, ils sont tous là , si je vous le montre. Les origines sont donc toujours là où elles sont. Je les ai copiés, je peux donc les intégrer dans InDesign à partir de là, par exemple, d'accord ? Et bien sûr, si je voulais les regarder dans Bridge, je pourrais dire, OK, ordinateur de bureau, voici mon dossier, et les voilà. Cela peut donc très bien fonctionner. Donc, comme vous travaillez évidemment en tant que designer en tant que spécialiste du marketing créatif dans le monde du design, de toute façon, les éléments visuels sont importants Pouvoir voir les choses aide donc vraiment. C'est donc le premier aspect du bridge qui est vraiment très utile, et je vous en parlerai également quelques autres dans la prochaine vidéo. 52. Travailler avec les sélections dans Photoshop // Utilisation d'Adobe Bridge 2/7: Voici donc un autre aspect de Bridge, qui le rend parfois vraiment indispensable pour moi. Ce que vous avez peut-être déjà trouvé, mais je peux vous garantir que vous le trouverez bientôt, c'est qu' il y aura une image, par exemple, que vous savez, je sais qu'elle se trouve quelque part sur mon ordinateur. Cela peut être un logo ou ce peut être, vous savez, peu importe ce que c'est. Hum, je sais que c'est quelque part dans ce dossier, qui se trouve dans ce dossier, qui se trouve dans ce dossier. Bien sûr, en tant que professeur, je devrais vous dire de ne pas mettre les choses d'une manière que vous ne comprenez pas, bien organiser les choses. Si je ne l'avais pas déjà dit pendant le cours, j'aurais certainement dû le faire. Mais comme vous pouvez le voir, c'est un exemple de mon ordinateur actuel où les choses ne sont peut-être pas aussi organisées qu'elles devraient l'être. Je sais donc qu'il y a un fichier en particulier que je suis en train de regarder et je sais qu'il se trouve quelque part dans ce dossier de marque de fleurs, mais il peut se trouver dans le dossier le plus externe, mais il peut se trouver dans le dossier le plus externe, ou il peut se trouver dans le PDF de fleurs, ou il peut être à l'intérieur Je pourrais donc les rechercher indépendamment, mais ce que je peux aussi faire, c' est une excellente petite astuce. Vous cliquez sur ce petit chevron et vous dites «   Afficher les éléments des sous-dossiers Et cela vous donne une vision aux rayons X. Vous pouvez soudainement tout voir en même temps. Ce que j'ai tendance à faire, c'est trier par dossier, puis il vous montre un dossier et tout ce qu'il contient. Il y a donc des PDF, par exemple. Et il y a quelques images inédites. Ils sont tous là-bas. Cela vous aide donc vraiment à naviguer dans les choses. Si vous savez, vous savez, par exemple, c'est peut-être celle que je recherchais, ou est-ce la version PSD Encore une fois, en utilisant l' astuce d'avant. C'est l' original, c'est le PSD. Donc, pour moi, planifier un cours ou créer quelque chose pour un client, je peux voir, oh, oui, c'est ce à quoi je pensais. Et je peux juste ouvrir le fichier. Et Photoshop, par exemple, je peux voir la différence entre le Photoshop et le JPEG, c'est beaucoup, beaucoup plus facile à trouver. Je sais donc que vous avez vos propres systèmes de classement et vos propres méthodes de travail, et ils sont absolument bons, mais il s'agit d'un petit programme supplémentaire, qui est un peu une superpuissance Cela facilite beaucoup les choses. Je vous encourage donc à essayer Adobe Bridge. Et oui, j'espère que ça t'aidera. 53. Travailler avec des sélections dans Photoshop // Utilisation d'Adobe Bridge 3/7: Dans ce module, nous revenons sur Photoshop, juste pour récapituler ce que nous avons fait jusqu'à présent Au premier coup d'œil, nous avons examiné comment vous pouviez modifier chaque pixel d'une image. Il s'agit d'une approche, d'une approche globale. La deuxième fois que nous l'avons examinée, nous avons examiné une autre approche globale, qui consistait à utiliser une sorte de pinceau pour peindre ou peindre quelque chose dedans. Nous avons fini par utiliser des masques de couches, ce qui est le genre de chose la plus avancée que l'on puisse faire avec les pinceaux. Il existe donc une troisième approche très large, qui consiste à faire une sélection. Et pour être honnête avec vous, certaines des choses que nous avons fini par faire lors de la dernière leçon auraient peut-être été plus faciles avec la sélection. Il est donc grand temps que nous les examinions. Donc, si vous voulez regarder mon écran, vous pouvez voir qu'il y a deux oranges sur le sol de cette photo d'Unsplash vous, laquelle est vraie et laquelle est copiée selon vous ? Jetez-y un coup d'œil. Qu'en penses-tu ? Je vais te montrer que c'est celui-ci. Je peux donc déplacer celui-ci. C'est un peu rusé, n'est-ce pas ? Nous n'avons rien vu de tel jusqu'à présent. Permettez-moi de vous montrer comment cela est réalisé. Si vous regardez ici, je n'ai jamais vraiment vu ça auparavant. Vous connaissez les couches d'arrière-plan, vous savez, vous les obtenez toujours gratuitement, si vous le souhaitez. Mais nous avons également cette couche. Et c'est une orange. Évidemment, vous n' avez pas besoin que je vous dise s' il s'agit d'une orange, mais c'est une orange entourée de ce que on appelle souvent des pixels en damier En gros, ils affichent des pixels transparents. Ils sont tous transparents. Donc, lorsque je déplace l'orange, la seule partie que vous voyez bouger est l'orange Même s'il y a d'autres pixels, il doit y avoir des pixels sur un calque. La question clé est donc la suivante : d'accord, comment pouvons-nous prendre quelque chose comme cette orange et le mettre sur sa propre couche transparente afin pouvoir ensuite en faire quelque chose. Nous pouvons donc le déplacer, le redimensionner. Nous pouvons faire toutes sortes de choses. C'est la question. Et c'est là que nous allons d'abord. Je vais donc supprimer cette couche. Et je vais vous montrer le premier de plusieurs outils de sélection. Tout à l'heure, nous avons examiné une variété de pinceaux. En gros, la plupart de ces outils sont des pinceaux, nous en avons examiné certains. L'outil que nous allons examiner en premier s'appelle l'outil de sélection rapide. L'outil de sélection rapide, caché sous l'outil de sélection d'objets relativement nouveau. Ce n'est pas toujours le meilleur choix d'outil, mais c'est plutôt bon. Si je ne pouvais probablement avoir que deux outils de sélection différents, ce serait probablement l'un d'entre eux. Donc, ce que vous pouvez faire avec cela, c'est cliquer et faire glisser. Et si vous avez de la chance et qu'il y a beaucoup de contraste entre l'objet que vous sélectionnez, dont les bords sont assez nets, et l'arrière-plan, il fera très bien l'affaire. J'ai donc évidemment choisi cette image parce qu'elle fonctionne, et c'est un bon exemple du bon fonctionnement de l' outil de sélection rapide. Donc, ça y est. Alors maintenant, qu'est-ce que je dois en faire ? Eh bien, je veux le mettre sur sa propre couche, comme vous le savez, et le raccourci pour cela est Command ou Control J pour sauter, si vous voulez. Mais le long chemin consiste à superposer une nouvelle couche par copie. Nous avons donc maintenant la première couche, qui n'est qu'une orange. Nous avons la couche d'arrière-plan. On ne voit rien de différent pour le moment parce que l'un est au-dessus de l'autre. Mais si j'utilise mon outil de déplacement, je peux cliquer, le faire glisser et le déplacer ailleurs. Évidemment, selon l'endroit où je le déplace, cela peut sembler plus ou moins réaliste. Maintenant, avec l'outil de déplacement, vous avez deux options clés. L'une est la sélection automatique de la couche. Si ce n'est pas le cas, vous ne sélectionnerez que la couche que vous sélectionnez physiquement ici. Donc, si je suis sur le calque d' arrière-plan et que j'essaie de déplacer cette orange, cela ne fera rien car il ne peut pas déplacer le calque d'arrière-plan. Alors que si je choisis sélection automatique de la couche et que je clique sur cette orange, elle la choisit automatiquement. L'autre concerne les commandes Show Transform, un peu comme Illustrator ou InDesign Maintenant, si je le souhaite, je peux cliquer sur Shift, faire glisser le pointeur pour le réduire, par exemple. Quand je fais cela, c'est bien plus compliqué que de modifier quelque chose dans Design ou Illustrator. Nous devons approuver cette transformation en cliquant sur le bouton ci-dessus ou en l'annulant en appuyant sur le type de site interdit d'accès. Il ne vous permettra donc pas de faire grand-chose d'autre. Notez qu'ils sont tous de niveau inférieur, la plupart sauf si vous faites l'un ou l'autre. Donc, si vous voyez cela se produire, cela signifie que vous devez prendre une décision. Donc, si j'appuie sur Tick, c'est parti. C'est maintenant beaucoup plus petit. Les pixels ont d'ailleurs changé de façon permanente sur ce calque. Nous y voilà donc. Voici notre premier aperçu des sélections et notre premier outil de sélection, ainsi que l'outil de déplacement intégré à Photoshop. 54. Travailler avec des sélections dans Photoshop // Utilisation d'Adobe Bridge 4/7: D'accord, nous travaillons donc avec les outils de sélection de Photoshop. Nous avons déjà vu l'outil de sélection rapide, qui fonctionne bien dans certains cas. Mais si je devais essayer de sélectionner cette orange ici, tout ira bien lorsqu' il y a vraiment un bon contraste, mais qu'il y en a moins . Ici, par exemple, ça commence à mal tourner. Je suis étonné que nous nous en soyons sortis comme ça. Nous allons examiner certaines approches que vous pouvez utiliser et qui pourraient mieux fonctionner. Parfois, nous pourrions l'utiliser ensuite modifier la sélection. Mais laissez-moi d'abord vous montrer une autre approche. Je vais aller dans le menu de sélection, choisir désélectionner , puis revenir en arrière Je vais choisir sous l'outil Lasso, je vais en choisir un appelé outil Magnetic Lasso Je vais également zoomer et utiliser ma barre d' espace pour simplement faire défiler la page vers le haut. Alors maintenant, très doucement, je m' aligne là où se trouve cette petite flèche noire, je m'aligne sur le bord de l'orange, et je vais me déplacer très lentement. Je peux retirer mon doigt de ma souris. Je peux lever le bouton de ma souris si je le souhaite. Mais je dois juste faire attention quand je le repose. Cela demande donc un peu de patience. L'idée ici est que je ne suis pas tout à fait sur le bord de l'orange, mais qu'il s'agit de comprendre ce que j'essaie de faire parce que c'est magnétique, donc elle essaie de coller au bord Un bon conseil est vous pouvez voir que je me suis un peu trompé Si vous changez de direction soudainement, c'est une bonne idée de lui dire que vous êtes sur le point de changer de direction. En fait, je ne suis pas sur le point de le faire, donc désolée, j'essaie juste de me concentrer pour bien faire les choses, mais cela semble fonctionner plus ou moins bien. C'est en quelque sorte le ramasser. Quand je reviendrai au début, je pourrai simplement m'arrêter. Voici donc ma sélection, et elle n'est pas trop mal. Mais j'espère que nous cherchons quelque chose de mieux que de pas trop mal. Je vais zoomer. Encore une fois, utilisez la barre d'espace. Donc, cette section en bas ne fonctionnait pas vraiment. Donc, ce que je pourrais faire, c'est ajouter à cette sélection. C'est ce que j'ai raté. Et ce que je fais généralement, c'est que même si je peux utiliser l'un de ces outils intelligents comme la sélection rapide ou le lasso magnétique, j'ai tendance à préférer le simple, l'ancien outil Lasso qui vous permet de travailler à main levée, mais qui vous donne Maintenant que j'ai une sélection, permettez-moi de faire une ou deux erreurs. Si j'ai simplement cliqué et fait glisser, remarquez que cela déplace simplement la sélection Vous vous demandez peut-être ce que je vais faire. Ce que je vais faire, c'est maintenir la touche Shift enfoncée. Et voyez-vous que lorsque je le fais, je recommence maintenant, un petit plus apparaît. Ce que je peux faire, c'est cliquer et faire glisser, c' est à main levée. Je vais dessiner comme une petite boucle et lâcher prise comme ça. En d'autres termes, je peux ajouter progressivement les pixels manquants. Il y en a donc quelques-uns de plus là-bas. Dag. Vous pouvez donc maintenir la touche Maj enfoncée, ce qui ajoute des pixels. Si vous êtes allé trop loin et que vous souhaitez réduire les pixels, vous pouvez faire glisser le pointeur Alt. Ainsi, par exemple. Le magnéticu a vraiment fait du bon travail ici. Je pensais que ça pourrait faire quelque chose comme ça ici. Dans ce cas, vous maintenez la touche Alt enfoncée, remarquez le petit inconvénient, puis vous entrez et vous redessinez simplement ce petit bout comme ça Je ne l'ai pas très bien fait. Essayons encore une fois. D'accord. OK, c'est donc le lasso magnétique Mais l'autre point est si vous voulez ajouter des bits, vous choisissez simplement un autre outil de sélection ou peut-être le même, vous maintenez la touche Maj enfoncée pour ajouter ou soustraire Je viens de remarquer qu'en haut, c'est un tout petit peu que ça n'a pas été compris. Encore une fois, je vais utiliser le lasso, maintenir la touche Shift enfoncée cette fois pour l'ajouter et très, très doucement OK, encore une fois, je peux le faire, j'étais sur le point de vous le montrer à nouveau, le copiant simplement sur un nouveau calque. Mais c'est parfois une bonne astuce si vous sélectionnez Enregistrer la sélection. Si vous avez mis du temps à obtenir une sélection, vous souhaiterez peut-être la stocker dans le document. Je vais donc appeler ça orange. Appuyez sur OK. Et il le stocke sous la forme de ce on appelle un canal, un canal Alpha. Notez cependant que si j'essaie d'enregistrer ce document, si je fais simplement Enregistrer sous, il me demandera de l' enregistrer au format PSD, et c'est parce qu'il contient un canal Alpha Un canal Alpha n' est donc qu'un mot chic pour désigner une sélection stockée Cela ne me permettra pas de le stocker à moins que je ne l'enregistre sous forme de PSD. C'est donc exactement ce que je vais faire. Cela signifie que si je devais le désélectionner, je pourrais le fermer et enregistrer le fichier, puis je pourrais le sélectionner à nouveau en sélectionnant le chargement, et il sera à nouveau prêt pour moi Comme précédemment, nous allons superposer une nouvelle couche par copie. Et maintenant, nous avons une orange de rechange. 55. Travailler avec les sélections dans Photoshop // Utilisation d'Adobe Bridge 5/7: J'aimerais vous montrer mon outil de sélection préféré, qui n'est pas le plus récent. Elle est relativement ancienne. C'est ce qu'on appelle l'outil Magic Wand. C'était une source de frustration infinie pour moi lorsque j'ai utilisé Photoshop pour la première fois, car je n' arrivais pas à comprendre pourquoi il ne faisait utilisé Photoshop pour la première fois, car je n' arrivais pas à comprendre pourquoi il pas exactement ce que je voulais faire. Je veux dire, après tout, cela s'appelait l'outil Magic Wand. Pourquoi ça n'a tout simplement pas marché ? Et c'est principalement parce que je ne savais pas qu'il fallait l'utiliser dans le cadre d'un processus. Utilisez-le donc pour faire ce qu'il peut faire, mais vous devrez peut-être tout de même ajouter ou soustraire à la sélection , comme nous venons d' apprendre à le faire Mais néanmoins, la baguette magique normalement : ce bouton est activé de manière fonctionne normalement : ce bouton est activé de manière contiguë Si je sélectionnais, disons, l'orange, je cliquerais. Et selon ce que l' on appelle la tolérance, certaines personnes sont plus tolérantes que d'autres le nombre est élevé jusqu'à 255, plus le nombre de pixels sera élevé. 150 se situe donc quelque part au milieu, mais vous pouvez voir qu'il faudrait que ce soit un peu plus bas pour obtenir l'orange, mais pas la feuille, mais un peu plus haut pour obtenir ce bout, c'est pourquoi j'ai trouvé que c'est ridicule. Cela ne fonctionne pas vraiment. Mais il faut un peu plus de patience que cela. Donc, ce que je vais faire à la place, c'est désélectionner là où c'est vraiment très bien, c'est pour sélectionner, disons, c'est sur fond bleu Si je clique sur, disons, le fond bleu, vous pouvez voir qu'il fait un très bon travail. Il s'arrête chaque fois qu'il touche quelque chose dont les valeurs de couleur sont vraiment très différentes. Par exemple, ici, remarquez que cela ne pénètre pas l'intérieur des feuilles. C'est allé un peu trop loin sur le green. Cela me dit probablement que la valeur est un peu trop élevée. Je vais désélectionner abaisser la valeur à environ 100. C'est une pure conjecture. Cliquez à nouveau. C'est bien mieux en ce qui concerne le bout de la feuille. Cela me semble juste. Mais vous pensez peut-être, oui, c'est génial, mais cette partie est sélectionnée, mais qu'en est-il de toutes ces autres parties ? Je vais donc à nouveau désélectionner. C'est ce que j'aime vraiment. Vous pouvez désactiver ce bouton appelé contigu. C'est un mot qu'on n' entend pas souvent. Cela signifie voisin ou limitrophe. Une fois cette option désactivée, il recherchera la même couleur bleue sur toute l'image et remarquera comment elle se trouve dans tous ces petits éléments qui mettraient une éternité à obtenir, ou qui pourraient même nous manquer. Cela fait, je peux utiliser mon raccourci Command J ou Control J, qui le placera sur une nouvelle couche. R, il y a une erreur classique. Regarde ce que j'ai fait. J'ai fait le contraire. Donc, si cela se produit, j'allais quand même vous montrer ce panneau d'historique, afin que nous puissions revenir à ce point. Remontez donc dans le temps, puis faites l'inverse. Cet inverse est la sélection. Cela vous donne le choix inverse. Encore une fois, je vais exécuter Command J, ou peut-être vous le montrer une dernière fois. Nouvelle couche par copie. Et voilà. Nous avons une très belle coupe. Maintenant, le seul problème avec cette approche est que les sélections ne sont pas toujours parfaites et c'est une bonne idée de les tester en arrière-plan. Trouvons un arrière-plan suffisamment horrible. Je fais glisser cette couche en dessous, et vous allez voir, je le crains, quelques petites lignes de cheveux ici. Ce petit bout de bleu, il n'est pas tout à fait clair et certains d'entre eux ne l'ont pas fait aussi bien. C'est donc délicat, mais c'est là que nous devons aller ensuite. Nous devons voir ce que nous pouvons faire si les sélections, aussi bonnes soient-elles, ne vont pas assez loin. C'est le sujet de la prochaine vidéo. 56. Travailler avec les sélections dans Photoshop // Utilisation d'Adobe Bridge 6/7: Nous avons vu dans la dernière vidéo quel point la baguette magique peut être utile, particulièrement en mode non contigu, si ce n'est pas impossible à dire C'était donc une bonne chose, mais cela ne nous a pas tout à fait menés là où nous voulions aller. Récapitulons Donc, avec l'outil Magic Wand, je pense que nous avons obtenu la tolérance de 100 avec une sélection non contiguë Cliquez sur l'arrière-plan, c'est parti, tout est sélectionné en bleu. Et c'était pas mal. Mais nous avons découvert que lorsque nous avons effectué une découpe avec Command J, désormais aussi efficace que Command J soit, ce n'est pas la seule approche Ce que j'aurais dû faire, en fait, c'est simplement dupliquer la couche d'arrière-plan. Laisse-moi faire ça. OK, donc ce que je veux faire maintenant, au lieu de cela, je vais appuyer sur Sélectionner et Masquer. Maintenant, je ne l'ai pas inversé à nouveau. Laisse-moi juste m'échapper ou appuyer sur Annuler là-bas. Permettez-moi d'inverser ma sélection. Sélectionnez Inverser. OK, essayons encore une fois. Sélectionnez et masquez. Maintenant, cela nous amène à une sorte de partie spéciale de Photoshop. C'est comme un programme à l'intérieur d'un programme, et cela nous montre la sélection telle qu'elle est actuellement. Donc, si nous disons « montrez l'original ici, c'est à cela que cela ressemblait. Maintenant, les points bleus que vous avez vus étaient ceux qui posaient problème. Mais la dernière fois que je suis venu ici, j'ai apporté quelques modifications et vous pouvez constater que nous avons une sélection légèrement meilleure Ce que je vais vous montrer, c'est comment je l'ai fait. En fait, quand je suis arrivé ici, je l'ai vu en noir. Cela montre donc la sélection. Cela vous donne en quelque sorte un aperçu de ce à quoi cela ressemblerait. Et en gros, j'ai fait quelques ajustements. J'ai donc changé l'avantage du levier de vitesses à partir de là et cela me rattrape. Nous y voilà. Donc tu as un peu de bleu. J'ai donc légèrement reculé de cette façon, et cela a simplement déplacé la sélection un peu vers l'extérieur, ou vers l'intérieur, désolée de m'en débarrasser un peu de m'en débarrasser un peu Ensuite, j'ai légèrement lissé la sélection maintenant, plume et contraste. Si vous les utilisez ensemble, la plume s' adoucit, mais le contraste la raidit . Pour une raison ou légèrement lissé la sélection maintenant, plume et contraste. Si vous les utilisez ensemble, la plume s' adoucit, mais le une autre, en les utilisant ensemble, cela améliore progressivement l'ensemble améliore progressivement Ce n'est pas absolument parfait, mais c'est bien mieux. Je vais donc appuyer sur OK, cela nous a donné une troisième couche. Je n'avais pas vraiment besoin de dupliquer celui d'arrière-plan. Mais remarquez ce que cela fait. Cela l'a transformé en masque de couche. Ce que nous avons maintenant, ce sont deux des meilleures fonctionnalités de Photoshop réunies. Nous avons une sélection, qui est excellente, mais qui se transforme en masque de calque, qui est infiniment flexible Si vous voulez que je vous rappelle ce que je veux dire par là, si je vous montre à quoi cela ressemble sur un fond uni, supposons que nous allions le mettre sur un fond jaunâtre, quelque chose comme ça Ça n'a pas l'air trop mal, en fait. Mais ici, par exemple, il y a un peu de bleu. Donc, si je veux m'en débarrasser, il y a aussi un peu de bleu, je peux passer sur le masque de couche lui-même. Alors hier, nous en avons fait un peu. Avec le pinceau, je vais utiliser un petit pinceau. C'est vraiment un petit pinceau. Vous vous souvenez peut-être des peaux noires et des reflets blancs. Si je devais peindre là-bas, en fonction de ma précision et de ma patience, je pourrais peindre certains de ces petits bouts de bleu. C'est donc le type d'approche que vous pouvez utiliser lorsque vous effectuez une découpe Cela prend donc un peu plus de temps que d'appuyer simplement sur quelques boutons. Mais si vous avez des patients et que, vous savez, c'est important de bien faire les choses, alors vous pouvez absolument le faire. Je ne vais pas vous faire perdre des heures en revoyant ça du début à la fin. Mais j'espère que vous pouvez voir que maintenant c'est sur un masque. Je peux entrer et faire des ajustements comme si j'étais ici, par exemple. Et si je vais trop loin, comme je l'ai fait, je peux simplement revenir en arrière et peindre en blanc, encore une fois, avec un pinceau plus gros. Vous l'avez déjà vu. Cela est infiniment flexible. Si je l'enregistre, que je le ferme puis que je le rouvre, encore une fois, toutes ces informations sont là s'agit peut-être d'une combinaison de l'outil de sélection ou l'outil de sélection ou d' une combinaison de différents outils de sélection, puis de la transformation en masque de couche dans Photoshop. 57. Travailler avec les sélections dans Photoshop // Utilisation d'Adobe Bridge 7/7: Pour un dernier aperçu des outils de sélection dans Photoshop, je vais vous montrer cette image ici. Je l'ai obtenu grâce à Raw Pixel , un concurrent d'Unsplash Encore une fois, il y a une certaine quantité de choses que vous pouvez obtenir gratuitement, vous pouvez donc les essayer. Je pense que cela irait très bien avec la marque Plant Power, peut-être que vous zoomez juste à côté de cela. Mais si nous le supprimons, donc si ces pixels blancs étaient transparents, alors si nous les exportions vers InDesign, nous pouvons contrôler la couleur d' arrière-plan comme nous l'avons fait depuis le modèle InDesign sur lequel vous avez travaillé Alors regardons ça. J'ai donc déjà utilisé l'outil Magic Wand, et il s'est souvenu des paramètres. Donc, si j'essaie de cliquer, vous pouvez voir qu'il sélectionne très facilement tout ce blanc ici, mais il sélectionne également les pixels très lumineux en haut de la feuille. Ce n'est donc pas du tout ce que nous voulons. Tous ces outils sont bons pour certaines choses, mais pas pour d'autres. la meilleure approche consiste à désélectionner Commande ou Contrôle D, à désactiver ou à réactiver le mode contigu À l'heure actuelle, la tolérance est peut-être assez élevée. Voyons si cela va fonctionner ou non. Ce que j'ai tendance à faire avec quelque chose comme ça où il y a beaucoup de trous, c'est d'abord essayer de cliquer sur les bits qui sont un peu compliqués. Par exemple, ici, puis je vais maintenir la touche Shift enfoncée et cliquer à l'intérieur, puis je vais simplement combler tous les petits espaces. Ça a l'air bien pour l'instant. Non, écoute. En cliquant ici, la tolérance est trop élevée. Je vais annuler. En fait, ce que je pourrais faire, c'est simplement revenir en arrière et annuler cette dernière histoire, puis simplement abaisser la tolérance. Essayons 60. Je peux donc cliquer sur Shift. Oui, je m'en suis tiré comme ça. Alors il ne reste plus que celui-ci et celui-là. Laisse-moi regarder attentivement autour de moi. Ici, la tolérance est trop élevée. Je vais désélectionner. Avec la tolérance de 60, réessayons. Commençons par le point le plus problématique, puis, tout à coup, par les petits détails. Un problème que j'ai eu, c'est que j'ai accidentellement cliqué sur le vert, alors laissez-moi annuler cela Si je zoome un peu, cela m'aidera. L'autre point, c'est que cette icône est un peu maladroite. Si je pose mon doigt sur Caps Lock, cela fonctionne pour tous les outils de Photoshop, cela vous donne un outil beaucoup plus précis. Mais ce n'est clairement pas assez précis pour moi. Nous y voilà. Je suis désolée que cela prenne du temps, mais honnêtement, c'est réaliste. C' est un peu comme ça que ça fonctionne. Je sais que vous voulez des instructions spécifiques, et c'est ce que je m' efforce de vous donner Mais parfois, les choses ne fonctionnent tout simplement pas et nous devons simplement persévérer Et c'est plutôt réaliste. C'est un peu un va-et-vient. Je pense que c'est à peu près juste. J'ai tous les pixels blancs. Je vais maintenant inverser cette sélection. Sélectionnez Inverser. Je vais faire Select and Mask, comme vous l'avez déjà vu, et c'est parti. Ça a l'air plutôt bien. Les parties qui semblent claires sont en fait des parties de la plante, il me semble. Je ne vois pas si je vais avoir besoin de faire grand-chose en termes de retouche, mais cela va en faire une marque de couche afin que je puisse y mais cela va en faire revenir plus tard et y remédier si je le souhaite. Je vais juste appuyer sur OK. Et voilà. Nous l'avons sur une couche de copie en arrière-plan. Si je devais l'enregistrer sous forme de PSD, ce qu'il voudra faire de toute façon Ensuite, je peux intégrer cela à la conception finale, et il reconnaîtra ces pixels transparents tant que cette couche d' arrière-plan est masquée, et nous pourrons l'utiliser comme nous le souhaiterions. Nous y voilà donc. C'est la fin de cette section. Il utilise donc les outils de sélection, mais aussi la façon dont ils interagissent avec les masques de calque. 58. MODULE 14 : Introduction à la théorie des couleurs 1/3: appuyant sur notre connaissance de la théorie du design, nous allons compléter cette connaissance de la théorie des couleurs, qui fait bien sûr partie de ce dont nous avons parlé de toute façon. Tout d'abord, un peu de terminologie, puis un peu de théorie, puis un peu de pratique. OK, vous pouvez donc voir sur mon écran dans le coin supérieur droit, c'est la teinte pure. C'est rouge. Et au fur et à mesure que vous y ajoutez du blanc, de plus en plus, pour qu'il y ait du blanc, vous obtenez ce que nous appelons des teintes. Ce sont donc des teintes de rouge. La saturation passe donc du néant au rouge complet. Les teintes sont donc une autre façon de le dire. Alors que si vous ajoutez du noir plutôt que du blanc, vous obtenez ce que nous appelons des nuances. Encore une fois, nous partons de la teinte pure. Nous allons donc parler de saturation des teintes et de luminosité. La teinte est la couleur elle-même. La saturation est le degré de saturation, sorte que le fait d'être rien et cela d'être plein, puis la luminosité en termes de nouveau, d'ici jusqu' au noir. C'est donc un élément clé de la terminologie. Il y a eu de nombreux théoriciens des couleurs au fil des ans. Ma préférée est celle qui a l'air vraiment ringarde, n'est-ce pas ? Ma préférée. Quoi qu'il en soit, mon préféré est Johannes Ittens Il parle des différentes manières d'obtenir le contraste. Et à mon avis, c'est ce que nous voulons dire lorsque nous travaillons dans le domaine du design. En général, il s'agit de créer un bon contraste. Et ce qu'il a ici, c'est son étoile de couleur. Et ces couleurs sont des teintes pures. Vous pouvez voir que c'est avant les ordinateurs, c'est peint dessus. Et puis, en allant vers le milieu, ce sont des teintes parce que nous ajoutons du blanc, et ce sont des nuances, que nous ajoutons du noir Ils vous donnent donc un bon aperçu du type de spectre de couleurs. Comme vous pouvez le lire ici, nous avons ce que l'on appelle des couleurs chaudes ou froides. Tout cela est subjectif, mais vous pouvez comprendre pourquoi ceux de gauche sont appelés chauds et ceux de droite sont appelés chauds. Est-ce que je l'ai bien dit ? Celles de gauche sont dites chaudes. Celles de droite sont dites « cool ». Maintenant, il y a beaucoup de jargon ici. La première partie du jargon concerne les couleurs complémentaires. Je vais donc passer en revue par ordre de contraste les différentes harmonies de couleurs La gratuité est donc ce qui est le plus contrasté. Donc, gratuit ne veut pas dire gratuit dans la mesure où ils vont de pair, bien qu'ils le soient en quelque sorte. Cela signifie qu'aucune partie d' une couleur n'est dans l'autre. Les deux sont donc complètement opposés. Ils ont donc un contraste maximal. Un peu moins que Oh, non, nous le ferons dans une minute. OK, voici donc un exemple de couleurs complémentaires, le vert et le rouge des deux côtés, deux bons exemples d'utilisation de couleurs complémentaires. Il y a donc beaucoup de contraste. Passons maintenant aux couleurs triadiques. Ainsi, comme nous le verrons lorsque nous examinerons une roue chromatique, les couleurs complémentaires se font directement face. Les couleurs triadiques divisent la roue en trois. Ils sont donc vraiment difficiles à utiliser correctement. Ils offrent un excellent contraste, mais sont difficiles à utiliser correctement. Voici quelques exemples. C'est l'un de mes designs. J'en suis plutôt content. Cela semble assez vif, mais ce jaune ne fonctionne que sur le fond bleu foncé. Mais si vous ne faites pas attention, cela peut sembler un peu trop. C'est un exemple où je pense que cela fonctionne. Voici un bien meilleur exemple. Voici Leonora Violetta. Je crois que c'est ainsi qu'elle a prononcé son nom. Elle est douée pour la couleur, sa façon de faire de l'illustration. C'est donc un autre exemple de couleurs triadiques. Beaucoup de contrastes. OK, donc le deuxième point le moins contrasté par rapport couleurs complémentaires est celui des couleurs complémentaires séparées Et comme vous le verrez sur le cercle chromatique, il passe comme si c'était gratuit, puis il se dirigeait vers la droite ou vers la gauche. C'est donc un peu plus utilisable que ce que nous venons de voir. Et puis les couleurs tétradiques sont deux paires de couleurs complémentaires Encore une fois, cela peut être assez difficile à utiliser correctement, mais voici quelques exemples très similaires en termes de couleurs, bien que les designs soient assez différents. Il y a deux paires de couleurs complémentaires. Ainsi, le premier et le troisième bloc sont gratuits, tandis que les deuxième et quatrième sont également gratuits. Ce sont donc des couleurs tétradiques. D'accord, les couleurs analogues sont beaucoup moins contrastées. Maintenant, les couleurs analogues vont vraiment bien ensemble. Ils n'offrent pas beaucoup de contraste, mais ils peuvent être très rassurants et très calmes et donc parfaits pour une ou deux des marques avec lesquelles nous travaillons. Mais pas pour tout. Si vous voulez être avant-gardiste, l'analogue n' est pas ce que vous voulez. Et enfin, monochromatique. C'est le moins contrasté. Ce n'est donc qu'un contraste en termes de teintes ou de nuances, pas en termes de On passe donc du plus contrasté en haut au moins contrasté en bas Tout passe du jaune. Nous passons donc du gratuit au triadique, puis du double complémentaire, du tétradique, de l'analogue et du monochromatique Alors voilà. Si vous vouliez de la terminologie, vous en avez. La question est cependant de savoir comment vous utilisez toutes ces choses, et c'est ce que nous allons aborder sous peu. Une autre théorie que j'ai trouvée utile lorsque je suis tombée dessus Cela vient de Gee, le polymathe allemand d'il y a quelques centaines d'années Il voulait savoir à quel point certaines couleurs étaient vives. Et il a attribué une note de 1 à 9. Donc neuf étant blanc et un noir. Et vous pouvez voir que ce sont les notes qu'il a attribuées aux différentes couleurs. Cela vaut la peine de le savoir, car si vous avez , disons, un fond blanc, et que vous voulez qu'une couleur ressorte de celui-ci, vous ne voulez pas utiliser le jaune, par exemple. Par contre, si vous avez un arrière-plan sombre et que vous voulez que la couleur soit éclatante, jaune peut être parfait. Donc, comme pour toutes ces choses, vous pouvez le prendre avec une pincée de sel, mais vous trouverez peut-être que cela vaut la peine faire référence de temps en temps. OK, donc c'est notre point de départ pour passer à la couleur. Nous avons donc différentes théories , différentes harmonies, et nous allons maintenant voir comment nous les utilisons avec nos marques et comment vous pourriez les utiliser vous-même. 59. Introduction à la théorie des couleurs 2/3: vidéo précédente, nous avons examiné toute une série de théories des couleurs, ce qui est très utile, mais vous vous demandez peut-être comment vous pouvez l'utiliser. Bref, si vous pouvez l'utiliser ou non , cela dépendra de votre situation. Il se peut donc que vous travailliez pour une marque où vous ne pouvez utiliser qu'un ensemble très, très limité de couleurs et que vous ne puissiez pas vous en éloigner. Si tel est le cas, le prochain bit ne sera pas très pertinent. C'est toujours intéressant, je l'espère. Mais il se peut que vous travailliez pour une marque où vous pouvez travailler avec toutes les couleurs que vous aimez, ou même si vous appartenez à la première catégorie, que vous fassiez une illustration ou quelque chose où vous pouvez vous décaler un peu et vous vous dites : «   Bien, je suis capable d' utiliser plus de couleurs ». Comment ferais-je ? Je vais donc vous montrer le processus que j'ai suivi pour certaines des marques que vous connaissez de plus en plus et comment j'ai développé ces couleurs. Il s'agit donc davantage d'une question de marque, ce qui dépasse vraiment les limites de ce cours Néanmoins, il vous donne un aperçu de la façon dont vous pouvez utiliser la couleur, façon dont vous pouvez découvrir les couleurs et d'utiliser certaines des meilleures astuces d'Illustrator, en fait. Jetons donc un coup d'œil à cela. Vous pouvez donc voir ici que nous avons plusieurs verts et une couleur qui va à l'encontre de cela. Nous avons le violet, mais il ne contraste pas trop. Ils vont toujours ensemble. Je vais donc jeter un coup d'œil à Illustrator et vous montrer comment j'ai fait en sorte que ces couleurs fonctionnent ensemble. Alors que j'étais en train rassembler les couleurs qui deviendraient de l'énergie végétale, alors j'ai commencé, je me suis dit : OK, alors, qu'est-ce qui va aller avec la couleur verte ? Ce qui devrait bien entrer en conflit avec elle. J'ai pensé à une sorte de rose très pâle. J'ai donc commencé par ça. Et ce que j'ai fait dans Illustrator, il existe un guide des couleurs. C'est donc à côté de la couleur, et vous connaissez les échantillons, mais le guide des couleurs, si vous cliquez dessus, vous offre désormais toute une gamme d'options En fait, permettez-moi de le montrer avec Discover. C'est ce que j'avais l'intention de faire. Remarquez qu'il me montre différentes nuances là-bas. Et c'est parce que je suis en monochromatique. Cela montre que j'utilise la règle de l'harmonie monochromatique, donc c'est le moins Cela me donne des options. Donc, si je le voulais, et cela pourrait s'appliquer à vous si vous avez un choix très limité en termes de couleurs, vous pouvez littéralement l'utiliser. Vous pouvez dire : Oh, que diriez-vous d'une version plus sombre ? Vous pouvez simplement cliquer directement dessus. Allons-y. Ce que je fais juste Qu'en est-il d'une version allégée ? Si vous aimez l'idée d' une harmonie monochromatique, c'est une façon de le faire Vous pouvez littéralement accéder au Color Guide. Maintenant, cela n'a pas fait des échantillons de ces choses. Si vous souhaitez créer des échantillons, vous pouvez soit les ajouter dans des échantillons en appuyant sur des boutons comme celui-ci Vous pouvez les ajouter à une bibliothèque en appuyant sur le petit bouton plus en bas. Ou vous pouvez simplement l' utiliser comme vous le souhaitez. Cela dépend donc en quelque sorte si vous êtes plutôt en mode image de marque ou en mode illustration. OK, donc c'est ça. Donc, avec celui-ci, je cherchais le bon type de palette de couleurs. Et je voulais en avoir un qui soit gratuit. Mais vous pouvez voir que je n' ai pas encore compris que c' est la couleur que je souhaite utiliser. Il tourne toujours dans le bleu, alors cliquez à nouveau sur ce petit bouton . Allons-y. Donc, vous pouvez le voir, gratuité me donne ce très beau vert clair. Alors je me disais : « Oui, ça va marcher ». Alors j'ai eu envie d'explorer. OK, alors qu'est-ce qu'on a d'autre ? Oh, voici quelques options intéressantes, gratuites également. J'ai donc cliqué dessus. Et puis j'ai appuyé sur ce petit bouton. Cela permet de modifier ces couleurs. Et cela nous amène dans un domaine vraiment intéressant d'Illustrator. Cela a plus à voir avec l'image de marque, honnêtement, pour le moment, mais cela pourrait vous être très utile si on vous a donné quelque chose sur lequel travailler et que vous souhaitez développer des couleurs qui vont avec. Je n'entrerai donc pas trop dans les détails, mais je pense que cela vous sera utile. Donc, si vous voulez modifier ici, par défaut, vous voyez ce petit bouton sur la gauche, vous montre comme une roue chromatique. C'est donc ce à quoi je faisais référence tout à l'heure. Des couleurs complémentaires vont donc de pair avec le volant. Nous verrons les autres plus tard. C'est la couleur avec laquelle j'ai commencé. Tous ces modèles verts sont complémentaires à cela. Ensuite, nous en avons un légèrement plus foncé qui va avec. Ce que vous pouvez faire ici, c'est que si vous les déplacez, par exemple, ici , les valeurs sont normalement en RGB. Mais vous pouvez également passer au HSB, à la teinte, à la saturation et à la luminosité Donc, ce que je vais faire et ce que j'aime faire, c'est appuyer sur ce bouton, et il me montre toutes ces couleurs différentes parce que ce que je veux, c'est du contraste, même quelque chose comme ça, qui ne veut pas être trop fort ou trop fort. Donc, ce que je pense avoir fait, c'est j'ai aimé certaines de ces couleurs claires, mais j'ai ensuite voulu une couleur très différente. J'ai donc cliqué sur celui-ci J'ai déverrouillé le cadenas, puis j'ai essayé de modifier la teinte, en me demandant si cette couleur fonctionnerait, je crois que j'ai en quelque sorte atterri sur un violet qui, selon moi, pourrait être très joli Et puis j'ai voulu une couleur plus neutre. C'était donc tout à fait neutre. Mais je me suis dit : « Eh bien, oui, que pouvons-nous faire d'autre avec ça ? Donc je n'arrêtais pas de déconner comme ça, et une partie du temps tu es dans cette vue, partie du temps tu es dans celle-ci, et tu peux faire glisser ces boutons Et en fin de compte, lorsque vous appuyez sur OK, vous finirez par créer des échantillons J'ai donc fait quelque chose comme ça. Appuyez sur OK. Et est-ce que ça a marché ? Non, ça n'a pas été le cas. Laissez-moi. Ce que j' aurais dû faire là-bas c'est appuyer sur ce bouton et cela les enregistre dans des échantillons C'est donc quelque chose que je fais énormément, et je vous encourage à essayer. C'est donc une couleur complémentaire, mais elle change légèrement Il n'y a donc pas que le rose et le vert. Cela ne fait que vous donner un peu plus d'options avec lesquelles travailler. Alors que si j'avais simplement opté pour, disons, que c'est une autre façon de procéder. Ce que j'ai été tenté de faire en fait, c'est de faire monochrome pour celui-ci Je me suis dit que ça aurait vraiment l' air bien et c'est vraiment très tendance en ce moment. Vous pouvez y voir beaucoup de beaux contrastes. Donc j'aurais juste fait ça, appuyer sur OK. Je devrais refaire le même problème , puis l'ajouter. Ensuite, vous pouvez travailler à partir de ceux-ci. OK, nous commençons donc à voir deux ou trois choses. Nous voyons la roue chromatique et la façon dont il suffit de double-cliquer dessus pour y revenir. Donc, pour ce qui est de la roue chromatique, dans ce cas, nous allons simplement vers l'intérieur pour plus clair ou vers l'extérieur pour devenir Et nous l'avons également constaté en termes de couleurs complémentaires. Ensuite, nous allons l' examiner et voir comment il fonctionne avec les modèles légèrement plus contrastés. 60. Introduction à la théorie des couleurs 3/3: OK, donc en continuant notre regard sur la couleur, nous sommes passés d'une jolie marque subtile à quelque chose de vraiment pas très subtil du tout. Donc, c'est tout à fait délibéré pour créer un beau contraste pour vous. Vous pouvez donc l'aimer, le détester, mais l'idée est que vous le remarquerez, et vous le remarquerez en partie à cause des couleurs. Voyons donc comment je m' y suis pris. Je voulais donc une couleur rouge vif, et je suis allée voir le guide des couleurs, et je suis allée chez Tri Addict Nous avons donc examiné la gratuité, laquelle passerait directement de l'autre côté de la roue chromatique. C'est donc extrêmement contrasté, le plus de contraste. Mais si nous passons à Triadic, c'est le contraste suivant Alors maintenant, je vous ai montré un exemple où j' ai presque réussi à faire fonctionner le rouge, le jaune et le bleu ensemble. Mais d'une manière générale, si vous voulez utiliser un bleu, vous devrez probablement le rendre moins saturé ou plus ou moins brillant pour qu'il fonctionne. Mais j'ai décidé de ne pas le faire. J'ai pensé utiliser ces deux couleurs, puis j'ai réalisé, bien sûr, que j'avais choisi exactement la même couleur que McDonald's, ce qui n'était pas nécessairement mon plan. C'est ainsi que j'en suis arrivée là. Je vais donc y chercher de grands contrastes, donc le jaune et le rouge. Alors qu'avec celui-ci, c'est l'une des couleurs du café Puro Regardons simplement cela dans les directives de marque. Je voulais ici avoir plusieurs couleurs qui fonctionnent ensemble et qui soient assez belles sur le fond brun foncé. Il faut les comparer à cela. Comme vous le verrez, il se passe quelque chose d'intéressant en termes de couleurs ici. Ce que j'ai fait, c'est passer à un contraste élevé. Il existe plusieurs modèles à contraste élevé qui vous offrent un contraste de différentes manières. Vous remarquerez, je pense, comment je l'ai fait. Vous voyez que cela me donne deux paires de couleurs triadiques, des versions légèrement plus foncées de chacune, et qu'elles fonctionnent très bien C'est ainsi qu'ils fonctionnent. Encore une fois, si je devais les modifier, et je l'ai probablement fait, j'irais ici puis je dirais, eh bien, supposons que je voulais que celui-ci soit encore plus léger Je pourrais cliquer dessus, m' assurer qu'il n'est pas lié, puis je pourrais le rendre encore plus lumineux ou si je voulais le rendre moins saturé, je pourrais le faire C'est ce que je veux dire à propos de la modification de ces couleurs. Donc, en général, vous recherchez contraste en termes de teinte de saturation ou de luminosité. Et ce que je pourrais faire rapidement c'est revenir en arrière et vous montrer ce que je voulais dire à propos de l'option triadique Donc, si je devais essayer de choisir un bleu pour ça, ça tournerait probablement très mal Donc, si je devais commencer par une option triadique ici. Je suis content du jaune, mais je me suis dit que le bleu, c'est un peu trop. Je pourrais dire : Et si je dissociais cela et que je le désaturais Alors, vous optez pour un bleu plus clair, ou si j'optais pour un bleu beaucoup plus foncé ? Maintenant, cela commence à devenir très excitant pour moi. C'est donc le genre de chose que je veux dire. Vous pouvez donc conserver le type de relation entre eux et la roue chromatique, mais vous pouvez commencer à jouer avec la saturation et la luminosité, et c'est là que cela devient vraiment intéressant. C'est vrai. C'est ainsi que nous en sommes arrivés à celui-ci. C'est une question intéressante. Ce n'est pas une palette de couleurs que j' utilise beaucoup, mais je voulais vous montrer quelque chose de très différent. J'utilise celui-ci, le pentagramme, qui, comme vous pouvez l'imaginer d'après son nom, est composé de cinq espacés égaux, pas trois également espacés, mais de cinq espacés égaux qui circulent Encore une fois, si j'annule cela et que je vous montre celui que nous examinons, nous pouvons simplement comparer et contraster ce que nous avons. Je pense que j'ai gardé certaines d'entre elles, mais d'autres que je n'ai pas aimées. Donc oui, je n'ai pas eu l'impression de vouloir ce genre de couleur pour le petit doigt J'ai donc juste modifié la teinte de celui-ci pour qu' il ressemble un peu plus à cela, par exemple, qui a commencé à fonctionner Et à part le fait que je pense, comme je viens de le dire, je voulais y ajouter une couleur supplémentaire. Vous pouvez donc le faire ici. Vous pouvez en ajouter un autre. Et je crois que j'ai opté pour un bleu mais un peu plus clair, quelque chose comme ça. Encore une fois, vous trouvez souvent qu'il s'agit davantage d'une question de marque ou d'illustration. Vous constatez qu'une fois que vous commencez à utiliser ces couleurs, vous vous rendez compte qu'en fait, nous avons besoin de plus de contraste ici. Nous avons besoin d'une couleur plus foncée, d'une couleur plus claire. Je veux donc que vous soyez au courant de tout cela, car il se peut que vous travailliez avec une marque où vous avez une certaine marge de manœuvre et que vous puissiez commencer à développer d'autres couleurs avec elle Donc, ce que je vous suggère de faire, c'est prendre votre couleur existante, votre couleur de base, puis de regarder autour de vous dans le guide des couleurs, d' essayer différentes options , celles que vous souhaitez. Vous pouvez directement appliquer des échantillons de cette façon. Vous pouvez entrer dans le vif du sujet et créer un groupe de couleurs. Ensuite, vous pouvez appuyer sur ce bouton et les intégrer à vos échantillons Il y a tellement de choses à découvrir là-bas. N'oubliez pas que ce que nous essayons obtenir, c'est une sorte de contraste qui mette en valeur la marque. Donc, que ce soit vraiment contrasté, vraiment sourd, peu importe ce qui Il doit donc raconter l'histoire de ce que vous essayez de transmettre, que ce soit vraiment analogue vraiment agréable et facile, cela se passe bien ou que ce soit vraiment nerveux et Il y a tellement de choses à découvrir là-bas. 61. MODULE 15 : créer des documents imprimés avec InDesign 1/4: L'une des raisons pour lesquelles j'aime enseigner le design, c'est que je sais à quel point il est difficile de démarrer. Donc, quand j'ai commencé, je savais en quelque sorte ce que je voulais faire, mais je ne savais pas trop comment y arriver. Et il m'a fallu un certain temps pour découvrir certaines des théories, des astuces et des astuces, et beaucoup de choses que l'on n' apprend vraiment que par l'expérience. Et ce que je vais vous montrer maintenant est une sorte de chose que je dois certainement apprendre par expérience. Mais en regardant quelqu'un qui le fait depuis un moment, en regardant par-dessus son épaule, cela vous aidera vraiment à gagner en confiance beaucoup plus rapidement. Donc, ce que vous regardez ici, c' est un exemple de quelque chose qui utilise délibérément certaines des théories dont nous avons parlé. Et je veux essayer de l'amener au point où vous pourrez en quelque sorte le comprendre et espérons-le, l'utiliser pour vous-même. Encore une fois, il se peut que vous aimiez ou non le design. C'est très bien Mais permettez-moi de vous montrer la théorie qui le sous-tend. Maintenant, avant d'en venir à ce point, le problème, c'est si vous copiez quelque chose, vous ne connaissez pas vraiment le processus sous-jacent et vous ne voyez que le résultat final. Permettez-moi de vous montrer que mon point de départ serait quelque chose comme ça. Je te montre juste que c'est probablement suffisant. Donc, dans un carnet de croquis, je griffonnerais littéralement quelque chose comme ça Je dirais, c'est vrai, je veux que la moitié supérieure de la page soit une image, puis je veux le logo ici, puis je veux un titre ici et un peu de texte comme ça Maintenant, honnêtement, il m'a fallu plusieurs années à concevoir des choses avant me rendre compte que c'était ainsi que vous le faisiez. Vous commencez littéralement par une feuille de papier et vous obtenez quatre ou cinq idées, puis une fois que vous vous êtes rendu compte que cela fonctionnera probablement, vous passez à InDesign ou Illustrator ou autre Parce que sinon, vous vous engagerez sur une voie qui pourrait être bonne ou non et vous finirez par essayer de perfectionner quelque chose qui ne sera jamais bon. Donc, si je peux vous donner un conseil, ce serait celui-ci. Mais en ce qui concerne ce que j'essaie de faire ici, comme vous pouvez le constater, en termes de ratios et de division de la page en deux, il y a beaucoup de place pour l'image, qui est la cellule principale ici. Et puis vous remarquerez peut-être qu'en bas, ce sont les deux tiers de l'autre côté. C'est tout le chemin , mais c'est les deux tiers du chemin. Ça. Et quelle était l'autre chose ? Oui, encore une fois, pour ce qui est des ratios, c'est à peu près si je vous le montre. J'ai divisé la page en dix ici, donc vous en avez cinq, puis deux ou trois. Oui, à peu près, très approximativement deux à trois et très approximativement un à deux. Donc, en utilisant des ratios différents, est-ce que tout est une question de ratios ? Il est clair que ce n'est pas le cas. Mais si tu as un point de départ, ça t'aidera vraiment. Donc, dans la vidéo suivante, je vais vous montrer comment je pourrais réellement assembler tout cela. 62. Créez des documents imprimés avec InDesign 2/4: Je vais donc repartir de zéro dans le design. Vous en savez donc déjà beaucoup parce que vous savez créer des contenus sociaux. La vraie différence réside dans les documents imprimés, dans certains domaines techniques que vous avez appris sur les saignements, etc. Mais en plus de cela, il s'agit vraiment de créer quelque chose qui va être rouge parce que, généralement, pour les images sociales, vous recherchez quelque chose qui a un impact important, mais avec lequel personne ne va passer du temps, alors que l'impression est différente Les gens vont le chercher, je vais le ramener chez moi, ils vont le parcourir, il doit donc être lisible. Je viens donc de le faire, mais si je partais de zéro, je commencerais par l'impression. Et aux États-Unis, vous pouvez utiliser la taille d'une lettre. Je suis au Royaume-Uni, donc je vais utiliser un quatre. C'est notre norme. C'est la taille là-bas. Le nombre de pages est égal à un. C'est tout ce dont j'ai besoin. Chroniques, je ne vais pas m' inquiéter pour le moment. Mais les marges, c'est vraiment un gros problème, quand il s'agit de documents imprimés. Maintenant, la marge standard est de 12,7 millimètres, ce qui peut vous sembler une taille assez étrange La raison pour laquelle ils mesurent 12,7 millimètres est que c'est trois fois la valeur de la taille de point la plus couramment utilisée, qui est de 12 points Et c'est un très bon point de départ. Mais en réalité, je dis cela parce que tout dépend de la taille du texte que vous allez utiliser. Donc, 12 points dans Oui, 12 points sont mesurés en points. En millimètres, c'est l'équivalent de cette valeur ici, 4,233 Donc, en supposant que vous ayez un type à 12 points, vous aurez une gouttière de colonne de ce type, et les marges standard seront trois fois C'est ainsi qu'il est conçu pour fonctionner. Vous n'avez pas vraiment besoin de savoir ce genre de choses, mais si c'est le cas, cela vous aidera, car tout dépend de la taille de police que vous allez utiliser. Je vais donc choisir une taille de police de 14 points, un peu plus grande que la police normale car elle est conçue pour être lue à distance. Vous remarquerez qu'il convertit cela en 4,939 millimètres, ce qui n'est pas le chiffre le plus simple Donc, les marges, je vais commencer par leur valeur par défaut, qui est trois fois la taille en points. Le moyen le plus simple de le faire est de taper 14 PT Shift 8, ce qui donne un astérisque, c' est-à-dire multiplié par trois Ensuite, vous tapez dans le champ suivant comme ça, vous obtenez ce chiffre très obscur, presque 15, mais c'est exact. Alors j'ai commencé à saigner maintenant parce que tu le sais, 3 millimètres. Ensuite, je crée. C'est donc le principal domaine sur lequel nous allons travailler. Mais comme vous le savez, si nous regardons où nous voulons aller, nous allons nous retrouver avec la moitié de cette quantité qui sera utilisée par l'image, puis nous allons utiliser des ratios approximatifs en bas de page. Donc, pour ce faire, je le fais normalement en allant dans le menu de mise en page et en choisissant Créer des guides. Ce n'est pas une fonctionnalité très utilisée, mais c'est à mon avis l'une des meilleures Illustrator, Illustrator en termes de design. Et je veux avoir dix rangées. Je vais appuyer sur la touche Tab plus rapidement au champ suivant comme ça. Et le caniveau, c'est l' écart qui les sépare. Maintenant, comme je l' utilise juste comme une sorte de guide visuel, je n'ai pas vraiment besoin d'une gouttière ou d'une brèche. pourrais me contenter d'un tout petit, peut-être que je le laisse à zéro. OK, cela divise la zone entre les marges en dix, et en dizaines, un bon chiffre. Cela peut être dix, huit, 12, mais il faut que ce soit un chiffre pair parce que je dois être capable de le diviser en deux. J'aimerais aussi dix parce que cela me donne deux et trois, et comme nous le savons, deux pour trois est un ratio que nous pourrions utiliser. Plus vous vous y intéressez, plus vous pourrez les utiliser. Et puis les colonnes, je vais utiliser trois colonnes. Et je ne pense pas avoir besoin d'une gouttière. C'est la grille avec laquelle je vais travailler. Ce n'est qu'un guide, mais une fois cela fait avec mon outil de cadre rectangulaire, je peux créer un cadre qui descend à mi-chemin de la page. Ensuite, je peux créer un cadre légèrement vide pour mon texte, à peu près de cette taille. Ensuite, un autre cadre, c' est là que j'aurais dû avoir un petit écart vers le bas, cela aurait rendu le reste de mon texte plus cohérent, puis les logos seront placés en bas J'espère donc que vous comprenez comment cela fonctionne, car cela vous donne vraiment une structure à utiliser et sur laquelle car cela vous donne vraiment vous pouvez vous appuyer. Donc, plutôt que de tout assembler à partir de zéro, nous allons simplement passer à la dernière étape parce que vous savez comment faire toutes ces choses. Mais c'est essentiellement ainsi que j'en suis arrivée là. J'ai suivi les directives de la marque, j'ai essayé différentes choses, et je ne pense pas qu'il y ait quelque chose que vous devez savoir que vous ne sachiez pas. Dans la leçon suivante, nous allons voir comment créer un style de paragraphe afin que vous puissiez rapidement créer un élément et le modifier. Mais pour le moment, je veux juste me concentrer principalement sur la structure, car je pense que si vous obtenez cet élément, le reste se mettra parfaitement en place. Voilà. C'est le processus de réflexion que j' utilise lorsque je conçois à peu près n'importe quoi. J'essaie d'y penser en termes de ratios. J'essaie d'utiliser une grille. Si vous pensez, je ne peux pas le faire, c' est très bien, mais c'est comme ça que je le fais, et je le recommande. 63. Créez des documents imprimés avec InDesign 3/4: vais continuer à voir comment créer un document comme celui-ci à partir de zéro. Donc, tout ce qui se trouve sur cette page , vous savez comment faire et , vous savez, intégrer des logos, vous savez, intégrer des images. C'est l'une de mes images, en fait, par opposition à celle d'Unsplash, mais je suis sûr que si vous vouliez la créer et que vous tapez Antigua Guatemala, vous trouverez des images comme celle-ci Donc, pour ce qui est du texte ici, cela ressemble beaucoup à ce que nous avons fait avec les réseaux sociaux. Vous pouvez créer un cadre et si vous voulez l'agrandir, vous pouvez faire cette petite astuce commande shift ou le control shift, cliquant sur la poignée d'angle en pause et en l'agrandissant ou en la réduisant. Vous pouvez placer ces deux parties de texte dans des cadres séparés. C'est probablement plus facile que la façon dont je l'ai fait. Je l'ai fait en une seule image, ce qui, je pense, n'est peut-être pas la meilleure façon de le faire. Maintenant, avec ces choses, parce que je vais les modifier, vous savez, en quelque sorte les peaufiner de cette façon . Je ne vais probablement pas m' inquiéter de la création d'un style de paragraphe. Je ne m'inquiète pas de la cohérence, mais je veux que le reste du texte soit cohérent, le reste du texte soit cohérent, et c'est là que les styles de paragraphe entrent en jeu, comme vous vous en souviendrez dans ce document. Voici donc comment vous procédez. Vous créeriez un cadre Encore une fois, j'utilise la grille. Cliquez à l'intérieur avec votre outil de saisie. Comme vous vous en souvenez peut-être, dans la version finale précédente, elle disait quelque chose comme : où, pourquoi, quand ou quelque chose comme ça. Disons où se trouve le point d'interrogation. Alors évidemment, si j'ai du vrai texte à taper, je le taperais. Mais comme vous l'avez peut-être vu dans le menu de saisie, cette merveilleuse commande remplie de texte d'espace réservé vous donne simplement du texte latin aléatoire Je vais juste le supprimer à un moment donné. Appuyez sur Retour, puis tapez. Pourquoi revenir. Ensuite, je pourrais couper et coller ce texte. Je pourrais tout aussi bien en faire quelques unes légèrement différentes. Remplissez avec du texte de remplacement. Il le fait au hasard. Il suffit donc de zoomer pour voir ce que je fais. Je place simplement mon curseur devant le U et je fais un retour en arrière pour le mettre en un seul paragraphe Débarrassez-vous de celui-ci, supprimez-le et revenez. Vous pensez peut-être à tout cela qui revient et à d'autres choses. Qu'est-ce qui se passe ? C'est le moment de réexaminer le type Afficher les caractères cachés. vous vous en souvenez peut-être, chaque fois que je fais un retour, je reçois un de ces petits Comme vous vous en souvenez peut-être, chaque fois que je fais un retour, je reçois un de ces petits P inversés. C'est un paragraphe. C'est le deuxième paragraphe. Je peux le dire parce que cela se termine par ce troisième paragraphe, quatrième paragraphe, deux autres. Alors que, clairement, je l' invente au fur et à mesure. Et puis un dernier bout de texte réservé. Le texte de remplacement est utile car il est plus réaliste que de simplement taper du texte, il s'agit d'un texte aléatoire ou autre. Cela se lit plutôt comme de vrais mots. Et il vous sera également très évident plus tard, lorsque vous modifierez, que vous devrez le changer. Mettez-y quelques points à la fin. OK, maintenant je suis prêt à essayer de rendre ce texte cohérent. Donc, pour être clair, vous n'êtes pas obligé de créer des styles de paragraphe, mais je vous conseille de le faire. La raison pour laquelle je dis cela deviendra plus en plus évidente une fois que nous les aurons créés. Donc, pour les créer, nous allons d'abord dans le menu Fenêtre et nous choisissons les styles et les styles de paragraphe. Par défaut, vous n' obtenez qu'une étoile gratuite, si vous le souhaitez, appelée paragraphe de base. Ensuite, vous sélectionnez un paragraphe à la fois et vous modifiez ce que l'on appelle le formatage des caractères. C'est une mise en forme que vous pourriez appliquer à un seul caractère ou à une seule lettre, bientôt la taille, ce genre de choses. Ensuite, vous appliquez le formatage du paragraphe. C'est le seul formatage qui affecte l'ensemble du paragraphe, exemple s'il est doté d'une césure automatique, s'il y a un espace avant lui, etc. Ensuite, vous le capturez en tant que style. Je vais donc sélectionner ce premier paragraphe, et quatre clics sont la meilleure façon de le faire. Ensuite, je vais changer la police ici en optima. Donc, en référence aux directives de la marque. Optima Bold, je crois que c'était du noir. Je ne suis pas sûr. Choisissons celui-ci. Je vais l'augmenter un peu, disons, 18 points. Maintenant, en termes de mise en forme des paragraphes, je vais ignorer cela sur celui-ci. Ensuite, je passe aux styles de paragraphe et dans le menu déroulant, je choisis un nouveau style de paragraphe. Je lui donne un nom. Je vais juste appeler ça, disons, un sous-titre Vous pouvez appliquer un raccourci clavier si vous disposez d'un clavier étendu. Je ne vais pas m'inquiéter à ce sujet pour le moment. Appliquez le style à la sélection. Et si vous utilisez des bibliothèques CC et si vous pensez que vous allez les utiliser beaucoup, vous pouvez les ajouter à votre bibliothèque actuelle, ou si vous avez d'autres bibliothèques, vous pouvez choisir celle de votre choix. Je ne vais donc pas le faire pour le moment. Et puis quand j'appuie sur OK, voici mon style. Donc, si je vérifie que cela fonctionne, si je place mon curseur n'importe où dans ce paragraphe, le tour est joué. Vous avez donc cette cohérence instantanée. OK, c'est bon. Ensuite, sélectionnons à nouveau ce paragraphe en quatre clics. Encore une fois, modifiez le formatage des caractères, donc la police. Ce sera donc la norme optimale. Romain. Le mot romain est souvent le mot désignant simplement un défaut. Roman ou régulier est un autre mot qu'ils utilisent. Cette taille de police semble correcte, je pense. Et puis ce que je n'ai pas encore examiné , c'est le formatage des paragraphes. Donc, le formatage du paragraphe, comme je l'ai dit, le formatage qui affecte l'ensemble du paragraphe, donc il pourrait y avoir l' alignement, par exemple. Mais ce que je vais faire, c'est désactiver le trait d'union ici. Notez donc que cela supprime ces césures automatiques OK, puis je vais en faire un style de paragraphe, que je vais appeler body. C'est le terme général désignant la majeure partie du texte que vous lirez. Il mémorise votre réglage précédent afin appliquer le style. Dans ce cas, il ne mettra pas dans une bibliothèque. Je peux donc appliquer cela à ces deux. OK, jusqu'ici tout va bien, je sais que tout ce texte est cohérent et c' ce que j'ai demandé, donc c'est génial. Je vais faire un zoom arrière. Je vais faire Command or Control Zero. Cela me semble plutôt bien, en fait. J'en suis plutôt content. Je pense que les titres doivent au moins être bleus, et j'aimerais aussi qu'il y ait un peu plus d' espace avant les titres C'est donc le véritable avantage de l'utilisation des styles. Parce que ce que je peux faire, cliquer avec le bouton droit sur le style de sous-titre. Choisissez Modifier le sous-titre, puis avec l'aperçu activé ici, je peux apporter des modifications et je les verrai appliquées directement à l'écran Par exemple, la couleur des caractères. Je peux appliquer tous les échantillons que j'ai dans le document, donc c'est celui-ci Remarquez qu'ils ont tous changé. Et puis l'espacement sous Idense et spacing, c'est l'un des plus courants que vous Je vais parler d'espace avant. Remarquez que je peux créer un espace très subtil avant cela. Encore une fois, nous avons parlé de proximité, ce qui souligne simplement que ce texte appartient au pourquoi, au lieu et ainsi de suite. Cela aide. Cela fait, je veux un peu plus de contraste entre les deux. J'aimerais que ce texte soit plus grand ou peut-être un peu plus audacieux Je vais passer aux formats de caractères de base. Au lieu de mettre du gras, je vais essayer le noir extra. Qu'est-ce que tu en penses ? Je pense que c'est probablement un peu trop. J'en voudrais un entre les deux, vraiment, mais il n'y en a pas, donc je vais m'en tenir au gras, mais peut-être l'agrandir un peu. Et peut-être aussi reculer légèrement le suivi. Et nous avons fait un suivi pour adapter le texte. Il s'agit moins de ça que d'une question de style, en fait. Donc, en regardant le texte ci-dessus, il semble qu'il ait été suivi négativement , pour utiliser le jargon, et cela correspond un peu mieux Oui, j'aime bien ça. Je pense que cela fonctionne. Un autre texte ne convient pas parfaitement, mais ce n'est de toute façon qu'un faux texte, donc c'est vrai. J'en suis donc plutôt content. Je vais donc appuyer sur OK. Permettez-moi de faire un nouveau zoom arrière. Je pourrais le regarder en mode présentation. Vous savez, la seule chose qui m'inquiète maintenant, j'aimerais que la dernière ligne du texte corresponde à la base des visites culturelles. Donc, si je devais être vraiment pointilleux, ce qui serait probablement le cas pour être honnête, je vais vous montrer comment nous procéderions J'ai sélectionné le cadre avant de zoomer et de me concentrer sur ce cadre. Je vais juste approfondir un peu les choses. Ce que je veux, c'est que la dernière ligne du texte soit alignée sur la ligne de base de celui-ci. Vous pourriez penser, eh bien, oui, comment allez-vous vous y prendre ? Vous pouvez le faire dans le menu d'affichage, vous dites « Afficher les règles ». ces règles ne sont pas utiles mon avis, ces règles ne sont pas utiles pour mesurer quoi que ce soit, mais lorsqu'elles s'allient à votre outil de sélection, vous cliquez et faites glisser ce que l' on appelle un guide de règles. Et ce que je vais faire, c'est le positionner sur la ligne de base en dessous de celle-ci. Oh, regarde ça. De toute façon, cela fonctionne parfaitement, ce qui est surprenant. Nous y voilà. C'est ce que je veux. Voyez-vous que l'alignement fonctionne ? Je pourrais le réduire un tout petit peu, mais honnêtement, cela tient davantage au point de départ de ce cadre. Je pourrais donc le faire glisser un tout petit peu vers le bas. Mais en fait, c'est déjà en train de se connecter au réseau, donc je ne veux pas vraiment m' embêter avec ça Si je voulais vraiment que ce soit absolument exact, j'ajusterais légèrement l'espace avant ce paragraphe , mais c'est assez proche. ne me reste plus qu'à me débarrasser des trois dernières lignes. Les lignes, les trois derniers mots, puis assurez-vous de le refermer. Encore une fois, un bon exemple d'alignement. Donc, tout va bien ensemble. J'en suis plutôt content. Donc, si je l'enregistre, les styles sont créés, et la prochaine fois que je l'ouvre, ils sont toujours là. Et si j' en fais un modèle ou si je devais essayer d'en enregistrer une copie ou quelque chose comme ça, les styles seront là, donc ils seront définis comme style. C'est assez courant en fait, ce que je ferai si quelqu'un me donne un travail à faire une fois que j'ai le texte, une fois que j'ai les images, je vais créer un style très rapide un peu comme je l'ai fait, puis je passerai peut-être peu de temps à le peaufiner pour qu'il Parce qu'une fois que cela fonctionne, vous l' utilisez tout au long de votre document, qui, dans ce cas, ne fait qu'une page, mais s'il s'agit d'un document de 100 pages, il est évidemment beaucoup plus utile. Voilà. C'est ainsi que vous créez un style de paragraphe. 64. Créez des documents imprimés avec InDesign 4/4: Avant de passer à la création de ce document, je voudrais revenir sur ce document pendant une seconde. Il y a une différence vraiment très importante entre ces deux documents, et c'est la suivante. Dans ce cas, le texte, nous allons le mettre dans un cadre entièrement créé manuellement, n'est-ce pas ? J'ai donc décidé, pour diverses raisons de conception, placer le corps du texte, ainsi appelé, dans un cadre entièrement manuel comme celui-ci. Alors j'ai juste décidé où sur la page ? Je voulais le mettre et je l'ai mis dedans. Alors que dans celui que vous êtes sur le point de créer, agit d'un cadre appelé zone de texte principale, il s' agit d'un cadre appelé zone de texte principale, qui apparaît automatiquement, et la principale différence est qu'il utilise les marges. La zone située à l'intérieur des marges dessin suppose que c'est là que le texte va aller. C'est donc ce qui va se passer sur les deux pages. Mais il faudrait peut-être réfléchir ici si vous deviez écrire un roman J'imagine que vous avez lu des romans le passé et que presque toutes les pages sont identiques, et que le texte commence à la page 1 ou à la page 10 ou autre et se poursuit jusqu'à la fin. Si vous aviez un tel document, la dernière chose que vous souhaiteriez serait créer toutes les pages manuellement et y placer toutes les zones de texte manuellement. Ce que vous voulez, c'est une méthode plus automatisée et c'est ce que vous allez apprendre ici. Mais l'essentiel est de savoir si vous utilisez cette fonctionnalité ou non. C'est parfait pour cela, mais vous ne voudriez vraiment pas l' avoir ici, car cela supposerait que la zone de marge est l'endroit où le texte va aller, ce qui n' est tout simplement pas le cas sur tous les documents. En fait, aucun document sur lequel nous n'avons encore travaillé, c'est parti. Nous créons donc un nouveau document et il est imprimé, c'est un quatre. Ça fait deux pages. Ils ne font pas face à des pages car il n'y a pas de colonne vertébrale. Il va utiliser le cadre de texte principal. Tu verras ce que c'est dans une minute. Il y aura deux colonnes. Encore une fois, remarquez que la gouttière mesure 4,233 millimètres. Cela signifie 12 points. Les marges sont de trois fois 12 points, comme vous vous en souvenez peut-être. Maintenant, je suis content de cette valeur en bas gauche et à droite, mais en haut, comme vous l' avez peut-être remarqué il y a une minute, ce sera une valeur plus élevée et la valeur qui fonctionne pour cela est de 55 à 0 millimètres. Il n'y a rien qui se rapproche du bord, donc nous n'avons pas à nous inquiéter des saignements. L'aperçu devrait fonctionner. Ça ne l'est pas. C'est embêtant. Attends une minute, 50, clique dessus. Nous y voilà. Je n'avais pas cliqué ailleurs. Je ne lui avais pas donné l' occasion de l'écrire. Nous y voilà. C'est ce que j' essaie de dire : c'est là que le corps du texte va aller, dans cette zone. Cela ne veut pas dire que nous ne pouvons pas utiliser le reste, bien sûr, nous le ferons, mais c'est là que cela va aller et c' est dans la zone de texte principale. Qu'est-ce que ça veut dire, bordel ? Tu pourrais penser ? Eh bien, appuyons sur le bouton de création. Donc, avec mon outil de sélection, si je devais cliquer ici, vous remarquerez qu'il y a déjà une zone de texte. Notez l'entrée et la sortie. Notez que le résultat est lié à la page suivante. Cela signifie donc que vous n'avez pas à le dessiner. Il y est déjà. Cela suppose que c'est là que le texte va aller. C'est donc la première caractéristique clé, non pas pour tous les types de documents, mais pour certains et certainement pour celui-ci. OK, c'est la première chose que je veux que tu saches. Deuxième chose, la page principale. Nous y sommes déjà allés. Donc, si vous double-cliquez ici sur la page principale, c'est là que se trouve le bloc de texte principal. C'est pourquoi c'est sur les deux pages. Donc, lorsque vous le créez à partir de zéro, je veux que vous jetiez un œil à la version finale que vous avez, voir si vous pouvez l'assembler. Bien entendu, si vous ne voulez vraiment pas le faire, vous pouvez simplement copier tous ces éléments et les modifier et les coller sur place sur la page principale. Mais un défi pour vous est d'essayer d'utiliser ces guides. Nous les avons donc examinés dans la leçon précédente. Quand je parle de guides, je parle des guides des règles, ceux que vous faites glisser vers le bas. J'ai traîné des guides vers le bas. Vous voyez que j'en fais glisser un vers le bas de l'arc, là où se trouve cet arc-en-ciel. Je voulais obtenir la base de référence du texte, le gros texte aligné avec cela. Ensuite, un cadre séparé, j'ai encore une fois appelé la ligne de sangle à l'aide d'un guide, je voulais l'aligner. Aux visites culturelles. Vous introduisez donc le logo. Et puis, je voulais qu'il y ait une jolie sorte de carré dans le coin. Je voulais donc m'assurer que lorsque j'ai introduit le logo, il apparaisse au bon endroit. Et comme vous vous en souvenez peut-être, les marges y sont de 12,7 Nous voudrions donc une règle à 12,7 depuis le haut. Je vais juste vous montrer comment je fais ce pari. Je suis donc sur la page principale. Si je fais glisser une règle vers le bas, pouvez-vous voir ici qu'elle se trouve à une distance inférieure à partir du haut. Si vous ne le voyez pas, c'est parce que vous avez désélectionné, vous suffit de cliquer dessus pour qu'il passe au bleu plus foncé Et si vous changez cela en 12,7 clics sur retour, c'est maintenant au bon endroit Je peux aussi faire glisser une règle de ce côté. C'est ainsi que j'obtiens le premier ensemble de marges. Et ensuite, si je devais apporter le logo, je pourrais faire glisser les autres vers le bas. J'espère que tu trouveras une solution. C'est ainsi que nous allons utiliser la page principale. Il s'agit de la zone de texte principale. Donc, avec cela, vous pouvez apporter le texte, le même texte qu'avant. Et j'aimerais que vous voyiez si vous pouvez trouver comment créer ces styles de paragraphe. Vous savez donc comment les fabriquer. Vous en avez fait deux, et vous savez à quoi elles sont censées ressembler. Vous pouvez vous référer au document précédent si vous le souhaitez. Il y a donc le style d' introduction, puis il n'y a que les jours, les lieux et le corps, ces trois styles. Donc, l'autre chose que vous devez savoir, c'est comment nous créons cet objet ici qui repousse le texte. Vous allez donc créer un cadre vide. Sélectionnez-le, puis dans le menu de la fenêtre, Text Wrap, c'est un autre de ces panneaux. Ensuite, c'est le deuxième bouton en partant de la gauche qui repousse le texte. Souvenez-vous de ce que vous essayez de faire. J'ai eu la chance que vous vouliez avoir ce jour-là cinq paragraphes sur la première page. Si cela ne se répercute pas, alors le texte s'adaptera. En supposant que vous créiez vos styles la même manière que j'ai créé les miens, n'hésitez pas à les rendre complètement différents. Tant que vous pouvez faire tenir le texte sur deux pages. L'autre point, c'est l'écart en dessous. J'utiliserais ces boutons ici pour l'obtenir. Cela fait, je peux voir qu'au fur et à mesure, je pourrai simplement le réduire un tout petit peu. Si je fais un petit zoom arrière, je peux voir jusqu'où je dois aller. Nous y voilà. Les nouveautés apportées à ce document en particulier : lorsque vous créez un nouveau document en utilisant le cadre de texte principal et en décidant où placer la marge, où le texte doit aller, le texte entre et s'écoule automatiquement. Ensuite, sur la page principale, en utilisant délibérément des guides. Et puis aussi créer délibérément Text Wrap. Ce sont donc des fonctionnalités dont vous aurez besoin si vous assemblez des documents de cette manière. Dans le dernier module de conception, lorsque vous examinerez des documents plus longs, vous verrez certaines de ces fonctionnalités revenir. C'est donc une bonne préparation pour cela. OK, vous avez donc beaucoup à faire ici, mais j'espère vraiment que c'est faisable Et, bien sûr, vous pouvez nous contacter si vous avez besoin d'un coup de main. 65. MODULE 16 : Créer une carte avec Illustrator 1/4: Dans Illustrator, vous avez récemment appris à modifier une carte déjà créée. Vous allez maintenant apprendre à le créer à partir de zéro. Donc, si vous regardez sur mon écran, vous verrez le premier contexte dans lequel vous avez vu cette carte. C'est dans le document de conception final. Et même si nous allons dessiner peut-être un peu plus que cela, c'est finalement là que cela va aboutir, donc ce sera ce genre de forme. Donc, comme vous le savez, il existe un graphique vectoriel qui provient d'Illustrator. Vous avez déjà modifié une petite partie de cette carte existante. Donc, pour le créer à partir de zéro, la première chose à faire est de trouver une sorte de source à retracer. Maintenant, permettez-moi de dire quelque chose avant d'entrer dans le vif du sujet. Vous pensez peut-être que je n'aurai jamais besoin de créer une carte, n'aurai jamais besoin de créer une carte, et c'est peut-être vrai. Mais ce que vous allez apprendre ici s'applique aux cartes, mais il est également applicable à de nombreux styles d'illustration. J'espère donc que vous en retiendrez quelques compétences utiles, dont certaines concernent les cartes, mais aussi de manière beaucoup plus générale. Alors, d'abord, d'où allons-nous obtenir la carte ? Eh bien, dans Google, j'ai le site openstretmap.org. Maintenant, je le recommande en partie parce que c'est plus utile pour nos besoins, mais aussi parce que son utilisation est gratuite, alors que vous connaissez peut-être Google Maps Je suis sûr que tu l'es. Google Maps est protégé par des droits d'auteur. Donc, même si je suis sûr que rien ne se passerait si vous deviez retracer quelque chose et l'utiliser, techniquement, c' est gratuit, alors que Google Maps ne l'est pas. Nous allons donc l'utiliser. Je dessine donc une carte du Nicaragua, et je vous encourage à faire de même. La première chose que vous devrez faire est de créer une sorte de capture d'écran afin que nous puissions le retracer. Encore une fois, pour quelque chose de plus illustratif, la même chose s'appliquerait Vous prendriez une sorte d'image, qu'il s'agisse d'une numérisation, d' une photo ou d'une capture d'écran, puis vous traceriez dessus. La même chose s'appliquerait donc. Donc, tout d'abord, je suis sur un Mac, donc pour ce faire, c'est contrôler, désolé, contrôler. C'est Command Shift 4. Donc, si je maintiens ces touches enfoncées, cela me permet de simplement faire glisser le pointeur dans une zone. Donc je me dis qu'il faut que j'en mette un peu ici. Je vais donc monter comme ça. Et rien ne se passe tant que je n'ai pas lâché la souris, mais cela semble être la zone dont j'ai besoin. Donc, quand je lâcherai prise, cela apparaîtra par défaut sur le bureau, je crois. Sur un PC, vous appuyez sur le bouton d'impression d'écran. Encore une fois, cela vous donnera une capture d'écran. Vous devrez peut-être rechercher plus d'informations à ce sujet sur Google si vous ne l'avez jamais fait auparavant sur un PC. Donc, si je vais dans mon outil de recherche maintenant, je vais simplement utiliser l'option de commande H pour me cacher. C'est ma capture d'écran. Appuyez simplement sur la barre d'espace, vous verrez que c'est ce que j'ai capturé. J'en ai donc déjà fait une copie dans mon dossier que je vais utiliser. C'est donc là que je vais. Donc, pour l'illustrer, voici la version finale que je viens d'obtenir au cas où j'aurais besoin de me référer à celle-ci. Mais je vais simplement créer un nouveau fichier pour créer un nouveau document. Comme il sera principalement utilisé pour l'impression, j'ai choisi l'impression , puis j'ai choisi A four. Cela me donne une idée approximative de l'échelle. Mais honnêtement, il n'est pas crucial de savoir lequel d'entre eux vous utilisez. Je vais appuyer sur Créer. Ensuite, comme pour le design final, je vais faire File and Place, et je vais trouver celui que j'ai créé, c'est-à-dire celui-ci. Lorsque je l'apporte, comme un dessin, il peut être lié, donc il peut rester lié. Si vous ne le faites pas, il l' intègre dans le fichier, ce que j'ai tendance à faire dans Illustrator Mais il n'est pas crucial de savoir lequel vous devez faire. Lorsque vous l'apportez, c'est un peu comme un design final. Vous pouvez cliquer et faire glisser. Je vais donc m'y prendre un peu comme ça. Voici donc mon original que je copie. Cela devrait donc bien fonctionner. Je vais donc beaucoup utiliser les calques, mais je me rends compte de ce que nous avons vu jusqu'à présent dans Illustrator. Je vais juste cliquer dessus pour l'élargir un peu. Je veux une sorte de largeur d'écran maximale ici. Nous avons donc utilisé l'espace de travail Essentials Classic. Une option s'offre à vous. Si vous regardez attentivement, si j'appuie sur le petit chevron, celui-ci se réduit en Comme vous pouvez le constater, cela me donne une largeur d' écran supplémentaire. Cela peut être très utile. Cela signifie que je peux exécuter Command Plus plusieurs fois pour zoomer. Et je pourrais même ouvrir le panneau des couches. Maintenant, vous devez ouvrir le panneau des couches, car nous allons faire beaucoup de choses pour ouvrir, fermer, fermer, masquer, afficher des couches de différents types. Je suis donc à peu près prête. Permettez-moi donc de terminer la configuration, puis nous continuerons dans une autre vidéo. Il s'agit donc actuellement de la première couche. tout ce que vous faites dans Illustrator Par défaut, tout ce que vous faites dans Illustrator se trouve sur la première couche. Je vais double-cliquer dessus et le remplacer par l'original. Cela vous aidera vraiment plus tard , lorsque vous vous rendrez compte, oh, qu'est-ce qui se passe avec Layer. Donc, si je clique sur Retour, je pourrais le faire. Ensuite, je peux le cacher si je veux. Je peux également le verrouiller en cliquant ici. Le verrouillage signifie que si j'essaie de cliquer et de faire glisser, je ne peux pas. C'est donc un bon début. Ensuite, la prochaine chose que je vais faire pour ne pas dessiner plus que ce dont j'ai besoin, c'est de créer une sorte de guide afin de savoir quelles parties je dessine et quelles parties je ne dessine pas. J'ai l'habitude de le mettre sur une couche séparée. Je vais donc aller dans le menu déroulant ici, donc en haut à droite de votre panneau de couches, une nouvelle couche et quand vous le faites de cette façon, la raison pour laquelle je le fais plutôt que appuyer sur le bouton plus en bas, c' est que cela me donne immédiatement cette option afin que je puisse la nommer comme je Je vais appeler cela une limite. Ensuite, la couleur est la couleur des points d'ancrage de cette couche. C'est donc une bonne idée d'essayer de trouver quelque chose qui ne correspond à ce sur quoi vous allez travailler. Donc, ce rouge est bon. Appuyez sur OK. Donc, ma couche limite est qu'il n'y a rien dessus. Je vais utiliser mon outil rectangulaire. Je vais cliquer ici quelque part. Donc, quelque part ici, cliquez et faites glisser. Et j'essaie de définir le domaine sur lequel je vais travailler. De toute évidence, le problème est que cela m'a juste donné une zone blanche, que je ne peux clairement pas voir. Je veux donc qu'il n'en soit rien. Vous vous souvenez peut-être qu'un raccourci pour cela est le « eh bien », en fait, laissez-moi le faire de cette façon. C'est le genre de façon de changer la couleur de remplissage. Mais ce que je vous recommande de faire à la place, c'est d'appuyer sur D, qui vous donne les couleurs par défaut. Donc, un trait noir, un fond blanc, puis vous appuyez sur le raccourci clavier, qui est une barre oblique Et tant que le remplissage est à l'avant, vous avez maintenant, genre, une fenêtre pour voir à travers. C'est donc maintenant la zone que nous allons dessiner. Si je voulais le modifier, je reviens à mon outil de sélection et mon cadre de sélection est désactivé Je pourrais donc le réactiver et peut-être le tirer un peu vers le haut Si je fais juste référence à celui que nous sommes en train de créer. Vous pouvez voir que nous n'avons pas besoin d'aller trop loin en contrebas du lac, et nous allons monter juste au-dessus du rassis, oui, ça a l'air bien Je pourrais y aller un petit peu. Quelque chose comme ça. OK, donc c'est génial. C'est donc la couche limite. Donc, si je clique dessus pour verrouiller parce que maintenant je ne veux pas le déplacer, je vais l'enregistrer, puis je continuerai dans la vidéo suivante. 66. Créer une carte avec Illustrator 2/4: Vidéo précédente, nous avons configuré la création de cette carte en partant de zéro. Nous avons créé quelques couches. Nous avons la carte originale sur une couche. Nous avons une limite que nous avons tracée, nous savons donc où nous créons. Tout est prêt. Alors maintenant, commençons à dessiner. Maintenant, je vais créer une nouvelle couche et je vais appeler cette terre parce que c'est la terre que nous allons inclure. Maintenant, la couleur verte n'est pas géniale parce que ce vert vif ne contraste pas énormément avec le bleu, dont une partie sera allumée Je vais donc choisir une couleur qui va à l'encontre de cela. Alors disons, oh, je ne sais pas. Disons orange. OK, c'est donc une couche vide. Il est déverrouillé. Il existe donc essentiellement deux manières de dessiner un illustrateur. L'une consiste à utiliser l' outil stylo, et en bref, le Pentl que vous dessinez en cliquant, cliquez, etc., pour les lignes droites ou en cliquant et en faisant glisser pour les lignes courbes C'est génial pour des choses vraiment détaillées. Où il faut être très précis. Mais le reste du temps, vous pouvez utiliser cet outil appelé outil crayon. Cela peut être masqué sous l'outil Shaper, selon ce que vous utilisez Mais un outil à crayons, c'est là que nous allons. La première chose à savoir à propos de l'outil crayon, c'est que lorsque vous commencez à l'utiliser, vous avez un petit flocon de neige à côté, ce qui signifie que rien n' a déjà été dessiné Je vais donc cliquer ici, faire glisser le pointeur et je le fais avec ma tablette, qui peut fonctionner ou non maintenant. Je n'essaie pas d'être trop précis ici. Je vais m'arrêter là. Maintenant, vous serez peut-être surpris de voir à quel point cette ligne est fluide, car vous avez peut-être vu que je ne la dessinais pas vraiment avec une grande confiance ou quoi que ce soit d' Maintenant, laissez-moi vous montrer comment cela fonctionne. Si je double-clique, cela me donne des options ici. Plus il est sur la gauche, plus il est précis. Plus on est sur la droite, plus c'est fluide. Et tu peux jouer avec ça. Ainsi, en fonction de la distance à laquelle vous avez zoomé, l'appareil avec lequel vous dessinez, quantité de café que vous avez bue et d' autres facteurs, il peut que vous obteniez une ligne lisse ou non Maintenant, pour les besoins de cette carte, c'est tout à fait normal. Je n'ai pas besoin que ce soit plus détaillé que ça. Si vous vouliez qu'il soit beaucoup plus détaillé, vous devez faire glisser la diapositive vers la gauche. Mais je suis d'accord avec ça, donc d'accord, donc c'est bien. C'est ce que j'ai fait. Maintenant, passons au reste , car comme vous pouvez faire quatre S, cela va être en quelque sorte interrompu. Nous n'allons pas voir ça. Nous pourrions simplement faire, oui, une sorte de ligne approximative. Ce que nous pouvons également faire, c'est passer à l'outil stylo, cliquer une fois ici, puis cliquer un à trois, quatre, et vous pourrez, espérons-le, glisser un petit cercle. Cela signifie qu' ils vont s'unir. Voilà, le stylo pour les lignes droites et le crayon pour les lignes frisées. Cela va donc utiliser un fond blanc et aucun trait. Mettons donc les produits de remplissage sur le devant, alors rendons-les blancs Et puis le trait, mettons ça au premier plan et faisons en sorte qu'il n'en soit rien. Maintenant, le seul problème avec le fait de le faire en blanc, c'est qu'il finira probablement par devenir blanc, mais en fait, nous ne pouvons pas vraiment voir ce que nous avons fait. Donc, ce que je vais faire à la place, c'est m'assurer que c'est sélectionné. Je pourrais juste utiliser une très, très petite teinte ici, c'est une teinte noire à 5 %. Maintenant, nous pouvons voir que c'est ce que nous dessinons. Maintenant, évidemment, il va être difficile de tracer d'autres choses avec ça au recto, mais nous en avons besoin pour y être. Donc, ce que nous pouvons faire, c'est le verrouiller et le masquer, puis continuer. OK, alors la prochaine étape, je vais créer une autre nouvelle couche , que je vais appeler. Disons, de l'eau. Je vais m'en tenir au bleu foncé. J'espère que cela va suffisamment à l'encontre de cela. Je vais utiliser la même technique, l'outil crayon, je vais zoomer un peu plus. Dans mon cas, Command plus ou Control plus sur le PC, maintenez la barre d'espace enfoncée pour que je puisse cliquer et faire glisser. Je vais donc simplement dessiner une petite section, puis arrêter et remarquer les points d' ancrage sont tracés pour moi Tant que je reviens et qu'au lieu de voir l'astérisque, je vois une petite ligne diagonale, sais que je veux continuer C'est vraiment sympa. Tu peux y aller assez librement. Et une partie de ça va bien se passer. Je vais avoir besoin de revenir et de peaufiner certaines parties plus tard Je suis très consciente du temps que vous devez passer à me regarder, donc je ne vais pas être très précis. Mais clairement, si j'en avais besoin, je pourrais modifier ces paramètres pour les rendre plus précis. Je pourrais zoomer davantage. Le truc, c'est que j'ai besoin de ce cercle que j'espère que tu peux voir. Donc, quand je lâche prise, c'est ce que l'on appelle un chemin fermé parce que vous ne pouvez pas voir où il a commencé ni où il s'est terminé. Je vais donc y ajouter cette couleur, et aussi lui donner une couleur sur le pourtour, un trait. Allons-y donc avec un trait noir. Disons, quelque chose comme ça, peut-être un peu plus fin. OK, donc je vais juste voir à quoi cela ressemble en désélectionnant Ce n'est pas trop mal. Mais ce que je veux vous montrer, si nous examinons un domaine comme celui-ci, ce genre de problème se produit assez souvent lorsque vous utilisez cet outil Et si vous voulez régler ce problème, il suffit de désactiver le boîtier de délimitation, en fait Si vous voulez résoudre ce problème, vous devez revenir à votre outil à crayons et redessiner Je vais donc en quelque sorte redessiner d'ici à là , et cela fonctionne très bien Il existe d'autres outils censés y contribuer. L'un d'eux s'appelle l'outil Smooth. À mon avis, cela ne fonctionne tout simplement pas aussi bien que ce que nous faisons ici, il suffit de le redessiner Donc j'essaie juste de me débarrasser de certains de ces problèmes révélateurs. Et encore une fois, disons, par exemple, je ne voulais pas l'inclure ou que je n'en ai pas besoin, je pourrais simplement revenir en arrière et redessiner Tant que vous recommencez et finissez sur la ligne, il le fera pour vous. OK, donc toutes mes excuses à tous ceux qui vivent au Nicaragua qui regardent Je suis en train de complètement détruire la forme de votre charmant lac. Je suis vraiment désolée pour ça. OK, voyons ce que nous avons. Si nous cachons la carte originale, vous pouvez voir que nous avons de la terre et de l'eau. Je vais juste le sélectionner, le modifier pour le rendre un peu moins complet. Portez donc le trait vers l'avant. Quelque chose comme ça. OK, c'est donc le processus, vraiment. Nous allons en faire quelques autres. Au lieu que tu aies à me regarder faire ça, je vais dessiner ça et oui, je vais l'accélérer pour que tu n'aies pas à me regarder faire en temps réel. Alors, on se voit de l' autre côté. OK, maintenant je l'ai dessiné pour lui donner la même couleur de fond et de trait que le dessin final. Je vais utiliser cet outil ici le compte-gouttes avec mon lac actuel sélectionné Cliquez sur celui-ci, et il hérite et du contour d'un autre élément. Alors gardons cela pour avoir la terre et l'eau. Maintenant, je veux aller à la mer. Maintenant, la mer, vraiment, je peux juste avoir une grande surface ici. Tant que c'est sur une couche située sous le sol, tout ira bien. Je pense donc que je vais simplement créer une nouvelle couche, que j'appellerai Sea drag that under the land layer. Assurez-vous que la couche marine est sélectionnée, puis je pourrais tout aussi bien la dessiner avec un outil rectangulaire pour partir d'un endroit comme celui-ci. Assurez-vous que j'englobe la zone de la mer. Choisissez une couleur. Et puis quand je montre à nouveau la couche terrestre, c'est parti. Voilà, tu vois. Si nous considérons que la couche limite devrait en fait se situer au-dessus de la couche marine, je pense que maintenant. Passons donc à cela ci-dessus. Oui, on y est. C'est ainsi que vous déplacez les couches. Il suffit de les faire glisser vers le haut ou vers le bas. Je remarque donc également que la couche limite serait vraiment meilleure si elle était au-dessus de toutes ces autres couches. Je vais donc le faire glisser vers le haut. Essaie de ne pas laisser les choses se passer comme ça. Cela le placerait sur la couche d'eau. Faites-le glisser là où vous voyez une petite ligne fine, la fine ligne. Donc, si je fais un petit zoom arrière, vous pouvez, espérons-le, commencer à voir que cela s'accumule maintenant. Donc, si je masque simplement toutes les couches, en cliquant dessus et en les faisant glisser , nous avons l'original Nous avons le S. En fait, j'ai remarqué que la mer avait un trait noir. Cela n'aide pas vraiment. Alors sélectionnez-le, placez le trait vers l'avant, faites en sorte qu'il n'en ait aucun. OK, c'est bon. Et puis la terre, puis l'eau, puis la frontière. OK, pour l'instant, tout va bien, nous en apprenons un peu plus sur les calques, et nous en apprenons davantage sur l'outil crayon. 67. Créer une carte avec Illustrator 3/4: Nous poursuivons donc la création de cette carte. Et dans cette vidéo, nous allons voir comment ajouter du texte et aussi un peu plus de choses au crayon. Alors allons-y. Donc, tout d'abord, regardez à nouveau le panneau des couches. Nous avons donc la terre et la mer. Nous n'en avons pas vraiment besoin pendant un moment, donc je vais les garder cachés et verrouillés. Nous allons donc faire une grande partie de cela en masquant et en montrant, en déverrouillant et en déverrouillant Habituez-vous à ces symboles. OK, donc d'abord, le type. Je vais donc créer une nouvelle couche, que je vais appeler « lieux ». Et encore une fois, il suffit de changer la couleur pour qu' elle soit un peu plus contrastée avec le reste Disons sarcelle, par exemple. Ensuite, avec mon outil de saisie, je clique simplement une fois à l'endroit où je veux mettre du texte. Je vais donc cliquer ici et cela me donne un exemple de texte. Je vais juste taper dessus. Donc, Mata GalPagla, vous ne pouvez pas le lire, moi non plus. Mais si je reviens à mon outil de sélection, vous verrez peut-être qu'il n'y a qu'un seul point d'ancrage Nous y voilà. C'est donc ça. C'est donc trop grand. J'utilise également la mauvaise police. Donc, comme vous vous en souvenez peut-être, la police de cette marque est Optima, elle devrait donc déjà être chargée Si vous l'avez déjà fait. Essayons donc l'Optima Bold. Et la taille de police est légèrement inférieure. Oui, ça a l'air juste. Je peux donc le mettre en place là-bas. Je vais donc en faire une copie. Donc, toutes les options glissent à proximité. Puis cliquez avec soin pour modifier le texte. Retournez donc à l'outil de sélection. Maintenez la touche Modifier enfoncée, Managua, etc. Vous voyez donc comment cela fonctionne, donc je ne le ferai pas pour tous. Mais à quoi ressemble la carte finale, si vous la regardez à nouveau, vous pouvez voir que j' ai un petit point là. Encore une fois, il s'agit d'un exemple de symbole si vous souhaitez le faire de la manière la plus flexible possible. Je créais donc un petit cercle avec l'ellipse et je cliquerais en quelque sorte, en maintenant la touche Shift enfoncée C'est vraiment difficile de voir si cela semble circulaire ou non, mais si vous utilisez la commande ou contrôlez H pour masquer, oui, cela me semble plutôt bien. Maintenant, je vais en faire un symbole en ouvrant le panneau des symboles, qui se trouve ici, puis en disant « nouveau symbole », et il devrait prendre ce que j'ai sélectionné. J'appellerai cet endroit point. Appuyez sur OK. Ça y est. C'est un symbole, il est marqué là-haut. Si j'en veux un autre, je peux juste le sortir de là. Je peux donc en sortir autant que je le souhaite. Vous vous souvenez peut-être que dans la vidéo précédente, la raison pour laquelle je le fais est que si je change d'avis, je peux double-cliquer dessus et le changer pour tous. Cela pourrait s'avérer utile plus tard une fois que j'aurai tracé les routes. Nous y voilà. Il y a un petit détail sur le type. Encore une fois, avec le type, nous créons un objet de type avec un outil de saisie. Que nous pouvons déplacer. Ensuite, nous utilisons cet outil de saisie pour modifier le texte. Mais l'outil de sélection ne sert la plupart du temps qu' à positionner les différents bits. Donc, ce que je réalise ici, c'est que Managua a probablement besoin d'être là Donc, en gros, je vais déplacer ça. Et puis il s'agit vraiment de jongler entre les parties que nous allons voir et celles que nous ne voyons pas Donc oui, c' est logique. Dans la prochaine vidéo, nous allons regarder les routes. 68. Créer une carte avec Illustrator 4/4: Nous nous en sortons donc plutôt bien avec notre carte pour le moment. Nous avons acquis les compétences clés relatives aux calques et à outil crayon et nous avons appris quelques mots sur les symboles. Maintenant, encore une fois, un peu plus en termes de dessin. Permettez-moi donc de revenir à l'endroit où nous en sommes. Je vais donc masquer le Désolé, je vais afficher la couche d'origine. Nous avons donc besoin de quelques routes. Donc techniquement, tu sais ce qui se passe ici. Permettez-moi donc de passer rapidement en revue cela. Donc, la couche routière, les routes, encore une fois, lui donnent une couleur contrastée, donc rouge. Je sais donc que notre voyage se déroule en quelque sorte ici, quelque part. Donc, par exemple, je dois dessiner une route. Alors permettez-moi de commencer en quelque sorte. Disons que, parce que tout ce que nous essayons de faire ici est l'essence même de ce que vous faites dans Illustrator, vous essayez souvent de simplifier quelque chose. Vous essayez de dire que ce sont les informations dont vous avez besoin. Dans ce cas, laissez-moi appuyer sur D pour obtenir les couleurs par défaut. Cela veut dire que le voyage descend à Rivas et qu'il part d'un Nagua, mais qu'il va aussi d'un Naga à Leon Donc, selon les détails, j'irai également voir Mata Galper. Nous avons donc juste besoin que les gens comprennent, vous savez, où mène le voyage et où mènent les routes. Dans ce cas, il n'est donc pas nécessaire que ce soit très précis. Si c'est le cas, alors bien sûr, nous zoomons. Nous sommes en train de faire une bien meilleure idée. Donc, ce que je commencerais à faire maintenant, c'est peut-être cacher l'original et, encore une fois , pour des raisons de clarté, j'essaie de déterminer où va cette route, où elle s'arrête et si ces petits points sont au bon endroit. Dans ce cas, je voudrais probablement faire que cette route passe un peu par ici, sorte que cette route passe un peu par ici, afin que nous puissions voir comment tout cela est lié à Managua, et ça a l'air bien Maintenant, pour changer celui-ci, voici ce que vous ne faites pas, ce que vous ne faites pas. Vous ne commencez pas à en dessiner une nouvelle comme ça parce que vous vous retrouverez avec deux routes différentes qui ne se rejoignent pas. Au lieu de cela, vous sélectionnez la route que vous souhaitez étendre, puis vous utilisez votre crayon pour le faire. Supposons que je voulais juste aller un peu plus loin, peut-être pour continuer comme ça. Et puis j'ai décidé, en fait, je voulais simplement déplacer le texte pour pouvoir le récupérer. Donc, selon ce que vous faites, vous pouvez manipuler ces différents bits, afin que je puisse combler ces lacunes si je le voulais. Donc, si je voulais le faire, je pourrais d'abord agrandir un peu le symbole, donc je double-cliquerais dessus, je le sélectionnerais. Le moyen le plus simple de l'agrandir est de double-cliquer sur l'outil de mise à l'échelle. Disons que nous l'atteignons à 200 %, puis que nous nous échappons pour en sortir Maintenant, je vais entrer et repartir, je zoome ici, Command Plus avec mon crayon Fais ce genre de choses. Selon l' ordre des couches, permettez-moi d'en mettre une. Raccourci ici. Si je veux sélectionner celui-ci, plutôt que de revenir à l'outil de sélection, si je maintiens la touche commande ou la touche Ctrl enfoncée sur le PC, je peux cliquer. Je ne veux pas lâcher prise. Il est sélectionné, mais j' utilise toujours le même outil, donc je peux ensuite le positionner comme ça. L'idée est que cela commence à avoir l'impression que tout va de pair. J'aime bien ça, mais si je voulais que Managua soit ici , cela ne marcherait pas vraiment Mais si je le faisais, je ferais évidemment la même chose ici, mais j'aime bien la façon dont j'ai laissé l'écart, donc je vais annuler. OK, donc une dernière chose est que si nous regardons la carte finale ici, vous pouvez voir que nous avons une ligne très, très lisse ici. C'est assez difficile à dessiner avec un crayon. C'est donc là que le stylo devrait entrer en jeu. Cela indique donc un vol en avion vers les îles aux maïs, ce que je pense que nous avons obtenu sur la carte finale que nous avons modifiée. Donc, si je veux une ligne très fluide, je dois cliquer une fois au début avec mon crayon, à la fin et une fois au milieu Commencez d'ici, une fois au début. Au milieu, plutôt que de cliquer, je clique et je fais glisser et vous obtenez ces deux poignées, qui ressemblent un peu à des aimants, et elles attirent la ligne vers elles. Ensuite, quand j'en fais une belle ici, vous pouvez voir que j'obtiens un arc vraiment fluide. Malheureusement, je reçois également un remplissage noir parce que c'est ce que j'ai utilisé pour la dernière fois. n'est pas ce que je veux. Je veux un trait noir, pas un fond noir et ce bouton ici les remplace. Maintenant, j'ai une ligne très lisse, que vous ne pouvez tout simplement pas dessiner avec le crayon. Je ne veux pas passer autant de temps sur le crayon pendant ce cours Mais si vous pensez que c'est quelque chose vous voulez vraiment apprendre, alors contactez-nous et je pourrai vous donner des ressources qui pourraient vous aider à cet égard. Ce que je veux faire ici, c'est tracer cette ligne pointillée. Je vais le faire dans le panneau des traits. Ensuite, si je remplace la casquette par une casquette ronde, et que nous jouons avec elle avant, souvenons-nous des chiffres ici, mais quelque chose comme ça. Ensuite, si je sélectionne, vous pouvez voir que c'est ainsi que vous obtiendrez une ligne pointillée Si je voulais manipuler cela, je pourrais le faire en cliquant avec l'outil de sélection directe. Je pourrais cliquer dessus pour le rendre un peu moins arqué. Donc, si nous devions continuer cette voie, en y consacrant toutes les routes, etc., alors ce serait en quelque sorte terminé. Je veux juste vous montrer comment cela pourrait réellement terminer cela. Je montrerais toutes les couches que je veux, donc la mer, la terre. Je vois que le terrain pose problème. Maintenant, il cache des choses. Donc, les routes. Les routes doivent donc être au-dessus de la terre. J'aurais donc dû m' en occuper plus tôt. Essayons encore une fois. Les lieux doivent probablement être situés au-dessus des routes. Nous y voilà. Cela va de pair. La seule chose que j'aurais envie de faire ici, que vous avez peut-être vu quelque chose d'un peu bizarre qui se passait là-bas, celui-là. Donc, avec celui-ci, si je le sélectionne, il y a un remplissage blanc. Il s'agit donc d'un chemin ouvert, vous pouvez donc voir les deux extrémités. Et si vous avez une couleur de remplissage, elle les rejoint bizarrement Donc je ne veux pas ça. Donc comme ça. Aucune, c'est bien. Je pense que c'est plutôt bien. La seule chose que je pourrais avoir envie de faire c'est d'avoir un peu de littoral ici. Donc, ce que je pense que je vais faire c'est ma terre, si je la sélectionne simplement. Ça n'a pas eu d'accident vasculaire cérébral. Donc, si j'ajoute maintenant, quelle couleur est-ce que je veux que ce soit ? Je pense à un trait assez noir. C'est difficile à voir, alors je vais utiliser la commande H pour masquer les bords, l'épaissir un peu. Je pense que je veux que la mer soit un peu plus claire, donc je ne veux pas m'attarder trop longtemps là-dessus, mais j'espère que vous avez compris que nous devons apporter des modifications Donc, il faut jouer un peu avec eux, juste pour que nous puissions commencer à voir , j'espère, que c'est un peu plus clair. Ce n'est clairement pas encore la terre ferme, mais nous voulons pouvoir voir le littoral. Donc, en rendant ça un peu plus clair, un peu plus foncé, oui, quelque chose comme ça. OK, donc le dernier point, une fois que vous avez tout dessiné et que tout fonctionne, je dois je jouer avec cette limite parce qu'idéalement, lorsque je l'exporte, je veux en quelque sorte choisir quels bits apparaissent et quels bits ne le sont pas. Donc, si je déverrouille la couche limite maintenant, je vais verrouiller toutes les autres couches. OK, c'est donc la limite. Je vois qu'il est sélectionné. J'ai oublié d'activer l'option Afficher les bords. Cela se fait très facilement. Donc ce que je vais faire maintenant, c'est juste le manipuler un peu. Montrons le cadre de sélection. Disons que c'est ce que nous voulons conserver, peut-être aller un peu plus loin. Nous n'avons pas besoin d' autant de C là-bas. Peut-être que cela se réduit un peu. Ce que j'ai tendance à faire dans les nouvelles versions d' Illustrator, c'est de modifier le plan de travail, pour qu' il s'adapte parfaitement à C'est ce que je vais faire. Je vais faire un petit zoom arrière. Vous pouvez voir que le plan de travail est en format A quatre. Si j'utilise l' outil Artboard, faites-le glisser vers le bas, définissez-le comme des snaps. Celui-ci aussi ? Il devrait s'accrocher à l'objet qui s'y trouve. Donc, l'idée maintenant, c'est que je peux probablement masquer la couche limite. Je n'en ai plus vraiment besoin. Je pourrais aussi le verrouiller. Quand je l'exporte, cela ne fera que ramener le contenu à l' intérieur de la limite. Je trouve donc que cela fonctionne plutôt bien. Je vais donc enregistrer ceci, et je vais vous montrer à quoi cela ressemble lorsque je l'intègre dans le design. Si je m'en débarrasse en sélectionnant le contenu, supprimez-le. Je vais donc apporter cette carte. Et faisons l'ajustement des objets, remplissons le cadre proportionnellement. J'aime cliquer dessus, ajouter ça un peu. Donc, comme vous pouvez le constater, ce n'est pas tout à fait terminé, mais cela fonctionne exactement comme vous le vouliez. Nous y voilà donc. C'est ainsi que nous créons une carte ou tout autre type d'illustration que vous pouvez suivre dans Illustrator. 69. MODULE 17 : créer des images pour les réseaux sociaux avec Illustrator et Photoshop 1/8: Dans ce module du cours, nous allons examiner à nouveau les images Web. Jusqu'à présent, nous ne les avons vraiment créés que dans InDesign. Nous n'avons pas vraiment examiné ce qu'Illustrator et Photoshop peuvent nous offrir. Nous allons donc faire un bref résumé de ce que nous savons dans InDesign, puis examiner comment Illustrator et Photoshop font choses de manière similaire et différente et ce qu'ils proposent Il y a donc beaucoup à apprendre ici , et vous pouvez en tirer ce que vous voulez. Il se peut que vous préfériez finalement le faire dans InDesign, Illustrator ou Photoshop, c'est à vous de décider, mais vous en aurez une idée la fin de cette section. Commençons donc. Pour ce qui est de la conception, je suis donc revenu à un document que nous avions créé précédemment. Je n'ai donc pas besoin d'en dire beaucoup à ce sujet, sauf que nous avons obtenu les informations vous vous souvenez sur la taille du document à partir de Quick Sprout et à partir de là, évidemment, d'autres sources également, mais vous pouvez consulter leurs recommandations Mais le principal, c'est que vous allez sur leur lien ou sur celui qui peut vous donner les spécifications, lequel vous cliquez, vous y arrivez, puis vous pouvez choisir la plate-forme que vous souhaitez. C'est donc l'essentiel. N'oubliez donc pas que dans InDesign, nous avons créé un nouveau document, et que nous avons spécifié les pixels concernés, et dans InDesign, si vous souhaitez un rappel de la taille de votre document, vous pouvez accéder au fichier de configuration du document, et il vous le dira Il s'agit donc de 1920 x 1080. Ensuite, nous l'avons enregistré, vous vous souvenez d' InDesign en l'exportant, et nous l'avons exporté au format PNG ou rose, ce qui est généralement la solution OK, alors prenons en quelque sorte ce que nous en avons appris. Oh, l'autre, bien sûr. Je ne me souviens pas si nous l'avons mis ensemble dans InDesign, mais nous aurions certainement pu le faire très facilement. Nous importons donc la photo ici. Son arrière-plan a été supprimé dans Photoshop , et vous le savez, nous y avons importé le logo. Vous pouvez voir les liens. Ensuite, nous avons copié et collé ces éléments depuis Illustrator L'avantage d'utiliser InDesign est donc qu' il gère très bien les différents types de fichiers Vous pouvez donc copier et coller à partir d'Illustrator, vous pouvez le placer à partir de Photoshop. Et, bien sûr, nous avons également des couches. C'est donc une très bonne façon de le faire, mais ce n'est pas la seule façon de le faire, comme nous le verrons. Regardons donc une image similaire à celle-ci dans Illustrator. En fait, nous le ferons dans une minute. Donc dans une seconde, nous passerons à ici. Mais avant cela, il y a juste quelque chose que vous créerez plus tard. Vers la fin du cours, il s'agit d'une infographie plus avancée, assez délicate à créer, mais vous apprendrez à le faire plus tard Alors voilà, je l'ai redimensionné. Il s'agit d'un document de la taille d'Instagram. Donc, si nous nous référons à Instagram, actuellement, la taille de la photo, je l'enregistre pour l'application Instagram, est de 1080 x 1080. Dans Illustrator, j'ai donc créé un nouveau document de 1080 x 1080. Maintenant, vous vous demandez peut-être, comment sauriez-vous de quelle taille il s'agit ? Et comme vous pouvez le constater , dans l'outil Plan de travail, nous avons la largeur et la hauteur ici Et ce sont les plans de travail auxquels nous allons consacrer plus de temps , car les plans de travail nous permettent de créer plusieurs documents de tailles différentes dans le même C'est l'un des avantages de travailler dans Illustrator. C'est vrai. Je pense donc que c'est ce que je voulais mentionner ici. Donc oui, vous allez créer ce document plus tard. Avant de regarder cet autre document dans la vidéo suivante, une dernière chose est que, de la même manière que pour le design, si vous voulez un moyen rapide d'exporter quelque chose, vous avez créé un Illustrator au format PNG, vous devez simplement exporter un fichier vers l'exportation car, encore une fois, nous pouvons choisir le format PNG, par exemple. D'accord. Maintenant, cela se complique lorsque nous utilisons des plans de travail et qu'il existe d'autres moyens de le faire Je m'appuie donc sur cela, mais en restant similaire à ce qui a été fait jusqu'à présent dans InDesign, vous pouvez essentiellement assembler le même document de la même manière Donc, copiez-collez parfois, archivez et placez parfois, vous pouvez utiliser des couches. C'est donc très similaire, puis vous l' exporterez de la même manière. Mais comme je le suggère, il existe d'autres options que nous examinerons dans la prochaine vidéo 70. Créer des images de réseaux sociaux avec Illustrator et Photoshop 2/8: Comme vous l'aurez compris dans la dernière vidéo, d' images pour réseaux sociaux dans Illustrator présente quelques avantages création d' images pour réseaux sociaux dans Illustrator présente quelques avantages. Et nous allons jeter un œil à quelques-uns d'entre eux maintenant. Ce document ressemble donc assez à celui d'InDesign Il comporte des couches et il est dimensionné conformément aux directives. Il s'agit donc d'une image unique de Twitter, qui est de 1 200 x 675 au moment de l'enregistrement Et pour ce qui est des Artboards, je les ai nommés ainsi pour m'aider à m'en souvenir Mais en réalité, les informations se trouvent ici. Donc, la sorcière par taille , que vous voyez lorsque vous utilisez le portail artistique. D'accord, pour l'instant, ce n'est pas très utile. D'accord, cependant, dans cette publicité en particulier, comme une grande partie de ces éléments sont vectoriels, nous pouvons bien sûr les sélectionner et modifier directement dans Illustrator, plutôt que h pour passer par un lien dans le design ou éventuellement copier-coller Nous n'avons aucune de ces choses à faire. Ainsi, par exemple, l'une des choses que je voulais vraiment vous montrer tout à l'heure, mais que j'ai dû abandonner parce que c'était trop compliqué à l'époque, c'est comme vous l' avez peut-être pensé plus tôt, ne serait-il pas agréable si, disons, sa main était sous le citron. Donc c'est presque comme si elle interagissait avec ça, ou peut-être que sa tête était derrière la ligne. Je ne suis pas sûre, mais je vais certainement passer une main sous le citron. Je ne peux donc pas vraiment le faire pour le moment car la couche vectorielle sur laquelle elle se trouve est au-dessus de la photo, qui se trouve sur une couche séparée. Mais que se passerait-il si je créais une nouvelle couche ? Ce que j'appellerai le vecteur derrière la photo. Encore une fois, au risque de me répéter, c'est une bonne idée de nommer ces objets de manière à ce que vous vous souveniez quand vous rouvrez dans un mois ou quand votre collègue l' ouvre et vous demande : «   Qu'avez-vous fait, Qu'avez-vous fait Donc, si je fais glisser cette couche derrière la photo, remarquez la petite ligne bleue qui s'y trouve pour m'indiquer qu'elle va tomber derrière elle. Ensuite, je peux sélectionner, dans ce cas, juste sa main, et je peux faire glisser le petit carré bleu qui représente ce que j'ai sélectionné, je peux le faire glisser sur l'autre couche, puis quand je le désélectionne, vous verrez sa main disparaître derrière OK. Je ferai de même de l'autre côté. Et laisse-moi partir. Laisse-moi faire un zoom arrière. Oui, pour moi, j' allais dire que c'était réaliste. Évidemment, ce n'est pas réaliste, mais ça se fond bien. Ce n'est donc pas impossible à faire en intérieur en termes de design, mais c'est beaucoup plus compliqué. C'est donc un avantage appréciable dans ce cas, de l'utilisation d'Illustrator, mais il y en a quelques autres. Regardons donc le suivant. Je ne suis donc pas convaincu par les couleurs qui s'y trouvent. Je pense que c'est peut-être mieux avec un fond vert, mais je veux pouvoir les voir côte à côte. Ce que vous pouvez faire facilement dans Illustrator, c'est dans vos plans de travail. Jusqu'à présent, nous n'avons travaillé que sur un plan de travail à la fois, mais vous pouvez dupliquer un plan de travail en le faisant glisser sur le nouveau bouton Plans Oh, oui, cela me rappelle que objets cachés ou verrouillés ne seront pas déplacés Je vais juste vous montrer ce que cela signifie. Je vais juste faire un zoom arrière. Je vais donc faire Command Minus. OK, maintenant, j'ai verrouillé le calque photo, pour qu'il ne soit pas visible, donc je vais simplement l'annuler. Déverrouillez le calque photo , puis déposez-le dessus. Allons-y. OK. Maintenant, le raccourci que je veux vous montrer maintenant, plutôt que de faire Commande moins moins moins, si vous utilisez Commande ou contrôle Alt ou option et zéro, c'est le raccourci qui vous permet d'afficher tous les plans de travail, quel qu'en soit le nombre Ainsi, Command or Control Zero affiche le plan de travail, la commande ou le contrôle et/ou l' option actuels commande ou le contrôle et/ou et zéro affiche tous les plans de travail D'accord ? Nous avons donc maintenant deux plans de travail identiques. Vous pouvez comprendre pourquoi j'ai verrouillé le calque photo, n'est-ce pas ? Parce que c'est une énorme photo. Nous ne regardons que cette partie. C'est découpé, donc je vais juste le verrouiller pour éviter que cela ne se produise. Bon, maintenant sur celui-ci, je pourrais dire sur le calque d' arrière-plan, sélectionnez-le et changez la couleur d'arrière-plan en vert. Cela fait, je pourrais penser qu'il faudrait peut-être incorporer une ou deux autres couleurs. Et si son haut était orange ? D'ailleurs, j'ai utilisé l'outil de sélection de groupe plutôt que l' outil de sélection principal, car il est groupé. Donc si je ne fais pas attention, je finirai par tout changer. Je ne veux pas faire ça. Donc oui, je n'y crois pas complètement, mais vous voyez que je peux très facilement y créer un deuxième exemple. Donc, évidemment, pour les réseaux sociaux, lorsque vous devez publier un grand nombre d' images, c'est vraiment agréable de pouvoir les voir toutes au même endroit. Donc, la prochaine chose est : OK, mais comment savoir lequel je vais exporter ou si je veux les exporter tous les deux en même temps ? Eh bien, c'est ce que nous verrons dans la prochaine vidéo. 71. Créer des images de réseaux sociaux avec Illustrator et Photoshop 3/8: Dans cette vidéo, nous allons donc voir comment exporter vos plans de travail un ou deux à la fois La bonne pratique à suivre consiste donc à nommer les plans de travail de manière utile C'est ce qu'on appelle Twitter une image unique. Je vais juste double-cliquer sur ce texte, et je vais l'appeler bleu. Je vais double-cliquer sur celui-ci et l'appeler vert. De toute évidence, dans votre propre travail, vous auriez vos propres exemples. Ensuite, je vais passer à File. Encore une fois, comme vous le savez déjà dans la vidéo précédente, nous avons parlé du fait que nous pouvons simplement faire l'exportation au format, et cela fonctionnerait bien. Il y en a aussi une qui s'appelle Save for Web, qui, comme vous le voyez, parle d'héritage , ce qui est une façon démodée de procéder . Je ne vais pas m'inquiéter, mais je vais vous montrer celle-ci, que je trouve vraiment intéressante. Si je fais de l'exportation pour les écrans, examinons cela de près. Cela nous indique que nous avons ces deux plans de travail différents et que nous allons actuellement les exporter tous les deux exactement en même temps Si nous voulions juste le vert, nous pourrions décocher celui-ci Je dirais une fourchette de deux, d'accord. Nous allons donc avoir les deux. Je vais les mettre sur mon bureau pour pouvoir les trouver facilement et facilement. Et remarquez qu' il va l'agrandir une fois plus. Donc, en d'autres termes, je les ai faits à la taille exacte, et ça va en faire un PNG. Fantastique Mais vous pourriez aussi dire, par exemple, eh bien, j'en veux aussi un pour une raison quelconque, disons que c'est un JPEG. Je peux donc dire d'ajouter l'échelle maintenant, cela fait quelque chose de légèrement différent. Allons-y juste une fois. Mais pour ce qui est du format, je veux un JPEG et il existe différentes qualités du JPEG. Cela me donnerait juste un rose et un JPEG. Il y a d'autres choses que nous pouvons faire, par exemple. Et si nous en voulions un plus petit, nous pourrions dire : je veux un PNG de 50 %. Donc, ce que nous allons obtenir, et je crains qu'il n'y ait un peu de mise à l'échelle, c'est que nous avons l'Achal, donc nous avons deux pings de taille normale Nous avons deux fichiers JPEG de taille normale et deux pings de taille En d'autres termes, vous pouvez faire énormément très rapidement, comme vous l'espériez. Donc, lorsque je fais Export Artboard, comme vous pouvez le voir ici, il est indiqué que nous allons nous retrouver avec six fichiers. Alors faisons-le. Et ici, sur mon bureau, si je clique et appuie sur la barre d'espace, vous pouvez voir que c'est un JPEG de qualité 100 %. Et si j'appuie sur la flèche vers le bas, vous pouvez voir qu'il y a le suivant, le suivant, etc. Remarquez donc les plus petits. En fait, ce serait beaucoup plus facile si je vous en montrais plus individuellement. Donc, si nous comparons, disons, une seule image de Twitter bleue à moitié, remarquez la taille de celle-ci. Alors que l'image unique est bleue ? Où en sommes nous ? Oui, pas en demi-taille. C'est comme. OK, nous avons donc ces deux-là, par exemple. Et comme nous les avons nommés, il est plus facile de comprendre ce qui se passe. Ce que j'essaie dire, c'est qu'il y a en quelque sorte trois avantages à fois : vous pouvez avoir plus d'une image, si vous le souhaitez, dans le même document. Techniquement, c'est un plan de travail. Vous pouvez les exporter en même temps, mais en plus de les exporter à la même taille, vous pouvez également les exporter en qualité supérieure ou inférieure et dans différents formats, le tout en même temps. C'est donc un atout fantastique qu'Illustrator vous offre. 72. Créer des images de réseaux sociaux avec Illustrator et Photoshop 4/8: Nous avons examiné certains des avantages de la création d' images pour réseaux sociaux dans Illustrator, et il y en a un autre que je voudrais vous montrer, à savoir comment vous pouvez avoir des documents de tailles différentes dans le même document ou pour utiliser le terme approprié, plans de travail, différentes tailles de plan de travail dans le même Revenons donc à celui sur lequel nous avons travaillé. Et ce que je vais faire, c'est que dans Artboards, je vais me débarrasser de ce tableau bleu Je vais m' en tenir au vert, donc je le supprime. Et ce qui arrive parfois lorsque vous supprimez le plan de travail, cela ne supprime pas réellement ce qu'il contient Notez donc qu'il ne reste qu'un seul plan de travail, mais celui-ci est toujours là Je vais donc simplement utiliser mon outil de sélection, tout sélectionner et supprimer. Vous pouvez voir ce qui s'est passé là-bas, n'est-ce pas ? Je n'avais pas déverrouillé la couche photo. Alors faisons-le. OK, donc un bon moyen de vérifier que c'est le seul plan de travail est de sélectionner option de commande zéro Il ne s'agit que de zoomer sur une seule d'entre elles. C'est donc une autre façon de le dire. D'accord, il ne reste qu'un seul Artboard OK, j'ai donc mon Artboard à image unique sur Twitter. Maintenant, je vais simplement me débarrasser du mot vert, car le but est de vous montrer une image unique sur Twitter, par opposition à une image Facebook. Pour en revenir à mon guide, il existe une dimension similaire que nous pourrions utiliser sur Facebook. Donc, une image partagée sur le ti ou le fil d'actualité coûte 1 200 x 630, donc c'est ce que nous allons créer, d'accord ? Donc, ce que je vais faire, c'est à nouveau dans le duplicata des plans de travail Et je vais simplement double-cliquer dessus et le remplacer par Facebook. Image partagée. Je suppose que je pourrais aussi écrire la taille là-bas. Cela pourrait être utile. Donc 1 200 par 630. C'est juste son nom , même si cela ne change rien techniquement. Examinons donc la taille du plan de travail. Donc, avec l'outil Artboard, c'est 1 200 x 675 pour le moment, car c'est la taille de l'outil précédent Donc, si je change cela en 630, c'est un peu compliqué. Vous pouvez probablement voir la ligne en pointillés. Cela me montre donc que c'est le bord du plan de travail. Je vais donc évidemment devoir ajuster certaines de mes œuvres d'art. Passons donc aux couches. Je vais laisser la photo de côté pour le moment. Mais maintenant, avec mon outil de sélection, cliquez sur cet arrière-plan. regarde la taille ici, c'est 1 200 x 675 Ce qui devrait arriver, c' est que je le place en bas et ça devrait être fait, vous y allez par 630. Donc ça fait du bien. Je vais maintenant verrouiller la couche d'arrière-plan. Je vais maintenant débloquer tout le reste. Maintenant, comme les photos prennent tellement de place, j'ai juste besoin d'un zoom arrière pour pouvoir aller quelque part et cliquer et faire glisser tout ça. Oui, essaie de ne pas prendre celui-ci aussi. C'est donc mon problème. Essayons donc de le faire un peu plus attentivement. Nous y voilà. Ensuite, je vais juste utiliser ma flèche quelques fois pour mettre cela un peu plus au centre. Maintenant, je voudrais peut-être le redimensionner afin de pouvoir utiliser l'outil de mise à l' échelle, comme vous le savez, et ainsi de suite. Ce n'est pas très différent, je m'en rends compte. Néanmoins, c'est la bonne taille pour Facebook. Comme dans la leçon précédente, vous pourriez vous retrouver à créer un document et vous disposez d'une version Facebook et d'une version Twitter. Ensuite, lorsque vous allez exporter, cette fois, supposons que je vais simplement enregistrer la version Facebook. Je peux le faire de deux manières. Je peux soit faire de l'export comme nous l'avons fait la dernière fois. Désolé, nous pouvons soit exporter pour les écrans comme nous l'avons fait la dernière fois, soit simplement décocher celui de Twitter Ensuite, si je ne veux pas tous ces accessoires supplémentaires, je m'en débarrasse en appuyant un petit X à cet endroit. Ce serait probablement le moyen le plus simple de procéder. Je vais donc le faire de cette façon. Voici mon image partagée sur Facebook. Charmant. Mais l' autre façon de procéder serait simplement d'exporter au format. Et je veux vous montrer ceci juste pour que vous puissiez voir la différence subtile. Vous diriez utiliser des plans de travail, mais au lieu de tout, vous diriez une plage de deux C'était comme ça avant qu'ils n' inventent l'autre façon de procéder, qui est un peu plus visuelle pour avoir une idée un peu plus précise de ce qui se passe. Mais techniquement, si je l'exportais, cela me donnerait exactement le même résultat. OK, alors allons-y. Il y a donc de très bonnes raisons d'utiliser Illustrator, particulier pour les réseaux sociaux. À mon avis, Illustrator est probablement un peu plus compliqué à utiliser pour les tâches de tous les jours Si vous n'utilisez pas tout le temps des vecteurs, vous trouverez peut-être cela un peu plus compliqué que dans le Mais il y a de très bonnes raisons de l'utiliser. Cela dit, Photoshop possède également des fonctionnalités similaires, et c'est là que nous allons aller ensuite. 73. Créer des images de réseaux sociaux avec Illustrator et Photoshop 5/8: Tout comme nous l'avons vu avec Illustrator, Photoshop est également capable de créer des images pour les réseaux sociaux. Vous allez donc utiliser des techniques très similaires à celles que vous avez utilisées à la fois dans le design et dans Illustrator. Mais comme vous le verrez, Photoshop a sa propre touche d'originalité. Donc, ce que nous allons faire, c'est prendre cette image ici, découper cette tranche d'orange, et au bout de quelques leçons deux images de réseaux sociaux de tailles différentes. C'est en quelque sorte là que nous allons, non ? Donc, pour commencer, voici une autre image d'unsplash. Tu t'y connais en matière de sélection. que vous n'avez pas encore fait, c'est juste Ce que vous n'avez pas encore fait, c'est juste pour lui donner son nom propre, l'outil Markey elliptique, l'outil elliptique Lorsque vous cliquez et faites glisser, vous créez une sélection dans le coin supérieur gauche, ce qui n'est pas vraiment utile. Pour un objet circulaire, placez plutôt le curseur au milieu, maintenez la touche Option ou Alt enfoncée, cliquez et faites glisser. Désolé, j'aurais dû, désolé, cliquer et faire glisser puis maintenir la touche d'option enfoncée. Remarquez que lorsque je fais glisser le pointeur, cela ne crée pas un cercle mais un ovale. Si j'appuie sur la touche Shift, j'obtiens un cercle parfait, ce que je veux, mais en fait, je suis content qu'il soit ovale car il correspond mieux à la forme. Vous savez donc comment ajuster sélections et obtenir de bonnes sélections. ne m'inquiète pas pour Cela ne m'inquiète pas pour le moment, mais je pense que cela suffira. Nous y voilà donc. C'est assez proche. Ensuite, nous allons passer à une nouvelle couche par copie. Nous avons donc maintenant une couche 1. Ça a l'air bien. Si je double-clique dessus, je vais le nommer Orange. Trancher. Et c'est prêt à être utilisé. C'est comme si je faisais un programme de cuisine. Cette tranche d'orange est prête à être mise dans la marmite. Non, c'est prêt à être intégré à mon document. J'ai donc dû le créer à partir de zéro. Ce sera donc une image de l'événement sur Facebook. Et comme vous le savez, c'est 1920 x 1080. Je l'ai trouvé au même endroit où nous sommes allés auparavant, Sprout Social C'est donc ce que je dois créer. Donc nouveau document. Il a donc ces paramètres parce que ce sont les derniers que j'ai utilisés. Mais si vous partiez de zéro, vous diriez Web et vous y tapez ces chiffres. Mais je vais revenir à la version récente car je l'ai évidemment déjà fait. L'important ici, c'est que j'ai vérifié les plans de travail. Cela signifie que plus tard, je pourrai avoir plusieurs plans de travail comme dans Illustrator Donc, si j'appuie sur Créer un document vierge, puis que, comme vous l'avez fait auparavant, cliquez avec le bouton droit sur cette couche, je vais la dupliquer, mais pas à l'intérieur, je vais l'appeler tranche d'orange, mais pas dans ce document, je vais le mettre dans Untitled one, qui est le document que je viens de créer Voilà, et c'est bien plus grand que ce dont nous avons besoin. Comme vous l'avez déjà vu, si vous cliquez avec le bouton droit sur cette couche, que convertissez en objet intelligent, vous la convertissez en objet intelligent, nous pouvons la réduire. Et redimensionnez-le plus tard s'il le faut. Afficher les contrôles de transformation est activé à l'aide de l'outil de déplacement sur lequel je peux cliquer et faire glisser, en maintenant la touche Shift enfoncée , en la maintenant proportionnée. Je vais devoir le faire plusieurs fois, le réduire, le faire glisser à nouveau vers le haut, le réduire, le faire glisser à nouveau vers le haut. Je l'aime bien grand, mais il n'y a évidemment pas de place pour le logo et le texte, donc je dois faire en sorte que ce soit un peu plus facile à gérer, quelque chose comme ça cas, je ne pourrai rien faire d'autre dans Photoshop tant que je n'aurai pas appuyé sur la case à cocher ou sur Annuler. Je vais appuyer sur la touche. Ça y est. Voilà ma tranche d'orange. Je vais le placer quelque part sur la gauche. Si je voulais le placer exactement au milieu, soit dit en passant, verticalement, j'appuierais sur ce bouton ici. Pour ce que ça vaut, je vais le faire. Je vais double-cliquer dessus et je vais renommer Orange Slice Left ou L, je crois Ensuite, si je maintiens la touche T enfoncée, comme dans les autres programmes, je peux cliquer et faire une copie. Maintenant, si je le voulais absolument au centre, horizontalement, je pourrais appuyer sur ce bouton ici. Ensuite, je vais double-cliquer dessus. Comme vous pouvez probablement le deviner, une tranche d'orange M pour le milieu, puis une fois de plus , bien sûr, ce qui se passe ici, c'est que nous dupliquons la couche entière Mais comme le calque se compose uniquement des pixels entourés de pixels transparents, comme vous pouvez le voir ici, nous en avons maintenant trois, mais cela ressemble évidemment à trois objets. Jusqu'ici, tout va bien, je vais juste garder ça. OK, alors à la prochaine étape, introduisons le logo. Nous pouvons donc archiver et placer. En fait, n' introduisons pas le logo car nous avons besoin d'un arrière-plan coloré. Comme vous l'avez déjà vu, nous pouvons utiliser l'un de ces différents calques de réglage, y compris un calque de couleur unie. Maintenant, comme j'avais déjà sélectionné le vert Limone , cela a été soulevé. Mais si je ne l'avais pas déjà sélectionnée , alors dans les bibliothèques, je double-cliquerais sur l'une de ces couleurs, elle devrait apparaître dedans, puis elle reprendrait elle devrait apparaître dedans cette couleur. Si tout échoue, si vous double-cliquez, supposons que je veuille utiliser les couleurs orange, double-cliquez et vous pouvez copier, vous devrez peut-être le copier dans votre tête Fa eight BA, vous pouvez double-cliquer et taper ces chiffres dedans. En fait, c'est ce que je vais faire. Je vais prendre la couleur verte. Permettez-moi de double-cliquer sur la couleur verte. En fait, c'est juste. C'est ce qu' il devrait être, alors nous l'avons simplement échangé OK, allons en venir au fond. Nous en avons une couche vierge, que nous ne dirigeons pas Nous pouvons donc la faire glisser dans la corbeille. Et puis deux autres choses. Tout d'abord, introduisez le logo dans le fichier. Et nous pouvons faire Placeinked , comme dans le design, et il sera mis à jour si le logo est mis à jour . Je n'ai pas raison sur ce point. Je vais faire Place Embedded, et il y ajoutera une version permanente. Et où est mon logo ? C'est quelque part ici. Nous y voilà. Donc ça arrive. Maintenant, il se présente sous la forme d'un objet intelligent, toute façon, et c'est un vecteur, donc je peux le redimensionner, si besoin est. Encore une fois, je pourrais aussi bien appuyer sur ce bouton pour le centrer. J'aime bien sa taille. Mais si je voulais le changer, encore une fois, cliquez sur Shift Click, mais je vais le laisser à peu près comme avant. OK, jusqu'ici tout va bien. Je suis assez similaire à la fois dans le design et dans Illustrator. Enfin, mettons le type en haut. Ainsi, avec l' outil de saisie, lorsque nous cliquons, il crée un type spécial de couche pour le texte. Maintenant, cela indiquera simplement ompsum. Nous ne pouvons pas le lire car il est de la même couleur. Donc, si je clique dessus et que je le fais glisser quelque part dans le coin, c'est en gris. Pour le rendre blanc, je le fais glisser suite vers le haut et vous obtiendrez soit 2552, quatre, cinq, 255 en RGB, soit 0000 en CMYK ou FFF dans les couleurs du Web Quoi qu'il en soit, vous obtenez du blanc, alors bien sûr, je vais juste changer cela pour que nous puissions livrer. Maintenant, nous allons livrer avec deux R. Peut-être pas. Souvenez-vous donc de la fonta des dernières années, qui est leur marque Donc, si vous êtes ici en gras, évidemment, si ce n'était pas le cas, vous le choisiriez simplement. Et la taille de police correspond à peu près à celle que j' utilisais auparavant. J'en suis content. Encore une fois, je vais faire en sorte que cela soit centré. Revenons donc à l'outil de déplacement , centrez-le, puis je vais simplement le déplacer légèrement vers le bas N'hésitez pas à écrire tout ce qui vous semble plus approprié. Nous y voilà donc. C'est notre point de départ. Et je vais enregistrer ça. Ensuite, dans la deuxième vidéo à ce sujet, nous verrons comment nous pourrions également en faire quelque chose pour Twitter. Je vais donc simplement l'enregistrer et vous voir dans la prochaine vidéo. 74. Créer des images de réseaux sociaux avec Illustrator et Photoshop 6/8: Bien, donc en reprenant l' endroit où nous étions la dernière fois, nous avons créé une image de la taille de Facebook. Mais maintenant, si nous voulons utiliser Illustrator, nous pouvons créer une autre version dans le même document à l' aide de Artboards Donc, la première chose à faire est de renommer ce plan de travail, et si je clique dessus avec le bouton droit, désolé, pas avec le bouton droit Si je double-clique, je peux le renommer. Je vais donc appeler cet événement FB. Image. Ensuite, je peux simplement le plier, cliquer avec le bouton droit de la souris et choisir Dupliquer le plan de travail. Je vais appeler ça. C'était donc 1920 en 1080. Maintenant, j'avais en tête un compte Twitter assez similaire. Ouais Hum 1 200 par 675. C'est donc à nouveau le Web. OK, alors Tweetez, une seule image. Donc 1 200 par 675. Souvenez-vous de cela, si vous le pouvez. Ce sera donc Twitter. Partage individuel. C'est donc dans le même document. C'est génial Donc, un peu comme Illustrator, nous en avons en quelque sorte obtenu deux en même temps. Maintenant, la question qui se pose est savoir comment s'ajuster ? Donc, si nous sélectionnons ce nouveau plan de travail et que nous cliquons sur les propriétés, vous pouvez voir que la taille, la largeur et la hauteur actuelles du plan de travail correspondent à celles dont nous avons hérité Nous allons donc plutôt changer la largeur à 1 200 et la hauteur à 675 Donc, la largeur 1 200, hauteur 675. Notez qu'il redimensionne le plan de travail, mais pas le contenu Nous allons donc utiliser notre outil de sélection. Désolé, notre outil de déménagement. Je vais revenir au panneau des couches. Assurez-vous que c'est ce qui semble être sorti de là, donc je vais simplement le remettre dedans. Sélectionnez tout. Et cliquez et faites glisser le pointeur avec le talon de la touche Shift vers le bas, et cela devrait bien s'agrandir. Le seul problème est ce logo, qui a été un peu oublié quelque part. Voyons donc où c'est. Allons-y. On dirait qu'il a été accidentellement laissé en dessous d'une de ces oranges. Maintenant, je peux faire glisser ce bruit, m' assurer que j'ai désactivé la sélection automatique des couches Assurez-vous que je suis bien sur ce logo, faites-le glisser pour le remettre en place. Et encore une fois, je peux faire en sorte que cela soit centré. Mettons-le juste au bon endroit. Donc, juste en dessous des oranges, comme ça. Et nous y voilà. Nous en avons maintenant deux tailles et formes complètement différentes. En fait, rien qu'à y regarder, je voudrais simplement réduire un peu tout cela, donc je vais cliquer et faire glisser le pointeur sur Woops Je vais y aller. Ça va très bien, n'est-ce pas ? Cliquons donc sur cette couche. Shift, cliquez sur celui-ci, Shift, cliquez sur celui-ci. Je vais juste appuyer plusieurs fois sur la flèche vers le bas juste pour les déplacer un peu vers le bas La logique est donc très similaire lorsque vous passez d' un programme à l'autre, mais ils fonctionnent légèrement différemment au fur et à mesure que vous les collectez. Alors laisse-moi juste enregistrer ça. Voyons maintenant comment nous exporterions. Pas trop différent de ce que vous voyez dans Illustrator. Nous faisons des fichiers, des exportations. OK, encore une fois, nous pouvons faire une exportation rapide au format PNG, mais si vous exportez cela devrait vous sembler un peu familier. Ce n'est pas tout à fait pareil, mais c'est presque pareil. Vous pouvez donc voir ici que nous pouvons choisir l'un des plans de travail ou les deux. Nous pouvons choisir le format, par exemple ping, et nous allons avoir une taille unique ou une taille double. Vous pouvez également en ajouter d'autres. Donc, si je dis que j'en veux une qui soit vraie et une demi-taille. Et si j'exporte, je les mets simplement sur mon bureau. Oh. Intéressant D, j' ai une erreur inconnue. Je vais juste voir ce qui se passe. Y a-t-il réellement quelque chose sur le bureau ? Celui-là a marché. Celui-là, c'est du travail. Notez donc que la taille est différente. Pour une raison ou une autre, les demi-tailles ne fonctionnaient pas. Cela ne s'est jamais produit auparavant. Je ne vais pas perdre de temps à m'y attarder. Mais je pense que tu vois l'idée. En résumé, vous faites des choses similaires, que vous utilisiez InDesign Illustrator ou Photoshop Pour moi, Illustrator et Photoshop sont plus flexibles si vous pensez vouloir créer plusieurs versions différentes d' dans le même document. C'est l'une des raisons de les utiliser. L'autre raison de les utiliser est que si vous utilisez beaucoup de contenu vectoriel et que vous souhaitez pouvoir modifier les vecteurs qu'ils contiennent, vous savez, en utilisant Illustrator, alors Illustrator sera un meilleur choix. Si vous faites beaucoup de choses avec des photos et que vous pensez, en fait, que je veux pouvoir les retoucher au fur et à mesure, alors Photoshop est probablement une meilleure option. Mais honnêtement, tu peux utiliser ce que tu veux. Vous savez, les réseaux sociaux ont été inventés bien après tous ces autres programmes. Ces programmes n'ont pas été conçus pour créer des contenus sur les réseaux sociaux ou pour les réseaux sociaux, mais ils se sont adaptés. Vous pouvez donc en quelque sorte adapter à eux. Vous pouvez utiliser ce qui fonctionne. Mais il y a une dernière chose que nous allons examiner dans Photoshop, les autres programmes ne peuvent pas faire, c'est que vous pouvez créer des animations de base dans Photoshop. C'est donc là que nous allons enfin dans ce module. 75. Créer des images de réseaux sociaux avec Illustrator et Photoshop 7/8: Comme vous pouvez le constater, ce n'est pas subtil. Il s'agit d'une animation. Il s'agit d'une animation image par image, rien de très intelligent, mais tout cela se fait dans Photoshop en utilisant la même distance sur laquelle vous venez de travailler. Je vais vous montrer comment vous pouvez un tas de couches statiques transformer un tas de couches statiques en une image assez grossière mais néanmoins efficace qui pourrait être téléchargée sur une page Web ou sur les réseaux sociaux. Voyons comment nous procédons. 76. Créer des images de réseaux sociaux avec Illustrator et Photoshop 8/8: OK, donc pour créer une animation cadeau dans Photoshop, première chose à faire est de changer l'espace de travail. Donc, sous Fenêtre et espace de travail, nous avons utilisé l' essentiel jusqu'à présent, mais je vous recommande de passer au mouvement, ce qui ouvre un petit panneau de chronologie en bas, ce qui sera utile. Nous avons également besoin de beaucoup d'espace pour les couches, nous pouvons donc simplement le faire glisser un peu vers le haut. Comme vous pouvez probablement le voir d'ici, je peux cliquer sur les différents cadres. Ce sont donc littéralement, c'est un peu comme un livre de films que vous auriez pu créer étant enfant Tu vas littéralement comme ça. Ce n'est donc rien de trop fluide. Mais encore une fois, ces choses entrent et se démodent. Donc c'est approprié, vous savez, très approprié pour certaines choses, vraiment pas approprié pour d'autres. Donc, en fait, je n'ai fait qu'ajouter des cadres. Donc, en gros, créez un nouveau cadre. Alors laisse-moi le faire à partir de zéro pour toi. Mais vous verrez qu'il s'agit essentiellement d'activer différents bits, de les désactiver. Donc, je le ferais comme ça pour nous débarrasser de tous ces cadres. J' y ai donc passé un tiers de seconde au début, puis une autre image. Ce qui représente également un tiers de seconde. Et vous pouvez modifier le calendrier ici, y mettre ce que vous voulez. J'ai donc pensé qu'un tiers de seconde était à peu près juste. J'ai changé, disons, la couleur de fond, et j'ai eu ma première orange, puis j'ai ajouté un autre cadre, le troisième de seconde, et j'ai montré le second, mais j' ai changé de couleur à nouveau et ainsi de suite. Quatrième image, pas celle-là. J'ai l'impression d'y avoir perdu une orange. C'est sympa. Je vais juste devoir dupliquer ce cadre, puis le déplacer. Et voilà, nous rechangeons la couleur de fond en vert simplement en les masquant. Ensuite, je pense qu'il me restait quelque chose qui apparaissait, mais que j'avais aussi le logo. Enfin, nous livrons, c'est en quelque sorte déplacé vers le bas. C'est donc assez difficile, mais vous pouvez voir si je joue à ce jeu, c'est essentiellement ce que vous obtenez, et vous pouvez manipuler cela, vous pouvez l'arrêter, vous pouvez ajuster les horaires, puis juste à la fin, vous pouvez exporter des fichiers Mais cette fois, Safer Web Legacy, c'est ainsi que vous deviez économiser pour le Web à l'époque. Si vous choisissez GIF, vous pouvez essentiellement le prévisualiser ici. Il existe différents paramètres que vous pouvez utiliser, différentes qualités, différentes tailles d'image, et je ne veux pas trop m'étendre là-dessus, mais si vous constatez de grandes différences entre les deux, vous pouvez choisir celui qui est plus beau que les autres, mais attention à la taille des fichiers Ils peuvent devenir assez gros. J'ai choisi celui-ci, appuyez sur Enregistrer. Nous y voilà. C'est ainsi que nous procédons. C'est donc une animation cadeau de Photoshop. Très grossier, pas toujours approprié. Mais heureusement, nous nous pencherons sur After Effects vers la fin du cours, ce qui nous offrira bien plus d'options. Mais c'est un autre exemple de ce que vous pouvez faire en termes d' images de réseaux sociaux ou d'images pour le Web à partir de Photoshop. 77. MODULE 18 : Introduction à la typographie 1/4: Lorsque vous avez commencé ce cours, il se peut que vous ne connaissiez aucune théorie du design ni aucune théorie des couleurs. Mais maintenant, vous avez quelques connaissances dans ces deux domaines. Cela aide donc simplement lorsque vous réfléchissez à des choses, que décrivez, que vous les réglez. Et il en va de même pour le type. Le mot typographie est donc utilisé pour décrire le type de site, si vous le souhaitez dactylographie est omniprésente, et plus vous en saurez à ce sujet, meilleur sera votre travail. Donc, si vous regardez à l'écran ici, vous pouvez voir une variété de termes, dont vous connaissez déjà certains à propos de la typographie. Ainsi, par exemple, la ligne de base, c'est la ligne sur laquelle se trouve le texte. Tu as les descendeurs. Ce sont les bits du type qui se situent en dessous de la ligne de base. La hauteur est la hauteur du type. Et vous avez un expéditeur qui dépasse la hauteur X. Vous avez la hauteur du chapiteau, qui, encore une fois, dépasse la hauteur X. Et qu' avons-nous d'autre au comptoir ? C'est la taille de la zone intérieure du type. L'ouverture, c'est la largeur de l'espace entre certains éléments dans certaines lettres. Ensuite, nous avons des empattements. Nous reviendrons donc sur certaines de ces choses plus tard. Certains sont plus importants que d'autres, mais ils nous fournissent le langage qui nous aide vraiment à décrire ce dont nous parlons. C'est donc notre premier aperçu de la typographie. Deuxièmement, nous devons examiner un peu l'historique des types. Maintenant, cela peut sembler un peu archaïque, et vous pourriez vous demander pourquoi devons-nous y réfléchir Mais en réalité, comme tout ce qui est à la mode, les choses entrent et se démodent, et elles renvoient souvent à des époques et à des styles antérieurs. Il est donc important que vous en sachiez un peu plus à ce sujet. Donc très brièvement, et vous pouvez le lire à votre guise. Il s'agit d'un empattement humaniste, très similaire à la façon dont les caractères auraient été initialement dessinés à la main Remarquez donc ces éléments comme ça, ils imitent en quelque sorte l' écriture d'un stylo avec une pointe Et ce dont nous parlons ici, ce sont des choses comme les empattements, ils sont organiques, donc ils ressemblent un peu plus à des humains qu'à des machines comme nous le verrons plus tard La contrainte est inclinée, il s'agit donc en quelque sorte des parties fines de la lettre O, par exemple. Ensuite, le contraste, il n' y a beaucoup de contraste entre les traits épais et fins, et je pense que c'est suffisant pour le moment. Ensuite, passez à l' empattement de transition. Maintenant, je vais revenir à celui-ci dans une minute. Mais essentiellement, nous allons passer d'ici au 16e ou 17e siècle à ici au 18e ou 19e siècle. Si je fais juste marche arrière, c'est vraiment différent. Si vous regardez le O, par exemple, vous passez d'un angle à un, ce qui est vrai, mais le contraste n'est pas énorme. Le contraste est ici énorme entre l'épais et le fin, et l'angle est droit vers le haut. C'est donc presque comme s'il avait été conçu par une machine. C'est très, très différent de quelque chose dessiné à la main. C'est donc là que nous en arrivons au 18e et au 19e siècle, par opposition à cela. Donc, entre les 17 et 18, nous nous dirigeons dans cette direction. Comme vous pouvez le constater, le stress devient donc un peu plus vertical Si vous regardez le O et des choses comme les séraphins, ils deviennent un peu moins humanistes, pourrait-on dire, donc un peu plus doux Alors, au 18e ou 19e siècle, cela aurait pu être créé par une machine. C'est donc très vertical, le contraste est énorme. C'est le principal, oui, c'est le principal sujet dont nous devons parler là-bas. OK ? C'est donc là que nous y arrivons. Et puis un autre changement radical entre le 19e et le 20e siècle. Je sais que vous connaissez bien ce genre de texte, mais à la fin du 19e ou début du 20e siècle, les gens trouvaient cela presque choquant. Ils étaient habitués à plus de caractères comme celui-ci et tout à coup, vous avez eu des types comme celui-ci, sans empattements du tout Donc aucun contraste, est un peu très différent de ça. Et cela était connu sous le nom type grotesque parce que les gens le trouvaient grotesque Ils ont trouvé cela presque offensant, ce qui semble fou maintenant, mais très, très différent de ce que les gens connaissaient auparavant C'est donc du type sans serif. Et puis c'est devenu encore plus semblable à une machine, si vous voulez. Ainsi, les cercles, par exemple, sont devenus beaucoup plus arrondis. C'est donc géométrique, donc les formes sont dactylographiées en fonction de formes géométriques comme les cercles. Vous pouvez donc voir que nous avons une longue histoire, allant de choses vraiment dessinées à la main à des choses qui commencent vraiment à paraître un peu plus fabriquées par une machine et nous nous retrouvons avec cela. C'est donc votre sans-serif. Et puis ces temps-ci, tout s'est un peu embrouillé. Nous avons donc différents éléments provenant de différentes périodes, tous mélangés. Il est donc assez courant maintenant de trouver des polices de caractères comme celle-ci. Et l'une des raisons pour lesquelles cela a été développé est que maintenant, bien sûr, nous lisons principalement des choses à l'écran plutôt que sur papier. Les petits détails que vous avez ici vous permettront d'en savoir plus à ce sujet dans peu de temps. Voici donc un petit historique des types pour vous. 78. Introduction à la typographie 2/4: Nous avons parlé plus tôt des hauteurs et des compteurs X , des ascenseurs et des descendants, pour expliquer pourquoi ils sont J'ai donc deux polices de caractères célèbres, deux classiques, Caslon à gauche et Universe à droite Notez donc que la hauteur X de Kazlan est bien inférieure à celle de l'univers Nous allons donc en examiner les implications. Donc, comme la hauteur du X est beaucoup plus élevée dans l'univers, cela signifie que les compteurs sont plus grands. C'est une chose. Les comptoirs sont plus grands. Il y a plus d'air au milieu. Je sais que c'est théorique pour le moment. Encore une fois, remarquez le E, le compteur est beaucoup plus petit sur Kazlon, beaucoup plus grand sur l'univers Vous devriez voir ce que cela signifie maintenant. Si vous comparez Kazan sur la gauche et l'univers sur la droite, il est beaucoup plus probable que vous trouverez le texte de droite plus facile à lire, en particulier à distance C'est pour cette raison que les compteurs sont beaucoup plus grands Donc, si vous lisez le texte, il en dira un peu plus à ce sujet. Mais cela indique également que le danger que les compteurs soient grands est que les ascenseurs et les descendants soient trop courts Donc, si nous y retournons, remarquons que le descendeur y trouve beaucoup plus longtemps à Kazlon. Plus que celui-ci. C'est donc le léger danger que présentent les grands comptoirs ou les grands comptoirs, car nous avons moins de place ici J'aurais dû le dire au début, le type est de la même taille dans les deux cas, d'accord ? Mais lorsque nous revenons ici, il est de la même taille, mais il est beaucoup plus probable que vous trouviez celui de droite, plus facile à lire. Et c'est particulièrement vrai à distance. Donc, si vous pensez aux panneaux autoroutiers numéros de bus ou à ce genre de choses, c' est ce que nous appelons lisibilité C'est la capacité de reconnaître du texte à distance. Cela peut donc être très important, évidemment, pour faire comprendre votre message. La hauteur du X est donc importante. Et ce que vous pourriez faire si vous finissez par rechercher des polices, certains systèmes, un peu comme le système Adobe, intègrent une recherche en hauteur X. Vous pouvez donc dire que je veux du texte avec une hauteur X plus grande, par exemple. Nous venons donc de voir que la lisibilité est influencée par la police que vous choisissez, la hauteur du X et la taille des compteurs, des ascendeurs et des descendants Mais une autre chose qui affecte la facilité de lecture du texte. Eh bien, il y a quelques facteurs. Certaines sont très évidentes , d'autres moins. Je sais donc qu'en tant qu'adulte, supposant que vous lisiez l'anglais, il vous sera très facile de lire tous ces mots. Mais si vous imaginez apprendre l'anglais, dans ce cas, en tant qu'enfant, votre expérience a peut-être été un peu la suivante. Vous auriez essayé de comprendre la forme des mots ou des lettres. Et si vous voyez, la forme du chien est très différente de celle du chat ici, alors que la forme du chien et du chat ici sont très similaires parce que, bien sûr, ce sont des majuscules Le texte en minuscules est donc généralement plus facile à reconnaître car il est plus distinctif. Encore une fois, la forme générale du texte en majuscules, même si vous pouvez le lire clairement, si vous lisez l'anglais, vous pouvez voir que ces mots sont différents Si vous imaginez l'apprendre étant enfant, il serait vraiment très utile que le texte soit en minuscules Donc, qu'il soit en minuscules ou en majuscules, cela peut vraiment influencer sa facilité de lecture Et comme vous le verrez, avec ces exemples, et en fonction de la taille de l'écran sur lequel vous lisez ceci, vous trouverez peut-être plus facile de lire les trois ou peut-être juste celui gauche ou juste les deux de gauche. Mais cela signifie qu'au fur et à mesure que nous vieillissons, nous reconnaissons mieux les mots que les formes et nous sommes capables de faire face à des tailles de caractères de plus en plus petites. C'est donc, je suppose, assez évident. L'autre point dont j'ai déjà parlé, et je tiens à le répéter, c'est que, encore une fois, le texte est beaucoup plus facile à lire s'il se trouve dans ce que nous appelons une mesure étroite. Le texte de gauche est donc exactement le même que celui de droite, mais il est beaucoup plus facile à lire. Le choix de la police influence donc la facilité de reconnaissance du texte. Qu'il soit en majuscules ou en minuscules, il influence grandement sa facilité de lecture La taille du type a évidemment un impact important, puis ce que nous appelons la mesure. Ainsi, la longueur du texte, la longueur, la largeur d'une colonne de texte, tous ces éléments ont un impact important sur la facilité de lecture. 79. Introduction à la typographie 3/4: Ensuite, nous avons une autre vidéo dans laquelle je vais vous donner quelques conseils supplémentaires sur le choix des polices. Mais ce dont je veux parler d' abord, c'est de la façon dont vous combinez les polices. Ce que vous pouvez voir ici sont deux polices exactement identiques. Ici, j'énumère les façons dont ils contrastent, et bien sûr, il n'y a aucun contraste. Ils sont exactement les mêmes. Vous savez déjà qu'il y a du contraste et de la répétition dans le design , et nous avons besoin des deux. Ici, nous avons de la répétition mais pas de contraste. Ici, nous avons la répétition et le contraste, simplement la version en gras et la version normale. Les formes sont les mêmes, mais les compteurs sont plus petits et les traits sont plus épais C'est le contraste et la répétition. Je pense que c' est une bonne combinaison. C'est facile, mais c'est une bonne chose. En voici une autre facile mais bonne. Et si je pouvais juste vous donner un conseil, ce serait probablement de vous en tenir à l'une de ces soi-disant super familles. Tisa Sans Pro correspond donc à Tisa Pro. Ils sont donc conçus pour aller ensemble, mais l'un est San Serif et l'autre non, mais ils se ressemblent toujours Vous avez donc un contraste et une répétition. C'est donc mon seul gros conseil. Mais qu'en est-il de la combinaison de différents types de polices ? C'est là que les choses se compliquent et qu'il faut de l'entraînement. Mais ce que je vais vous dire maintenant est quelque sorte le résumé de ce que j'ai appris au cours de nombreuses années passées à essayer et à échouer dans ce domaine Et cela dépend essentiellement du type d' éléments de base de la police de caractères Vous pouvez donc voir, et nous parlerons plus en détail de l'histoire dans une seconde. Mais vous pouvez voir les deux. C' est une combinaison classique. Beaucoup de livres typographiques parleront de Futura et de Bodoni. Et la raison pour laquelle ils sont censés fonctionner ensemble est qu' ils sont tous deux rationnels, ils sont donc tous deux fabriqués à la machine. Vous pouvez donc voir le O très rond dans Futura, vous savez, c'est clairement fait par machine Tout comme le Oh, ils ont l' air différents, mais ils vont en quelque sorte ensemble. C'est un autre exemple. Ils sont différents et vont de pair. Encore une fois, vous pouvez constater que la structure des polices est similaire, même si elles semblent très différentes. Cela dit, celui-ci, eh bien, vous avez affaire à une machine, mais celui-ci est beaucoup plus humaniste Je suggère donc que ce contraste n' est pas bon, qui ne fonctionne tout simplement pas vraiment. Parlons-en donc plus en détail en revenant sur l'historique de la typographie et en nous en revenant sur l'historique de la typographie aidant à déterminer ce que nous allons faire. Donc, ou en codant en orange, d'abord pour des codes différents qui vont de pair. C'est un serif humaniste. Donc, les types les plus anciens. Comme nous pouvons le constater, nous avons ces soi-disant terminaux qui ont l'air très dessinés à la main. Aujourd'hui, une police de caractères comme Optima est un san serif, mais elle est toujours considérée comme Il n'y a donc pas d'empattement, mais il y a une touche humaniste, donc il y a du contraste, mais une sorte de répétition Et vous avez également des versions Slab Serif. Les dalles sont donc des empattements bien plus encombrants. Mais encore une fois, il en existe différents types. Il existe une version humaniste, différente des autres empattements sur dalles que vous verrez Ils ont donc tendance à aller de pair, et je dis qu'ils ont tendance à aller de pair parce qu'il faut jouer avec ces choses. Tu dois lui donner du temps. Vous pouvez donc vous référer ici à ces listes. Je ne dis pas que tout cela va de pair avec les autres, mais des empattements humanistes et des empattements de sable humanistes Ensuite, souvenez-vous, ceux de transition émanent d'humanistes qui n'ont pas encore été entièrement construits par des machines , les empattements transitionnels En théorie, les empattements transitionnels vont de pair avec ce que nous appelons grotesque, les premiers Sandifsgrotesque Encore une fois, pour ce qui est de San Serif, c'est le grotesque Encore une fois, nous avons des dalles, mais elles ont air un peu moins encombrantes Et encore une fois, quelques exemples de seraps transitionnels et de san serifs grotesques Je connais donc beaucoup de terminologie ici. Mais au fur et à mesure que vous serez capable regarder et de reconnaître le type dans ces catégories, vous pouvez commencer à vous dire : « D'accord, cela va probablement disparaître ». Encore une fois, il y a quelques listes ici. Et puis trois sur quatre, les plus rationnels dont nous avons déjà parlé. Voici donc Dido, encore une fois, construit à la machine, mais vous pouvez voir que cela ira de pair avec des modèles très géométriques comme Futura Et puis, en termes de dalles, nous avons des dalles très géométriques qui, encore une fois, sont plus susceptibles de correspondre à des formes très géométriques ou à des formes fabriquées à la machine OK, et enfin, voici quelques exemples que vous pouvez parcourir avec le serif contemporain Encore une fois, il s'agit d'une sorte de mélange de nombreux attributs différents qui sont apparus auparavant. Et il existe une version sans, donc forme très similaire, une structure similaire. Mais sans Seraph et encore une fois, il y a quelques exemples. Je me rends donc compte qu'il vous faudra un certain temps pour digérer et examiner ces différentes catégories, les étudier. Mais plus vous commencez à comprendre cela, plus il est facile de commencer à combiner des polices de caractères Maintenant, cela peut être pertinent pour vous. Ce n'est peut-être pas le cas, mais le simple fait d' en être conscient vous aide vraiment à vous y intéresser lorsque vous commencez à jouer et à essayer créer un bon contraste entre les polices de caractères 80. Introduction à la typographie 4/4: Enfin, dans cette section, j'aimerais parler de quelques ressources m'ont aidée et qui , je pense, pourraient vous aider également. Donc, une grande partie de la théorie que j'ai tirée des vidéos précédentes sur l'histoire des caractères et les liens entre les différentes catégories de caractères se trouve dans ce livre, à savoir de caractères se trouve dans ce livre, la géométrie des caractères de Steven Coles, que je recommande vivement. Il a écrit plusieurs livres, je vous encourage à les consulter. Il y a plein de choses vraiment très bonnes là-dedans. J'ai parlé des polices Adobe, et si vous avez un compte Adobe , et j'imagine que c'est le cas, vous y aurez accès, et vous pouvez voir que nous pouvons rechercher types en fonction de ces différentes classifications. Nous pouvons rechercher des propriétés telles que la hauteur du X, tas de choses que vous pouvez y faire plus ou moins. Mais ce qu'ils ont également, et c'est une nouveauté, c'est que vous avez ces tags. Donc, si vous recherchez un type amical, par exemple, ce qui est bien sûr très subjectif, vous pouvez commencer ici. OK, ce sont donc les polices Adobe. un site que vous avez probablement déjà rencontré Type Wolf est un site que vous avez probablement déjà rencontré et que je recommande vivement. Type Wolf est vraiment un bon endroit où je vais pour essayer de déterminer les tendances. C'est exactement de cela qu'il s'agit. Il s'agit donc souvent d'une utilisation très avant-gardiste de la typographie, mais cela vous donne une idée de la direction que prennent les choses. J' aimerais vous recommander quelques points ici. Tout d'abord, ce ne sont que les derniers exemples , juste pour attirer votre attention, et vous commencerez à remarquer les polices que les gens utilisent. Et si vous pensez : Oh, oui, j'aimerais peut-être les utiliser, vous pouvez cliquer sur l'un d'entre eux et il vous faudra plus d'informations. Ils ont également des ressources gratuites et payantes. Voici donc une bonne police, la plus populaire. Et futuro, vous l'avez vu récemment dans l'un de mes exemples, et y en a-t-il d'autres , Avenir, je pense que nous avons examinés Mais cela vous donne une idée de ce qui est utilisé actuellement. Vous pourriez donc dire : OK, GT America, c'est quoi ça ? Vous pouvez donc cliquer dessus, et cela vous donne quelques exemples, vous donne plus d'informations, vous donne des exemples de paires de polices que vous pourriez utiliser si vous comptez les utiliser Et puis j'utilise aussi Tapio parce que ce que j'aime, c' est qu'il vous montre les polices dans leur contexte Encore une fois, Duty America, dont il est question. Si je regarde cela, cela me donne quelques exemples. Vous êtes peut-être comme moi dans le sens où vous ne savez pas exactement à quoi ressemblera quelque chose avant avoir vu quelques exemples. Ty PO est donc fait pour ça. Revenons à Type Wolf. Voici l'un de ses articles de blog. Encore une fois, vous devrez peut-être envoyer un e-mail pour obtenir plus d' informations sur le PDF ici, mais il suggère certaines polices de caractères qui vous seront utiles C'est une question intéressante. Les plus grands designers de l'industrie partagent leurs trois polices de caractères préférées Et encore une fois, si vous commencez à lire ce genre de choses, certaines de ces polices que vous reconnaissez, autres que vous ne reconnaîtrez pas, vous pouvez simplement commencer à voir, comme tout le reste, que les tendances entrent et se démodent assez rapidement. Mais vous aurez une idée de ce que les gens utilisent et si cela vous convient ou non. Et c'est probablement là que nous devrions terminer. Il s'agit de savoir si c'est approprié. Donc, ce n' est pas parce que vous aimez une police de caractères qu'elle est bonne à utiliser Cela doit aller de pair avec votre marque. Cela devra peut-être être conforme aux directives de votre marque et doit certainement transmettre la bonne idée de ce que vous essayez de transmettre. Ne vous contentez donc pas d'utiliser des polices que vous aimez. Essayez de comprendre ce qu'ils disent. Donc des polices. Par exemple, ces types de polices ont un aspect très, très différent de celui des polices comme celles-ci, le rythme est très différent. Cela ne veut donc pas dire que quelque chose comme cela devrait l'être OK. Nous pourrions en dire beaucoup plus sur la dactylographie, mais j'espère que cela vous donnera une idée suffisante de l'ensemble du sujet pour être un peu plus à aise dans le choix de la typographie et dans le classement des caractères d'une manière facile à lire et à reconnaître, et que les gens ont envie de lire. 81. MODULE 19 : créer des bulletins et des prospectus avec InDesign 1/5: Ce dernier module que nous examinerons dans le design. J'aimerais vous montrer certaines des choses que j' aurais aimé savoir à mes débuts. Maintenant, un vaste programme est en cours de conception. Il y a tellement de choses que tu peux en faire. Et il s'agit en partie d' apprendre en matière de design, mais en partie d'apprendre comment il est utilisé, et vous en avez déjà appris beaucoup sur la façon dont il est utilisé. Mais pour des documents un peu plus complexes , comme des dépliants ou des brochures, ce genre de choses, il se peut que vous ne sachiez pas encore certaines choses qu'il serait vraiment utile de savoir Certains d'entre eux ont donc trait à conception et d'autres à la façon dont vous l'utilisez. Dans cette section, nous allons donc examiner certaines de ces choses pour essayer de vous donner les moyens de créer des éléments à partir de zéro ou lorsque vous travaillez avec des éléments que les gens vous fournissent, vous disposiez de plus d'informations qui vous faciliteront la tâche. Commençons par parler d'histoires. J'en ai déjà parlé brièvement et vous vous souviendrez peut-être que ce petit hashtag que vous voyez là signifie la fin d'une histoire Nous l'avons ici parce qu' agit de zones de texte distinctes. Ils sont sur la page principale. Mais dans ce cas, le corps du texte principal, comme nous l'appelons, ne s'arrête pas ici, nous pouvons le voir parce qu'il n' y a pas de hashtag. Mais si nous arrivons à la fin du document, nous pouvons voir qu'il est là bas. Je vais utiliser un raccourci que vous n'avez pas encore appris , à savoir Command or Control 4 pour 400 % Cela zoome bien et rapidement. Commande 2, 200 %, Commande 1, 100 %. Commande zéro. Page entière. OK, c'est donc un exemple d'une histoire, et cinq clics avec l'outil de saisie, un, deux, trois, quatre, cinq, sélectionnent l'histoire entière. Cela s'est donc produit parce que nous avons utilisé, vous vous souvenez peut-être de la zone de texte principale, et de la zone de texte principale supposée. Il n'y a qu'une seule histoire de texte qui arrive, et elle continue tout au long du document. C'est donc un parfait exemple de cela. Mais comme je crois l'avoir mentionné plus tôt, ce n'est pas souvent que vous l'utilisez. Permettez-moi de prendre quelques exemples différents. Ce que vous avez déjà fait sur les réseaux sociaux est donc différent. Tu sais, il y a peut-être un tout petit bout de texte, rien de plus. Donc, dans ce cas, la dernière chose que vous voulez, c'est que toute l' histoire s'y trouve automatiquement . Mais voici un exemple plus courant. se peut donc que vous deviez créer une newsletter ou modifier une newsletter. Et comme j' essaie de vous le montrer ici, nous avons une histoire sur une grande histoire. Encore une fois, remarquez la balise de hachage en bas. Mais ensuite, nous avons de la place pour une, deux, trois autres histoires. C'est donc peut-être une façon de le faire. Une autre façon assez similaire mais légèrement différente de le faire. Encore une fois, une grande histoire ici, puis une autre ici, une autre là. Ils peuvent être placés dans des cadres séparés. Néanmoins, dans ces exemples, la dernière chose que vous souhaiteriez est d' avoir une zone de texte principale dans laquelle , lors de la conception, tout va entrer en une seule fois. Donc, dans le cas de ces articles, il est probable que si vous publiez un bulletin d'information, vous recherchez quelqu'un pour nombre de mots dont vous avez besoin pour y nombre de mots dont vous avez besoin et pour les mots qui vont y figurer Et dans les deux cas, vous devez simplement classer, placer et importer le document à partir de Word ou autre. Ou vous faites du copier-coller, peu importe que cela soit inclus dans le formatage, car comme vous le savez, vous pouvez utiliser un style de paragraphe dans la conception et supprimer le formatage. C'est ainsi que cela se passerait. Je pense que vous en savez déjà assez à ce sujet. C'est la première chose que je tiens à vous rappeler alors, que la trame de texte principale, aussi utile soit-elle, est pas lorsqu'il s'agit de créer des documents contenant plusieurs histoires Nous avons vu quelques exemples ici et nous en verrons plus dans ce module. Il s'agit de plusieurs histoires par opposition à une seule histoire. 82. Créer des bulletins d'information et des dépliants avec InDesign 2/5: L'une des tâches que vous devrez peut-être accomplir d'ici peu est de concevoir ou de remanier le bulletin d'information de votre personnel ou de travailler Qu'il s'agisse de le transformer en PDF ou de l'imprimer, c'est le genre de travail qui pourrait bien vous être présenté. J'ai donc quelques exemples de la façon dont vous pourriez procéder. Ce premier est probablement façon dont je l'aurais fait lorsque j' étais relativement nouveau dans le monde du design. J'aurais peut-être trouvé ça, OK, c'est là que le corps du texte va être placé. Je vais donc le faire en deux colonnes, et au début, je n'étais peut-être pas au courant de l' habillage du texte, ce que j'ai fait là-bas, comme vous pouvez le constater. Néanmoins, nous avons les deux colonnes qui fonctionnent là, et puis en ce qui concerne le bas où je veux que ce soit différent, eh bien, je l'ai peut-être fait à l'œil nu, je suppose. Alors que j'ai un meilleur exemple ici qui vous montre comment mieux utiliser une structure. Cela semble un peu effrayant au début, mais ce que vous pouvez voir ici, c'est que nous avons une, deux, trois, quatre, cinq, six, sept, huit colonnes. Maintenant, pourquoi huit colonnes ? Eh bien, huit colonnes parce que vous verrez cela si je passe en mode présentation, j'espère. Nous avons trois histoires différentes ici. Voici donc l'histoire principale, puis nous avons les deux dans ce que l' on appelle souvent une barre latérale. Donc, si nous revenons , appuyez simplement sur la portée pour accéder à notre mode de présentation Vous pouvez voir que deux de ces huit colonnes sont utilisées par la barre latérale et que les six autres sont utilisées par celle-ci. Il est donc toujours en deux colonnes parce qu' encadre un grand cadre, mais il se divise en deux Et je l'ai fait en utilisant les options du cadre de texte de l'objet. Et j'ai créé ces deux colonnes au lieu d'en changer une, d' activer l'aperçu, vous verrez, ça aurait ressemblé activer l'aperçu, vous verrez, à ça. Donc, j'espère que vous pouvez voir ici que c' est vraiment très flexible. C'est donc une approche que vous pouvez utiliser. Donc, si vous utilisez un nombre pair de colonnes, c'est vraiment agréable et facile de diviser les choses en deux comme ça. Si vous utilisez un nombre impair, cela vous donne d'autres options , que nous examinerons peut-être. Si ce n'est pas le cas, gardez-le à l'esprit. Mm. OK, j'ai donc un exemple plus complexe à venir. Mais avant d'y jeter un coup d'œil, vous connaissez déjà les grilles, et celle à venir utilise un type de grille très particulier, mais pour ce qui est de ce que vous savez déjà, une méthode que j'aurais pu utiliser pour les aligner, et en fait, je l'ai fait Je viens de désactiver la fonctionnalité qui serait de le faire. Donc, dans la mise en page et dans la création de guides, si vous regardez ceci. Il s'agit donc de la zone située à l'intérieur des marges. Si je l'augmente, je l'ai fait jusqu'à dix, et j'ai utilisé une taille de gouttière de 4,233 Et comme vous pouvez le constater, cela me donne une belle décomposition de la page, ce qui me permet de décider facilement : OK, cela va passer par trois, par exemple. Et cela me donne la capacité de tout aligner. Donc, cela m'aide à garder un écart constant. Maintenant, le logo serait remonté jusqu' en haut, sauf que cela aurait signifié qu'il aurait été coupé en travers ici, sorte que l'écart n'aurait pas été constant là-bas. C'est ainsi que vous pouvez utiliser une grille standard. Permettez-moi donc de tout supprimer de la page et vous pourrez voir à quoi cela ressemble. C'est un peu effrayant quand on le voit pour la première fois. Vous vous demandez : « Qu'est-ce qui se passe là-bas ? Comment pourrais-je m'en servir ? Pourquoi est-ce que je l'utiliserais ? J'espère que vous avez compris pourquoi vous pourriez l'utiliser. C'est donc un exemple d' utilisation d'une grille ainsi que des marges et des colonnes d'une manière particulière. Tu es obligée de le faire ? Non Mais savoir cela dès le début de l' utilisation d'Indesign vous aidera, je pense, vraiment à faire bien meilleur travail, beaucoup, beaucoup plus rapidement l'exemple suivant, nous allons examiner un type de grille très spécifique utilisé dans certains types de documents, et il est bon que vous le sachiez également. 83. Créer des bulletins d'information et des dépliants avec InDesign 3/5: Poursuivant, j' examine les fonctionnalités de conception les plus avancées et celles que vous pourriez rencontrer en particulier . Nous allons parler ici de la grille de base, un type de grille très particulier. Mais juste avant cela, j' espère que vous pourrez recommencer à voir nous avons une structure de colonnes similaire ici, quelque chose d'intelligent est en train de se passer, de sorte que nous avons une colonne légèrement plus étroite que là Jetez-y un coup d'œil. Vous pouvez peut-être deviner ce qui se passe, mais je vais sortir du mode présentation et vous devriez voir. Encore une fois, deux colonnes là, puis une, deux , trois, quatre, cinq, six, une structure à huit colonnes, et nous utilisons là, trois là et deux là. Mais cette fois, les cadres sont individuels et ils sont liés entre eux, liés manuellement comme vous l'avez fait auparavant. Mais ce qui est différent ici, c' est cette grille en arrière-plan. C'est ce que l'on appelle la grille de référence dans le menu d'affichage situé sous les grilles et les guides Si je masque la grille de référence, disparaît, puis je peux choisir de l'afficher. Encore une fois, cela semble légèrement déroutant ou terrifiant lorsque vous le voyez pour la première fois Mais il y a quelque chose de très précis à ce sujet que vous devez savoir si vous comptez l'utiliser. Voici la première expérience de nombreuses personnes avec la grille de base. Ils sélectionneront du texte. Et s'ils changent la valeur principale, coup, tout devient complètement bizarre. OK. Laisse-moi le refaire. Ils sélectionnent du texte. Dès qu'ils changent la valeur principale, cela devient complètement étrange. Alors laissez-moi vous expliquer ce qui s'y passe. La grille de référence est un type particulier de grille, et elle est conçue pour maintenir le texte aligné sur les colonnes et sur les pages. Je peux donc vous garantir que ce texte ici, cette ligne de texte alignera cette ligne de texte, qui s'alignera également si nous pouvons compter sur mes yeux pour cette ligne de texte. Et c'est parce que si nous zoomons, faisons le court que vous avez appris la dernière fois, donc commande ou contrôle quatre et passons à autre commande plus commande plus plus plus plus plus plus plus plus plus plus plus plus. Vous pouvez voir que le texte se trouve sur cette ligne. Et comme il y a une ligne cohérente tout au long du document, tout s'intègre parfaitement. Cela repose donc sur une fonctionnalité particulière. Il s'agit d'un format de paragraphe ci-dessus, appelé grille de ligne vers ligne de base. Vous l'appliquez par paragraphe ou idéalement par style de paragraphe. Si j'ouvre mes styles de paragraphe, alors la fenêtre Styles de paragraphe. Donc, ce style de paragraphe, le retrait du corps, si je devais cliquer dessus avec le bouton droit de la souris et le modifier, sous retrait et espacement, il est écrit : «  Une ligne pour quadriller toutes les lignes, alors que la valeur par défaut serait aucune Ce n'est pas quelque chose que vous voudriez utiliser accidentellement. Cela doit être configuré. Il faut donc le configurer. Il y a deux choses que vous devez configurer. L'une concerne les styles de paragraphe, comme vous le voyez, vous devez dire qu'il s'adapte à la grille Mais l'autre point est que la grille doit avoir le bon espacement. Alors, quel espacement devrait-il être ? Eh bien, vous pouvez probablement le deviner ? C'est la principale valeur. Il s'agit principalement de la valeur principale de votre copie corporelle. Donc, comme le corps du texte ici est réglé sur une taille dix sur un début de 12, je dois m'assurer que ma grille de base est également configurée sur 12. Et pour vous montrer comment je l'ai fait, c'est dans les préférences. Maintenant, il s'agit de préférences situées à un emplacement différent sur un Mac par rapport à un PC. Donc, comme je suis sur un Mac, les préférences se trouvent à l'intérieur, dans le menu de conception, sous les préférences, alors que sur un PC, elles se trouvent sous édition puis dans préférences. Donc, quelle que soit la façon dont vous y arrivez, une fois que vous préférences, vous passez aux grilles. Et c'est le point clé ici. Il s'agit de l'incrémentation de chaque valeur qui doit être identique au début du corps de votre texte Je sais que c'est compliqué. Je sais qu'il y a beaucoup de terminologie là-dedans, mais c'est ainsi que c'est configuré. L'autre chose que j'ai faite quand je l'ai configurée, c'est dire que la grille commence dans la marge supérieure, donc vous ne la voyez pas depuis le haut de la page, vous la voyez juste dans la marge supérieure, ce qui est impressionnant. Attends une minute. Remettons ça en place. C'est pourquoi nous voyons la grille juste à l'intérieur de la marge. C'est donc une fonctionnalité formidable si vous voulez vraiment mettre les choses en ordre. Ainsi, pour certains types de documents sur lesquels vous devrez peut-être travailler, par exemple, si vous avez travaillé sur un rapport annuel, par exemple, ou sur un magazine, il se peut que la grille de référence soit utilisée. Je ne vous encourage pas nécessairement à l'utiliser, mais je pense que vous devez savoir qu'il existe. Enfin, le simple fait que la grille de référence existe ne signifie pas que tout le texte y est accroché Notez que ce paragraphe s' enclenche sur la première ligne, mais pas sur la seconde, si nous modifions ce style Et passez à l'index et à l'espacement, vous pouvez voir qu'il s'aligne uniquement sur la première Si je le désactive, vous remarquerez qu'une fois qu'il est éteint, il ne se casse pas du tout. que pour la première ligne, ça s'est cassé comme ça, ce qui est très beau, je trouve Mais si je faisais toutes les lignes, les deux lignes devraient se casser. Et c'est avec ces paragraphes ici parce que nous sommes en train de couper toutes les lignes Je te montre encore une fois. Parce qu'ils craquent tous. Au moment où je change la valeur principale, toute valeur supérieure à 12 jusqu'à 24 la fait passer sur deux lignes. Donc, même si je viens de faire 12.1, par exemple, cela doit passer à la ligne parce que le texte doit correspondre à la grille OK, c'est donc la grille de base. C'est ainsi que vous pourriez le rencontrer. Dans la vidéo suivante, je vais vous montrer comment cela est configuré. 84. Créer des bulletins d'information et des dépliants avec InDesign 4/5: Je vais donc vous montrer comment créer ce document à partir de zéro. Il y a deux choses principales. L'une d'elles est la grille de base. L'autre est qu'il s'agit d'un document de plusieurs pages. Entrons dans le vif du sujet. C'est un nouveau document. C'est un document imprimé, évidemment. Maintenant, aux États-Unis, vous pouvez utiliser la taille d'une lettre. Je vais utiliser Je suis au Royaume-Uni. Je vais utiliser un quatre. Nous n'avons pas encore fini de faire face aux documents, mais c'est ce que ce sera le cas. Nombre de pages Eh bien, cela pourrait être, disons, 12. Maintenant, le numéro de départ, je vais le laisser à un pour commencer, mais normalement, je pourrais le changer pour un document comme celui-ci. Plus d' informations à ce sujet plus tard. Cadre de texte principal, voulons-nous exactement le même texte sur toutes les pages liées entre elles pour un magazine ou une brochure plus flexible ? Absolument pas C'est ce que nous ne voulons donc pas. Mais pour ce qui est du nombre de colonnes, comme vous l'avez vu, nous en avons fait huit pour que cela reste agréable et flexible. Et le caniveau à colonne. Donc, la mesure de 4,233 ici, c'est l'équivalent de 12 points, donc 12 PT C'est pourquoi ce numéro standard revient encore et encore. Nous devons donc réfléchir ici à la police que nous utilisons. Allons-nous utiliser une avance de 12 points ? Et si nous le sommes et si nous le sommes, nous allons simplement garder cela. S'il devait y avoir 15 points d'avance, à l'intérieur, vous tapez 15 PT. Je vais juste le faire pour toi, 15 PT. Ensuite, lorsque vous cliquez sur l' un des autres champs, il est converti en millimètres. Maintenant, ce n'est évidemment pas ce que je veux, donc je vais faire 12 points, cliquer sur l'un des autres champs, et nous revenons à 12 points. 12 points, 12 points ou 4,233 millimètres. OK, maintenant les marges je les ai déterminées avant ce que je voulais. Mais si vous le faisiez vous-même à partir de zéro, vous utiliseriez l'aperçu. Je vais donc en utiliser 25 en haut. 20 Oh, déverrouillez-les pour qu' ils soient différents. 20 en bas, 15 à l'intérieur. Non, tu ne l'as pas encore vu, et 25 à l'extérieur. À l'intérieur comme à l'extérieur, nous n'en avons pas encore parlé, mais vous pouvez voir que c'est à peu près à cela que cela va ressembler. Appuyons donc sur Créer. Maintenant, d'abord, le problème que nous avons rencontré dans les pages, vous pouvez voir que cela semble un peu étrange sur la première page, mais c'est parce que si vous imaginez qu'il s'agit d'une brochure, alors, en fait, laissez-moi prendre une brochure. Il s'agit donc d'une sorte de document de magazine standard. Sur la première page se trouve à droite de la colonne vertébrale. La dernière page se trouve à gauche du dos. Vous ne voyez donc qu'une seule page au début et à la fin. Au milieu, vous voyez pages opposées à gauche et à droite de la colonne vertébrale. C'est donc ce qui se passe ici. première page et la dernière page sont des pages simples, mais toutes les autres pages du milieu sont ce que nous appelons des doubles pages. OK, c'est donc la configuration pour commencer. Et maintenant, la grille, comme décrit précédemment, se trouve dans les préférences. Ainsi, dans les préférences de conception sur le Mac, préférences d' édition sur le PC, puis les grilles, puis nous dirons qu' à partir de la marge supérieure, 0 millimètre, l'incrément est de 12 points Le seuil de vue, vous devrez peut-être l'ajuster si votre écran est particulièrement petit. Donc, dans mon cas, pouvez-vous voir ici que cela me montre cela à 83 % de taille lorsque je fais un zoom arrière Alors que s'il est indiqué 40 ou quelque chose comme ça, je réduis ce chiffre ici pour m'assurer que vous pouvez voir la grille à tout moment. Donc, si vous ne voyez pas la grille, retournez dans les préférences et réduisez ce chiffre. Appuyez sur OK. Cela dit, je ne peux pas voir le réseau, mais c'est parce que je ne l'ai pas allumé. Maintenant, les grilles de visualisation et les guides affichent la grille de base, et le tour est joué Il y a donc la grille, et c'est la partie délicate que vous avez vue ici. Nous avons configuré les pages opposées et la grille configurée. Dans la vidéo suivante, je vais vous montrer brièvement quelques informations sur le texte ici et aussi comment créer des numéros de page automatiques. C'est donc dans la vidéo suivante. 85. Créer des bulletins d'information et des dépliants avec InDesign 5/5: Pour en revenir à ce document que nous sommes en train de créer à partir de zéro, je voudrais vous montrer comment mettre un numéro de page automatique en bas de page, ce que vous avez peut-être vu ici. D'accord ? Donc 57 ici, 56 ici. Et si nous devions passer à la page suivante, encore une fois, vous verrez la même chose. C'est donc le genre de chose que vous pourriez certainement mettre sur la page principale. C'est donc ce que nous allons faire. Nous allons accéder à la page principale en double-cliquant là où il est écrit Amster, puis nous allons créer un cadre Je vais l'aligner en bas à gauche de la page comme ça Zoomez dans la commande 4, mon outil de saisie, cliquez dans le cadre vide. Maintenant, tout ce que je tape ici se trouvera sur chaque page de gauche, toutes ces pages ici. Maintenant, ce que je ne veux pas, c'est le même numéro. Ce que je veux, c'est un numéro flexible qui change. Et pour cela, vous allez taper, insérer un caractère spécial. conception comporte de nombreux caractères spéciaux, y compris des marqueurs, et c'est ce que nous voulons pour le numéro de page actuel. Quand je fais ça, ça dit juste A et ça dit A parce que nous sommes sur la page principale A. Alors qu'à la page deux, il est écrit deux contre quatre, je dirais quatre et ainsi de suite. ce qui est de savoir à quoi cela va ressembler, je vais m'en tenir à la configuration de base pour le moment. Lorsque nous aurons intégré des styles de paragraphe, je vais vous montrer comment nous pouvons le faire. C'est une bonne chose là-bas. Maintenant, un moyen rapide de faire un zoom arrière pour voir les deux côtés de la double page. Je vais d'abord vous montrer le chemin à parcourir dans le menu d'affichage. Vous pouvez choisir, en plus de Fit Page in window , que vous connaissez, mais vous devez maintenant connaître Fit spread in window. Raccourci étant commande ou contrôle et option ou Alt, zéro. OK. Bien sûr, avec mon outil de sélection, survolez mon bloc de texte, maintenez la touche Alt ou Option enfoncée, faites glisser le pointeur jusqu' à l'autre côté, en utilisant le guide intelligent vert et le guide intelligent rose pour l'aligner Et alors zoomez dessus. Il est donc exactement au bon endroit, mais, bien sûr, il est aligné vers la gauche. Je veux donc aligner cela sur la droite. Passez donc à l'outil de saisie, cliquez à l'intérieur, appuyez sur ce bouton ici pour vous aligner vers la droite. OK, maintenant le raccourci pour dézoomer. Donc, commandez ou contrôlez Modifier l'option zéro. Ensuite, si nous regardons, disons, pages deux et trois, les pages quatre et cinq, et ainsi de suite. Il s'agit donc d'un numéro de page automatique. Il se trouve sur la page principale. Chaque page de journal que vous avez lue, la plupart des pages de magazines que vous aurez lues, voici ce qui se passe en arrière-plan. C'est bon. Alors maintenant, je veux examiner quelques fonctionnalités en termes de styles de paragraphes. Maintenant, tu en sais déjà beaucoup. abord, je veux vous montrer comment nous pouvons intégrer certains styles de ce document dans notre nouveau document. J'aimerais donc bien les apporter, disons que je veux tous les apporter. Ce que je peux faire, c'est dans le panneau Styles de paragraphe, par exemple , charger tous les styles de texte, puis vous n'avez qu'à trouver le document sur lequel vous allez travailler ou à copier. C'est celui sur lequel je travaille. Et il répertorie tous les styles présents, et vous pouvez décocher ceux que vous ne voulez pas Et puis, lorsque vous appuyez sur OK, ils sont tous là. Ainsi, par exemple, je pourrais aller sur ma page principale et dire que vous allez utiliser le style de ligne de sangle et vous allez également utiliser le style de ligne de sangle. Bien que, bien sûr, cela ne tienne pas compte, je dois donc simplement annuler cela Ensuite, pour ce qui est de l'élaboration de ce document, rappelons-nous simplement à quoi il va ressembler. Nous avons ici un cadre qui ignore cette structure, comme j'essayais de le dire tout à l'heure Mettons donc six colonnes au-dessus des huit. Mettons-en un ici. C'est donc là que le réseau commence à devenir vraiment utile. Donc, nous allons en quelque sorte, d'accord, passons en revue six, quelque chose comme ça , sans savoir exactement à quelle profondeur cela doit être. Je vais opter pour le style du titre. Est-ce que je l'ai fait en deux lignes ? Ouais Ensuite, je peux appuyer sur Retour et je peux faire ma ligne de sangle. OK, super. Cela fonctionne à merveille. Ça n'a pas besoin d'être plus grand que ça. Vous remarquerez que les deux lignes de cette ligne sont alignées sur la grille et que la première ligne est alignée. Si je créais ce style à partir de zéro, souvenez-vous, vous souvenez-vous époque où nous avons envisagé créer des styles de paragraphe ? Nous avons effectué les quatre étapes. Nous avons fait. La première étape consistait à sélectionner le paragraphe entier. La deuxième étape a consisté à sélectionner le formatage des caractères. La troisième étape était le formatage des paragraphes, et c'est là que vous deviez choisir l'alignement sur la grille de référence. Enfin, vous transformez cela en style en montant là-haut. De toute évidence, nous n'avons pas besoin de le faire maintenant car cela a déjà été préfabriqué Vous en savez donc la plus grande partie. C'est juste un petit plus qui arrive. C'est donc une chose. Mais l'autre chose que je veux te montrer , c'est que parfois tu as besoin d' apprendre quelque chose de nouveau. Je veux vous montrer ici comment nous pouvons créer un drop cap. Je vais donc créer ici une zone de texte qui traverse trois. Et je vais juste utiliser le style body no indens pendant une minute et le remplir avec du texte d'espace réservé OK, donc c'est à ça que ça ressemblerait. Mais vous pouvez voir, évidemment, que pour diviser ce texte, j'ai besoin de quelques retraits , cela permet simplement à mes lecteurs de se concentrer plus facilement Ils peuvent passer au paragraphe suivant parce qu'ils peuvent le voir. Ce que je vais vous montrer en haut c'est ce qu'on appelle un Drop Cap. Maintenant, honnêtement, ces choses entrent et se démodent comme si personne ne regardait. 1 minute, ils sont magnifiques et avant-gardistes la minute suivante. Au cycle suivant, ils ont l'air vraiment démodés. Mais c'est ce qu'ils sont. Et ils sont conçus pour attirer votre attention sur le début du document. Et vous pouvez voir qu'il prend la première lettre et qu'il étale sur trois, quatre ou deux lignes. Donc, là encore, cette fonctionnalité est une fonctionnalité de paragraphe. Non, ça ne l'est pas. Désolée. Il s'agit d'une fonctionnalité de paragraphe, mais la façon dont vous le voyez est de l' attendre, de l'attendre ici. Délimitez le nombre de lignes, limitez le nombre de caractères. Mais une fois que vous l'aurez transformé en style de paragraphe, verrez que lorsque vous le modifierez se trouve ici, en majuscules et en styles imbriqués Vous pouvez donc voir si je voulais une ligne à quatre lignes, un drop cap ou cinq lignes, c'est comme ça que je ferais. Mais généralement, une fois que vous en avez configuré un, vous le laissez identique pour l'ensemble du document. C'est donc un drop cap. Ce que j'espère que vous pourrez commencer à voir ici, c'est vraiment ce que j'essaie de dire. Une fois que vous avez tous ces éléments en place, c'est comme si vous aviez un gigantesque set de Lego. Il suffit de dire : OK, eh bien, je vais avoir une image ici, par exemple, plutôt que d'y mettre une image, je vais juste la remplir de noir pour que vous puissiez la voir. Alors je veux un autre paragraphe ici. Je fais donc trois autres colonnes ici. Et, bien sûr, je veux que le texte circule d'ici à ici pour que je puisse le faire. Et cela aurait bien fonctionné si j'avais du texte réel, mais je vais juste le remplir à nouveau avec du texte d'espace réservé Et tout s'intègre parfaitement. Cela devient donc une chose avec laquelle vous pouvez vraiment commencer à jouer. D'après ma longue expérience dans ce domaine, tout dépend, à mon avis, de toute façon, si vous pouvez vous préparer à l'avance à ce dont vous pensez avoir besoin, à savoir toute façon, si vous pouvez vous préparer à l'avance à ce dont vous pensez le nombre de colonnes, la grille et tout le reste, les styles. Une fois cela fait, il est très rapide et facile de créer un document aussi complexe que celui-ci. Nous avons donc abordé pas mal de choses dans cette vidéo. Nous avons découvert plusieurs pages. Oh, je l'ai fait sur la page principale. Il y a une grosse erreur classique pour toi. J'ai mis toutes ces informations sur l'AMasterpage. Donc, regardez, c'est sur toutes ces pages de gauche. Je ne voulais pas faire ça. Donc très rapidement, je vais sélectionner tout cela, modifier et couper. Ensuite, assurez-vous que je suis sur la page, disons, deux, puis modifiez et collez sur place. Si tu as failli t'en tirer comme ça. OK. J'étais en train de dire quelque chose, qui était. Nous avons donc appris à faire face aux pages. C'est vraiment crucial. Nous avons découvert ces numéros de page, nous avons découvert la grille de base. Nous avons appris à emprunter styles de paragraphe à d' autres documents, puis à utiliser d'autres outils tels que Baseline Grid. Il y a tellement de choses avec lesquelles jouer. J'espère qu'au fur et à mesure que vous utiliserez ces fonctionnalités dans le design, cela deviendra de plus en plus facile, et que vous pourrez commencer à voir des choses et vous dire  : Oh, oui, je peux voir comment ils s'y prennent. Vous pouvez calculer le nombre de colonnes. Vous pouvez définir les fonctionnalités dans les styles de paragraphe, et votre expérience ne fera qu'une boule de neige. Alors bonne chance. 86. MODULE 20 : Créer des infographies avec Illustrator 1/9: Dans le cadre de ce cours, vous avez déjà appris à modifier des infographies existantes dans Illustrator, mais vous allez maintenant apprendre à les créer de toutes pièces. C'est donc le premier d'une série que nous allons faire. Tu le sais déjà. Cela semble assez difficile à faire, mais en fait c'est assez simple. Il vous suffit d'utiliser l'outil graphique, qui en existe plusieurs. Je vais choisir le graphique linéaire parce que je sais que c'est celui que je veux. Vous cliquez et faites glisser le pointeur pour créer ce qui deviendra un graphe présentant le bon type de forme Vous devez donc réfléchir à l'endroit où il sera positionné normalement dans le design. Pensez donc au cadre dans lequel vous allez le mettre. Et puis, lorsque vous relâchez la souris, vous obtenez cette fenêtre de données. Et ce que vous pouvez faire, c'est supprimer puis cliquer à nouveau sur cette première cellule. Et si vous connaissez les données que vous souhaitez saisir, vous pouvez les saisir, mais il est fort probable que vous les ayez dans une feuille de calcul comme Excel, par exemple Ce que j'ai, ce sont des chiffres sur le Mac , que j'ai ouvert ici, et ce sont les données que je veux utiliser. Donc, si vous avez un tableau vraiment complexe contenant de nombreux bits de données, il vous suffit de sélectionner les cellules pertinentes, comme je l'ai fait ici en cliquant et en faisant glisser puis en copiant Commande ou Contrôle C, puis en accédant à Illustrator et en plaçant votre curseur dans cette première cellule, faites Commande ou Contrôle V pour coller Appuyez ensuite sur cette petite coche, et vous verrez qu'elle le convertit en graphique. Voilà donc les données. Et si vous vouliez modifier les données, vous pouvez le faire. S'il s'agit de chiffres ici, vous devez les mettre entre guillemets pour qu'il sache qu' il s'agit d'une sorte de légende et non de données réelles. Mais une fois cela fait, il suffit d'appuyer sur le bouton de fermeture, puis il s'agit de le modifier. Nous avons donc déjà fait ce genre de choses, mais il ne s'agit pas de sélectionner l'ensemble du groupe, mais de désélectionner l'outil de sélection de groupe, de cliquer une fois, de cliquer Cela me donne toutes ces lignes, et je pourrais alors, disons, réduire le poids du trait, par exemple. Comme vous vous en souvenez peut-être, le travail principal que vous effectuez consiste à sélectionner l'ensemble du graphique et son graphe d'objets, taper, et vous pouvez choisir différentes choses. Ce n'est pas très flexible, mais vous pouvez modifier, par exemple, l'axe des valeurs Cela pourrait être le suffixe de degrés, disons. En fait, c'est juste en degrés C, par exemple. C'est ainsi que vous pouvez créer un graphique Illustrator simple. 87. Créer des infographies avec Illustrator 2/9: une autre façon d'afficher les mêmes données, comme nous l'avons déjà vu. Et en fait, tout ce que vous avez à faire pour que cela se produise, c'est en faire une copie. Eh bien, en fait, vous n' avez même pas besoin de faire une copie de votre graphe, mais si je fais une copie de celui-ci, vous allez sur Graphe d'objets et tapez. Si je change cela, disons qu'il n'y a pas d'aperçu. Malheureusement, vous pouvez voir qu'il affiche les données d'une manière différente. Ainsi, une fois que vous avez les données, vous pouvez en faire toutes sortes de choses, et parfois vous les laissez dans un format graphique standard. Mais parfois, vous pourriez finir par vous débarrasser de bits juste pour garder les barres, par exemple. Donc, si je voulais le faire, c'est-à-dire s'il s'agit de quelque chose un peu plus graphique et qui ressemble moins à un graphique, je vais simplement les déplacer. Ce que vous pourriez faire, c'est dissocier. Maintenant, dès que vous dissociez le groupe, vous perdez la connexion avec les données C'est ce que cela vous met en garde, ne le faites pas à moins d'avoir une copie de rechange. Mais si c'est le cas, pouvez-vous dissocier. Ensuite, avec l'outil de sélection de groupes, vous pouvez sélectionner différents bits et les supprimer. Je pourrais donc me débarrasser de tous ces bars, sauf ceux-là. Ensuite, je pourrai les déplacer. Je peux y mettre des chiffres. Je pourrais faire n'importe quoi. Ces graphiques sont donc parfois plus utiles qu' ils ne le semblent à première vue. Très brièvement, pour obtenir un diagramme circulaire, j'essayais de trouver un graphique à secteurs qui serait pertinent pour l' une de nos marques. Honnêtement, je n'arrivais pas à en trouver un. Vous pourriez en trouver un. Mais si vous choisissez l'outil graphique à secteurs, maintenez la touche Shift enfoncée pendant que vous faites glisser un carré, et supposons que vous ayez 2030 et 50. Lorsque vous appuyez sur la case, c'est ce qui se passe. va vous décevoir un peu Cela va vous décevoir un peu. Ce n'est pas vraiment ce que tu voulais. Si cela se produit, cela vaut parfois aussi pour les autres graphiques. Vous devez appuyer sur ce petit bouton ici et il renverse les données. Ensuite, lorsque vous appuyez sur Tick, vous obtenez le graphique à secteurs auquel vous vous attendiez peut-être. est donc parfois bon de disposer des données de cette façon, parfois il est bon de les avoir sous cette forme. La raison pour laquelle c'est une bonne chose est que si vous aviez des cercles représentant 20  %, 30 %, 50 %, par exemple, c'est un moyen rapide de les créer. Ces fonctionnalités associées à l'outil graphique ne sont pas les plus intuitives, mais elles peuvent être très utiles. C'est un peu plus une question de graphes. Ensuite, nous allons voir comment nous pourrions créer des choses à partir de zéro. 88. Créer des infographies avec Illustrator 3/9: infographie est l'un de ces termes qui signifient différentes choses pour différentes personnes Parfois, il s'agit de données pures, parfois d'une jolie image. À mon avis, c'est quelque chose qui essaie de rendre choses vraiment claires au moyen d'un graphique. Ce que vous pouvez voir ici en est, je l' espère, un bon exemple. concerne l'énergie des centrales, nous pourrions vouloir, par exemple, qu'une centrale précise qu'elle a besoin d'une certaine quantité de soleil, d'une certaine quantité d'eau, et que nous n'avons pas besoin de spécifier millimètres ou les heures de la journée. Il suffit de spécifier un à cinq, par exemple. Voici quelques façons de le faire. L'un avec des cercles et des mots et l'autre avec des icônes. Il n'y a donc rien de trop difficile ici, mais je veux vous montrer quelques approches différentes. Tout d'abord, j'ai utilisé la grille ici. C'est donc une façon de le faire. Donc, la façon dont je l'ai fait était simplement afficher la grille , puis d'en prendre une Si c'est le cas, lorsque je crée, cela peut être un rectangle, cela peut être un cercle, fait un cercle parce que je pensais que c'était un peu plus beau. Je cliquerais et je glisserais que tout s'accroche à la grille. Vous remarquerez qu'il doit s'accrocher à la grille, nous obtenons donc un joli cercle. J'ai cette couleur parce que je l'ai déjà utilisée. Donne-nous celui-ci. Mais je pourrais choisir n'importe laquelle des autres selon les directives de la marque. Laisse-moi choisir ça. Ce que j'ai également fait, c'est que j'ai choisi un trait de bordure blanche, je dois dire. Maintenant, cela ne sera pas visible, je suppose, mais je l'ai fait juste pour laisser un peu plus d'espace autour du bord, ce qui est utile si vous utilisez la grille, si c'est ce que vous voulez. Sans cela, il n'y aurait aucun écart entre eux. C'est pourquoi j' ai un trait blanc. Je pourrais donc créer un autre en utilisant exactement la même technique. Je peux donc en avoir trois ou cinq ou peu importe. C'est donc facile et agréable. Si nous regardons cela sans la grille, si je la cache, vous pouvez voir que l'écart existe à cause du trait. Si je les sélectionnais tous les trois, montais le trait ici et que je le réduisais, vous verrez l'écart se réduire. Et puis, quand il n'y a pas d'accident vasculaire cérébral, ils se touchent. C'est ce que j' essayais d'éviter. C'est donc une façon de procéder, et comme vous pouvez le constater, elle est relativement simple. Au moins, il a une forme parfaitement circulaire ou carrée. Et ici, bien sûr, je viens de créer quelques textes que j'ai alignés. Le problème avec l'alignement lorsque vous avez activé un snap to grid c'est qu'il veut s'accrocher à l'une de ces lignes de quadrillage. Donc, si j'essaie de le déplacer, il va prendre l'une de ces positions. Comme vous le verrez, cela n'aide pas. Donc, si vous utilisez la grille, vous devrez continuer à activer ou désactiver l'activation de la grille Et le raccourci clavier ici vaut la peine d'être appris si vous voulez en faire beaucoup. C'est donc particulièrement délicat si vous utilisez cette approche ici. Vous les avez donc peut-être déjà reconnus. Je les ai téléchargés à partir de nos anciennes icônes préférées. D'autres places sont disponibles. J'ai donc essayé différentes choses, comme le nuage, la bruine, le soleil et ainsi de suite, qui se trouve quelque part en bas J'utilise presque celui-ci, mais je crois qu'il y a un soleil juste en bas, mais je ne le ferai pas. Nous y voilà. Voilà, c'est là. Je les ai donc téléchargés. Je les ai ouverts dans Illustrator, celui-ci, par exemple, et je l'ai copié, puis je l'ai collé. Si je le fais à nouveau, comme celui-ci, par exemple, et je l'ai copié, puis je l'ai collé. Si je le fais à nouveau, je le sélectionne, je le copie Et collez. Donc commande C pour copier, commande V pour coller. Donc, le problème que j'ai ici, c'est que si je le sélectionne et que j'essaie de le redimensionner avec Snap to Grid, ça va être horrible, comme vous pouvez probablement le constater. Une meilleure approche consiste donc à ne pas le faire réellement. Donc, si je désactive Snap to Grid, utilise simplement la touche Shift pour obtenir la taille que je veux et obtenir la position que je veux, à peu près comme ça. Pendant que j'y suis, laisse-moi changer de couleur. Disons le trait du noir au vert foncé. Je l'aime bien avec le centre blanc. Mais si vous vouliez changer cela, vous pouvez probablement deviner que vous utilisez l'outil de sélection de groupes, cliquez dessus, puis que vous appuyez sur ce petit bouton pour inverser la tendance. Donc, ce que je peux faire, c'est sélectionner le tout et le regrouper dans un groupe d'objets. Puis maintenez les touches Alt et Shift enfoncées. Ça devient un peu gênant. Et j'en fais une comme ça. Je viens de faire une copie. Ensuite, si je fais la commande D, elle répète la dernière chose que j'ai faite, I E, déplacer et copier, afin je puisse en créer autant que je le souhaite Cela fonctionne également vers le bas. Donc, si je voulais en avoir, disons, trois vers le bas, maintenez les touches Alt et Shift enfoncées Et encore une fois, je pourrais le faire. C'est donc une façon beaucoup plus simple d'utiliser la grille sans y accéder Et encore une fois, utilisez des icônes ou des cercles pour créer vos propres infographies à partir de zéro 89. Créer des infographies avec Illustrator 4/9: Dans la vidéo précédente, nous avons examiné brièvement la grille, et vous avez peut-être eu l'impression qu'elle n'était pas vraiment utile. Mais je voudrais en quelque sorte contredire cela avec ce que vous allez voir maintenant C'est donc un exemple de quelque chose qui pourrait se retrouver sur les réseaux sociaux. Mais, pour être honnête avec vous, je n'ai pas pris la bonne décision. Je l'ai créé en quelque sorte alors que je réfléchissais à quelque chose à créer pour le cours. Ce n'est donc pas exactement le bon côté. Mais ce que j'ai fait ici, je pense que vous trouverez utile, c'est d'utiliser la grille, et j'ai utilisé certaines informations que j'ai obtenues en ligne sur les différents ratios de café, que ce soit le cappuccino, le latte, le flat white, etc. Et je veux vous montrer comment vous pouvez transformer ce type de données en une infographie que vous créez entièrement à partir de zéro J'ai donc pris les pourcentages. Ainsi, par exemple, un expresso est simplement du café. Mais le café au lait, par exemple, coûte 80 %. C'est quoi ça ? Lait cuit à la vapeur et 20 % de café Et je suis parti de là et j'ai réglé ces différentes choses. Je veux vous montrer comment je les ai réellement créés. Je vais donc simplement le supprimer et créer celui-ci. Donc, la première chose à faire est de vous montrer la couche d'arrière-plan. Je vais juste le cacher pour que vous ne puissiez pas le voir car cela interrompt la vue de la grille Maintenant, le réseau est là. La façon dont je l'ai créée était de cliquer et de faire glisser pour créer ma forme comme ça. Et puis avec l'outil de sélection directe, si je zoome un peu. Donc, je n'en ai pas trop parlé avec l'outil de sélection directe , mais en gros, vous pouvez cliquer et faire glisser le pointeur pour déplacer des points individuels. Et dans mon cas, maintenant, parce que la grille est connectée, je dois me connecter à un point précis la grille. C'est donc ce qui se passe là-bas. Ce que je veux faire, cependant, c'est sélectionner ce point d'ancrage. Notez que le bleu foncé signifie qu'il est sélectionné. Et si je maintiens la touche Shift enfoncée que je clique également sur celui-ci, ces deux points d'ancrage sont sélectionnés. Non seulement cela, mais vous devriez être en mesure de voir il existe une petite sorte de cible et qu' il s' agit d'une fonctionnalité relativement nouvelle dans Illustrator. C'est une façon de prendre le virage. Je peux donc arrondir ce bout tout en le laissant carré, ce qui est vraiment sympa. Ça me donne ce que je recherche pour le café. C'est le genre de problème si je fais un zoom arrière maintenant. Maintenant, il suffit de prendre les pourcentages que j'ai trouvés Donc, comme vous pouvez le voir, nous en avons deux, trois et cinq. Cela nous donne donc jusqu'à 100 %. Donc celui d'ici, qu'est-ce que c'était un, deux, trois, ça fait 40 %. De l'eau. Americano, 40 % eau, 20 % café Il suffit de cliquer sur un, deux, trois, quatre et en travers, puis nous changeons la couleur pour qu'elle soit là, ce qui est probablement utile si j'utilise simplement le compte-gouttes et C'est donc un peu aussi simple que ça. Et bien sûr, si vous vous rendez compte que vous voulez changer le numéro, moyen le plus simple de le faire est d' activer le boîtier de délimitation, que j'ai désactivé précédemment, et vous n'aurez qu'à sélectionner celui qui se trouve le plus proche Si c'est la moitié de cela, et évidemment, vous ne voudriez pas qu'il se déclenche, il vous suffit de désactiver le snap et de le faire à l'œil nu comme ça. J'espère donc que vous en savez suffisamment sur Illustrator et que vous êtes suffisamment confiant pour pouvoir le faire fonctionner. Il s' agit essentiellement d'utiliser la grille, et je viens de remarquer que c'est mon cas, la grille. Je ne l'ai pas utilisé correctement. Je n'ai pas assez zoomé. Cela aurait donc dû être un peu plus large. J'aurais donc probablement besoin de le créer à partir de zéro. Le plus difficile est donc d' obtenir toutes ces informations, d' en obtenir le bon nombre, de trouver les lacunes, etc. Cela peut prendre un peu de temps. Quand je dis que cela peut prendre un peu de temps, je veux dire que vous pouvez en créer quatre, puis vous rendre compte qu'ils doivent être plus larges, sorte que vous vous retrouverez avec un simple Select. Oh, vous pouvez voir qu'en fait, ce que je devais faire, c'était en avoir un autre blanc. Alors laisse-moi faire ce dernier effort. Faites-le monter d'un cran, puis échantillonnez. Je vais appuyer sur la touche en forme d'œil, raccourci vers le compte-gouttes Laisse-moi partir, ce genre de choses. Mais oui, si je voulais, disons, avoir quatre au lieu de cinq, alors peut-être que je vais me débarrasser de celui-ci. C'est le déclencheur, j' espère que cela fonctionnera. Je vais à nouveau cacher la grille. Assurez-vous simplement de maintenir la touche Shift enfoncée pendant que je fais glisser le pointeur pour l'espacement soit le même et que tout soit aligné Ça a l'air correct, je pense. Maintenant, je sélectionnerais tout cela et le texte puis je cliquerais avec le bouton Maj pour les faire passer . Vous pouvez voir que j'ai sélectionné le texte en haut par inadvertance Cela nécessiterait donc, bien entendu, une refonte majeure. Il faudrait que je le réduise. Il faudrait que je les déplace vers le bas. Mais c'est le genre de difficulté à faire en sorte que plus de choses s'adaptent ou qu'il en faut moins Je ne vais donc pas vous faire perdre votre temps en finissant complètement cela, mais j'espère que cela suffira. Je vais juste annuler cela pour que vous puissiez voir comment la grille peut être utilisée de manière beaucoup plus créative. À mon avis, les meilleures infographies sont souvent créées à partir de zéro, en utilisant un peu de réflexion, en prenant les données et en se demandant comment pourrions-nous les représenter ? J'aurais dû dire que ce sont des tasses à café, si vous ne l'avez pas compris au début. Nous y voilà donc. C'est une autre façon de créer des infographies, un peu mathématiques, en utilisant des chiffres, en utilisant la grille Mais si vous pouvez le faire, vos infographies seront bien plus intéressantes, je m'y risquerais, que la plupart des infographies prêtes à l'emploi. 90. Créer des infographies avec Illustrator 5/9: Si vous regardez mon écran ici, vous verrez la dernière chose que nous allons créer dans Illustrator. Maintenant, honnêtement, c'est assez avancé, et il vous faudra peut-être quelques essais pour commencer à vous y habituer. Mais je voulais vous montrer ceci en partie parce que je trouve que c'est un très bel exemple du genre de choses que vous pouvez créer dans Illustrator, mais aussi parce qu'il utilise quelques techniques qui, bien que avancées, sont vraiment très bonnes car elles offrent nombreuses possibilités que vous pouvez utiliser. Je vais donc commencer à le configurer dans une seconde. Mais juste pour vous montrer où nous voulons aller, nous allons créer un document de la taille d'Instagram, puis vous allez apprendre à créer des textes qui tournent en cercle, mais d' une manière différente qui ouvre de nombreuses autres options. Il s'agit d'une technique de transformation plus avancée, puis vous allez apprendre à combiner des formes de différentes manières, notamment à les créer. Nous allons donc prendre quelques vidéos, mais j'espère qu'à la fin, vous aurez une très bonne idée des fonctionnalités plus avancées et vraiment créatives d' Illustrator que vous pouvez utiliser. 91. Créer des infographies avec Illustrator 6/9: OK, comme vous le savez, c'est ce que nous allons créer. Donc, tout d'abord, la façon dont j'ai obtenu la taille pour cela était encore une fois dans mon guide de mise à jour Quick Sprout Ways sur tailles d'image sur les réseaux sociaux dans leur Google Doc, que je peux faire Je vais en faire une. C'est 1080 par 1080. Évidemment, c'est carré, et c'est pour l'application Instagram. Donc, dans Illustrator, je souhaite créer un nouveau document. J'ai différentes tailles que je peux choisir, dont le Web. Il y a quelques préréglages ici, mais je connais la taille que je veux, donc je vais simplement le taper ici Tournez 80 à 1080. C'est tout ce que je vais faire, appuyer sur Créer. Ensuite, je vais utiliser mes couches. Il y a la première couche. Je vais double-cliquer, le changer BG pour l'arrière-plan, et je vais créer un rectangle, un peu comme nous le ferions dans le design, qui traverse toute la surface, et je vais utiliser cette couleur là, puis j'utiliserai le raccourci. Je vais donc placer le trait vers l'avant avec la touche X, la touche barre oblique pour ne rien faire, puis de nouveau X pour ramener le remplissage au premier plan Je me le rappelle juste avec le film d'arrivée. Ai-je la bonne couleur, oui. OK. Bon début. C'est vrai. Il y a donc un peu de contexte. C'est fait, je vais donc verrouiller la couche maintenant. OK, donc je pense que nous allons surtout jouer avec des trucs entre les deux Je vais donc placer l'autre texte et le logo sur une couche séparée afin de pouvoir verrouiller, éliminer tout cela. Je vais donc en faire une autre couche. Je vais appeler ce texte et ce logo, qui peut sembler évident, mais je pense que c'est une bonne idée nommer ces éléments de telle sorte que lorsque vous les examinerez dans quelques mois ou peu importe et que vous vous demanderez ce qu'il y a sur quelle couche, vous sachiez quelques mois ou peu importe et que vous vous demanderez ce qu'il y a sur quelle en quelque sorte ce qui se passe. Donc, si nous regardons le texte terminé, vous pouvez le voir, appelé le texte ici. Nous avons le logo ici, et vous savez comment créer ce truc, donc je ne vais pas vous faire perdre votre temps à le relire. Ce que je vais faire à la place, c'est vous montrer quelque chose dont vous auriez pu deviner qu'il se trouve dans Illustrator Si je sélectionne mon logo à l'aide de l'outil de sélection et que je le modifie et que je le copie, lorsque je le modifie, je peux le coller sur place, ce que je pense vous avoir montré dans InDesign, afin qu'il soit placé dans la bonne position Évidemment, uniquement s'il s'agit d'un document de la même taille, mais c'est le cas, donc c'est parfait. Je vais faire la même commande C. Command Shift V pour coller sur place. Nous y voilà. C'est tout ce qui a été mis en place. Nous allons maintenant parler d'un guide. Verrouillez cette couche, créez une nouvelle couche appelée guide. Les guides sont excellents avec Illustrator. Ils ne sont pas souvent utilisés, mais quand vous en avez besoin, ils sont excellents. Je ne pense pas que vous verrez au début pourquoi nous l'utilisons, mais j'espère que cela deviendra évident au fur et à mesure que nous aborderons ce que nous créons. Donc ce que je veux, c'est un cercle. Je veux qu'il soit aligné au milieu de la page. Une façon de le faire que vous ne connaissez pas encore est d'utiliser la commande ou le contrôle Y. Cela vous amène en mode plan Aperçu de l'avis ici. Cela vous donne cette toute petite chose ici, qui ressemble à de la saleté sur mon écran, mais qui représente le centre de toutes les formes de taille normale, les cercles, les carrés, etc. Je vais donc utiliser mon outil Ellips caché sous l'outil rectangle Je vais aligner mon curseur au centre pour remarquer qu' il s' enclenche alors que les guides intelligents sont activés Maintenez la touche Ted optionnelle enfoncée, puis cliquez et faites glisser, et je crée maintenant un ovale aligné et sortant du centre. Si je maintiens également la touche Shift enfoncée, cela forme un cercle. Je vais en quelque sorte le positionner là où je le veux à peu près. Et puis quand je relâche d' abord la souris , puis les touches, j'ai un cercle parfaitement dimensionné à la taille que je souhaite, et il est parfaitement aligné jusqu'au milieu de la page, ce qui est génial. Lorsque j'exécute à nouveau la commande Y pour revenir en mode aperçu et juste pendant que nous sommes dans le menu d'affichage, vous pouvez également passer au plan et à l'aperçu. Vous verrez qu'il est en fait blanc. Maintenant, cela n'a pas d'importance parce que je vais en faire ce qu' on appelle un guide. Le raccourci est donc Commande ou Contrôle 5, mais le plus simple est de visualiser les guides, de créer des guides. C'est ce qu'on appelle un guide que nous pouvons utiliser. L'avantage du guide, c'est que vous pouvez aligner les éléments dessus, mais il n'apparaît pas lorsque vous imprimez ou lorsque vous créez un graphique à partir de celui-ci. Très utile, comme vous le verrez. Maintenant, le truc avec les guides, c'est qu'ils sont soit verrous, soit ils ne le sont pas, selon le réglage. Si je déverrouille des guides, je peux maintenant les repositionner et les déplacer où je veux Mais si vous ne pouvez pas le déplacer, c'est parce qu'il est verrouillé. Ce que je préfère faire, c'est que si vous les placez sur une couche séparée comme je l'ai fait, je n'ai pas besoin d' utiliser cette commande. Je peux simplement le laisser déverrouillé là, mais je peux simplement le verrouiller depuis le menu et je peux voir s'il est verrouillé ou non. Alors maintenant c'est verrouillé. Je ne peux pas le sélectionner, mais je peux toujours y ajouter des éléments, ce qui, comme vous le verrez, sera très utile dans la prochaine leçon. 92. Créer des infographies avec Illustrator 7/9: OK, nous sommes donc en train de créer cette infographie, nous avons configuré le document de la bonne taille, nous avons configuré quelques couches, et plus récemment, nous avons créé une couche de guidage, et vous allez maintenant voir l'une des manières dont cela va être utile Alors, c'est ici. Et nous allons apprendre une autre façon de mettre du texte en cercle, mais parfois vous voulez que les choses soient très, très précises. Donc, par exemple, ici, je veux m' assurer qu'ils vont exactement correspondre à ceux-ci. En gros, il y a 12 mois par an et j'ai besoin ils soient espacés de 12 mois, si c'est un mot que je peux prononcer La façon dont je vais le faire est utiliser mon outil de saisie. En fait, avant cela, créons une nouvelle couche. Ça va être des mois, je vais dire que ça va prendre des mois. Tu l'appelles comme tu veux, mais des mois. Nous le savons donc, car ce sont les mois qui passent. Maintenant, le bleu moyen n'est pas très bon car il ne s'harmonise pas très bien avec l'arrière-plan. Alors allons-y avec le rouge. D'accord. Il est important qu'il se trouve sur une nouvelle couche afin de ne pas cliquer accidentellement sur autre chose. Ils sont donc tous verrouillés. C'est parfait Ceci est déverrouillé. OK, donc je veux juste cliquer une fois, puis je vais taper la lettre J pour janvier. Je vais le sélectionner et je vais choisir la police de la marque, qui est Futura PT bold Je ne suis pas sûr de la taille, mais essayons peut-être quelque chose comme 30. Ensuite, je vais le garder aligné à gauche. Le boîtier de délimitation est allumé la dernière fois que je l'ai utilisé, alors désactivons-le. Maintenant que la zone de délimitation est désactivée, vous pouvez voir beaucoup plus clairement, surtout si je zoome sur le point d'ancrage. Maintenant, le point d'ancrage, je veux qu'il soit aligné avec le milieu. Si j'ai de la chance, je peux simplement cliquer et faire glisser le pointeur pour le faire, comme vous pouvez le constater. Le guide intelligent est relié au centre de ce guide. C'est là que le guide est utile. Maintenant, en gardant les choses droites, je peux m'aligner avec l' extérieur du cercle. Mon point d'ancrage est aligné au milieu. Mon texte est aligné à gauche, donc il n'est pas tout à fait aligné. Mais si je le centre, cela fonctionne parfaitement. Bien que je pense que plus tard, il semble mieux centré, aligné à gauche, mais nous verrons cela plus tard. Alors, on y va. C'est ça. Mais je voulais être blanc. Alors laissez-moi juste que c'est toujours sélectionné, alors laissez-moi changer la couleur en blanc. OK, donc c'est janvier. Mais comme vous le savez, je veux obtenir tous les mois de l' année, nous n'en avons pas besoin de tous, mais je dois tous les créer parce que je dois tous les obtenir en 12e position. Auparavant, dans le cours, vous m'avez vu double-cliquer sur l'outil de mise à l'échelle, et vous m'avez vu double-cliquer sur l'outil Rotation, et vous l'avez fait vous-même, j'imagine lorsque nous étions en train vous m'avez vu double-cliquer sur l'outil de mise à l'échelle, et vous m'avez vu double-cliquer sur l'outil Rotation, et vous l'avez fait vous-même, de créer des modèles. Ainsi, lorsque vous double-cliquez sur ces outils, ils vous permettent de faire pivoter ou de redimensionner des éléments. Mais ils font pivoter ou redimensionner les objets à partir de ce que l'on appelle le point d'origine, qui se trouve par défaut, dans ce cas, sur le point d'ancrage. Maintenant, je ne veux pas faire ça. Je veux en créer 12 autour du cercle. Donc, avec mon outil de rotation, je vais maintenir la touche T ou option enfoncée , puis cliquer une fois sur ce guide central. Je l'ai déjà fait, donc j'ai trouvé le bon chiffre, mais vous vous souvenez peut-être que lorsque vous avez étudié la géométrie à l'école, il y a 360 degrés dans un cercle. Si vous n'avez jamais étudié cela, laissez-moi vous dire qu'il y a 360 degrés dans un cercle. Si vous appuyez sur la touche barre oblique, cela divise. Ensuite, nous en faisons 12 parce que nous voulons 12 de ces choses. Ensuite, si vous appuyez sur l'aperçu, il vous montrera ce qu'il va faire. Il fera donc une rotation de 30 degrés, ce qui signifie que si vous faites 30 fois 12, vous obtenez 360 degrés. Vous le saviez peut-être déjà. Mais c'est ce que nous voulons. Mais plutôt que d'appuyer sur OK, si nous copions, nous avons maintenant une copie identique, mais elle est tournée autour de ce point médian, puis nous devons le faire 11 fois de plus, ce qui pourrait vous sembler très fastidieux, vous avez raison, ce Mais ce que vous pouvez faire à la place, c'est commande D à plusieurs reprises, car commande D est le raccourci pour « objet », « transformer », «   transformer » à nouveau. Et la dernière transformation que vous avez faite, dans notre cas, en tournant autour de ce point médian, une copie à 30 degrés. De toute évidence, c'est assez complexe. Il le fait juste pour toi. C'est donc tout ce que nous devons faire. Cela dit, nous devons maintenant les remplacer par les lettres des mois. Cela peut donc être un peu compliqué, et c'est l'une des raisons pour lesquelles il est bon de l'avoir sur une couche séparée afin de ne pas sélectionner autre chose accidentellement Parce que, comme vous l' avez peut-être déjà découvert, lorsque vous utilisez l'outil de saisie, vous pouvez l'utiliser pour plusieurs choses. Vous pouvez cliquer ici et cela créera un tout nouveau type d'objet utilisant le jargon, ce que nous ne voulons pas Ce que vous voulez essayer de faire, c'est de cliquer très soigneusement sur le type. Si vous vous en approchez suffisamment, cela suppose que vous voulez le modifier, ce que nous voulons bien sûr faire. C'était en janvier. Je le sélectionne maintenant et je vais faire un F majuscule pour février et encore une fois, cliquer très attentivement, faire glisser le pointeur pour le mois de mars. Il est donc utile de prendre votre temps ici. Ne vous précipitez pas. Il suffit de cliquer avec soin, de faire une pause, attendre que le curseur apparaisse. D'accord. Je vais donc accélérer les choses à moins que vous ne le fassiez. Oui, je vais accélérer. C'est bon. J' ai donc tous ceux-là. Je n'ai pas changé celui-ci parce que je ne veux pas le mois de décembre de toute façon Je vais donc cliquer dessus, le supprimer, et je vais les supprimer également. Parce que ce que nous imaginons ici concerne ce graphique en particulier, c'est What's in season, et nous commençons, je crois que je commençais en avril Encore une fois, j'ai simplement cherché sur Google, vous savez, ce qui est en saison à un moment donné et j'ai trouvé les informations que je vais transformer en infographie, ce qui est bien sûr le but des infographies pour présenter les informations d'une manière facile à digérer et intéressante digérer Très bien, donc c'est parfaitement aligné autour du cercle. Si je cache le guide, vous verrez qu'il est là, qu'il soit là ou non. En fait, je pense que les textes sont un peu petits, donc c'est facile à faire, car comme ils se trouvent tous sur le même calque et qu'il n'y a rien d'autre sur le calque, je peux simplement cliquer et faire glisser le pointeur sur tout cela. Et puis augmentez simplement la taille. La seule chose à laquelle je pense maintenant, c' est que le logo est soit deux, doit être un peu plus petit, soit que le guide et tous ces autres éléments doivent être déplacés vers le haut. Donc, ce que je vais faire, c'est déplacer le tout vers le haut, parce que c'est probablement la chose un peu plus compliquée que vous pourriez avoir à faire Donc, si je m'assure que la couche du mois est déverrouillée et que la couche guide est déverrouillée, je peux cliquer et faire glisser tout cela Je vais juste utiliser la flèche vers le haut. Quelques fois. Maintenant, si vous essayez de le faire vous-même et que le guide ne bouge pas, c'est parce que vous vous souvenez que dans la vue, les hommes peuvent le verrouiller indépendamment. Donc, si c'était le cas, il serait écrit « guide de déverrouillage », et c'est ce que vous choisiriez en premier. OK, donc ça a l'air mieux. Alors maintenant, je vais les verrouiller tous les deux parce que je n'en ai plus besoin. Ensuite, la prochaine chose que nous allons apprendre, c'est comment nous le créons. 93. Créer des infographies avec Illustrator 8/9: Bien, avant de vous montrer comment créer cela, il y a une grande théorie qui sous-tend tout cela. Je vais donc juste cacher tout ça pendant une seconde et travailler sur ce genre de page vide. Je vais juste déverrouiller l'arrière-plan pour pouvoir travailler dessus. Donc, si j'avais, disons, un cercle et que je voulais le couper en deux, une façon de le faire est de sélectionner également une autre forme. Disons un rectangle. Vous sélectionnez les deux formes. La première forme est donc sélectionnée. Maintenez la touche Shift enfoncée, cliquez sur l'autre. Ensuite, vous choisissez cet outil incroyable appelé outil de création de formes. Maintenant, regardez ce qui se passe lorsque je passe en revue les différentes zones ici. Il reconnaît les endroits où les formes se chevauchent. Donc, une façon d'utiliser cet outil est que si vous maintenez la touche Alt enfoncée, regardez simplement mon curseur. Cela passe d'un plus à un moins, ce qui signifie que je peux cliquer et faire glisser le pointeur sur ces deux formes pour qu'elles soient supprimées. C'est donc un moyen très rapide de créer, disons, un demi-cercle Donc, pour aller plus loin, si je disais, en fait, que je veux un quart de cercle, je pourrais refaire la même chose. Je pourrais créer cette autre forme ici, sélectionnant les deux formes. Cela a-t-il fonctionné ? Non, alors cliquez sur le premier, Shift, cliquez sur le second. Et encore une fois, à l'aide du Shape Builder, maintenez la touche d' option Modifier enfoncée, faites simplement glisser le pointeur pour supprimer celles que vous ne voulez pas. C'est donc une technique vraiment essentielle pour toutes sortes de choses que vous pourriez vouloir créer. Vous connaissez donc les cercles, les triangles et les polygones vous savez comment les créer dans Ce que vous pouvez essayer de faire maintenant, c'est les combiner de différentes manières. Vous pouvez donc soustraire des formes les unes aux autres. Vous pouvez également ajouter des formes ensemble, peut-être juste un autre exemple rapide. Disons que nous avions un polygone. Maintenez la touche Shift enfoncée. Qu'est-ce que je pourrais vouloir en faire ? Supposons que je Waouh, je suppose que ça va avoir l'air nul, mais imaginons que je voulais une forme composée de ces deux éléments. Je pourrais sélectionner Shift Click pour les sélectionner tous les deux, et je pourrais utiliser cet outil. Je pourrais juste les parcourir. Il ne s'agit donc plus que d'une forme. C'est vraiment facile à faire. Donc, un exemple extrême de cela est ce que vous me voyez appeler ce type d' infographie ici Nous allons donc voir comment nous procédons. Alors laisse-moi juste verrouiller ces couches. Désolé, permettez-moi de vous montrer ces couches, assurer qu'elles sont toutes verrouillées, y compris l'arrière-plan, et de créer une nouvelle couche. Ce que j'appellerai des formes, je crois. Assurez-vous que la couleur d'arrière-plan ne correspond pas. C'est assez louche, mais je pourrais opter pour l'or. Je pense que cela pourrait mieux fonctionner. OK, assurez-vous que la couche se trouve dans un endroit utile. Je vais le mettre devant. Nous y voilà. Sélectionné. OK, l'outil que nous allons utiliser est celui-ci. Oups La grille polaire. Maintenant, il est enterré sous l'outil de segmentation de ligne. Maintenant, la dernière fois que je l'ai utilisé, je l'ai configuré pour m'entraîner, afin qu'il se souvienne de mes paramètres. Mais je vais vous montrer ce qui se passe lorsque vous cliquez normalement. Je vais donc cliquer sur le centre, maintenir la touche Modifier enfoncée et faire glisser le pointeur vers l'extérieur Et comme vous pouvez le constater, nous allons nous retrouver avec quelque chose qui ressemble un peu je vais lâcher prise et vous verrez. C'est en quelque sorte ce que nous allons créer. Nous allons remplir différentes couleurs ici. Mais ce n'est pas normalement par là que vous commencez. Je vais donc le supprimer . OK, je vais juste vous montrer le bout de la page. Ainsi, lorsque vous cliquez et faites glisser , il se souvient des paramètres que j'ai utilisés, mais il est plus probable que lorsque vous l'utilisez, vous obteniez quelque chose d'un peu plus semblable. Alors laissez-moi vous montrer ce qui se passe ici. Lorsque la souris est enfoncée, chaque fois que vous cliquez sur la flèche droite, pouvez-vous voir que vous obtenez une autre part de gâteau ? Cliquez sur la flèche gauche, vous en obtenez une de moins. Donc ça fait quatre sections, cinq, six, sept, huit, neuf, dix, 11, 12. 12, nous voulons parce que nous avons 12 mois. C'est cette partie. Et puis les cercles, les cercles concentriques, les flèches vers le haut et vers le bas. J'adore la façon dont les ambulances choisissent de passer lorsque je suis au milieu de mes vidéos, de toute façon, vous pouvez probablement les entendre. Peut-être que tu ne peux pas, il y en a cinq. Peu importe le nombre que j'en ai. Tant que j'en ai assez pour couvrir les différents légumes, je pense qu'il y en avait cinq. Quelque chose comme ça devrait fonctionner. Donc, si je maintenais la touche Shift enfoncée maintenant, j'ai la taille parfaite. Désolé, la taille est fausse, mais j'ai le bon nombre de lignes et le bon nombre de cercles. C'est ce que tu devras faire. Donc, ce que je vous suggère de faire, c'est de configurer cette configuration, puis de lâcher la souris, puis de la supprimer. Mais en utilisant le même outil, il mémorisera ces paramètres, puis vous pourrez vous placer au milieu, vous aligner sur votre guide, maintenir la touche K enfoncée, faire glisser le pointeur vers le bas, maintenir la touche Shift enfoncée. Et faites en sorte qu'il soit peut-être un peu plus petit que l' endroit où se trouve le texte. Puis tu lâches la souris. Vous avez une grille polaire parfaitement dimensionnée, qui expliquera dans la prochaine vidéo comment nous pouvons également appliquer des couleurs. Je sais donc que c'est compliqué, mais j'espère que vous commencez à comprendre que cela en vaut vraiment la peine en raison de la précision et, espérons-le, de la beauté de ce que vous allez créer. Tu y es presque. 94. Créer des infographies avec Illustrator 9/9: OK, pour terminer, nous allons nous appuyer sur tout ce que nous avons appris, et nous allons utiliser Shape Builder pour créer une version colorée de cette grille polaire. Comme vous pouvez le constater, cette grille polaire n' est actuellement ni remplie ni tracée, ce qui signifie qu'elle est facile à perdre. Et ce que je vais faire, c'est juste le remplir de blanc pour le moment. Je vais également maintenir enfoncée la touche d'option pour toutes les visites et faire glisser une copie hors du bord de la page. C'est très utile car il est également très facile que cela tourne mal, je suis peut-être sur le point de le démontrer. Je vais sélectionner celui que nous allons utiliser. Je vais le remplir à nouveau avec aucun. L'idée est donc d'en remplir certaines parties avec certaines couleurs. Je vais donc copier celui que j'ai déjà créé. Et encore une fois, comme vous le savez, j'ai obtenu cette information quelque part Ainsi, par exemple, les pommes seront de saison de juillet à novembre. Pommes, nous allons utiliser la couleur verte dans les directives de notre marque. Et vous verrez, j'essaie de faire correspondre à peu près les fruits disponibles aux couleurs que nous avons, le type d'orange rhubarbe Je ne suis pas sûr. Quoi qu'il en soit, nous allons donc avoir des pommes vertes de juillet à novembre. Ouvrons donc les couleurs ici. OK, ce que je vais devoir faire c'est malheureusement, je le crains, ce soit parfois l'inconvénient d'utiliser bibliothèques, car la couleur ne se trouve pas réellement dans les échantillons, elle risque de ne pas fonctionner Donc, ce que je vais faire ici, c'est créer un rectangle rapide et le colorier en vert, puis ajouter l'échantillon dans ce document, puis faire de même avec toutes les couleurs Je sais que c'est embêtant. Vous ne voulez probablement pas vraiment avoir à le faire. Mais c'est une bonne chose à savoir. Ça fera très bien l'affaire. Débarrasse-toi de ça. Je vais sélectionner la grille. Nous avons du vert de juillet à novembre. Comment s'y prend-on ? Nous utilisons le Shape Build. Maintenant, ce que vous pouvez voir ici, juste au-dessus de mon curseur , vous avez trois petites couleurs, que vous pouvez appliquer. Il s'agit d'une autre façon d' utiliser le générateur de formes. Je ne te l'ai pas montré tout à l'heure. Il ne s'agit pas d'une valeur par défaut. Si je double-clique sur l'outil, vous obtenez les préférences, et ce que nous utilisons ici, c'est l'aperçu de l'échantillon de curseur Donc, si ce n'est pas le cas, activez-le. Appuyez sur OK. Ce que je vous suggère faire, c'est que si vous regardez mon curseur ici, lorsque je vais à gauche, j'espère que vous pourrez le voir lorsque je zoome. Vous voyez que je peux aller à gauche ou à droite, et que je peux accéder aux couleurs que je viens d'apporter. C'est donc la couleur verte que je veux. OK, je vais donc cliquer ici, puis passer à la suivante. Vous pouvez, espérons-le, voir que les zones qu'il va remplir sont surlignées en rouge à l'extérieur . Je pense que c'est ce que je voulais là-bas. De juillet à novembre. Oui, c'est parfait. D'accord, ensuite, nous avons des mûres d'août à décembre J'aurais dû mettre décembre, je n'aurais pas dû. Donc cette fois, je zoome pour vous, avant de cliquer et de faire glisser, j'utilise ma flèche droite. Je n'ai pas compris la couleur bleu foncé. Oh. Pas besoin de paniquer. Laisse-moi m'arrêter là. Et voilà. Voilà la couleur bleue. Je les ai tous maintenant, n'est-ce pas ? Ouaip. OK, alors essayons encore une fois. Donc Shape Builder. Il y a donc le bleu. Donc August. Donc, ce que je dois faire, c'est garder une main ferme ici. Allons-y. Fonctionne bien jusqu'à présent. OK, et nous avons du gooseberz de juillet à septembre. Donc flèche gauche pour obtenir la couleur jaune. OK, je vais juste faire une erreur pour que vous puissiez voir ce qui se passe. Donc, si je vais ici, vous verrez que cela semble intéressant, mais ce n'est vraiment pas ce que nous voulons. Donc, si cela se produit, ne paniquez pas, utilisez la commande Z ou la commande Z, annulez et recommencez. Mais vous pouvez voir maintenant, j'espère, pourquoi j'en ai créé un de rechange. Cela vaut donc vraiment la peine d'être fait. C'est vrai. Allons-y. Donc, de juillet à septembre. Et ainsi de suite. Je vais accélérer les choses pour que vous puissiez arriver à la fin du mois de juin. Je pense que c'est à peu près ce que je voulais, sauf pour le moment, laissez-moi simplement masquer la couche de guidage. Alors maintenant, en fait, je ne voulais pas laisser d'espace ici, mais j'aime bien ça. Mais si cela ne me plaisait pas, il me suffirait de le sélectionner et de l'étendre. N'oubliez donc pas que, comme ils ne sont remplis de rien, si je devais les agrandir, je pourrais simplement double-cliquer sur l'outil de balance et augmenter la taille comme ça, par exemple. Et puis quand je n'ai rien sélectionné. Tu vas voir que ça marche. Bien. Donc, pour terminer, tout ce que j'avais à faire était de trouver des textes qui correspondaient en quelque sorte à cela. Et je l'ai juste ajusté pour m'assurer qu' il ressemblait presque à une continuation du cercle. Je ne pense donc pas avoir besoin de vous le montrer, mais vous pouvez voir que c'est ainsi que je l'ai fait ici avec le texte. J'ai donc ces différents types d'objets. Ou en sont-ils un ? Oui, ce ne sont qu'un seul objet. OK, donc la façon dont je l'ai fait, c'est que si je les fais glisser, comme nous pouvons le faire dans le design, je contrôlais l'espace vertical qui comme nous pouvons le faire dans le design, je contrôlais l'espace vertical les sépare en utilisant la première valeur ici, donc vers le haut ou vers le bas. Très bien, c'est donc une chose assez complexe à faire dans Illustrator. Je m'en rends compte, mais j'espère que cela vous incitera vraiment à créer des infographies vraiment intéressantes et d'autres graphiques qui vous aideront vraiment à faire passer votre message 95. MODULE 21 : Créer des maquettes dans Photoshop // Mettre des vidéos sur Squarespace 1/3: Le module suivant est court, mais il vous montre plusieurs façons de mettre en valeur ce que vous avez fait. Tout d'abord, comment créer une maquette d'un produit dans Photoshop , puis nous verrons en termes très simples comment créer un site Web Squarespace, et en particulier comment héberger des vidéos et des animations C'est donc dans cette direction que nous allons suivre. Donc, la première chose que nous allons faire est prendre cette illustration que j'ai créée, comme vous pouvez probablement le voir dans Illustrator et de la transformer en ceci. Il semble donc assez réaliste de penser que c'est en fait sur un sac en papier, mais bien sûr, tout cela est simulé dans Photoshop La bonne nouvelle est donc double, en fait. La première est que vous savez déjà comment créer tout cela dans Illustrator. Il vous faudra peut-être un peu de temps pour aligner les motifs et créer les mélanges, mais vous savez tout cela. Il s'agit donc vraiment de l' intégrer à Photoshop. Le travail acharné aura donc été effectué par quelqu'un qui a créé cette maquette. C'est donc là que nous allons aller ensuite, regardez comment cela fonctionnerait. Donc, sur ce site Web, vous pouvez voir, en fait, qu'il s' agit d' un exemple différent que nous examinerons dans une minute. Mais vous pouvez voir que je viens chercher une maquette d'emballage de café, puis j'ai fini par cliquer sur ce lien ici, à ce site Web en particulier Comme vous le verrez sur ce site, il vous propose 30 000 maquettes instantanées Ils ne manquent pas de ces choses. Vous le téléchargerez depuis n' importe quel site Web, puis ce que j'ai fait , je l'ai téléchargé ici, puis quand je l'ai ouvert, laissez-moi ouvrir celui-ci dans Photoshop. Ce n'est pas celui du café, mais celui du sac en papier. C'est donc ce que nous allons examiner en premier. C'est donc exactement ce qui s'est passé lorsque je l'ai ouvert. Et comme nous pouvons le voir ici, il y a en fait trois choses. Il y a une carte de visite, qui ne m' intéresse pas particulièrement, et il y a le sac, et puis il y a l'arrière-plan. Nous allons donc jeter un œil au dos. Donc, si je zoome un peu dessus et que je l'ouvre, vous verrez qu'il se passe pas mal de choses, et c'est assez technique. La bonne nouvelle, c'est que vous n'avez pas à vous soucier de tout cela. Tout ce que vous devez savoir, c'est quel bit modifier, et c'est celui-ci que nous allons modifier. Cela ressemble donc à un fichier séparé à l'intérieur de ce fichier. C'est un peu comme placer quelque chose. Il y a quelques indices là-dedans. C'est le principal. Il s'agit d'un objet intelligent. Donc, ce que nous allons faire, c'est le modifier. Ainsi, lorsque je clique sur cette couche, si le panneau des propriétés est ouvert, sinon sur les propriétés de la fenêtre, vous pouvez cliquer sur Modifier le contenu. Donc, si je le fais, c'est essentiellement ce qu'ils ont dans le sac. Je ne vais pas le supprimer. Je vais juste le cacher pendant une seconde. Ensuite, je vais utiliser une commande que vous connaissez d' InDesign, file and place Mais dans Photoshop, vous pouvez délibérément choisir d'intégrer l'image, c'est-à-dire d'intégrer toutes les informations dans le fichier, d'agrandir le fichier ou de le lier comme vous le feriez dans InDesign, gardant lié à l'original Les modifications d'origine changeront Vous pouvez donc choisir l'un ou l'autre. Je vais opter pour l'embarqué. Et puis je l'ai prêt à l'emploi, et voici un fichier Illustrator. Donc, quand je fais de la place, ce que je ne vous ai pas montré, c' est que j'ai en fait deux choses, une pour le devant et une pour le côté. Maintenant, le côté ne sera pas utilisé sur ce sac, mais sur le café. Je vais donc utiliser le premier des deux plans de travail. Vous vous souvenez peut-être de la leçon d'Illustrator. Cela peut prendre une seconde car il y a beaucoup à faire ici. Maintenant, une fonctionnalité que j'ai ici, l'outil que j'utilise est l'outil de déplacement, et une sélection clé ici est Afficher les contrôles de transformation. Lorsque je les active, je peux cliquer et faire glisser pour les agrandir ou les réduire. Et dans la version actuelle de Photoshop, n'est pas nécessaire de maintenir la touche Shift enfoncée pour maintenir les proportions. Si vous en utilisez un autre que le mien, il se peut que vous deviez maintenir la touche Shift enfoncée. Je l'essaierais sans et si cela ne fonctionne pas, annulerais en appuyant sur la touche d'échappement, puis en réessayant, en maintenant la touche Shift à l' opposé de ce que vous faisiez auparavant. Je ne touche donc pas la touche Shift, et je pense que c'est ce que je veux. Je vais donc appuyer sur ce petit bouton à cocher ici. Et vous pouvez vous attendre à ce que quelque chose de dramatique se produise, mais cela ne vous dit pas pourquoi. Ce que nous sommes en train de modifier, c'est le fichier qu'il contient. Il ne s'agit donc pas d'un PSD, comme dans un document Photoshop, mais d'un PSB Il s'agit donc du fichier contenu dans le fichier. Donc, lorsque nous le fermerons, nous reviendrons . Désolés, nous aurions dû l'enregistrer. Et ce petit astérisque me dit qu' il n'a pas été enregistré J'aurais dû le garder. Donc, il est dit d'enregistrer, ce que je vais faire, puis nous reviendrons, et le voilà au dos. Et si je désactive les commandes Show Transform, nous y voilà. Ça n'a pas l'air trop mal. Et si je pense que je veux vraiment agrandir un peu, alors je cliquerais à nouveau sur ici, modifierais le contenu, afficherais les commandes de transformation. Faisons la hauteur du sac. Et c'est la partie que vous passerez le plus de temps, pour être honnête, à essayer différentes tailles. Cochez, je mettrai un peu plus de temps à le faire, puis je vais économiser à nouveau. Je vais simplement exécuter Command S ou Control S sur le PC. Je pourrais juste le déplacer un peu, sauvegarder à nouveau, puis le fermer, et voilà, beaucoup plus comme ça. Voici donc votre introduction aux maquettes, et dans les prochaines vidéos, nous en examinerons quelques autres versions 96. Créer des maquettes dans Photoshop // Mettre des vidéos sur Squarespace 2/3: Je voudrais vous montrer quelques autres exemples de maquettes. Un que je trouve plutôt bon et un autre qui ne l'est pas très bien. Je trouve que ça a l'air génial. C'est un iPad un peu démodé. Mais ce qui est vraiment bien, c'est si vous avez déjà, comme je l'ai fait par le passé, créé quelque chose à visionner sur un iPad et que vous essayez de le prendre en photo, cela peut sembler très nul car le flash utilisé rebondit et lumières sont plus difficiles à travailler à cause de la surface réfléchissante Lorsque j'ai dû faire des maquettes de produits de livres électroniques et d'autres choses de ce genre, j'ai utilisé une maquette comme celle-ci Je veux que vous voyiez ici qu'il est vraiment similaire à l'autre. Ce qui est utile ici, c'est que vous avez une couche appelée «   placez votre écran ici ». En d'autres termes, cela facilite un peu les choses. Et encore une fois, cette petite icône nous indique qu'il s'agit de l'objet intelligent. Encore une fois, j'ai juste édité le contenu et je l'ai mis dedans. Mais une bonne idée, c'est que vous pourriez dire : « Eh bien, quoi cela ressemble-t-il sur les autres iPad, afin que vous puissiez voir qu' il existe d'autres options intégrées, et il y a aussi d'autres éléments, des effets interprocessus Il suffit de les ouvrir et d'essayer d'allumer et d'éteindre les yeux. Vous pouvez donc voir que dans cette maquette en particulier, il y a de belles choses avec lesquelles vous pouvez jouer Encore une fois, vous n' avez pas vraiment besoin de travailler. Tout est fait pour toi. Donc, maquettez Cloud qui a créé celui-ci. Merci beaucoup de l'avoir rendu gratuit. Voilà donc un exemple qui fonctionne très bien avec ce produit. Celui-ci ne fonctionne pas très bien. Comme je pense, vous pouvez probablement le voir. J'ai essayé de faire en sorte que ça ressemble à quelque chose sur sa chemise. Mais à mon avis, cela ne fonctionne tout simplement pas vraiment. Certains produits fonctionneront donc bien sur certaines choses et ne fonctionneront tout simplement pas bien sur d'autres. Donc, à peu près la même chose ici fonctionne bien là-bas. Désolé, cela a bien fonctionné là-bas, mais pas bien ici. Bon, passons maintenant à la question un peu plus complexe. Cette maquette ici. Encore une fois, c' est exactement ce qui s'est passé lorsque je l'ai téléchargé. Vous pouvez voir que vous pouvez masquer ces différents éléments. Encore une fois, merci à Jefferson Spaniel, qui l'a créé. Je vais donc le cacher. Et puis il est dit de les modifier. Je vais donc juste les activer et les désactiver juste pour voir ce qui se passe ici. Cela ressemble beaucoup à de l'édition. Oui, donc c'est ce que nous devons faire. Donc, tout ce que nous faisons pour modifier le recto sur lequel vous cliquez, modifier le contenu. Donc, en gros, j'ai répondu à toutes ces lettres. Je crois que j'ai caché celui-là aussi et celui-là. Alors, comme avant, place ça revient à l'endroit où nous sommes allés avant. J'ai un devant et un côté, donc vous verrez le devant maintenant et le côté dans une minute. Le plus difficile, c'est que je ne savais pas vraiment quelle taille je visais. Il m'a donc fallu un peu de bêtise dans Illustrator pour l'obtenir. Je n'ai pas tout à fait compris, pour être honnête, mais je l' ai assez bien compris pour fonctionner C'est du moins ce que je dis maintenant. Nous verrons ce qui se passe dans une seconde. Très bien, donc je vais cocher cette case. Encore une fois, cela peut parfois prendre un peu de temps, car il y a beaucoup de travail à faire. Vous n' entendez probablement pas, mais mon ordinateur émet des bouffées pendant ce temps Je vais donc enregistrer ce Command Control S. Fermez-le. Ouais, ça a l'air plutôt bien, n'est-ce pas ? Faisons donc aussi le côté. C'est donc le côté gauche. Donc, ce que vous n'avez pas vu, c'est que je train de redimensionner mes illustrations dans Illustrator, que je peux vous montrer brièvement si vous le souhaitez Je vais juste le cacher et encore une fois, le classer et le placer. Je vais donc apporter le même. Mais cette fois, je vais utiliser le Artboard latéral. Ce que vous voyez ici, c'est à quel point ces programmes fonctionnent bien ensemble. C'est là tout le problème. Maintenant, vous pouvez voir que cela ne fonctionne pas tout à fait, donc le dimensionnement n'est pas parfait Je vais le déplacer vers la droite parce que je veux que cet angle soit aligné sur l'autre Est-ce que ça va marcher ? Honnêtement, je ne sais pas. Mais quand je clique dessus pour l'enregistrer. Et puis, désolé, cliquez pour l'approuver, Command Control S pour l'enregistrer, fermez-le. Vous savez, vous pourriez être en mesure de voir que ça ne correspond pas tout à fait. C'est donc une raison pour être réaliste. Ce que je vais devoir faire, c'est revenir en arrière et avancer les choses. Mais regardez ce qui est intelligent ici. Vous pouvez voir comment ce type de tissu s' enroule et comment la lumière passe dessus. Il y a donc un travail vraiment intelligent qui est en cours ici pour le compte de la personne qui l'a fait. Donc, merci à eux. Encore une fois, c'est vrai. Je vais donc revenir ici et y ajouter un petit coup de pouce Donc, sur le côté gauche, cliquez dessus, modifiez le contenu. Donc, littéralement, je vais cliquer dessus et le faire glisser un peu vers le haut comme ça. Sauvegardez-le et fermez-le. Oui, c'est mieux. Peut-être pas parfait. C'est donc ce processus. Et pour ce qui est d'Illustrator, il s'agit de deux plans de travail différents, comme je l'ai dit, à savoir le recto et le latéral J'ai commencé à travailler là-dessus et j'ai réussi à le faire fonctionner, puis j'ai réalisé que je devais changer la taille de mes œuvres d'art. Donc, en gros, j' ai utilisé l'outil Artboard. Et vous pouvez voir ici que nous avons la largeur et la hauteur. Alors j'ai commencé, je crois que c'était environ 100 x 210 ou quelque chose comme ça , puis j'ai réalisé, Oh, non, je dois changer ça pour le rendre plus Alors je suis juste entrée et je l' ai agrandie comme ça. Par exemple, agrandit légèrement le plan de travail. Je fais juste un petit zoom arrière, com control moins. Ensuite, j'ai dû ajuster mon œuvre d'art. Donc, tout dépend vraiment des couches. Et en disant, par exemple, le contexte. J'ai allumé le boîtier de délimitation, donc je le prenais comme ça. Par exemple. Alors je pourrais penser que je veux déplacer le motif vers le haut, qu'il se trouve sur une autre couche. Déplace ça vers le haut. Je pense que tu as compris l'idée. Cela peut être assez délicat. Mais encore une fois, la bonne nouvelle, ce sont les choses vraiment délicates que quelqu'un d'autre a faites pour vous Réalisez donc votre travail dans Illustrator et importez-le dans Photoshop. 97. Créer des maquettes dans Photoshop // Mettre des vidéos sur Squarespace 3/3: La dernière chose que vous allez réaliser ce cours est une animation dans After Effects. C'est donc une chose de pouvoir faire une animation. Évidemment, vous l' apprendrez plus tard. Mais vous voudrez peut-être savoir comment vous pouvez ensuite le mettre sur un site Web. C'est donc hébergé sur Vmeo. Il pourrait également être hébergé sur YouTube. Mais le truc, c'est comment le mettre sur le site Web ? Je veux donc vous montrer comment procéder dans Squarespace, qui n'est pas le seul moyen de créer un Encore une fois, ce cours ne porte pas vraiment sur le design Web, mais si vous connaissez juste quelques notions sur Squarespace, il vous permettra de prendre le travail que vous avez effectué et de le mettre en ligne pour que tout le monde puisse Jetons donc un coup d'œil à cela. Regardons d' abord rapidement la vidéo pour que vous puissiez voir que le texte vous apparaît , puis le bracelet, puis le logo, puis le petit texte tourbillonnant à la fin Voilà donc la vidéo réalisée. Pour le mettre sur un site Squarespace, vous pouvez cliquer sur Intégrer Et si vous cliquez sur copier le code d'intégration adaptatif, nous l'utiliserons dans un moment Je suis donc ici sur squarespace.com, et je vais cliquer sur Commencer Et il existe toute une série de modèles différents que vous pouvez utiliser. C'est ainsi que cela fonctionne. Et comme nous optons pour l'énergie végétale, je clique sur la nature et les animaux, je le fais parce que je sais qu' il existe un modèle qui fonctionnera très bien, appelé Crosby, afin que vous puissiez le prévisualiser Vous pouvez même consulter le site de démonstration si vous le souhaitez. Mais je sais que c'est ce que je veux utiliser. Je vais donc vous dire de commencer par ce design. Il y a donc divers conseils qui me permettront de faire en sorte que cela fonctionne, mais je vais simplement sauter cela et passer aux pages. Donc, ce que nous avons ici, sont les pages qui sont liées dans la boutique d'avis de navigation principale, notre contact dans le journal des articles. Ce sont donc toutes des sortes de pages principales. Mais nous avons aussi la page d'accueil , que vous pourrez peut-être voir, essayer de zoomer dessus. Cette petite icône d'accueil, cette petite icône grise, cela signifie que c'est la page d'accueil. Il s'agit donc d'un contenu de démonstration que vous pouvez essentiellement remplacer. Mais je vais modifier la page d'accueil, alors assurez-vous que nous avons cliqué dessus Cliquez sur Modifier. OK. Et vous pouvez voir qu'un bouton apparaît ici avec lequel je peux modifier la page. Et si je clique sur Arrière-plan, il y a actuellement une image. Ainsi, n'importe quelle image que vous avez créée peut bien sûr être téléchargée, mais nous sommes ici pour parler de vidéo. Donc, si nous cliquons sur une vidéo et que nous ajoutons une vidéo, elle est diffusée sans son, ce qui est une très bonne idée, je dirais. Et puis ajoutez à partir d'un lien, donc d'un lien YouTube ou Vimeo. Donc, si nous cliquons dessus, remarquez qu'il est écrit YouTube ou Vmeo Links uniquement, et qu'il est écrit Addink URL Nous retournons donc ici. J'ai déjà cliqué sur Intégrer. C'est utile s'il est diffusé dans un cadre spécifique de la page. Ce n'est pas ce que nous voulons ici. Je vais revenir au lien de partage, copier, puis le coller ici. Commande ou contrôle V. La vidéo est trouvée, appuyez sur Enregistrer. C'est celui-là. Vous pouvez donc contrôler s'il saigne complètement ou s' il est légèrement encastré J'aime bien le saignement complet. Vous pouvez choisir la vitesse de lecture, toutes sortes d'options ici. J'aime bien ça, mais ce que je n'aime pas c'est le fait qu'en plus, il y ait le texte. Donc, si vous cliquez près du bord de l'un de ces blocs, vous pouvez les supprimer. Alors, voilà. Ce n'est pas subtil. Ce n'est pas quelque chose que vous voulez nécessairement faire. Mais cela signifie qu'une fois que vous pouvez créer des animations vidéo, elles peuvent, si vous le souhaitez, être placées en arrière-plan de votre site Web. C'est donc une option. L'autre option est de savoir si vous voulez soit quelque chose que vous puissiez choisir de jouer ou non. C'est pourquoi je veux vous montrer ensuite. Je vais créer une nouvelle page, une page vierge. Et modifiez-le. Ajoutez une section. Je vais juste partir avec une page blanche. C'est ce que je recherche. Je vais cliquer sur la vidéo, et maintenant c'est ici que je vais utiliser le lien d'intégration Copiez le code d'intégration. Cliquez sur ce bouton ici pour intégrer les données, coller. Et ce que nous avons maintenant, c'est une vidéo. Maintenant, il ne joue pas automatiquement, mais si vous voulez que quelqu'un puisse y jouer quand il veut le voir, cela fonctionnera bien. Donc, deux manières d'utiliser les vidéos sur Squarespace. Mais cette dernière approche est assez similaire car si vous avez une animation cadeau ou une photo, gros, vous cliquez sur le bouton Plus. Donc, si vous voulez une image, vous devez une image, et vous devez ajouter votre image. Donc, les codes PIN, les cadeaux, ils fonctionneraient tous parfaitement comme ça. Donc, les vidéos sont similaires, mais encore une fois, souvenez-vous que nous avons intégré les données de Vimeo ou de Mais ce que nous avons également vu, c'est que lorsque vous avez une page d'accueil, vous pouvez la modifier et vous pouvez avoir l'arrière-plan pour utiliser l'URL d'une vidéo. Donc, plusieurs façons de diffuser votre contenu par le biais de maquettes de produits et/ou sur des sites Web 98. MODULE 22 : commencer avec After Effects 1/4: Dès le début du cours, j'essayais de dire à quel point le design et marketing étaient autrefois des mondes complètement distincts, et qu'ils se sont en quelque sorte liés. Et maintenant, je suppose que les gens, comme vous, qui n'ont pas d'expérience en design voudront acquérir des compétences en design. Maintenant, de la même manière, il existe d'autres types de spécialités qui étaient autrefois réservées à des professionnels et qui s'immiscent également L'une d'entre elles est donc l'utilisation du programme After Effects. Jusqu'à récemment, cela n' aurait vraiment été utilisé que par monteurs vidéo ou des animateurs professionnels, et cela aurait constitué une sorte de dimension distincte de ce dont nous parlons Mais bien sûr, comme vous le savez, les choses changent rapidement, en particulier dans le domaine des réseaux sociaux. Nous avons donc déjà vu comment, dans Photoshop, vous pouvez créer quelque chose qui ressemble à une sorte d'animation encadrée, ce qui est un peu maladroit Il a un style particulier. Mais il y aura aussi choses qui paraîtront bien plus raffinées. Dans les prochains modules, nous allons donc examiner comment nous pouvons utiliser After Effect, certes de manière très limitée, mais suffisamment pour vous permettre de travailler avec lui et pour vous donner une idée si vous souhaitez en savoir plus à ce sujet Donc, juste pour vous montrer où nous allons aller en premier, ce que vous pouvez voir sur mon écran est un site Web Squarespace J'utilise l'un de leurs modèles par défaut, et je l'ai à peine modifié. Donc, tous ces trucs, ce sont tous leurs produits, qui correspondent parfaitement à l'une de nos marques. Donc ce que j'ai fait, c'est que je l'ai rebaptisé Plant Power. La seule chose que j'ai modifiée, c'est que je me suis débarrassé de certains éléments par défaut, ce que je vous montrerai comment faire plus tard. Mais l'essentiel de ce que j'ai fait, c'est si vous revenez à la page d'accueil, vous verrez que j'ai créé cette animation dans After Effects. Vous pouvez donc voir ce que j'ai fait avec le texte, puis le logo apparaîtra, puis cette petite sorte de texte circulaire apparaîtra et tournera en quelque sorte. C'est donc le genre de chose que nous allons viser. Vous ne pouvez pas faire quelque chose d'aussi subtil dans Photoshop, mais vous pouvez le faire relativement facilement dans After Effects. Je dis plutôt facilement. Il s'agit d'un programme complexe. Mais c'est relativement simple en concerne ce que vous pouvez faire dans After Effects. Mais si vous pouvez le faire, vous pouvez également faire pas mal d'autres choses. C'est donc ce à quoi nous travaillerons dans les prochains modules. 99. Débuter avec After Effects 2/4: Nous allons donc jeter un premier coup d'œil à After Effects. Et c'est ici. Il s'agit de la dernière version d'After Effects. Et la première chose que je dois dire, c'est que j'utilise que l'on appelle l'espace de travail par défaut. Donc, comme vous l'avez vu dans d'autres programmes, vous en avez une petite liste ici, et je voudrais m'assurer que vous utilisez le mode par défaut. Vous pouvez toujours cliquer sur le petit menu déroulant qui s'y trouve et le réinitialiser pour enregistrer la mise en page, ce qui la ramènera à la configuration par défaut. C'est exactement ce que j'ai fait il y a une seconde. Donc, si vous le faites, votre version d'After Effects devrait ressembler à ceci. Ainsi, comme avec Photoshop, Illustrator et InDesign, vous avez la zone principale sur laquelle vous allez travailler, puis elle est entourée de ces autres panneaux, et vous avez également une bande de contrôle en haut Mais After Effects contient bien plus de choses que dans ces autres programmes, c'est pourquoi l'apparence est un peu différente. Les trois principaux domaines que vous allez examiner sont donc évidemment la zone qui vous donne un aperçu de ce sur quoi vous travaillez, le panneau de projet à ce sujet dans une seconde, et l'ensemble de la chronologie et du panneau des couches ci-dessous. Ce sont donc les trois domaines sur lesquels vous travaillerez la plupart du temps. Le panneau de projet est donc l'endroit où vous importez des actifs, puis vous travaillez sur ce que l' on appelle des compositions. Une composition est donc un peu comme un chapitre d'un livre, si vous voulez, et j'en ai cinq différentes ici. Il s'agit donc de cinq versions différentes de ce sur quoi j'ai travaillé. Donc, celle dont vous avez vu l'animation est la version 5. Donc, si je double-clique dessus, vous remarquerez qu'il s'ouvre ici. Et si je devais y jouer, c' est-à-dire la tête de lecture, l'heure actuelle, ou le CTI, l'indicateur de temps actuel, si je le ramène au début, puis que j'appuie sur la barre d'espace de mon clavier, vous le verrez passer et jouer l'animation que vous avez déjà vue Il s'agit donc de la version 51. Mais comme vous pouvez le constater, il existe d'autres compositions ici. J'ai donc également ouvert la première version . C'est par cela que nous allons commencer. Je peux donc fermer la version 5 ici simplement en appuyant sur le petit X ici. C'est toujours là. Je vis toujours dans le panneau de projet, mais nous ne l'examinons pas pour le moment. C'est l'une des choses qui peuvent embêter les gens lorsqu' on leur demande de modifier quelque chose dans After Effects C'est ce que je vais vous demander de faire dans une minute . Vous allez modifier cette version, que nous avons ouverte ici. La première chose à faire est donc de vous assurer que vous travaillez sur le bon. OK, alors regardons ce que nous avons ici. Ce truc devrait être relativement familier et ses couches. Donc, si j'essaie de zoomer ou dézoomer pour que vous puissiez voir un peu ce qui se passe ici et aussi ici, vous pouvez voir, par exemple, si je masque le calque photo, la photo disparaît. Si je masque la couche, le logo disparaît. Maintenant, là où ça va devenir plus compliqué, c'est si je cache, disons, la couche de plantes succulentes, vous verrez qu'elle disparaît. Mais si je cache les cactus ou le bracelet, vous ne verrez aucune différence Parlons maintenant de la raison pour laquelle cela se produit. se produit parce que contrairement aux autres programmes, je suppose que lorsque nous avons créé le cadeau dans Photoshop, c'était un peu comme ça. Ils n'ont pas eu de calendrier. Donc, ce que nous avons ici , c'est la chronologie, et nous allons passer de zéro image à 6 secondes. Il s'agit donc d'une composition de six secondes, mesurée en images. Revenons un peu en arrière et parlons-en parce que c'est vraiment nouveau. Dans le menu de composition, les paramètres de composition ou la commande ou le contrôle K constituent une fonctionnalité essentielle d' After Effects. Si nous regardons à l'intérieur, cela nous indique la largeur et la hauteur de notre composition. C'est une taille HD très familière. Et pour ce qui est de la fréquence d'images, j'ai créé 30 images par seconde, et la durée est de 30 images par seconde, la durée est d'heures, de minutes, de secondes et d'images. Il s'agit d'une composition de six secondes. Et ça va monter jusqu'à 30, ça va passer à 28, 29 puis zéro, et ça compte pour un. En base 30, si ce n'est pas terrifiant, je ne sais pas ce que c'est. C'est ce qui se passe ici. Cela se traduit ici jusqu'à 6 secondes. Mais si je devais revenir en arrière, désolée, le CTI, l'indicateur de temps actuel, si vous regardez ici, observez ce qui se passe lorsque j'avance lentement, cela le fait avancer en termes d'images Donc, une image, deux, trois , quatre, cinq et 20 images, mais pas encore en une seconde, mais dès que nous dépassons les 29, c'est parti. Tu es de retour dans 1 seconde. Tout est donc une question de temps. Donc, pour répondre à la question posée tout à l'heure, la raison pour laquelle je me trouvais plus tôt ne fait aucune différence si je montre la couche de cactus ou non, c'est parce que la couche de cactus ne la montre pas, ou la couche succulente Donc, cette couche, la couche succulente, n'entre en jeu qu'à ce stade. Donc, une image, désolé, 1 seconde et 15 images. Et puis le suivant n'entre en jeu que là. L'une des choses que je vais vous encourager à faire est de rassembler ces couches dans la chronologie de manière à qu'il soit assez facile de voir ce qui se passe. J'espère que même si vous n'avez jamais utilisé After Effects auparavant, vous pouvez voir comment cela se compare Les plantes d'intérieur durent jusqu'à ce moment-là. Voilà, puis le texte succulent entre en jeu, puis il s'arrête, puis le texte du cactus Enfin, ce que j' appelle la sangle. Je viens de créer une nouvelle gamme de bracelets pour eux, tout le vert dont vous avez besoin, ce que j'aime bien. Ensuite, le texte circulaire. En fait, je pense que dans cette version, le texte circulaire est présent d'un bout à l'autre. C'est ainsi qu' After Effects fonctionne à un niveau très, très simple. Nous avons donc le panneau des couches et le panneau de chronologie. Nous avons le CTI, qui remonte et avance dans le temps. Nous avons également la barre d'espace pour démarrer et arrêter. Dans la vidéo suivante, nous allons voir comment apporter une simple modification à cette composition particulière. 100. Débuter avec After Effects 3/4: Nous avons donc jeté un premier coup d'œil à After Effects, et nous allons maintenant commencer à l'utiliser. Je vais vous montrer comment apporter une modification relativement simple à certaines couches de votre projet After Effects. C'est ainsi que nous procédons. Vous êtes donc en train de regarder la première version de Plant Power, qui ressemble actuellement à ceci. Je vais simplement le ramener au début. Remarquez donc la façon dont les titres changent. C'est littéralement un arrêt. L'autre démarre. Rien de bien intelligent, donc. Ce n'est pas que nous devions nécessairement être intelligents, mais si nous comparons cela à la version 2, que j'ai ouverte ici, vous pouvez voir que l'une disparaît, puis que l'autre s'estompe puis que l'autre s'estompe Et vous pouvez voir comment cela fonctionne avec les couches. Mais tout d'abord, examinons quelques raccourcis essentiels pour vous faciliter la tâche. Nous avons donc déjà utilisé la barre d'espace pour démarrer et arrêter. Nous examinons la couche des plantes d'intérieur. Reprenons donc cet indicateur de temps pour qu' il soit au-dessus de tout cela. Et je vais faire pression sur le Royaume-Uni de mon propre chef. Et ce que fait l'uki, c'est qu'il révèle le type de propriétés présentes sur cette couche Et ce que vous pouvez voir, ce sont trois choses qui ressemblent un peu à des minuteries. Et elles sont situées à côté d'une couche une propriété plutôt appelée opacité Maintenant, si je le ramène au début, vous pouvez voir que l'opacité est de 10 % Vous vous souvenez peut-être de l' opacité de Photoshop 100 % est entièrement visible, 10 % n'est visible que 10 % Si vous regardez l'écran ici, vous pouvez voir que cela commence, cela commence seulement à s'estomper. Mais lorsque nous arrivons là où se trouve le prochain petit minuteur, cela s'appelle une image-clé, ou à 100 % Et puis, lorsque nous revenons à l'image-clé suivante, nous sommes revenus à 10 % Donc le premier raccourci que je veux vous montrer était la barre d'espace, puis nous avons eu le Royaume-Uni. Si vous double-cliquez dessus , d'autres options s'affichent. Si cela se produit, il suffit de cliquer à nouveau rapidement, cela redescend tout de suite. Alors faisons-y une fois de plus. OK, c'est le Royaume-Uni. Maintenant, avec la touche J, vous pouvez voir que lorsque je clique dessus, l'indicateur de temps revient à l' image-clé précédente qui était visible J recule, K avance. Maintenant, c'est très utile car il est important que vous aligniez l'indicateur de temps l'image-clé lorsque vous commencez à changer les choses Ainsi, par exemple, si je voulais modifier le premier paramètre pour qu'il soit nul au lieu de 10 %, je veux l'aligner de telle sorte que lorsque je ramène cette valeur à zéro, elle le fasse là. Alors que si je ne l'ai pas aligné et que je fais glisser le paramètre ici, pouvez-vous voir qu'il ajoute simplement une autre image-clé et que vous allez peut-être de haut en bas, puis de haut en bas C'est vraiment très facile à faire. Je serais surpris de ne pas faire pendant que je fais la démonstration. Dans ce cas, il vous suffit d' exécuter la commande ou le contrôle Z pour annuler. Si je voulais modifier ce paramètre ici, le moyen le plus simple de le faire est de sélectionner la couche et de cliquer sur J ou K dans mon cas, K, puis je peux aller la récupérer et la modifier. Disons que je voulais que ce soit 90 %, je pourrais traîner lentement. Comme ça. Ensuite, si je voulais changer celui-ci, disons à 0 %, j'appuierais sur le Kiki, puis je le ferais glisser comme ça Maintenant, nous partons de cela qui ne semble pas tout à fait correct. Je l'ajoute à zéro. Nous y voilà. Nous allons donc revenir de 0 à 90 à zéro. Voyons à quoi cela ressemble. Ils étaient presque assis en fait. OK. Cela dit, je vais le faire ressembler à tous les autres. C'était donc dix. Je vais double-cliquer cette fois et taper dix, appuyer sur la touche K. Double-cliquez, changez-le en 100, appuyez sur retour, appuyez à nouveau sur la touche K. Double-cliquez, passez à dix. Appuyez sur Retour. Ok, maintenant ça ressemble à tous les autres. Mais ce que je veux, c'est que vous preniez celui-ci et que vous l'ajoutiez parce que nous n'en avons pas pour le moment. Donc, s'il y a des Keyframes, je dois dire. Donc, si je clique dessus et que je fais U, cela ne fait rien. Nous devons donc ajouter une image-clé. Revenons donc au début. Notez que cela indique zéro. Et pour obtenir une image-clé d'opacité, il suffit de maintenir la touche T ou la touche option enfoncée et appuyer sur T pour obtenir l'opacité, si vous C'est 100 % pour commencer, mais nous allons le faire comme vous en avez déjà vu dix, puis à peu près au milieu. Nous allons porter ce chiffre à 100. Ensuite, à la fin, nous allons à nouveau passer à dix. Voyons maintenant à quoi cela ressemble. Parfois, il y a un retard dans l'aperçu. Pouvez-vous remarquer ici que la ligne verte signifie qu'elle sait exactement à quoi elle va ressembler. Il est prêt à être prévisualisé. Mais cette partie, parce que nous venons juste de la modifier, ne sait pas vraiment à quoi elle va ressembler. Donc, lorsque j'appuie sur la barre d'espace, cela ne démarre pas nécessairement tout de suite. Vous devrez peut-être attendre la deuxième fois. Voilà à quoi ça ressemble. OK, donc c'était juste, mais je dirais que ce n'est pas aussi subtil que l' autre. Et je vais vous dire pourquoi. C'est ce que l'on appelle une image-clé linéaire. Cela passe littéralement de l'un à l'autre. Il le fait d'une manière très simple. C'est comme courir en ligne droite. Parfois, vous voulez que l'accent soit un peu plus doux et subtil. faire, nous allons donc cliquer sur la première image-clé, puis sur la dernière image-clé Majuscule et sur avec la touche Majuscule et sur celle du milieu également Ensuite, si nous cliquons avec le bouton droit sur l'un d' entre eux et que nous passons à Keyframe Assistant, nous choisirons Easy Ease Ou si vous avez un clavier avec une touche de fonction, appuyez sur F neuf, et c'est ce qu'il fera. Ce que cela va faire maintenant, c'est l'assouplir d'une manière beaucoup plus douce OK, nous sommes donc passés de zéro à 10 %, désolé, à 100, puis nous sommes redescendus. La couche de plantes d'intérieur passera donc à 10 %, mais lorsque nous y irons, au fur et à mesure que nous passerons à autre chose, la couche de plantes d'intérieur n' existe plus. Cela s'arrête à temps. Nous y reviendrons donc un peu plus dans une seconde. Mais avant cela, il faut positionner ces images-clés sur ces autres images Maintenant, nous pourrions le créer encore et encore, mais il est beaucoup, beaucoup plus facile de sélectionner ces trois éléments, et je vais le faire d'une meilleure façon maintenant. Je vais cliquer et faire glisser le pointeur entre les trois. Et effectuez la commande ou le contrôle C pour copier. Cliquez sur la couche de plantes succulentes, encore une fois, faites le lt T facultatif pour y placer une image-clé d' opacité. Maintenant, je viens de faire ce que j'ai dit que je pourrais faire accidentellement parce que l'indicateur de temps actuel est là, il y place automatiquement une image-clé OK, c'est très facile à faire. Je vais donc simplement le supprimer. Je vais appuyer sur la touche J pour revenir à ce point. Assurez-vous que je suis sur cette couche, puis, bien sûr, je vais appuyer sur Commande ou Contrôle V. Et il aurait dû copier la même opacité en montant et en redescendant . Génial. OK, donc prochaine étape, cette couche. Nous devons faire un OT T facultatif pour ajouter la couche d'opacité. Cette fois, l' image-clé est au bon endroit, je peux la supprimer et la coller Faisons K plusieurs fois pour arriver au bon endroit. Encore une fois, OptionalTT pour y ajouter une propriété d'opacité, puis nous pouvons la supprimer et Donc, vraiment, il s' agit en grande partie de le configurer pour commencer. Vous remarquerez que toutes ces couches apparaissent exactement pendant la même durée, c'est pourquoi c' est beaucoup plus facile. D'après mon expérience avec After Effects, plus on passe de temps à configurer les choses, plus c'est facile. partie la préparation que vous pourriez effectuer dans Illustrator, comme nous le verrons dans une prochaine vidéo. Voyons donc à quoi cela ressemble. Encore une fois, les espaces verts qui s'y trouvent me montrent qu'il n'a pas eu occasion de le prévisualiser correctement. Donc, si j'appuie sur espace cela peut prendre une seconde pour que cela fonctionne. Mais nous y voilà. Nous avons donc maintenant un fondu et un fondu beaucoup plus subtils grâce aux propriétés d'opacité des images-clés Easy Ease 101. Débuter avec After Effects 4/4: Donc, pour récapituler avant d'aller plus loin, nous n' en sommes qu' aux premiers stades de l'étude d'After Effects, et c'est ce que nous allons faire dans ce module, en particulier nous examinons comment modifier quelque chose qui a déjà été créé Donc, juste pour vous rappeler qu'en fin de compte, est ici que nous allons nous retrouver. Intégrer une vidéo créée dans After Effects depuis Illustrator sur une page Web Squarespace. C'est l'idée. Et cela semble un peu plus avancé que ce que nous avons fait jusqu'à présent. Je sais que nous ne l'avons pas encore créé à partir de zéro. Vous me regardez monter et espérons-le, monter les images vous-même. C'est donc là que nous allons. Mais rappelons-nous où nous en sommes arrivés jusqu'ici. Vous avez donc commencé par appuyer simplement sur la barre d'espace. Cette animation très très simple, presque comme l'animation d'image que vous avez vue dans Photoshop, est très très simple. Si vous avez suivi le même chemin, vous avez déjà apporté ces modifications. Il y a donc un fondu plus subtil. Ce que j'imagine, c'est que si on vous demande de modifier cela, les choses qu'on pourrait vous demander de changer, il se peut qu'on vous demande mettre un fondu comme nous l'avons fait, mais qu'on vous donne aussi la sangle, au moins la sangle que j'ai hier pour la puissance de la centrale est tout le vert dont vous avez besoin, alors je pense que cela doit être un peu intégré plus longtemps et je pense qu'il doit également y rester. De plus, peut-être que le logo, eh bien, peut-être que le logo pourrait être là tout le temps, mais je pense qu'il pourrait apparaître à la fin ou du moins avec le bracelet, ce qui aurait du sens. Ensuite, ce truc à la fin qui indique « nouveau client », peut-être aussi, qui veut apparaître à la fin. Nous ne faisons donc rien de trop intelligent pour le moment, mais nous créons simplement la composition juste pour utiliser le jargon, allonger la composition, afin que tout le vert dont vous avez besoin puisse y rester apparaisse avec le logo Ensuite, une fois que vous aurez vu le logo, celui-ci apparaîtra à la fin. Tout est une question de timing, et une grande partie de la création d' animations est simplement une question de timing. C'est donc littéralement une autre dimension. C'est donc là que nous allons. Alors laissez-moi vous montrer à quoi cela ressemblera. À la fin, vous l' aurez modifié pour qu' il ressemble à ceci. Le premier bit sera donc exactement le même. Mais ensuite, tout le vert dont vous avez besoin reste allumé, puis l'alimentation de la centrale se met en marche, puis le logo circulaire. Alors, on y va. Ainsi, tout le vert dont vous avez besoin reste, la puissance de la centrale s'estompe, puis le cercle s'estompe D'accord. C'est donc là que nous allons. OK, alors commençons à le faire. Je dois m'assurer que je suis sur la bonne composition. Donc dans mon cas, c'est le volume, c'est la version 2 parce que j'ai le type de paramètres avant et après. Dans votre cas, vous serez juste dans la version normale. Donc, dans les paramètres de composition, je peux simplement vérifier que je suis sur la bonne. C'est le nom de la composition. Je vais donc remplacer le six par un neuf. Donc, au lieu de 6 secondes, ça va être 9 secondes. Si j'appuie sur la touche moins, cela fait un zoom arrière et nous pouvons voir que nous avons tout ce temps supplémentaire à utiliser Donc, les choses au début resteront exactement les mêmes. Mais je veux que la photo aille jusqu'au bout. Il existe des raccourcis que nous pouvons utiliser, mais je vais juste vous demander de faire glisser la fin de la couche comme ça. Et nous ferons de même avec le logo. Vous ne pouvez pas maintenir la touche Shift enfoncée, et cela l'aligne. OK, jusqu'ici tout va bien. Et puis ce qui m' intéresse maintenant, en particulier, c'est la ligne de sangle, elle se superpose ici. Je veux donc que cela continue jusqu'au bout. Encore une fois, je peux le faire. Je peux le retirer. Jusqu'au bout. Je vais maintenir la touche Shift enfoncée et le texte circulaire. Maintenant, ce que nous pensons alors, c'est le texte circulaire va commencer quelque part ici. Faisons-le simplement glisser vers l'arrière pour pouvoir le faire revenir dans le temps. Ensuite, je ne sais pas exactement quand cela va commencer, mais disons à quel moment le logo va entrer en jeu. Ce sera peut-être quelque part dans les environs. Le logo, j'ai oublié, plutôt que d'être au début, supposons que nous voulions qu'il apparaisse exactement au moment où le bracelet apparaît. Juste pour que vous puissiez voir ce que je veux dire, voici la couche de sangle, celle qui indique tout le vert dont vous avez besoin et qui s'estompe Prenons le CTI, l'indicateur de temps actuel et rappelons-nous ce qui va se passer Tout le vert dont vous avez besoin entre en ligne de compte, ainsi que le logo. Mais malheureusement, tout le vert dont vous avez besoin s'estompe. Nous ne voulons donc pas que cela se produise. Alors, que faisons-nous ? Comme vous pouvez le deviner, nous avons sélectionné cette image-clé parce que cette image-clé, vous vous en souvenez, contrôle l'opacité et ramène à 10 %. Nous pouvons donc littéralement le sélectionner et appuyer sur la touche retour arrière ou sur Supprimer, et c'est parti. Donc, si nous effaçons simplement cela vers l'avant, c'est un autre jargon, effaçant les choses en arrière et Vous pouvez voir que tout le vert dont vous avez besoin entre, il y reste, puis le logo entre, puis le texte circulaire entre. OK, jouons-y. Prenons le bon début, Spacebr verra si le moment est bien choisi. Maintenant, à mon avis, le logo arrive un tout petit peu trop tard. Il suffit de penser au rythme de tout ça. Dumb doit l'être un peu plus tôt, un peu plus tard. Le temps que vous puissiez vraiment vous en rendre compte, c'est à peu près là. Je dirais qu'il faut ramener le logo. Mettons-le comme ça. Essayons ça. O. J'en ai déjà parlé un peu plus tôt, je crois. Maintenant, si vous deviez juste prévisualiser un peu, vous pouvez saisir ces minuscules objets bleus, la zone de travail. Je peux le faire glisser juste avant le point qui m'intéresse, et celui à la fin est parfait. Si je place l'heure actuelle indiquée juste au début puis que j'appuie sur espace, je vais juste prévisualiser le titre. En fait, je pourrais aussi reculer un peu. Remettons cela quelque part dans cette fourchette. Pourquoi ne pas l'étudier jusqu' au bout ? J'en suis plutôt content. Mais comme vous le savez, ce que je veux, c'est que le logo et le texte circulaire s'estompent. Nous savons donc déjà que nous pouvons le faire avec l'opacité, nous allons donc le faire à peu près de la même manière Commençons par le logo. n'est pas le cas, si nous appuyons simplement s'assurer que nous sommes sur cette couche », Royaume-Uni » juste pour vérifier s' il y a des propriétés là-bas et qu'il n' y pas. Si vous vous souvenez de l' option ou de la touche Alt T pour l'opacité, cela commence à 100 % C'est bon Nous voulons que ce soit 100 %. Faisons en sorte de l'estomper à peu près à la même distance que les autres. Donc, pour en obtenir une autre, si vous voulez une image-clé là où il n'en existe pas, si vous regardez où mon curseur passe ici, donc pour ce qui est de l'opacité de la couche du logo, vous pouvez simplement appuyer sur ce petit bouton ici, il ajoute une OK, donc celui-ci est réglé sur 100, donc je peux appuyer sur la touche J pour revenir en arrière, appuyer dessus plusieurs fois pour m'assurer que je suis aligné sur le précédent. Tu t'y habitueras. Et maintenant, je peux porter ça à, disons, eh bien, je pense que je pourrais le porter à 10 % parce que cela correspond aux autres. Cela fait donc 10 à 100. Encore une fois, pour obtenir une transition un peu plus douce, je vais sélectionner ces deux images-clés, cliquer et faire glisser le pointeur, et cliquer avec le bouton droit sur images-clés et Easy Ease ou sur F neuf si vous avez ce Essayons de le prévisualiser. Je veux juste reculer légèrement la zone de travail pour voir comment elle s'accumule et appuyer à nouveau sur la barre d'espace. Donc vraiment, c'est à vous de décider ce que vous en pensez, que cela arrive trop tôt, trop lentement ou trop vite. C'est plus subtil que je ne le pensais. Imaginons donc que je veuille que cela arrive un peu plus rapidement. Ensuite, je sélectionne simplement ce cadre et je le ramène parce que c' est à ce moment-là qu'il devient 100 %. Essayons encore une fois. Oui, ça me paraît mieux. D'accord. Et comme cela fonctionne, je vais également sélectionner l' autre image-clé, donc cliquez sur Shift et, comme nous l'avons fait la dernière fois, copiez, puis avec précaution avec ma touche K. Non, il n'y a pas d'image-clé là, donc ça ne marchera pas Je dois l'aligner soigneusement avec la couche de texte circulaire. Si je ne suis pas convaincu que c'est aligné, je peux maintenir la touche Shift enfoncée lorsque je fais glisser le pointeur. J'ai donc besoin d'une couche d'opacité là-dessus, désolé, d'une propriété d'opacité là-dessus Encore une fois, facultatif ou T, puis je vais simplement commander ou contrôler V pour coller. Cela devrait donc bien fonctionner. Voyons comment le tout s'affiche. Je vais simplement faire glisser la zone de travail du début jusqu'à la fin, maintenant la touche Shift enfoncée pour l'aligner correctement. Placez l' indicateur de temps actuel directement au premier plan, appuyez sur la barre d'espace. Je suis plutôt content de ça. Mais si ce n'est pas le cas, je peux évidemment ajuster les images-clés ou le timing en faisant glisser les couches vers l'arrière ou vers l' À la fin de cette petite leçon, j'espère que vous commencerez à familiariser avec les couches, la chronologie et les images-clés Je sais que vous n'avez encore rien développé dans After Effect, mais c'est ce que nous allons faire dans le prochain module. Vous allez le construire complètement à partir de zéro et assembler tout cela, et nous allons aller encore plus loin. OK, c'est donc le module suivant. 102. MODULE 23 : Créer une animation sur Illustrator et After Effects 1/3: Dans ce module, nous allons configurer un élément dans Illustrator, puis l'intégrer dans After Effects, puis appliquer les techniques d'animation que vous avez vues, en partant de zéro. Il y a donc beaucoup à faire. Commençons donc par jeter un coup d' œil à After Effects. C'est donc ce que vous allez obtenir. Voici donc ma première version. Et ce que je veux que vous remarquiez, c'est la façon dont les couches entrent en jeu. Donc, la couche photo, la couche de logo, toutes les choses avec lesquelles nous avons travaillé, les plantes succulentes , les plantes d'intérieur, les cactus, Maintenant, évidemment, quand je les active et les désactive, vous ne pouvez pas les voir parce que, comme vous le savez , plus tard, ils apparaîtront tous à des horaires différents Mais l'important est que pour rendre les choses aussi simples que possible dans After Effects, vous devez essayer d' imaginer ce que vous allez faire pendant que vous êtes dans Illustrator. Donc, lorsque je l'ai assemblé il y a quelques jours, c'est mon fichier que j'ai assemblé dans Illustrator. La taille, cela ne vous surprendra probablement pas, est de 1920 x 1080. C'est une taille couramment utilisée. La référence Quick Sprout que vous m'avez déjà vue utiliser, ils en ont une version vidéo Donc, si vous deviez taper le guide des tailles des vidéos Quick Sprout, y trouverez toutes sortes de tailles utiles J'ai donc opté pour le standard 1920 x 1080. Je pense que tout cela a plutôt bien fonctionné sur Squarespace tel qu'il est actuellement . C'est donc ce que j'ai fait. J'ai créé un nouveau fichier de cette taille. Ensuite, j'ai joué avec différents éléments adaptés à l'image de marque. J'avais une couleur d'arrière-plan, que je n'ai pas fini par utiliser car j'ai trouvé une image qui n'avait pas besoin d'être découpée. J'ai créé un guide. Vous avez entendu parler des guides et je voulais créer un rectangle aligné au milieu pour m'aider à positionner ces éléments. Il y a donc un bel équilibre. Tu te souviens de l'équilibre. Nous avons examiné cette question il y a quelque temps. C'est donc la couche guide. Ensuite, j'y ai mis tous les vecteurs, puis le texte. Se trouve sur des couches séparées. C'est donc une sorte de jeu typique. Le problème, c'est que si vous l'importez ensuite dans After Effects, vous obtiendrez du texte sur une couche, des vecteurs sur une autre couche, et je n'ai pas vraiment envie de les utiliser de cette façon. Ce que je veux, c'est ça. Je veux un fichier comme celui-ci où je peux activer les différents bits que je vais animer. Ainsi, les plantes succulentes, par exemple, au lieu des plantes d'intérieur et les cactus au lieu des plantes succulentes, puis le bracelet C'est donc beaucoup plus facile si vous le faites d'abord correctement dans Illustrator. Et cela vous aide également à réfléchir votre animation, car les choses se compliquent beaucoup, comme vous pourrez probablement le constater au moment où vous vous lancerez dans After Effects. Ce que j'ai fait, c'est qu'il y a eu une autre étape où j'ai utilisé plusieurs Artboard pour deviner à quoi cela ressemblerait Le meilleur conseil que je puisse vous donner si vous avez l'intention de faire plus d' After Effects, c'est probablement si vous avez l'intention de faire plus d' After avant de vous approcher d' After Effects ou d'Illustrator, griffonner sur des feuilles de papier et d'essayer de déterminer comment vous voulez que les choses fonctionnent Parce que si vous avez une mauvaise idée, vous n'avez perdu qu' une minute ou deux, au lieu d'une heure ou deux, au moment de l'animer. Vous l'avez poli, mais vous vous rendez compte que vous avez poli quelque chose qui n' allait jamais vraiment être beau. Quoi qu'il en soit, j'espère que vous comprenez que ce que nous voulons vraiment , c'est que les couches soient exactement telles que nous les voulons dans After Effects. C'est donc ce que j'ai ici. Je pense que tu es d'accord avec ça. Vous savez, ne pensez-vous pas que je peux avoir une couche comme ça, puis je peux simplement la dupliquer cliquer dessus et modifier le texte. Je ne sais donc pas ce que cela pourrait être. Supposons que ce soit quoi d'autre pourrions-nous acheter dans un magasin de plantes ? Cactus succulents. Je ne sais pas Euh, j' allais dire Marvelous Monstera , la plante que nous avons là, mais je ne sais pas si elle convient Est-ce que cela convient ? Et je l'ai bien orthographié ? Non. OK, donc si je voulais le faire aussi, il y a la couche de copie des plantes d'intérieur, mais je la rendrais plus lisible pour moi ou pour qui que ce soit en double-cliquant dessus et en la renommant Donc monstera. OK, c'est prêt à être importé dans After Effects. La taille est correcte, les couches sont comme je les veux. Et dans la vidéo suivante, nous verrons comment nous les intégrons dans After Effects. 103. Créer une animation à l'aide d'Illustrator et After Effects 2/3: OK, nous sommes donc sur le point de faire nos premiers pas dans After Effects. Nous avons donc fait la préparation Illustrator. Si vous lancez After Effects et que vous dites «  je veux un nouveau projet ». Et vous avez plusieurs options, une nouvelle composition ou une nouvelle composition à partir de séquences vidéo. Et parce que nous avons créé ce que nous voulions dans Illustrator, c'est ce que l'on appelle des séquences. Donc, si nous cliquons sur ce bouton ici, cela va rendre la vie beaucoup plus simple. Alors cliquez dessus. Maintenant, emmenons-moi au bon endroit. Je l'ai donc créé. Vous avez vu celui d'Illustrator qui était plutôt bon, il ressemble à celui-ci, mais avec toutes les couches que je voulais. Je vais donc choisir ça. Ensuite, je pourrais le faire en tant que métrage , mais il vaut mieux dire importer en tant que composition. Nous avons brièvement parlé des compositions. Mais si vous dites «   conserver la taille des couches », cela signifie que la taille est exactement la même. OK, alors choisissons. Appuyez sur Ouvrir. Ça y est. La finale et nous avons ici toutes les différentes couches. Mais allons-y et double-cliquez sur cette composition pour l'ouvrir. Et nous y voilà. Voici donc notre composition. Donc, ce avec quoi vous m'avez vu travailler, j'avais la version 1, la version 2 , la version 3, mais c'est par cela que vous allez commencer. C'est votre point de départ. Nous l'avons donc intégré. Vous remarquerez donc qu' à l'heure actuelle, il se remplit. C'est en fait 9 secondes. Les paramètres de la dernière fois sont mémorisés. Mais ce que vous devrez peut-être faire, c'est composer les paramètres de composition, le contrôle ou la commande OK ? J'ai donc créé les miennes à 30 images par seconde. Il existe différentes fréquences d' images que vous pouvez avoir. J'ai tendance à en choisir 30 car je trouve que c'est beaucoup plus facile à calculer. 24 est l'une des normes que les gens utilisent. Je trouve 30 plus facile pour des raisons évidentes. Puis changez-le à 30 images par seconde et changez-le à 9 secondes. La couleur de fond dans ce cas n'a pas d'importance. Vous pouvez changer le nom si vous le souhaitez Je vais donc simplement appeler cette version vidéo sur l'alimentation de cette centrale électrique une. Appuyez sur OK. Remarquez que cela change ici. Notez que cela change également ici. Et vérifions simplement que ces couches sont entrées. Donc, si nous éteignons les plantes d'intérieur, nous pouvons activer les plantes succulentes, les cactus ou les Oui, tout ça a l'air bien. Très bien, nous sommes donc prêts à commencer à faire glisser ces couches, ce que vous avez fait un petit peu, mais consacrons-nous un peu plus de temps à cela et ajoutons également quelques raccourcis supplémentaires. Ce sera donc dans la prochaine vidéo. 104. Créer une animation à l'aide d'Illustrator et After Effects 3/3: Très bien, nous avons intégré avec succès notre composition Illustrator dans After Effects, et nous allons maintenant l'animer Jetons donc un coup d'œil à ce que nous avons obtenu. Donc, pour ce qui est des chronométrages, nous avons 9 secondes. Mais je veux que ça ressemble aux plantes d'intérieur, aux plantes succulentes, aux cactus et à la sangle. À l'origine, cela durait 6 secondes, et je pensais que chacune d'elles nous permettrait d'aller jusqu'au bout de 1,5 seconde . Voilà donc cette animation continue. Et c'est facile et agréable. Mais que se passerait-il si nous avions 1,5 seconde pour cette couche, cette couche et cette couche, puis celle-ci jusqu'à la fin ? C'est donc ce que nous allons faire. Donc, dans la couche des plantes d'intérieur, cela va commencer dès le début, puis ça va se terminer en 1 seconde et 15 parce que, si vous vous souvenez, c'est 30 images par seconde. C'est donc à cela que nous allons revenir. Et une façon de réduire cela est de simplement le faire glisser vers l'arrière comme ça. OK, c'est bon. couche de plantes succulentes va commencer à ce moment-là Si nous partons de 1,5 seconde, nous arrivons à trois. Notez que c'est 250 puis trois, 250 signifie deux images et 15 secondes. Nous voulons en arriver à trois , soit 3 secondes. Nous en sommes au tiers de l'animation maintenant, puis recommencez. Comme je l'ai déjà dit, plus vous pouvez préparer cela à l'avance, plus cela devient facile. Cela passe donc à 415, puis à la ligne de sangle. Nous allons alors intervenir. Mais nous allons continuer jusqu'au bout. Et comme nous l'avons décidé, nous voulons vraiment que le logo apparaisse un peu plus tard. Je ne sais pas encore exactement quand. Gardons-le avec le même réglage jusqu'à présent. Six, c'est donc le même écart. Et puis le texte circulaire. Eh bien, par défaut, continuons sur cette lancée. Faisons 7.5. Donc, avant d'y ajouter d'autres animations, revenons au début, appuyons sur Play et voyons comment cela se passe avec le temps. Oh, ça aiderait si je montrais les couches. C'est ce que nous allons faire. OK, revenons au début et à l'espace. Oui, super. Allons-y. C'est ainsi que nous pouvons modifier le calendrier. Et je vous conseille de choisir le bon moment, peu près juste avant de commencer à animer, car, bien sûr, une fois que vous commencez à animer, cela devient plus compliqué Alors, on y va. C'est ainsi que nous pouvons modifier le timing Et puis la prochaine étape, en fait, tu sais, je vais juste te le rappeler. Donc, sur la couche des plantes d'intérieur, cela va s'estomper. Modifiez donc l'option T pour l'opacité. Nous allons donc changer cela pour qu'il arrive à dix heures. Appuyez sur Retour, puis au milieu, à peu près, ça fera 100. Appuyez sur Retour, puis à la fin , un petit raccourci vous permet de copier. Ensuite, alignez-le et collez la commande C, commande V, en vous assurant que l'indicateur de temps est correct, en vous assurant que la bonne couche est sélectionnée. OK, une fois cela fait, sélectionnons les trois, appuyons sur F neuf ou cliquez avec le bouton droit sur l'un d'entre eux, choisissez Keyframes assistant EZ Es. Voyons juste à quoi ça ressemble. Génial. OK, alors sélectionnons-les tous les trois. Et chaque couche à tour de rôle, nous allons faire toutes les options, T, un chapeau. Tu as vu le trappeur tomber sur toi. Modifiez l'option déchirer comme je viens de le faire, puis collez. Et puis faites quelques touches K. D'accord, pendant que nous parlons de raccourcis, si vous effectuez une commande ou un contrôle vers le haut, pouvez-vous voir que cela vous amène à la couche supérieure ou à commande ou au contrôle inférieur, à la couche suivante vers le bas. Encore une fois, je peux faire la même série de raccourcis. Celui-ci ne correspondait pas tout à fait pour une raison ou une autre. Ça a l'air mieux. Allons-y. Je pense que ce n'est pas tout à fait la queue, mais je ne vais pas vous faire perdre votre temps parce que vous savez ce qui se passe ici. Ensuite, avec ce dernier, oui, le logo va s'estomper, mais il ne va pas se décolorer à nouveau, donc je peux me débarrasser de celui-ci et aussi de la couche de sangle. Encore une fois, il ne s'effacera pas à nouveau. Le texte circulaire, cependant, va faire cela. Encore une fois, je l'ai mis au mauvais endroit. C'est un peu comme ça que ça fonctionne. OK, alors collons ces trois points, puis retirons-les. Très bien, voyons à quoi ça ressemble. Voilà. Nous avons donc créé quelque chose à partir de zéro dans Illustrator. Nous l'avons introduite sous forme de composition dans After Effects, puis nous avons répété les mêmes transformations. C'est donc un très bon début. La dernière chose que nous allons faire dans After Effects est quelque chose de légèrement plus compliqué si cela vous intéresse. Bravo, faites une pause, nous en reparlerons plus tard. 105. MODULE 24 : créer une image animée pour les réseaux sociaux avec After Effects 1/6: Bienvenue dans notre dernier module sur After Effects. Dans le premier, vous avez pris une animation et vous l'avez modifiée. Dans le second, vous avez commencé à créer cette animation entièrement à partir de zéro. Maintenant, dans le dernier volet, nous allons simplement examiner quelques touches finales et examiner quelques principes clés de l'animation en même temps. Vous pouvez voir ici que nous avons joué la version de l'animation que vous avez créée jusqu'à présent, vous avez utilisé les images-clés et la chronologie pour obtenir le temps imparti et que vous avez un petit fondu, et cela fonctionne très bien Laissez-moi juste vous montrer où nous nous dirigeons ici. Nous allons juste zoomer un peu sur celui-ci. Vous pouvez voir que le texte est désormais dézoomé vers vous. Il continue donc à faire ce qu'il faisait auparavant, mais il effectue également un zoom arrière vers vous C'est l'une des choses que nous faisons, puis la dernière chose que nous allons faire , c'est que si vous attendez la fin de ce petit bout de texte circulaire sur le point d'arriver ici, vous verrez qu'il bouge un peu. Nous allons apprendre ces deux choses et un peu de théorie en cours de route. 106. Créer une image animée pour les réseaux sociaux avec After Effects 2/6: Dans le module précédent, vous apprenez à utiliser ce que l'on appelle images-clés Easy Ease pour faciliter la transition d'une image-clé à une autre. Maintenant, j'aimerais expliquer un peu plus ce qui s'y passe et comment vous pouvez mieux contrôler cela pour financer vos animations Comme vous pouvez le voir ici, nous avons une balle qui passe de gauche à droite sur 80 images, ce qui n'est pas très excitant. Mais je veux que tu compares celui-ci. Disons donc celui-ci. Ça a l'air un peu plus intéressant, n'est-ce pas ? Il y a donc un peu plus de mouvement dedans. Il y a un peu plus de contraste. Je veux donc essayer d'expliquer la différence entre certaines d'entre elles. J'en ai plusieurs que j'ai préfabriqués et vous avez ce fichier pour que vous puissiez y jeter un œil. Vous pouvez voir que nous avons plusieurs chiffres ici pour essayer d'expliquer ce qui se passe. Arrêtons de jouer et jetons un coup d'œil. Revenons-en à la plus ennuyeuse. Eh bien, je trouve ça vraiment ennuyeux. Si tu n'es pas d'accord, c'est bon. Et ce que je veux faire ici, appuyer sur la touche J pour accéder à cette image-clé puis cliquer dessus avec le bouton droit de la souris et choisir Keyframe Et vous verrez que l'influence sortante est de 1 %, d'accord ? Et appuyez sur la touche K pour obtenir celui-ci. Et maintenant, sélectionnez-le. Maintenant, le raccourci pour Keyframe Velocity parce que vous l'utiliserez beaucoup est Command Shift K ou Control Shift K sur PC Et vous pouvez voir ici que la vitesse entrante est de 1 %. Maintenant, vous pouvez considérer la vélocité comme un frein à main. OK. Vous vous demandez peut-être où nous voulons en venir. Mais comme la vitesse sortante de celle-ci est pratiquement nulle, et que la vitesse entrante de la seconde est pratiquement nulle, il n' y a aucune influence sur ces images-clés Elles se déplacent donc d'une manière très ordinaire Rien ne l'influence. Alors que, si nous regardons, disons, celui-ci. Maintenant, cela prend le même temps pour passer d'un côté à l'autre. Mais vous pouvez constater qu'il y a un changement radical. Il commence lentement, puis accélère, puis se termine lentement. Donc, si je les active tous les deux en même temps, vous verrez qu'ils prennent exactement le même temps, mais que l' un d'eux bouge de manière totalement constante. L'autre bouge avec un peu plus d'intérêt, je dirais. Donc, si vous pouvez commencer à contrôler cela, vous pouvez vraiment commencer à contrôler l'apparence de vos animations. Regardons donc la vélocité sur le second. Si je peux continuer à jouer pendant que je fais ça. Donc, si je sélectionne l'image-clé et que je fais le changement de commande ou de contrôle K, vous verrez que la vélocité sortante est de 88 Maintenant c'est sur 100, donc c'est un pourcentage. Maintenant, nous avons beaucoup de frein à main actionné au début, puis vous pouvez imaginer qu'il se détache en quelque sorte Et puis à la fin, c'est exactement pareil. Nous avons un 88 sur l' entrée, en fait le 66. Ce n'est pas ce à quoi je m' attendais, mais vous voyez, nous y voilà. C'est ce qui influence cela. Vous pouvez donc ajuster l'influence, et cela affecte considérablement l'apparence de quelque chose. Et c'est l'une des choses frustrantes lorsque vous commencez à animer, vous savez en quelque sorte ce que vous voulez Jusqu'à ce que vous compreniez cela, cela peut être assez difficile C'est donc une façon d'ajuster la philosophie des images-clés. Vous avez donc accès à ce fichier. Ce que je vous suggère d'essayer, c'est sélectionner une image-clé , puis de l'ajuster Disons donc que ça allait bien se passer, disons que c'était 88 au lieu de 66. Appuyez sur OK. Cela peut prendre un certain temps pour s'adapter, mais vous pouvez voir, regardez ça. Ça a l'air génial maintenant, n'est-ce pas ? Cela améliorera donc considérablement la qualité de vos analyses Je vous encourage donc vraiment à jouer avec ce fichier en particulier. 107. Créer une image animée pour les réseaux sociaux avec After Effects 3/6: Lorsque vous avez découvert After Effects et les images-clés pour la première fois, vous ne connaissiez que les images-clés linéaires, de sorte que vos animations étaient plutôt statiques Vous avez ensuite découvert la facilité et cela a un peu amélioré les choses. Vous savez maintenant ce qu'est la vélocité des Keyframes Velocity. Cela va améliorer un peu les choses. La dernière étape consiste à en apprendre davantage sur ce que l' on appelle l'éditeur de graphes. Une fois que vous pouvez commencer à manipuler cela, vous avez tout le contrôle que vous pourriez souhaiter sur les images-clés C'est un peu plus avancé, mais j'espère vraiment que vous arriverez, car cela vous aidera vraiment à améliorer la qualité de votre travail d'animation. Nous examinons donc ici animation linéaire très ordinaire. Si je clique sur l'image-clé de position et sur la couche de position, je vais cliquer sur ce que l'on appelle l'éditeur de graphes Maintenant, je l'ai déjà un peu plus grand sur mon écran Si vous travaillez sur un ordinateur portable en particulier, il se peut que vous deviez simplement faire glisser cette ligne un peu vers le haut. Ce que nous voyons ici, c'est que c'est le poste et que c'est le moment. Ainsi, au fur et à mesure que la chronologie avance, comme vous pouvez le voir , la position augmente, mais elle augmente de manière très statique, très linéaire. Il s'agit littéralement d'une ligne allant de l'un à l'autre. Alors que, si nous devions regarder, disons, celui-ci, je pense que celui-ci est probablement plus facile. C'est vraiment ouvert. Cachons l'autre. Il suffit de regarder ça pendant une seconde. Vous pouvez voir que l'indicateur horaire fonctionne. Cela se fait à un taux standard. Mais évidemment, vous pouvez voir que le cercle accélère puis ralentit, qu'il commence lentement, puis qu'il va vite, puis redevient lent C'est ce que le graphique nous montre. Remarquez cela lorsque le graphique est plat. Quand je dis plat, je veux dire une ligne comme celle-ci, les freins sont actionnés et lorsque la ligne est verticale, elle va plus vite, elle va lentement, vite, lentement. Et cela correspond aux chiffres dont nous avons parlé plus tôt. Les freins sont donc assez serrés. L'éditeur de graphes est donc une autre façon de voir ce qui se passe. Pour certains d'entre vous, cela plaira vraiment, d'autres moins. Mais le mieux, c' est que vous pouvez réellement contrôler les choses à l'aide de l'éditeur de graphes. C'est donc ce que nous allons envisager de faire maintenant. Je vais donc revenir à l'essentiel Ce que vous pourriez vouloir faire en faisant cela, c'est laisser le point de base là. Si vous utilisez la commande ou le contrôle D, vous pouvez le dupliquer puis travailler sur la copie. Appuyez sur la touche U pour ouvrir l'image-clé de position. Désormais, vous ne pouvez contrôler les choses avec l'éditeur de graphes que lorsque vous utilisez l' image-clé de position, car la position contrôle ce que l'on appelle les positions X et Y. X traverse, Y monte et descend. Nous devons donc faire ici un clic droit sur l'image-clé de position et choisir des dimensions distinctes Nous avons donc la position transversale et la position Y. Mais la position Y ne change pas, nous allons donc laisser celle-ci de côté. Nous allons cliquer sur la position ici, et elle se trouve dans l'éditeur de graphes. Vous pouvez voir que c'est assez statique. Mais remarquez un petit truc jaune, je clique dessus et je le fais glisser pour voir ce que je peux faire. Comme il joue pendant que je travaille, il essaiera de me rattraper. Prenez une seconde ou deux, mais regardez ce qui va se passer maintenant. Ça va aller lentement puis aller plus vite. Ce qui est bien, c'est que je peux vraiment contrôler cela. J'ai vraiment du mal au début, et c'est parce qu'il y a une ligne vraiment verticale là-dedans Si c'est comme ça. Mais c'est un peu drôle à la fin, n'est-ce pas parce que ça ralentit, puis ça accélère soudainement. Je peux contrôler cela en ramenant celui-ci ici pour qu'il se mette à plat Nous allons maintenant très vite , puis nous ralentissons progressivement. Donc, pendant que je fais ça, vous pourriez regarder ça et vous dire  : « Oh, oui, c'est parfaitement logique ». Donc c'est génial si c'est le cas. Si ce n'est pas le cas, je vous encourage à jouer avec ce fichier. Ne vous inquiétez pas de l' endommager ou quoi que ce soit d'autre, jouez avec et voyez ce qui se passe. Donc, par exemple, si je pensais que j'aime ça, mais que je veux que ça reste peut-être plus rapide un peu plus longtemps, alors je pourrais en quelque sorte le faire glisser vers le haut comme ça. Peut-être comme ça, et ça restera un peu plus vertical un peu plus longtemps. Si je ne voulais pas que ça ralentisse progressivement, eh bien, je pourrais en quelque sorte le réduire, puis nous pourrions faire quelque chose comme ça, puis ça ressemblerait davantage aux autres, donc ça va vite et lentement puis vite à nouveau. C'est donc certainement un jeu avec lequel il faut continuer à jouer. Mais c'est juste avec deux images-clés, n'oubliez pas. Il suffit donc d'une paire d'images-clés, mais maintenant que vous pouvez manipuler ces poignées sur un graphique, vous pouvez faire énormément Donc, le terme technique pour ce que nous manipulons ici est ce que l'on appelle le timing et l'espacement Le temps nécessaire pour passer d' une image-clé à l'autre est donc une image-clé à l'autre est le même que pour toutes les autres. C'est juste que l'espacement de ce que vous pourriez penser des cellules de l'animation est ajusté C'est donc quelque chose avec lequel vous pouvez jouer là-bas. Maintenant que nous examinons la liste des graphes, nous pouvons également faire quelque chose d'un peu plus intéressant, et nous pouvons ajouter un autre élément de théorie de l'animation. C'est donc dans cette direction que nous allons suivre. 108. Créer une image animée pour les réseaux sociaux avec After Effects 4/6: Maintenant que vous commencez, espérons-le, à comprendre l'éditeur de graphes ainsi que tout ce que nous avons étudié, nous pouvons vous présenter quelques éléments de théorie de l'animation. C'est de l'anticipation et du dépassement. Je vais donc juste appuyer sur quelques touches d'annulation juste pour revenir à ce qu'il était un peu plus tôt, oui, quelque chose comme ça. Cela commence donc rapidement et finit par ralentir, ce qui est bien. Mais la façon dont cela s'arrête est peut-être un peu irréaliste. Je vais juste modifier quelque chose ici. Vous voyez la différence subtile à la fin ? Cela passe juste un peu, puis revient à nouveau. Donc un peu plus réaliste. Lorsque les choses s'arrêtent, elles ne s'arrêtent souvent pas comme ça. Ils vont peut-être un peu plus en avant , puis un peu en arrière. C'est parce qu'en zoomant ici, vous pouvez voir qu'en termes d'exposition, cela va un peu plus loin, puis cela revient en arrière. petit plus, parce que j'ai tiré cette ligne vers le haut, elle resterait là, mais elle remontait puis redescendait. Donc, si je veux le modifier un peu plus et le rendre peut-être un peu plus abrupt, alors ça ira un peu plus Jetons un coup d'œil à ça. Voilà. Vous pouvez donc vraiment commencer à contrôler les choses. Encore une fois, c'est juste avec deux images-clés. C'est donc un dépassement. L'autre est l'anticipation. que quelque chose ira tout droit ou pourrait-il avoir un peu d'avance d'abord. Si je veux le faire, vous pouvez parfois le faire simplement avec une paire d'images-clés, mais parfois il est bon d'en ajouter une autre Essayons juste de voir ce que je peux faire ici. Pour le moment, je n'ai que les deux images-clés. Maintenant, je vais en ajouter un autre. Je vais faire avancer les choses un tout petit peu. Et ajoutez une autre image-clé ici. Je vais le faire en cliquant sur ce petit bouton pour en obtenir un autre sur la position. Plutôt que de jouer la pièce ici, je vais simplement la faire glisser et en fait, elle vacille un peu , puis elle avance. Mais maintenant je peux vraiment contrôler ça. Si je vais dans l'éditeur de graphes, cliquez sur cette couche, allez dans l'éditeur de graphes. Pour le moment, il va revenir en arrière, puis il va émettre un ping. Jouons-y et voyons ce qui se passe. Pas très dramatique. Je vais cliquer ici et essayer de faire glisser cette poignée un peu comme ça, et tu devrais voir maintenant. juste que ça fait quelque chose, mais je pense qu'il faut un peu plus de temps. Je peux revenir en arrière et juste ajuster le calendrier ici. Vous vous en doutez, mais je pense que nous ferions mieux de retourner ici. Ça va peut-être un peu trop loin maintenant. Tout dépend du timing et de l'espacement. Vous pouvez donc voir qu'il monte puis repart. Maintenant, je pourrais passer une éternité à essayer de résoudre ce problème. C'est le coût du temps dont il a besoin pour remonter et de la distance qu'il doit parcourir pour revenir en arrière. Voyons d'abord combien de temps cela prend. Je pense que cela n'a peut-être pas besoin de prendre autant de temps. Donc, l'autre façon de régler le timing est simplement de le faire revenir dans le temps. Maintenant, comme je n'ai pas besoin de voir toute cette animation ici, je vais la faire glisser vers l' arrière et faire glisser la tête de lecture vers cette zone également afin de pouvoir me concentrer sur cette petite zone Je pense que c'est bon. Mais je pense que maintenant que nous avons terminé, il faut que ça devienne un peu plus fou quand ça avance, quelque chose comme ça peut-être J'espère que vous avez saisi l'idée, même si je ne le fais pas parfaitement du premier coup. Mais c'est tout à fait réaliste. Vous allez simplement manipuler le chronométrage ici et vous allez manipuler la distance que vous reculez. N'oubliez donc pas que nous avons maintenant trois images-clés. Nous avons celui-ci. Nous avons celui-ci, et nous avons celui-ci. Nous avons donc le dépassement. Nous avons de l'anticipation ici. Et c'est en comprenant la vélocité des images-clés , l'éditeur de graphes l'anticipation et le dépassement que nous pourrons réaliser notre animation finale 109. Créer une image animée pour les réseaux sociaux avec After Effects 5/6: Nous allons donc maintenant prendre tout ce que vous avez appris dans les deux leçons précédentes et l'utiliser pour terminer votre animation. Cela ressemble donc actuellement à ceci. Mais comme vous le savez, ça va finir par ressembler à celui-ci. Mais je viens de zoomer pour modifier l'aire de jeu Nous ne regardons donc qu'une de ces couches C'est donc la première chose que nous allons faire. Nous allons faire en sorte que le texte nous parvienne au fur et à mesure qu'il disparaît. C'est donc un effet couramment utilisé. Donc, si j'arrête de jouer pendant une seconde, vous verrez que nous avons deux propriétés. Nous avons la propriété d'opacité sur laquelle vous avez déjà travaillé, et maintenant nous avons la propriété d'échelle Il n'y a donc qu'une paire de keyframes. Donc, celui-ci, l' échelle est de 100 %. Et celui-ci, comme vous le verrez, est de 200 %. C'est évidemment beaucoup plus important, mais comme nous voyons l'opacité réduite également, elle vous atteint puis disparaît. C'est donc facile et agréable. Il vous suffit d'ajouter une propriété d'échelle. Les deux images-clés passent de 100 à 200 %, puis il vous suffit de les ajuster Je pense que j'avais 33 % sur chacune d'elles. Donc, si je devais le faire rapidement, laisse-moi aller au même endroit. Il était donc un peu rond quelque part, puis nous avons la couche d'opacité Si je fais At ou l' option S pour l'échelle, cela me donne une image-clé. C'est 100 %. C'est génial. Ensuite, allons-y jusqu'au bout , puis modifions-le jusqu'à 200 % Je vais le faire en faisant glisser. Penser comme ça. C'est assez proche. Ensuite, je vais sélectionner les deux images-clés, cliquer avec le bouton droit de la souris et choisir EZ Es. Assistant Keyframes et Easy Ease. Ensuite, je vais passer au Keyframe Velocity. En fait, c'est 33 de toute façon, c'est bon. C'est ce que je recherchais. Appuyons simplement sur la tête de lecture. En fait, je vais prendre l'aire de jeu, appuyer sur la touche moins pour faire un petit zoom arrière sur mon écran La chronologie a légèrement été zoomée, reprenez-la à nouveau. Appuyons simplement sur Play et nous verrons ce qui se passe. Voilà. Cela ne se produit donc pas aussi rapidement que je le souhaiterais. Cela signifie vraiment ce que je dois faire. Je dois ajuster le chronométrage, donc je vais saisir cette erreur facile à commettre. Je les prends tous les deux. Prends juste celui-ci. Maintenant, cela se fait beaucoup plus rapidement. C'est peut-être trop rapide. Mais c'est à peu près ce que je voulais. Donc, si cela ne se produisait pas assez rapidement, vous ajusteriez le timing, mais pour le reste, tout dépend de la vélocité des images-clés, ce que vous pouvez faire à l'aide de l'éditeur de graphes Il en va donc de même pour toutes les autres couches de texte. Comme auparavant, vous pouvez copier et coller ces images-clés, et tant que vous ajoutez une propriété d'échelle à toutes ces autres couches, vous pouvez le faire Donc, si je passe à la version 4, c'est effectivement ce qui s'est passé ici. J' appuie sur la touche U ici. Il y pense. Nous y voilà. Nous avons donc ces images-clés à échelle complète. OK, donc c'est celui-ci. Le plus délicat, que j'ai trouvé ici dans celui-ci. J'ai déjà zoomé sur cette zone. Si vous regardez le texte circulaire. Donc, cette fois, il y a un petit tortillement. Cela utilise donc la propriété de rotation, mais je voulais juste qu'elle utilise un peu d' anticipation et de dépassement Je ne suis pas totalement convaincue que cela soit beau, pour être honnête, mais j'espère que vous avez une idée de ce que j' essaie de vous montrer. Faisons donc une pause pendant une seconde. Regardons donc la couche de rotation. Donc, à ce stade, la rotation est telle qu'elle doit être, donc cela commence à partir de ce point. Et puis il fait un petit mouvement en arrière, puis il fait tout le tour jusqu' à plus de 90 degrés, puis revient un peu plus loin. C'est le genre de dépassement puis de retour à zéro. Il commence donc à zéro, se termine à zéro, mais en attendant, il recule légèrement, puis il revient à ce point, et cetera Regardons donc cela dans l'éditeur de graphes. Ça a l'air un peu effrayant, je me rends compte. Nous pouvons voir que c'est zéro. C'est là que tout commence. C'est également là que tout se termine. Mais cette fois, la rotation vers le bas signifie, comme vous pouvez le voir, qu'elle descend de cette façon, puis qu'elle remonte, puis elle revient pratiquement à plat , puis elle redescend très rapidement , puis elle remonte à nouveau Voilà à quoi cela ressemble dans Graph Editor. Encore une fois, la façon dont vous configurez cela consiste à ajouter les images-clés, puis, comme vous l'avez vu, vous pouvez utiliser vos gestionnaires comme celui-ci et simplement les manipuler Donc je vais juste y jouer. Et pendant que je joue, je peux simplement dire : Eh bien, quelle différence pourrais-je vouloir faire ? En fait, cette petite modification lui donne une bien meilleure apparence, je crois, mais je voudrais peut-être qu'il revienne un peu plus loin à la fin Cela signifierait donc simplement le faire glisser un peu vers le bas. Et puis si je pensais que je voulais revenir en arrière peut-être un peu plus lentement, je fais simplement glisser ce point un peu vers le haut. Je me rends donc compte que je l'ai déjà fait, donc je sais en quelque sorte ce que je veux et aussi comment le faire. Et je ne pense pas que vous en serez encore là. Il se peut également que cela ne vous plaise pas vraiment, mais si c'est le cas, plus vous y consacrerez de temps, meilleures seront vos animations. Voici donc l'éditeur de graphes, qui est une fonctionnalité assez avancée d'After Effects. Mais encore une fois, si vous l'aimez, je vous encourage simplement à jouer avec ce jeu autant que possible afin obtenir une vraie finesse dans vos animations. Alors bonne chance. 110. Créer une image animée pour les réseaux sociaux avec After Effects 6/6: Une fois que vous aurez fini de créer votre animation dans After Effects, vous voudrez probablement l'afficher quelque part dans une présentation, sur un site Web ou autre. Dans un module précédent, vous avez appris comment procéder sur un site Squarespace, mais vous aurez besoin d' une vidéo pour le faire Vous pouvez donc procéder de plusieurs manières, mais l'une d'entre elles consiste à créer un fichier puis à l' exporter. L'autre méthode que je ne vais pas vous montrer maintenant est de l'ajouter à ce que l'on appelle la file d'attente Adobe Media Encoder C'est ce que font les professionnels car c'est finalement beaucoup plus rapide et efficace si vous gérez beaucoup de choses à la fois. Pour nous, il est normal de simplement ajouter à la file d'attente de rendu, ce qui ouvre la file d'attente de rendu ici. Et puis il y a de nombreux paramètres, des paramètres de rendu. Tu as différentes qualités et ainsi de suite. C'est un sujet trop vaste pour être abordé maintenant. Pour l'instant, je vais vous montrer comment vous pouvez choisir où le sortir. Nous allons donc simplement dire output to. Je vais le mettre au même endroit que celui-ci. Mais remarquez qu' il l'enregistre sous forme de point MoV, ce sera donc un fichier vidéo. Mais appuyons sur Enregistrer. Ensuite, vous appuyez sur le bouton de rendu ici, et cela fonctionne dans la vidéo. Maintenant, l'une des raisons pour lesquelles vous avez cette file d'attente distincte codée par l'une des raisons pour lesquelles vous avez Adobe Media est que cela prend évidemment du temps. Donc, si vous avez beaucoup d'autres projets en cours en même temps, il est bon de les ajouter à une file d'attente, car cela ne pourra tout simplement pas se produire pendant que vous effectuez un autre travail. Dans notre cas, plutôt sympa et rapide, assez rapide en tout cas. Alors maintenant, nous allons chercher le fichier, et vous pourrez le voir. Alors, c'est ici. C'est un fichier vidéo, je peux l'envoyer à Vmeo par exemple, mettre en ligne sur YouTube, et c'est parti. 111. Au revoir et prochaines étapes: Toutes mes félicitations pour avoir terminé ce cours vraiment important Ce n'est pas une mince affaire d' avoir tant appris en si peu de temps, bravo. À quoi pensez-vous peut-être ensuite ? Permettez-moi de décrire quelques possibilités. J'aimerais que tu regardes en arrière. J'espère que vous avez fait vos devoirs dès le début, en vous écrivant un e-mail et en indiquant où vous aimeriez être à la fin. Si vous lisez cela, il se peut que pour certaines personnes, vous ayez appris tout ce dont vous aviez besoin pour apprendre et peut-être même plus que ce que vous pensiez avoir besoin d'apprendre, et c'est formidable parce que cela vous dans une très bonne situation lorsque vous postulez, peut-être pour d'autres emplois, rôles plus créatifs, ce genre de choses. En termes de marketing créatif, vous aurez une longueur d'avance. Je peux te le garantir. Cependant, il se peut que pour certains d'entre vous, vous n'en ayez pas assez appris et que vous souhaitiez en apprendre un peu plus, peut-être parce que vous voyez qu' il y a un créneau que vous pourriez occuper en tant que poste secondaire, quelque chose comme ça Il se peut que vous souhaitiez en savoir un peu plus. Il se peut également qu' après avoir suivi ce cours, vous vous rendiez compte que vous voulez changer complètement de direction et aller beaucoup plus dans la voie créative que dans la voie du marketing. Donc, si vous appartenez à la deuxième ou la troisième des catégories que je viens de mentionner, il se peut que je puisse vous aider. Donc, ce que je peux vous proposer, c'est que si vous me contactez via le lien ci-dessous, nous pourrons convenir d'un moment pour une conversation car je suis bien consciente de la grande variété de cours et de formations supplémentaires que vous pourriez souhaiter. Certains d'entre eux sont très facilement disponibles, d'autres sont plus chers, mais je peux certainement vous guider. Et comme vous le savez déjà, mentorat est offert dans le cadre de ce cours, et cela peut se poursuivre si vous souhaitez que je vous encadre Il existe donc de nombreuses options. L'essentiel est donc de réfléchir endroit où vous voulez être si vous n'y êtes pas encore , de déterminer où vous aimeriez vous rendre et de me parler, et je peux vous aider à tracer la voie à suivre pour y parvenir. Encore une fois, bravo. Je pense qu'il est probablement temps que tu te reposes bien maintenant et que tu t' éloignes peut-être de l'écran. Mais j'espère que vous pourrez continuer à développer vos compétences, et j'ai vraiment hâte de vous contacter si je peux vous aider davantage. Alors tout le meilleur.