Design éditorial avec Adobe Photoshop, Illustrator et InDesign

1. Introduction au design éditorial: Vous souhaitez créer des mises en page de magazines professionnelles et captivantes ? J'ai juste le bon cours pour vous. Je suis Martin. J'ai plus de 20 ans d' expérience en tant que graphiste, illustrateur et instructeur certifié Adobe. J'ai travaillé avec des entreprises telles que BBC, Disney, Google, Ikea. J'ai hâte de partager mes meilleures pratiques avec vous. Il s'agit d'un cours pratique simplifié axé sur un projet de conception réel. Je vais vous guider étape par étape et vous obtiendrez tous les fichiers d'exercices pour que vous puissiez suivre au cas où vous préféreriez ne pas me copier. Vous pouvez également suivre mon flux de travail en utilisant d'autres ressources fournies et créer quelque chose de complètement unique que vous pouvez présenter dans votre portfolio créatif. Je suis presque sûr que ce cours vous inspirera à créer quelque chose d'incroyable. Nous commencerons par analyser les grands spreads de magazines et en apprendre plus sur tous les termes de conception éditoriale comme les gros titres, les sous-têtes nous permettent de garder sa copie corporelle entièrement ou de courir le chat. Leur rôle dans la composition est un travail de conception réel. Nous commencerons dans Adobe Photoshop. Nous préparerons les images pour la diffusion de notre magazine, effectuerons quelques ajustements, sélections et masquage pour créer des effets hors limites intéressants. Et le travail créatif a gardé la combinaison d' une photo cool et de la lettre initiale de notre histoire principale. La semaine prochaine, nous passerons du temps dans Adobe Illustrator pour créer des icônes vectorielles intéressantes, que nous utiliserons comme points d'entrée visuels dans notre colonne. Enfin, nous utiliserons Adobe InDesign pour tout mettre en place à l' aide de fonctionnalités telles que les techniciens, représentants, les pages parents, les styles et bien plus encore. En plus de tous les aspects techniques, nous aborderons également une importante théorie de la conception graphique que vous pourrez appliquer dans n'importe lequel de vos futurs projets créatifs. Vous pouvez participer à ce cours sans aucune connaissance préalable en conception graphique, illustration ou applications Adobe. Mais pour terminer le projet, vous devez accéder à Adobe Creative Cloud et à un ordinateur de bureau ou un ordinateur portable, mais il est maintenant temps de commencer à créer. Je vous verrai donc dans la prochaine leçon. 2. Double-page de magazine: Arrêtons-nous un instant. J'apprécie à quel point ces sauts sont mauvais. Évitez de placer des détails ou des lettres importants au centre exact d'une mise en page en face. C'est exactement la raison pour laquelle vous devriez éviter de le faire, surtout lorsque vous utilisez ces caractères étroits et condensés, comme dans ce cas. Donc, avant tout, il faut toujours penser à la diffusion complète lorsque vous concevez quelque chose pour un magazine. Donc, au lieu de prêter attention aux pages individuelles, vous tenez toujours compte de la diffusion complète. Ainsi, lorsqu'un lecteur ouvre le magazine, il regardera les deux pages à peu près en même temps. Leurs yeux se balayent donc très rapidement. Et même si la diffusion comporte un article d'un côté et une publicité de l'autre côté, il devrait y avoir une certaine forme d' harmonie ou de cohérence entre eux. Bien sûr, lorsqu'il s'agit d'un article réel, la première diffusion de l'article est l' invitation du lecteur à commencer à lire cela. Et il faut vraiment faire du bon travail en combinant ces deux parties de la propagation. Il y a donc trois facteurs principaux avec lesquels vous pouvez attirer l' attention de quelqu'un pour votre propagation. Le premier est la mise en page ou la composition de la pâte à tartiner. La seconde est l'image que vous utilisez est l'image principale. Et ensuite, le troisième est le gros titre. Ces trois éléments sont évidemment très liés l'un à l'autre. Votre composition repose donc sur un bon positionnement de l' image et du titre, ou sur une bonne combinaison de celles-ci. Mais parmi tous les éléments textuels, le titre est certainement le plus crucial de votre diffusion. Il est assez courant que les titres utilisent un type d'affichage, qui n'est pas seulement une seule police, mais il s'agit généralement d'une police personnalisée ou lettrage à la main qui convient vraiment au thème de l'article. La position du titre est généralement en haut à gauche, mais elle peut également se trouver à droite. Et dans certains cas, il peut également se trouver en bas ou à l' extrême gauche ou à l'extrême droite. La raison pour laquelle il est bon de le placer sur le côté gauche est que nous commençons naturellement à scanner la propagation de gauche à droite, commençant du haut à gauche vers le bas à droite. Cela peut évidemment être différent lorsque vous avez votre magazine Arabic, vous le feriez probablement refléter et que les choses commencent par le bon. gros titres sont généralement très importants. Donc, en termes de hiérarchie au sein de la composition, ils devraient être vraiment l'élément dominant, nettement plus grand et plus robuste par rapport aux autres éléments textuels de l'étalement. Maintenant, dans certains cas, le titre lui-même peut utiliser un formatage différent, comme ici, le premier mot, oui, est très différent même s'il utilise la même famille de polices que le reste du titre. Mais cela ne forme une seule unité lorsqu' elle est mise en place. Lorsque vous avez un court texte qui fait la une des deux, nous appelons normalement le kicker. Ici encore, ce serait le coup de pied, alors qu'en dessous, c' est le gros titre. Et dans cet exemple, vous pouvez voir qu' un couplage de polices peut également fonctionner pour un titre. Ainsi, les différentes polices très contrastées combinées ensemble forment encore une bonne unité solide qui peut fonctionner comme titre. Maintenant, généralement juste en dessous des gros titres. Donc, dans ce cas, cette section est ce que nous appelons le stand d'introduction en premier ou deck. Et cela couvre généralement en quelques mots ce que vous allez lire dans l'article. Il vous incite donc vraiment à commencer à lire, mais il sert également de pont entre le titre et la copie corporelle. Voici donc un autre exemple du kicker, du titre et au-dessous, le deck de premier ordre standard d'introduction. Maintenant, rappelez-vous quand j'ai dit que les deux côtés de votre épandage devraient être considérés comme une seule unité. Même si nous avons ici un côté gauche et un côté droit très distincts, il y a encore beaucoup de répétitions qui aident à les unir ensemble. Et l'unité InDesign est très importante. Ici, nous voyons évidemment que la couleur est utilisée à gauche et sur le côté droit que la même police est répétée. Et aussi en général, les formes ici sur le côté gauche sont assez bloquées et ferrailles, ce qui se répète ici sur le côté droit. Maintenant, il y a généralement un élément qui vient directement après ou attaché à l'introduction. C'est ce que nous appelons la byline, c'est simplement le nom de l'auteur. 3. Double-page de magazine - Corps de texte: Maintenant, ces éléments que nous avons déjà abordés sont très courants, mais cela ne veut pas dire que parfois vous devrez peut-être en laisser un de côté. Comme dans ce design, je dirais que c'est le coup de pied. C'est le gros titre. Il y a notre byline, mais il n'y a pas d'introduction réelle. Nous pouvons considérer cette section ici, l'introduction, mais cela ressemble davantage à une partie de la copie du corps. Et comme nous parlons de body copy, il s'agit des éléments textuels les plus importants de votre article. Et ici, la lisibilité est cruciale. Vous devez donc faire attention à la longueur de la ligne pour vous assurer qu'il est confortable de lire le texte. Les lignes trop longues ou deux courtes ne sont donc pas idéales. Vous voudrez probablement définir 45 et 80 caractères dans chaque ligne. Et c'est déjà avec les espaces inclus. Maintenant, lorsqu'il n'y a pas d'introduction, le premier paragraphe peut être considéré comme le principal. Et remarquez comment cela est souligné avec la mise en forme du tableau. Nous voulions donc des voitures volantes. Cela vous amène vraiment à lire le reste de l'exemplaire. Maintenant, un autre terme que vous pourriez entendre mentionné lorsqu'il s'agit du premier paragraphe ou même de l'exemple d'un article n' est pas graphique ou non graphique, qui est un argot éditorial pour une phrase qui résume le reste de l'article sans donner trop de détails. C'est donc presque comme la thèse de ce que vous allez lire. Certains peuvent prétendre que l'avance et le graphique sont exactement la même chose. Certains diraient que c'est différent. Mais généralement, dans votre premier paragraphe de la copie du corps, vous pouvez inclure quelque chose qui est, encore une fois, un peu plus élevé que le reste de la copie corporelle. Une autre chose importante que vous devez garder à l'esprit lorsque vous travaillez avec copie corporelle est que vous devriez avoir une ligne de base normalisée tout au long de la propagation, ce qui signifie que les lignes, même s'ils se trouvent dans des colonnes différentes, doivent correspondre à la position afin qu'ils soient alignés les uns par rapport aux autres. Voici un autre exemple, même si nous avons une lacune ici dans cette première colonne. Il y a donc l'écart entre les paragraphes. Nous avons toujours l'alignement entre les lignes du côté gauche et du côté droit. Ainsi, l'alignement est dû à la grille de référence, il s'agit d'une fonctionnalité d'InDesign que vous pouvez activer dans un cadre fiscal individuel ou même pour l'ensemble du document. Maintenant, l' élément textuel suivant en termes de hiérarchie serait le sous-en-tête, qui se trouve généralement dans la copie du corps, les colonnes ou les cadres. Et ceux-ci aident à briser gros morceaux ou blocs de texte. Donc ici, l'exercice par exemple, l'alimentation, vitesse à laquelle ces sous-têtes seraient considérées comme des sous-têtes, mais cela peut être de nombreux niveaux de sous-têtes. Donc, même la vingtaine pourrait en être une. Si l'article continue et nous montre vos années 30 et quarantaine, mais cela peut même être le troisième, quatrième niveau de sous-titres comme ceux-ci, encore une fois, sert le même but, diviser ou rompre. beaucoup de textes, mais encore une fois, création de divisions plus petites au sein d'une unité créée par le deuxième niveau de structure et de hiérarchie des sous-modèles est extrêmement importante avec Magazine parce qu'il y a tellement d'éléments, tellement d'informations, vous devez vraiment guider votre lecteur tout au long de la diffusion pour vous assurer qu'il peut trouver les informations pertinentes. Parce que, croyez-moi, la plupart des lecteurs ne lisent pas dans l'ordre dans lequel vous voulez qu'ils lisent. Ils sautent dans les parages. Mais en ayant ces sous-têtes, par exemple, vous leur donnez vraiment des points d'entrée dans différentes zones où ils peuvent aller. Et ils pourraient finalement lire tout l'article, mais peut-être pas dans l'ordre où il a été configuré pour être rouge. Maintenant, un autre élément textuel distinct très important dans un spread est le code pool, dont nous pouvons voir deux exemples dans cette propagation. Ils sont généralement choisis à partir de la copie corporelle et mis en évidence comme des lectures essentielles de l'histoire et quelque chose qui est vraiment excitant et intéressant. Encore une fois, il s'agit d'attirer l'attention sur l'article. Par conséquent, vous pouvez parfois parcourir le magazine et vous voyez un code de pool qui vous attire vers l'article. Ils ne doivent pas toujours être des citations, donc ce n'est pas forcément que quelqu'un soit triste. Il peut s'agir simplement d'un résumé ou d'un fait intéressant. C'est donc à vous, en tant que concepteur, de décider ce qui doit être mis en évidence dans de mauvaises citations. Voici un autre code de pool très élégant placé au centre de la page. Et voici un autre code de traction très accrocheur, fort et audacieux dans la propagation. Et bien sûr, le mauvais cours n'a pas toujours à briser la structure de la copie corporelle. Ils peuvent être indépendants, donc ils peuvent être sur le côté comme ici, une façon très sophistiquée et subtile de placer le code de la piscine en bas à gauche. Maintenant, un autre élément important pour donner de la structure au magazine dans un spread serait l'en-tête et le pied de page de l'en-tête, vous joueriez normalement quelque chose sur l'article, qu'il s'agisse d'un une partie récurrente du magazine ce qui indique que cet article actuel appartient à cette catégorie. Ou cela peut être quelque chose de plus spécifique, comme disons le nom des célébrités, qui est couvert dans cet article. Cela est particulièrement utile si vous avez plusieurs sprints et que vous voulez vous assurer que le lecteur sait qu'il continue de lire la même chose. Le pied de page contient normalement un peu plus d'informations. L'un des éléments essentiels est le numéro du folio ou de la page, que vous voudriez normalement placer des deux côtés. Mais si vous ne le placez que d'un côté, il est préférable d'utiliser le côté droit dans le spread, le pied de page peut contenir des informations supplémentaires telles que l'URL du site Web, ou il peut également s'agir de la date, et cela peut même être des notes et des références placées ici. Maintenant, dans certains cas, être ludique avec certains éléments de votre design peut donner le ton de l'article ou même de l'ensemble du magazine. Shortlist est un magazine vraiment cool ici au Royaume-Uni, et vous pouvez voir comment ils sont VT avec URL. Donc, dans ce cas, le pied est presque complètement couvert. Aucun numéro de page n'est visible et l'icône URL est également lue. Cependant, il s'agit d'un élément qui se répète sur les autres spreads et qui ne doit pas toujours être complètement visible. Mais encore une fois, il s'agit d'enfreindre les règles lorsque vous connaissez les règles. Un autre terme que l'on peut parfois entendre est la course à pied du bétail. Encore une fois, il s'agit d' un élément qui se poursuit sur quelques pages pour indiquer un chapitre ou une section du magazine. Donc ici, dans ce cas, je pourrais envisager une tête de course, car au fur et à mesure que nous allons à l'autre page, nous avons à nouveau le même design là-bas. 4. Double-page de magazine - Placement des images: Chaque fois que vous placez des images, vous devez vous souvenir de deux choses importantes. Tout d'abord, c'est d'avoir une légende pour eux et de créditer les artistes, qu'il s'agisse d'un photographe ou d'un illustrateur. Dans certains cas, vous verriez des légendes individuellement pour chaque image, mais la pratique courante consisterait également à les combiner et simplement à se référer simplement aux images à gauche, à droite et en bas. Ainsi, dans ce texte, nous avons tout écrit dans un bloc de texte pour simplifier les crédits au cas où toutes les photos seraient prises pour un article par le même photographe. Vous pouvez également inclure le nom au début dans la section byline. Ici, par exemple, nous avons des mots, c'est-à-dire l' article écrit par une personne. Et, mais immédiatement après, il y a le mérite du photographe. Il est assez courant que d'autres contributeurs soient également nommés dans la section byline. Ici, par exemple, à côté de l'auteur, nous avons à nouveau le photographe, mais aussi le styliste à droite. Il existe maintenant de nombreuses façons d'ajouter les légendes. Il peut s'agir de boîtes qui chevauchent une image ou peuvent être écrites sur les images. Et dans ces cas, il devrait généralement être en bas où il n'est pas écrit en haut, car cela peut devenir déroutant si vous déplacez des légendes. Encore une fois, c'est bon d' avoir un système pour eux. Mais c'est encore une fois une règle que vous pouvez enfreindre si cela a du sens. Dans cet exemple, nous avons les textes en haut à gauche de cette image. Mais c'est principalement parce que l'image à l'extrémité droite de la propagation n'a rien d'autre au-dessus. Il est donc évident que cette légende fait référence à cette image. Et la raison pour laquelle ce texte a été placé là, car c'était le meilleur espace négatif de l'image. Il aurait donc été difficile de le lire ailleurs. Et ce n'est qu'un autre bon exemple de compréhension des règles qui ne signifie pas que vous devez toujours les suivre toutes. Il s'agit de faire preuve de souplesse et d'adapter les règles à la situation réelle que vous avez dans une certaine mesure. S'il y avait une autre image au-dessus de cela, j'éviterais probablement d'ajouter la légende ici dans le coin supérieur gauche. Il y a un autre terme très important à apprendre dans la conception d'impression. C'est le fond perdu, qui est généralement important lorsque vous placez des images sur votre diffusion, qu' il s'agisse d' images plus petites ou qu'elles couvrent la totalité de la propagation, vous voudriez probablement elles disparaissent. jusqu'au bord. Ainsi, comme cette image va jusqu'au bord en haut, ou cette image va tout le long du bord à droite. Et c'est là que vous devez assurer que vous avez saigné. Le fond perdu est généralement de trois millimètres en dehors de la taille d'impression finale, qui est ensuite découpée. Et chaque fois que vous configurez les images dans InDesign, il vous suffit de vous assurer que la limite réelle ou le bord de l'image va jusqu'au bord du fond perdu, de sorte que trois millimètres soient sacrifiés pour vous assurer que vous obtenez un bord parfaitement imprimé. Bien sûr, le saignement n'est pas seulement pour les images, mais aussi pour le reste de la diffusion. Comme dans ce cas, nous avons une couleur bleue très subtile en arrière-plan, ce qui signifie que vous devez saigner tout au long de la propagation. Et il existe une grande variété d'images que vous pouvez utiliser, qu' il s'agisse d'illustrations, infographies ou de photographies, et il peut même s'agir d'une combinaison de ces images. Cependant, une fois que vous choisissez un certain style, disons un style d'illustration, comme dans ce cas, Cela devrait porter dans tout l'article. Il est donc courant que s'il existe une commission d'illustrateurs pour travailler sur un article, elle couvrirait tous les éléments graphiques nécessaires. Encore une fois, cela est sur le point d'assurer la répétition et l'unité au sein de votre design, ce qui est certainement l'une des choses les plus importantes pour le rendre professionnel maintenant pour les images qui traversent un étalé, sorte qu'il couvre les deux côtés. Normalement, nous les appelons double camion ou courons partout. Et en voici un bon exemple. Ou en voici un autre que vous pouvez voir. Cela ne signifie pas nécessairement qu'il s'agit d'une image en arrière-plan, puis vous placez du texte dessus qui peut être des façons intelligentes d' intégrer votre type derrière et devant et de créer un Un peu plus de perspective ou de profondeur dans votre propagation. Et c'est là encore un objectif très important pour vous en tant que designer. Parce que si vous pouvez créer un plan bidimensionnel, c'est le magazine qui se répand en quelque chose qui semble plus tridimensionnel. Vos lecteurs seront plus attirés par l' entrée de cet espace que vous avez créé. Et il y a encore un terme sur les images qui mérite d'être mentionné. Il s'agit d'un paquet de photos, qui se réfère généralement à un groupe d'images combinées ensemble dans une colonne ou même sur une seule ligne, ou même lorsqu'elles se chevauchent et empilent les unes sur les autres. comme ici. Maintenant, lorsque nous faisons référence à la zone de sécurité dans la conception, nous faisons normalement référence à tout ce qui se trouve dans les marges. Les marges sont des bords extérieurs invisibles. Cela permet de s'assurer que les textes ne se rapprochent pas trop du bord. Encore une fois, il peut s'agir d'exceptions comme la tête de course dans ce cas, et le pied de page en bas avec les feuillets. Mais en dehors des marges extérieures, il faut également faire attention aux marges intérieures, que nous appelons normalement le fluage. Et c'est là que vous auriez la reliure ou la colonne vertébrale du magazine. Ainsi, en plus de garder les choses loin des bords, il est probablement encore plus important de ne pas placer quoi que ce soit d'important dans cette partie centrale de la tartinade. Cela vaut aussi bien pour les éléments textuels l'imagerie. Remarquez donc comment ici intelligemment, les quatre caractères l'illustration sont placés sur les côtés gauche et droit, mais personne n'est au centre. C'est pourquoi la planification est si importante et que l'éditeur doit toujours communiquer avec l' illustrateur chargé de travailler sur le même article. Bien sûr, vous ne pouvez pas toujours éviter de ne pas avoir de détails importants autour de la colonne vertébrale ou du fluage. Donc, dans ce cas, ce camion double aurait des détails qui tombent dans cette section de la colonne vertébrale. Mais quand même, vous pouvez voir que le concepteur a fait attention à ne pas avoir le texte sur le fluage. Il est à la fois ici à gauche et à droite. Il sera toujours lisible une fois que l'impression finale sera à nouveau publiée avec cet exemple, car l'image couvre la totalité de la propagation, il est impossible d'éviter que les détails ne finissent près de la colonne vertébrale ou dans le fluage. Cependant, tous les éléments textuels sont toujours à l'abri et loin du fluage. 5. Double-page de magazine - Longueur des lignes: Maintenant, vous vous souviendrez peut-être que j'ai mentionné dans la première partie de cette vidéo que le principal élément textural votre propagation sera toujours la copie du corps. C'est là que la lisibilité est l' aspect le plus important de votre conception. Par conséquent, vous finiriez généralement par utiliser des colonnes pour diviser le texte, en vous assurant que la longueur de votre ligne n'est pas trop longue. Et quand il s'agit de créer des colonnes, vous finirez par avoir une gouttière ou LE, qui est l' espace négatif à l'intérieur des colonnes. La taille dépend vraiment de taille du texte et de la longueur de la ligne. Mais ce que vous voulez assurer, c'est qu'il y a suffisamment de différence visuelle entre les deux côtés. Vos lecteurs ne finiront donc pas par sauter accidentellement d'un côté à l'autre. Dans certains cas, vous pouvez repousser un peu les limites et utiliser des colonnes très étroites comme celle-ci. Ce n'est pas vraiment confortable à lire. Encore une fois, il est un peu trop court de longueur de ligne. Mais parce qu'il y a une justification, ce qui crée un arête très pointu à droite au lieu d' avoir des lignes déchiquetées. Ainsi, dans ces cas, vous pouvez également réduire la taille de la gouttière ou de la ruelle entre les colonnes. N'oubliez pas que la lisibilité doit être votre priorité numéro un et non la mise en forme stylistique des taxés. Lorsqu'il s'agit de diviser des colonnes, vous pouvez également utiliser une règle descendante, qui serait un élément graphique qui divise les colonnes. Donc, dans ce cas, ce ne sont que des lignes simples, mais vous pouvez également être des téléchargements vidéo un peu plus subtils , comme ici, nous avons ces lignes pointillées vagues à la fin de chaque colonne. Donc, à droite de chaque colonne. Maintenant, il y a un autre élément très commun dans un magazine qui porte plusieurs noms différents. C'est ce dont je parle lorsque vous avez un petit article supplémentaire en lisant l'article, c'est comme une histoire secondaire qui rapporte à l'article lui-même. Il y a beaucoup de noms pour cela, il peut donc être appelé panneau, copie de livres, barre latérale et couverture secondaire. Il y a de légères différences entre tous ces éléments, mais ils sont essentiellement liés à ces détails supplémentaires, séparés ou isolés ce qui permet généralement de raconter une histoire complète en dehors du corps principal. copie. Maintenant, ceux-ci doivent être séparés visuellement et différents du reste de la copie du corps et du reste du magazine. Donc c'est juste pour s'assurer que le lecteur saura exactement quand lire, qu'il peut décider de la lire avant finir par lire la copie du corps ou après, c'est complètement à eux de décider. Mais vous, en tant que concepteur, devez simplement vous assurer qu'il est isolé. Cela peut être en utilisant une police différente, une couleur d'arrière-plan, et elle peut vraiment varier en taille. Parfois, il peut même occuper la moitié de la page. Toutefois, le placement le plus courant de ces éléments se situerait sur le bord droit de l'écart. Il s'agit donc d'un emplacement idéal pour une barre latérale. panélistes peuvent également être plus graphiques au lieu de se fier à un texte comme ici nous avons plutôt une petite infographie, mais cela serait toujours considéré comme un panel. Et bien qu'ici, sur le côté gauche, nous n'ayons pas de couleur d' arrière-plan distincte, ce détail est encore assez isolé en ayant ces éléments graphiques simples ici, créant un petit cadre et une fois encore une fois, aidant ou en assurant que cela est suffisamment isolé pour devenir un panneau ou une boîte. Puisque nous parlons de cadres, les lignes, bien sûr, sont également éléments importants au sein d'un magazine. Ils peuvent aider à guider le lecteur et à attirer son attention sur certains détails. Ici, nous avons une règle, par exemple, juste en dessous du titre ou un ici, nous avons un eye-line, que nous appelons normalement lorsqu'une ligne traverse toute l'étendue. C'est une autre façon d'unifier visuellement les deux pages. Et rappelez-vous que lorsque j'ai parlé de profondeur ici, il y a un bel exemple d' intégration de l'image qui se trouve en arrière-plan avec cette ligne qui semble se trouver derrière l'image. Donc, même si la majeure partie du texte est placée dessus, il y a encore un autre élément qui a l' impression de courir derrière l'image. Il s'agit donc d'une façon intelligente d' utiliser les techniques de masquage pour établir plus de profondeur et de perspective dans la mise en page. Enfin, nous devons parler d' espaces blancs ou d'espaces négatifs, c' est-à-dire toutes les zones vides de votre magazine. Ces éléments sont tout aussi essentiels que tous les autres éléments dont nous avons déjà parlé. Parce que sans un bon équilibre entre l'espace négatif et positif, vous finiriez par avoir design encombré et claustrophobe. Ainsi, même cette énorme casquette que nous avons ici à gauche définit un espace négatif assez important. En passant, drop cap est un autre terme utilisé pour définir ces grands premiers caractères qui peuvent fonctionner à nouveau comme un bon point d'entrée ou un point focal dans la conception. Et si vous souhaitez en savoir plus à leur sujet, j'ai une vidéo distincte sur la chaîne, comment utiliser Photoshop et InDesign pour créer des capsules de chute passionnantes et attrayantes. Mais revenir à l'espace négatif en ayant beaucoup d'éléments intensifie vraiment le reste des éléments et donne un peu plus d'espace de respiration. Donc généralement, plus vous utilisez de l'espace négatif, plus votre magazine est élégant et luxueux. Nous aurons l'impression que même si avec cette photo, nous avons une couleur à l'arrière car il n'y a pas de détails réels. Je considérerais également cet espace négatif. 6. Exécution de l’en-tête: La première chose que je vais vous montrer, c'est comment configurer un style de personnage. Parce que c'est ce dont nous aurons besoin pour pouvoir utiliser un formatage différent à chaque propagation, étant en mesure d'utiliser la même définition d' en-tête en cours d'exécution. Ainsi, le panneau Styles de caractères que vous trouverez dans le menu Fenêtre sous Styles. est donc là que c'est. Une fois qu'il est ouvert, il suffit de désélectionner tout ce qui se trouve sur votre spread actuel, puis cliquer sur le petit signe plus. Cela va créer un style de personnage complètement vide. Vous pouvez double-cliquer dessus et le renommer. Je vais juste appeler ça en cours d'en-tête juste pour pouvoir le référencer plus tard. si important qu' il ne soit basé sur rien et qu'il n'en ait pas dans les paramètres de style. Il s'agit donc d'un style de personnage complètement vide et vide. Et avant d' accepter les modifications, je vais également lui attribuer un raccourci juste pour faciliter l'application, je vais utiliser l'option 1 comme raccourcis que je cliquerai sur OK, et c'est cool que le raccourci s' affiche également ici dans le panneau. Il s'agit donc d'un moyen plus rapide et plus facile de l'appliquer. Maintenant, je suis ici sur le premier paramètre et j'aimerais que l'en-tête en cours apparaisse ici en haut à gauche. Et c'est le texte que j'aimerais que l' en-tête de course apparaisse lors de la prochaine diffusion, j'aimerais que des aventures créatives s'affichent une fois de plus, là en haut. Si je zoom arrière un peu, vous pouvez voir que ces deux textes sont complètement différents dans la mise en forme, donc je ne peux pas utiliser le même style de paragraphe pour eux. Ce que nous faisons, c'est plutôt utiliser ce style de personnage que nous venons de définir. Je vais donc sélectionner ce bloc de texte et cliquer sur le style de caractère d' en-tête en cours d'exécution. Et comme cela a été mis en place avec n'importe quoi à l'intérieur, il s'agit donc d'un style vierge. Il n'apportera aucune modification au texte lui-même. Cependant, si je vais dans l'outil de type sélectionné et que je le vérifie ici sous le style de personnage. Maintenant, cela montre en fait que ce style a été appliqué. Pourquoi est-ce important ? Parce que nous allons maintenant placer un en-tête en cours d'exécution dans notre page maître. Mais je voulais d'abord vous montrer qu' un en-tête en cours d'exécution doit être spécifié en tant que variable de texte, que vous pouvez trouver dans le menu Type. Et vous disposez déjà d'une définition d'en-tête en cours d'exécution créée par défaut dans InDesign. Vous pouvez modifier cela en accédant à l'option Définir. Et en dessous, lorsque vous sélectionnez l'en-tête en cours d'exécution, vous pouvez cliquer sur Modifier. De cette façon, vous pouvez décider s'il va fonctionner avec un style de paragraphe ou un style de caractère. Maintenant que nous avons déjà configuré notre style de personnage, nous pouvons également le sélectionner dans cette liste déroulante, le style qui devrait être vide en cours d'exécution Heather et utiliser la première instance de ce style dans ce texte variable que nous venons de configurer. Nous pouvons également choisir de modifier la casse et de définir tout en majuscules. Mais pour l'instant, je vais juste le garder comme ça. Et cliquez sur OK. Nous pouvons maintenant cliquer sur Terminé et les variables fiscales sont prêtes. Nous pouvons maintenant accéder à notre page maîtresse. Donc un maître dans ce cas, qui est probablement le meilleur endroit pour travailler via des variables de texte et en exécutant Heather's en général, j'ai déjà créé un bloc de texte ici. Et tout ce que j'ai à faire maintenant, c'est une fois que j'ai cliqué à l'intérieur pour aller dans le menu Type et choisir Insérer une variable dans l'option variables de texte et choisir l'en-tête en cours d'exécution va apparaître comme ça. Donc, nous sommes simplement dit en-tête en cours d'exécution, ces crochets. Mais cela signifie qu'il s' agit d'une variable qui va réellement changer sur les pages. Donc, si je vais à la page 23, nous pouvons déjà voir qu'il a capté le texte surligné où nous utilisons le style de nous pouvons déjà voir qu'il a capté le texte surligné où nous utilisons caractère et il ne fait que répliquer cela. Donc, par exemple, si je dois changer le titre et disons qu'on se contente de taper dans la nature. Une fois que j'ai cliqué, il se rafraîchira automatiquement. Cependant, j'ai constaté que s'il ne se met pas à jour immédiatement, si vous cliquez sur une autre page et que vous revenez, verrez les modifications se produire dans l' en-tête en cours d'exécution. Il faut donc juste du temps pour se rafraîchir, mais il finira par se rafraîchir. Et la chose la plus importante est connectée et vous n'avez plus à vous en soucier. Maintenant, pour pouvoir l'utiliser dans le reste du magazine, il suffit de définir les titres ou les textes que nous aimerions voir dans l' en-tête en cours d'exécution. Vous pouvez donc voir actuellement est toujours dit dans la nature car il n'y a aucune instance de ce style de personnage sur cette page. Ce que je peux faire, c'est de sélectionner ce bloc de texte. Vous pouvez mettre en surbrillance le texte si vous le souhaitez, ou simplement sélectionner l' ensemble du bloc de texte puis cliquer sur l'en-tête en cours d'exécution. Et une fois que vous avez fait cela, une fois de plus, nous n'avons qu'à rafraîchir la page pour que je double-clique, revienne, et vous pouvez voir maintenant qu'il y a des aventures créatives. Donc, même s'il s'agit deux formatages complètement différents que nous utilisons pour la source, l'en-tête en cours d'exécution. Grâce à ce style de personnage vierge, il va parfaitement fonctionner. Nous allons donc faire un autre test. Je viendrai sur cette page où j'aimerais que ces textes de concepteurs soient utilisés pour notre variable de texte. Encore une fois, j'applique simplement le style de personnage et je viens peut-être à une autre page ici où j' aimerais que cette grande ville soit utilisée. Encore une fois, il suffit d'appliquer l'en-tête courant. En passant, il existe également un autre moyen rapide d'appliquer des styles. Si vous appuyez sur Commande ou Contrôle Entrée, c'est l'option d'application rapide où vous obtiendrez normalement les styles les plus récents utilisés immédiatement ou vous pouvez simplement les taper. Et puis c'est un moyen rapide de s'en sortir aussi. Une fois que vous voyez l' option dont vous avez besoin, appuyez à nouveau sur Entrée, puis elle va l'appliquer. Donc maintenant, si nous venons ici, remarquez qu'il est déjà mis à jour sur cette propagation et nous pouvons revenir à cette autre propagation. Encore une fois, le concepteur s' affiche et c'est tout ce que vous devez savoir sur la configuration d'un en-tête en cours d'exécution pour InDesign. 7. Dessiner des vignettes: Nous sommes ici dans InDesign et nous avons ces quelques éléments que nous pourrons utiliser pour ces compositions que nous avons assemblées. Et vous pouvez affirmer que même ce que nous pouvons voir à l'écran en ce moment pourrait fonctionner dans un magazine. Nous avons donc notre titre ou notre titre. Il peut également être appelé pour cet article. Ensuite, nous avons la première copie standard ou copie d' introduction, puis la copie du corps, qui est l'article lui-même. Ensuite, nous avons deux éléments graphiques. Nous avons notre photo à droite, qui provient de Unsplash. Ensuite, nous avons également une icône simple qui provient de Noun Project. Les liens vers ces sources se trouvent dans la description ci-dessous. Ils sont tous deux gratuits. Vous pouvez les télécharger et ensuite recréer essentiellement ce que je fais ici. La copie elle-même que j' ai reçue de Wikipédia. Encore une fois, le lien se trouve dans la description ci-dessous. Si vous voulez suivre le cours, vous pouvez facilement le faire. Et ce que je vais essayer de faire ici, c'est vous montrer qu'avec un peu de créativité avec les mêmes éléments exacts et sans rien modifier en termes de formatage sur le texte, nous allons essayer de mettre en place trois autres mises en page ou compositions créatives, en gardant à l'esprit et en respectant les principes de conception tels que l' équilibre, la hiérarchie et même le rythme, que j' aborderai plus plus tard, juste pour vous assurer que vous comprenez ce que cela signifie. Il est toujours préférable d' apprendre comment utiliser ces théories lorsque vous pouvez réellement les voir en action. Mais avant de commencer, voici un court laps de temps des croquis que j'ai réalisés. J'utilise Procreate, mais vous pouvez le faire sur papier. Cela n'a pas vraiment d'importance, et il ne faut pas longtemps pour le faire, c'est juste important d' avoir une idée approximative de ce que vous allez créer. Et vous pouvez voir qu'il ne s'agit que de simples miniatures. Il ne s'agit pas de le rendre joli, mais simplement de réfléchir à l'endroit où vous allez placer ces quelques éléments que nous avons à l'écran. C'est donc généralement au moins trois miniatures que je commencerais avant de commencer à faire des choses dans InDesign ou dans les autres applications Adobe. Et c'est une bonne pratique de ne pas simplement s'arrêter à la première maquette parce qu'on ne sait jamais. Vous avez peut-être de très bonnes idées, que vous ne trouverez qu'une fois que vous commencerez à explorer d' autres options. 8. Habillage de texte: Mais maintenant que nous avons nos trois concepts à partir de ces croquis, nous pouvons commencer. Tout d'abord, je vais dupliquer ce spread parce que j' aimerais y revenir plus tard afin que nous puissions comparer le point de départ initial et ce que nous créons. L'une des premières choses que je vais devoir faire ici est d'augmenter la taille de cette ampoule. C'est un objet vectoriel que j'ai placé dans InDesign, ce qui signifie qu'il est indépendant de la résolution, sorte que nous pouvons facilement augmenter la taille. Pour ce faire, maintenez la touche Commande ou Maj enfoncée et faites glisser l'un des points d'angle. Maintenant, j'ai besoin que ce soit blanc, alors je vais le sélectionner et changer le remplissage en papier. Ensuite, nous avons besoin d'un enveloppement de texte, que vous pouvez trouver dans le menu de la fenêtre. Une fois le panneau ouvert, il suffit de cliquer sur la troisième icône qui entoure la forme de l'objet. Ici, nous n'avons pas besoin d'utiliser décalage car il ne s'agit que d'une forme, donc elle n'a pas de contour. Il ne va donc pas entrer en conflit avec la taxe. Mais pour que le texte donne une meilleure apparence, je vais changer l'alignement. Déplacons simplement les textes un peu plus haut pour que nous puissions mieux les voir. Donc, pour créer cette bordure graphique sympa et agréable sur le côté droit, nous utiliserons une justification sur notre raccourci de copie car c'est Commande ou Control Shift G. Il y a donc une justification activée. Mais si vous appuyez sur T sur le clavier avec le type sélectionné, vous pouvez également choisir l'option ici, justifier avec la dernière ligne alignée à gauche. Maintenant, comme le bloc de texte est très large, nous n'avons pas besoin de césure, donc c'est quelque chose que je vais désactiver. Vous pouvez le trouver dans les options de paragraphe et simplement désactiver la césure. La raison pour laquelle j'ai mentionné la largeur des blocs de texte est que si vous avez une justification plus étroite que l'utilisation de la justification sans césure, cela provoquera ces écarts très moches, que nous appelons normalement inversés. C'est donc certainement quelque chose que vous voulez éviter. Et c'est pourquoi je vais simplement le remettre comme il était maintenant que nous avons créé ce grand espace blanc ou cet espace négatif, cela vaudrait la peine de l'utiliser pour quelque chose d'important. Ce sera donc un point central de l'ensemble de la mise en page et composition, ce qui serait parfait pour notre copie d'introduction. Maintenant, pour que cela puisse fonctionner ici, puisque nous avons une enveloppe de texte sur cette icône d'ampoule, nous devrons utiliser la commande ou le contrôle B sur ce bloc de texte et choisir Ignorer l'enveloppe de texte. De cette façon, nous pourrons le déplacer par-dessus, mais nous devons également nous assurer qu'il est aligné sur tout le reste. C'est le changement de commande ou de contrôle, le crochet carré droit. De cette façon, il saute jusqu'au sommet. Et maintenant, il suffit d'ajuster le cadre, rendre plus petit, quelque chose comme ça. Je ne veux pas de césure ici, alors enlevons ça. Je vais aligner cette copie sur le centre car nous avons une belle forme symétrique derrière elle. Gardons donc la copie également symétrique. C'est le changement de commande ou de contrôle C rapidement. Et je vais maintenir la touche Commande ou Control Shift enfoncée et faire glisser ceci pour augmenter la taille. Double-cliquez ici pour insérer le cadre. Et je pense que ça a l'air bien. Mais il y a maintenant un problème très important ici. Et c'est-à-dire que nous ne pouvons pas vraiment avoir de copie près du centre de la propagation. C'est ce que nous appelons le caniveau. Et un autre terme qui est très important, le fluage, qui nous aide encore une fois à nous assurer que nous ne placons pas la copie trop près du centre, là où va se trouver la couture ou la reliure. Et si vous avez des textes proches , cela va causer des problèmes. Il y a donc des téléspectateurs qui ne pourront pas lire correctement les choses. Même les parties importantes des images ne devraient pas tomber au centre exact. Ce que nous devons donc faire, c'est de les sélectionner ensemble et de continuer à les déplacer vers la gauche jusqu'à ce que notre copie soit en sécurité. Je dirais qu'il doit être un peu plus loin. Je vais donc simplement faire glisser ce bloc de texte, quelque chose comme ça semble déjà un peu mieux. Peut-être allons-nous simplement aller un peu plus loin pour être du bon côté. Donc, si nous examinons cela maintenant, nous sommes dans nos marges. Au fait, j'ai plusieurs colonnes ici. C'est ce que vous voyez maintenant. Et j'appuie simplement sur W sur le clavier pour passer du mode normal au mode prévisualisation. Je préfère utiliser le mode d'aperçu pour le didacticiel simplement pour que vous puissiez suivre plus facilement ce que je fais. Maintenant. Ce que je pense que je vais faire ici, c'est que ce dernier paragraphe soit déplacé sur l'autre page. Je vais donc découper cette commande ou Control X. Et je vais le placer dans un bloc de texte séparé. Vous pouvez également utiliser le threading dans InDesign pour cela. Mais pour l'instant, j'aimerais en fait rester complètement indépendant. Je vais donc créer un bloc de texte séparé et coller cette copie là-dedans. Nous nous inquiéterons plus tard, mais de cette façon, nous avons maintenant un peu plus d'espace pour jouer ici sur le côté gauche. Et j'ai l'impression que nous pouvons probablement déplacer ces deux-là un peu plus vers la gauche. Maintenant, vous pouvez également les regrouper, c'est Commandement ou Contrôle G. Et cela facilitera sélection de tout cela à l'avenir. Maintenant que nous les avons à peu près en place, il est temps de jouer un peu avec l'image. J'ai l'impression que ce serait mieux si nous avons un chevauchement entre les deux pages. Je vais donc faire glisser le bloc de texte vers la gauche. Je vais le faire glisser vers le bas. Il est important que j' aimerais toute la silhouette de l'ampoule soit complètement visible. Nous devons donc nous assurer qu'il y a une définition en haut, en bas. Et ensuite, pour définir le bon côté, je vais utiliser l'image. Il suffit donc de le traîner. Et comme je l'ai dit, créez ce chevauchement entre le côté gauche et le côté droit de l'écart. Cela peut probablement aller un peu plus loin. Je vais donc simplement maintenir Commande et Maj enfoncées, ou les touches Ctrl et Maj ensemble et les faire glisser vers l'extérieur. Encore une fois, je cherche la partie inférieure de l'ampoule. Ceci est très important pour définir et rendre la silhouette visible. Je pense donc que maintenant c'est mieux. Nous pouvons ajuster à nouveau notre copie corporelle et l'aligner. Descendez un peu comme ça. Oui, je pense que c' est assez joli maintenant. Maintenant, l'image elle-même, nous allons ajuster plus tard, mais maintenant ce que nous pouvons faire est d'augmenter la taille de l'image à l'intérieur du cadre que vous faites en double-cliquant dessus. Et lorsque vous voyez ces contours bruns, cela signifie que vous modifiez la taille de l'image à l'intérieur du cadre. Le cadre reste donc le même. Et nous pouvons probablement le faire glisser vers le bas. Je pense que ça va marcher. 9. Titre: Examinons le titre ou le titre. Cela peut être beaucoup plus grand, commande ou le contrôle décalent et faites-le glisser vers l'extérieur. chose comme ça fonctionnera probablement. Maintenant, ce que je vais faire, c' est de le garder aligné ici sur le côté gauche afin que nous puissions avoir notre copie du corps et ce texte aligné. Et bien sûr, nous pouvons également ajuster cela pour nous assurer qu'il est aligné la marge et pour sur la marge et pour ajouter un peu d'intérêts ici en haut. Mais je vais aussi augmenter la taille un peu plus loin jusqu' à ce que nous puissions parfaitement aligner le bord de l'image et le E, ou le bord du e, ce premier mot se termine. Je vais donc juste l' aligner comme ça. Et puis je vais dans les piles de bonbons en maintenant la touche Alt ou Option enfoncée, puis la flèche gauche. Je peux tout faire glisser. Nous avons donc complètement supprimé les données spatiales en utilisant ce courant réduit ici. Ensuite, je vais changer la couleur du texte en blanc. Je vais donc aller ici et le changer en blanc. Il y a donc une belle couleur inversée sur le titre. Je pense que cela fonctionne très bien. Cependant, j'ai l'impression que nous avons maintenant trop d'espace en bas. Donc, tout d'abord, nous déplaçons notre corps copié vers le bas et je pense que cela semble déjà un peu plus équilibré. Peut-être que les textes peuvent aussi descendre un peu. Maintenant, n'oubliez pas encore le creep, le centre de la propagation, nous avons notre titre sur les deux pages. Dans ces cas, vous devez vous assurer y ajouter cet espace. Encore une fois, je peux utiliser le crénage pour cela, alors cliquez ici, puis sur la touche Alt ou Option, flèche droite, en le poussant jusqu'à ce qu'il y ait suffisamment d'espace. Et cela dépend vraiment de la reliure, quel type de liaison il s'agit. Vous devez vérifier auprès de votre imprimante et de toute évidence la taille du magazine, combien de pages seront cousues ensemble ou reliées ? Et en gardant cela à l'esprit, vous allez configurer l'espacement des deux côtés droit et gauche. Ce que j'aurais à faire ici, c'est évidemment de faire la même chose sur le côté gauche. Et bien qu'il soit important de considérer que pour l'exemple visuel que je fais ici, je vais simplement le garder tel quel, car cela ressemblera davantage car cela ressemblera davantage à un aperçu de son aspect imprimé. Mais je voulais juste vous avertir que vous devez prendre en compte ce genre de choses. Si vous parcourez des titres ou textes au centre de la diffusion. 10. Lettrine imbriquée: Créons maintenant un bonnet de chute cool qui peut lier le titre et la copie corporelle et créer un point d' entrée intéressant et intéressant pour notre copie corporelle. Pour cela, je vais utiliser la même police que celle que nous avons ici dans le titre. Et je peux très rapidement le faire glisser vers le bas en maintenant la touche Alt ou Option enfoncée et taper T et double-cliquer sur un point d'angle réduire la taille de l'image. Nous avons donc notre cadre dont nous avons besoin. Maintenant, la raison pour laquelle je fais cela est parce que si je vais directement ici et que je sélectionne ce premier paragraphe, puis à partir des options de paragraphe, j'introduit des majuscules. Remarquez que le problème avec des lettres comme le thé est qu'il crée un énorme espace vide autour de lui. Je n'aime pas vraiment comment il s'intègre dans le texte. Ainsi, ce grand espace négatif ne fonctionne pas vraiment bien même quand on le regarde de loin. Je veux dire, ce n'est pas un problème énorme. Mais dans ces cas-là, ce que je préfère faire, c'est créer ce bloc de texte séparé. Nous avons donc notre T prêt ici et je vais déplacer peut-être sur le côté juste pour que vous puissiez mieux le voir. Là. Je vais changer la couleur de cela dans les options de mise en forme des caractères en blanc. Et je passerai au conteneur et je colorierai ce noir. Nous avons maintenant un texte inversé ici, et nous pouvons commencer à modifier la taille de ce cadre. Ensuite, j'utiliserai notre raccourci de commande Control Shift C pour centrer le texte horizontalement. Donc, peu importe la taille ou l'étroit, ce cadre sera toujours au milieu. Et pour l'aligner verticalement, j' appuie sur Commande ou Contrôle B, qui est les options du bloc de texte et je choisirai Aligner le centre. De cette façon, encore une fois, si je m'ajuste, le cadre restera toujours au centre. De cette façon, nous avons déjà une bonne configuration. J'ai l'impression que quelque chose comme ça a l'air bien. Nous pouvons en réduire la taille en utilisant le glissement Commande ou Maj de contrôle , puis peut-être un peu plus d'espace vertical. J'ai l'impression que ça a l'air bien. Maintenant, Commande ou Control X pour couper cela , puis le placer ici dans le paragraphe. Il suffit donc de placer votre curseur au début du paragraphe , puis de Command ou Control V pour le coller dedans. Cela devient donc un bloc de texte imbriqué à l'intérieur de ce paragraphe. Et nous pouvons supprimer le T majuscule original de la copie du corps. Et si ce paragraphe est mis en évidence, nous pouvons revenir en arrière et mettre en place notre Drop Cap. Et nous pourrons probablement utiliser oui, peut-être utiliser six ou sept lignes. Ensuite, ajustez un peu la taille de ce cadre, encore une fois, utilisant ce raccourci de mise à l'échelle jusqu'à ce qu' il corresponde correctement et qu'il s'intègre bien dans le texte. Maintenant, nous pouvons simplement ajouter un peu de crénage ici entre le capuchon et l'option de modification de la copie du corps flèche droite. Et je pense que c' est très joli. Donc, en regardant cela à distance, nous avons une belle répétition de la mise en forme du texte entre le titre et le capuchon, mais aussi de répéter cette inversion du noir au blanc. Ici encore, dans ce petit cadre, nous avons ce contraste entre le noir et le blanc. Ces indices visuels sont des liens entre les éléments de votre mise en page sont très importants. Ils aident à lier les choses ensemble, mais ont également établi la hiérarchie ou l'importance des éléments. 11. Hors limites: Maintenant, j'ai l'impression que notre image peut baisser un peu, alors je vais la faire glisser vers le bas. Peut-être quelque part par là. Peut-être pourrait-on ajouter un peu de contraste ici dans le texte. Et j'ai l'impression que la nouvelle perspective est le mot clé ou le terme que nous devons mettre en avant. Pour cela, je vais probablement utiliser de l'audace. Désormais, chaque fois que vous avez plusieurs options de style pour la police, ne passez pas une seule étape si vous souhaitez mettre en évidence certaines choses. Donc, au lieu d'aller au mannequin, qui ressemblerait à ceci, allez toujours deux pas vers le haut. J'allais donc monter à bord. De cette façon. Le contraste entre le texte normal et la version en gras surligné de celui-ci est suffisant . L'utilisation du contraste est très, très importante dans tous les types de conception. Qu'il s'agisse d'un simple point culminant sur textes comme celui-ci ou d'avoir un grand espace négatif ou vide à côté de la copie du corps, ils créent tous un intérêt visuel et, surtout, définissent le rythme pour que vous ne le fassiez pas Je veux avoir trop de choses occupées au même endroit. Vous voulez avoir de l'espace respiratoire à côté d'une zone très dense. Juste après ce gros bloc de texte, nous avons ici cet espace de respiration agréable et quelques intérêts visuels. Ensuite, nous passons à une image agréable et agréable. Et seulement après cela, nous avons quelques textes supplémentaires auxquels nous avons juste besoin de réparer et de travailler avec eux pour que cela fonctionne. Puisque nous allons avoir un bloc de texte plus étroit ici, je vais utiliser l'alignement à gauche ou à gauche, c'est Commande ou Control Shift L. Et je vais le faire glisser ici et peut-être aussi en faire un Un peu plus étroit, quelque chose comme ça. Je vais maintenant souligner ces noms au début. Il s'agit donc d' une petite introduction au paragraphe. Je vais donc simplement les mettre en valeur comme audacieuses ou semi-audacieuses, ce que nous avons disponible ici. Et ensuite, je vais créer un cadre supplémentaire pour cela. J'appuie simplement sur F sur le clavier et je dessine ce cadre ici sur le bord et je mets la couleur de remplissage sur blanc ou papier. Maintenant, il suffit de le déplacer d'un pas en arrière, c'est-à-dire Commandement ou Contrôle, crochet carré gauche. Je pense que cela fonctionne très bien. On peut peut-être l'augmenter un peu plus loin. Et au fait, remarquez que nous avons déjà saigné ici. Encore une fois, c'est quelque chose que vous pouvez trouver dans la configuration du document. Assurez-vous simplement d'utiliser le fond perdu pour presque tout ce que vous avez configuré pour imprimer. Et un saignement de trois millimètres est un bon point de départ. Tout ce que vous devez vous assurer, c'est que tous ces détails vont ces détails vont jusqu'au bout du fond perdu. Cela peut aller au-delà, mais assurez-vous simplement que vous avez, par exemple, le bord de l'image ne s'arrête pas ici juste au bord de la page, mais il va au-delà de cela et couvre au moins la saignent ou vont au-delà de cela. Ce n'est pas un problème. Cela permet de s'assurer qu'une fois que celui-ci a été imprimé, il n'y a aucun espace blanc visible sur les bords. Et tout comme pour l'image, nous devons nous assurer que ce cadre blanc recouvre à nouveau le bord saignant ou dépasse. Donc, si nous regardons cela à distance, cela fonctionne très bien, mais il sera beaucoup mieux si nous avons cette main sur ce bloc de texte blanc. Et la façon dont nous pouvons y parvenir est d'utiliser Photoshop. Je vais donc utiliser Option ou Alt, double-cliquez sur cette image, ce qui l'ouvrira directement dans Photoshop. Et ici, tout ce que nous avons à faire est d'utiliser Select Subject, ce qui est un moyen génial de trouver très rapidement une bonne sélection pour cette image. Et ensuite, il ne nous reste plus qu'à dupliquer cette couche. Ensuite, nous pouvons appeler ce masque de calque. Cliquez ensuite sur le drapeau japonais en bas, ce qui va masquer cette sélection. Maintenant, si nous voulons être plus précis, nous pouvons également peindre manuellement ces petits détails ici, les espaces en utilisant l'outil pinceau et en peignant sur la vignette du masque, ce noir et miniature blanche dans le panneau Calques. De cette façon, nous pouvons le faire correctement, mais je l'ai déjà préparé donc je ne vais pas perdre de temps là-dessus. Tout ce que je ferais normalement, c'est d' enregistrer cela sous forme de fichier séparé en tant que PSD, je pourrai ensuite utiliser dans InDesign. Comme j' ai déjà ce fichier PSD, ce que je vais faire est de copier cette image, coller et de remarquer qu'elle colle au-dessus de l' original parce que j'utilise le raccourci coller en place. Maintenant, nous avons deux versions de la même image l'une au-dessus de l'autre, une en bas et l'autre en haut du bloc de texte. Mais pour celui-ci qui est en haut, je vais utiliser les options de couche Object, auxquelles vous pouvez accéder en cliquant avec le bouton droit de la souris. Et là, tout ce que vous avez à faire c'est de désactiver l'arrière-plan. La couche de sujet est donc la plus grande couche que nous avons créée. Et de cette façon, nous pouvons maintenant créer ce joli effet hors cadre où la main sort. Et si je le voulais, je peux toujours l'éloigner. Mais chaque fois que je le déplace, je dois m'assurer que l'image au dos et cette image à l'avant sont sélectionnées. Donc, pour vous montrer, si je déplace ça, il y a l'image en arrière-plan sans masquage, et c'est la version principale en haut. C'est une technique très simple, mais très efficace. 12. Une mise en page ne suffit pas: Maintenant, à ce stade, vous avez peut-être déjà l' impression d'avoir fait le travail, vous l'avez cloué. Il peut être envoyé au client, puis le travail est terminé. Cependant, je recommande toujours de faire au moins une autre version, ou si possible, à d'autres versions. Encore une fois, nous avons trois croquis. Alors pourquoi ne pas les recréer aussi dans InDesign ne prend pas longtemps. Et faites-le avant d'effectuer les derniers petits ajustements sur la copie, en ajoutant les éléments supplémentaires nécessaires. Mais avoir trois versions presque finalisées présentées au client vous semblera toujours plus professionnelle et vous donnera également un peu plus de temps pour explorer et expérimenter les éléments que vous avez dû travailler. avec. Maintenant, bien sûr, cela dépend toujours du temps dont vous disposez, mais en utilisant outils, en apprenant les raccourcis et en vous entraînant, étant essentiellement confiant dans la création rapide des choses. Vous pourrez éventuellement réaliser trois versions en même temps que quelqu'un d'autre ne fait qu'une seule version. En tant que concepteur, surtout si vous travaillez dans un environnement d'agence, vous comptez sur deux compétences très importantes. L'un d'eux est votre capacité technique. Donc, à quelle vitesse vous pouvez recréer des éléments dans ces applications. Et l'autre est la compréhension des théories, qui provient principalement de la recherche de bons exemples et d'essayer de les analyser et de comprendre pourquoi elles fonctionnent. 13. Deuxième mise en page: Mais il est maintenant temps de revenir sur InDesign et d'examiner les deux autres alternatives pour cette mise en page. Je vais juste vous montrer les versions finalisées parce qu'il faudrait beaucoup de temps pour la recréer à partir de zéro. Cependant, ils utilisent les mêmes techniques exactes qu'auparavant, au lieu d'utiliser l'icône de l'ampoule pour créer un espace négatif ou un espace blanc, nous utilisons en fait la date pour le bloc de texte, un un peu d' inversion apparaît ici en haut à cause de la justification. Mais en général, j'ai l'impression qu'elle est encore facile à lire et que la silhouette de l' ampoule est très bien définie pour équilibrer les choses. Ce que j'ai fait ici, c'est que j'ai le titre tourné de côté, qu'il joue sur la gauche. Et j'ai utilisé un dégradé basé sur la photo de droite. On a donc presque l' impression que la photo continue, mais ne s'agit que d'un dégradé appliqué sur le texte. Donc, lorsque je sélectionne le texte, vous pouvez voir que c'est la couleur. Il suffit de créer deux nuances basées sur les couleurs supérieure et inférieure de la photo, puis les faire glisser sur le dégradé pour le définir. vais juste faire glisser ça et vous montrer que je peux aussi inverser rapidement si c' était dans la mauvaise direction. Techniquement, le seul problème que vous pourriez soutenir ici est de ne pas fonctionner très bien, c'est que nous avons notre copie d'introduction en bas, donc elle vient après la copie du corps. Mais comme nous avons un contraste énorme en ce qui concerne la taille du texte, même s'il se trouve au bas de la page, les spectateurs peuvent quand même commencer à lire ce avant de sauter ici et de commencer à lire le se copier. Maintenant, la raison pour laquelle je n'ai pas utilisé casquette, c'est parce que cela ne fonctionnerait pas vraiment bien et que cela perturberait la silhouette. Enfin, une autre chose que j'ai décidé de faire ici est d'utiliser du texte blanc ou du texte inversé parce que j'avais envie d'avoir du noir. Et je peux vous le montrer très rapidement, c'est juste un peu trop sombre en bas, je me sens blanc, encore une fois, garde un équilibre visuel entre le côté gauche et le côté droit de la propagation. Maintenant, si vous avez l' impression que le côté gauche et le côté droit de votre propagation ne sont toujours pas suffisamment intégrés ou connectés, vous pouvez faire une autre technique rapide. Et c'est quelque chose que vous pouvez faire avec le cadre d'image. Il suffit de sélectionner le bord inférieur du cadre à l'aide de l'outil de sélection directe, la flèche blanche, d'appuyer sur un sur le clavier, puis de sélectionner rapidement ce point. Je fais normalement cette sélection de chapiteau, donc je m'assure qu'aucun des autres coins n'est sélectionné. Ensuite, il suffit de le faire glisser. Et avec cela, je peux créer une ligne diagonale. Et si je maintiens la touche Maj enfoncée, je peux sélectionner le coin en haut et en bas. Et peut-être que je peux juste les faire glisser plus loin vers la droite. chose comme ça. Oui. Ensuite, il suffit peut-être de le faire glisser encore plus loin. Ainsi, même une simple ligne diagonale comme celle-ci peut ajouter plus d'intérêts visuels dans la composition et, encore une fois, aider à lier les deux côtés ensemble. 14. Troisième mise en page: Enfin, voici notre troisième composition, encore une fois basée sur l'esquisse originale, où l'ampoule est maintenant utilisée pour tenir le titre ou le titre. Et j'ai joué avec le titre, suis assuré que les deux personnages y étaient bien connectés. Et voici juste une petite astuce visuelle. J'utilise le rectangle pour augmenter la taille du T pour correspondre aux parties verticales et horizontales. Ainsi, à distance, il ressemble à une forme continue parfaite. Et n'ayez pas peur de placer du texte sur le bord de formes comme ici, le C et le E, et aussi le G disparaît dans l'espace blanc car tant qu'il est clairement lisible et qu'il est assez grand, tout le monde pourra le lire facilement, mais donner ce petit défi visuel à vos spectateurs rendra toujours l' ensemble de la composition plus fascinante et attrayante. Maintenant, vous pouvez voir à nouveau, une belle façon de relier les choses ensemble et d'appliquer la répétition dans le design. J'utilise cette couleur sur le capuchon ainsi que sur le surlignement la copie d'introduction ici à droite, pour souligner cette nouvelle perspective. La copie, je retourne l' image à l'envers et sans rendre les textes trop intrusifs ou gênants, cela ne touche qu'une petite partie de l'année d'imposition. Par conséquent, être subtil est toujours une bonne chose, mais je fais aussi attention à garder les choses alignées. Vous pouvez donc voir que ce texte est aligné à droite sur le même bord que celui que nous avons ici pour la copie du corps. Et enfin, j'ai ajouté ce simple bloc sur le côté gauche en utilisant l' autre couleur que nous avions dans les autres motifs. Parce que je me sentais comme sans cela, nous avons un peu trop d'espace vide sur la gauche. Encore une fois, il s'agit d'une technique simple pour équilibrer les deux côtés de la tartinade. Et encore une fois, cela contribue également à établir un peu de rythme où nous avons ces couleurs en alternance. Donc, en commençant par cette couleur que par l'autre. Et puis dans l'image, c'est surtout ce ton bleuté qui revient. Et le rythme, tout comme la répétition, est un excellent moyen de définir le rythme visuel de vos compositions. 15. Réflexions finales: Voici donc les quatre versions différentes, commencer par la première prise originale, assez ennuyeuse et fade, puis les trois autres, qui sont un peu plus créatives, mais qui utilisent toujours exactement la même chose et même la même mise en forme de texte. Donc, le plus grand point à retenir de ce tutoriel dont j' aimerais que vous vous souviez vraiment est que ne vous arrêtez jamais à un seul design, même si vous avez l'impression que ça s'est avéré génial, poussez-vous toujours à expérimentez et créez quelques versions différentes. Et n'oubliez pas non plus de faire quelques croquis au début, car cela peut vous faire gagner beaucoup de temps et vous aurez moins de mal à trouver des idées une fois que vous serez dans InDesign ou tout autre applications créatives. 16. Règles typographiques - Lettrine: Tout d'abord, vous avez besoin points d'entrée sur vos spreads. Ceux-ci aideront les lecteurs à s' engager et à commencer à lire le contenu. Maintenant, il peut s'agir de toutes sortes de choses différentes. De Drop Caps, deux en-têtes pour attacher des outils pour tirer des guillemets. Et sur cette page, par exemple, j'ai la plupart de ces choses que j'ai mentionnées et je peux les cacher juste pour que vous puissiez voir les doutes. Ça a toujours l'air beau de la tartiner elle-même. Mais avoir ces détails supplémentaires a vraiment aidé à lire l'article. Nous avons donc un titre, nous avons un titre, nous avons également cette petite flèche ici, sorte que vous pouvez utiliser des éléments graphiques ainsi que points d'entrée qui dirigent la vue vers le texte. Et puis nous avons également le code de pool ici à droite, qui est généralement extrait de l'article. Et c'est juste quelque chose de plus intéressant, mais il peut aussi s'agir d'une information supplémentaire. Laissez-moi vous montrer quelque chose si nous effectuons un zoom plus près ici à gauche, remarquez que j'ai des retraits sur tous les paragraphes. Et c'est un très bon moyen de séparer le bloc de copie que nous avons ici. Donc, pour la copie corporelle de l'article, vous devez normalement utiliser soit en danse, soit dans l'espace entre les paragraphes. Mais ce qu'il faut éviter, c'est utiliser le retrait sur le premier paragraphe. Et c'est une erreur courante chez beaucoup de designers. Je remettrais donc cela à 0 ici dans les options de paragraphe. Retrait gauche de la première ligne supprimé. Le but de l'utilisation de ces retraits de première ligne est de créer une séparation visuelle. Mais ici, nous avons déjà un grand écart entre le titre et la copie du corps. n'y a donc pas besoin de l'indentation. Au lieu de cela, ce que nous pourrions utiliser, c'est un bonnet. C'est très facile à configurer. Encore une fois, il suffit de double-cliquer sur le paragraphe , puis d'accéder aux contrôles de paragraphe. Et ici, vous trouverez l'option Drop Cap nombre de lignes, commencez simplement à augmenter cela et cela créera ce point d'entrée agréable. Maintenant, il est bon de savoir que parfois vous avez l' impression que le texte est trop proche du capuchon. Dans ce cas, vous pouvez utiliser le raccourci Alt ou flèche droite Option pour le pousser un peu plus loin. C'est le même raccourci pour le Kerning et le suivi. Et cela fonctionne également ici avec le bonnet. 17. Règles typographiques - Mesure: La longueur ou la mesure de la ligne, telle qu'elle est également mentionnée dans la topographie, est une autre chose cruciale à laquelle vous devez toujours prêter attention. Cela signifie essentiellement que chacune de vos lignes doit toujours comporter entre 45 et 90 caractères, et cela inclut également des espaces. Maintenant, vous pouvez vérifier cela en double-cliquant sur le texte, qui sélectionnera une seule ligne. Ensuite, à partir du menu de la fenêtre, vous pouvez accéder au panneau d'informations et vous verrez exactement le nombre de caractères que vous avez. Comme vous pouvez le constater, il s'agit de 42 caractères et cela inclut déjà des espaces. Donc, si nous voulons le garder entre 45 et 90, cela signifie que nous devons élargir nos colonnes ou nos blocs de texte, cela signifie que nous devons élargir nos colonnes ou nos blocs de texte, ce qui est très facile à faire. Je vais juste sélectionner l'ensemble du bloc de texte et je vais taper 65 pour la valeur de largeur. Je vais utiliser la même valeur ici à droite. Et je vais juste les écarter un peu, quelque chose comme ça. Bien sûr, si vous travaillez avec des grilles, vous devrez également l'aligner sur votre grille. Mais maintenant, si je sélectionne l' une de ces lignes, disons simplement celle-ci ici. Je vois maintenant que nous sommes dans cette fourchette que j'ai déjà mentionnée. Alors pourquoi est-il si important de faire attention à la mesure ? Il s'agit principalement d'améliorer la lisibilité de votre texte. Donc, la lisibilité, vous signifie normalement que la commodité de la lecture, et par exemple, si je rends ce bloc de texte beaucoup plus large, quelque chose comme ça, et que je sélectionne l'une de ces lignes, je peux voir que c'est déjà fini 90, c'est donc un peu trop long. Et cela rend la lecture inconfortable car il faut sauter sur une très longue distance de la fin jusqu'au début. De même, s' il est trop étroit, il va simplement sauter constamment d'avant en arrière entre les deux côtés de la colonne en lisant. 18. Règles typographiques - Alignement: Vous pouvez être créatif, l'alignement du texte, mais il y a encore quelques règles que vous devez garder à l'esprit. Tout d'abord, aligner à gauche ou à gauche est le moyen le plus courant de définir le type et justification est également très couramment utilisée. Maintenant, la principale différence entre ces deux-là est que nous justifions que vous obteniez des bords complètement droits des deux côtés, mais il faut faire très attention à la justification. Ce qui peut arriver, c'est que vous finissez par créer des rivières dans votre texte. Permettez-moi de vous montrer ceci, surtout lorsque vous avez un cadre de texte plus étroit, disons quelque chose comme ça. Si j'applique une justification à cette taxe en appuyant sur Commande ou Contrôle Shift G, je peux déjà voir quelques lacunes plus importantes apparaître dans le texte, mais cela s'aggrave encore si je réduit mon bloc de texte, ou surtout si j' enlève la césure. Donc, à partir des paramètres de paragraphe, si je supprime la césure, il est maintenant encore plus visible qu'il y a lacunes plus grandes dans le texte et parfois vous ne les remarquerez peut-être pas. Une bonne technique pour vérifier votre texte est donc de le retourner à l'envers. Donc, si vous le renversez, il est beaucoup plus facile de les trouver. Je fais donc référence à cette section ici ou à cette section ici et ainsi de suite. Ainsi, le V, vous pouvez éviter que ces inversions apparaissent dans votre taxe consiste à n'utiliser que la justification sur la longueur de ligne supérieure à 60 caractères. Et veillez également à autoriser la césure, car cela réduira également ces écarts indésirables. Puisque nous parlons d'alignement, vous connaissez probablement l'option vidée à droite ou droite. Mais vous ne devriez l'utiliser à nouveau que lorsqu'il y a une raison à cela. Dans ce cas, j'ai aligné le code du pool à gauche, et avec cela j'ai créé un espace visuel négatif ici sur WIC, je peux aligner le texte à gauche. Ce texte est donc vidé à droite ou aligné à droite, ce qui signifie que nous avons un bord droit ici. Mais le problème, c'est que parce que nous avons le bord déchiqueté à gauche, il est assez difficile revenir en arrière et de commencer à lire les lignes. C'est pourquoi l'alignement à gauche ou affleurant à gauche est généralement un peu plus lisible ou pratique pour vos lecteurs et l'alignement Molnar super bummed chaque fois que vous utilisez affleurant à gauche ou affleurant à droite, vous peut également appliquer l'option Balance des lignes déchiquetées, qui peut également être enregistrée en tant que fonction de style de paragraphe. Vous pouvez donc le trouver dans les options supplémentaires ici lorsque vous utilisez l'outil type. Et il y a des lignes déchiquetées équilibrées. Gardez donc un œil sur le bloc de texte sélectionné. Il s'agit de V vers le bas de l'option, et c'est l'option activée. Donc essentiellement, une bonne ligne à gauche dans ce cas devient un peu plus organisée lorsque cette fonctionnalité est activée. C'était avant, et c'est après. 19. Règles typographiques - Blocs: Nous avons déjà vu que le retrait de première ligne ne devrait pas être utilisé sur le premier paragraphe d'un bloc de texte. Mais il est tout de même très important de dissocier ces blocs pour les rendre plus faciles à lire. Maintenant, examinons de plus près ce bloc de texte ici. Pour le moment, ce n'est pas si génial, car certains paragraphes ne sont même pas perceptibles. Ici. Par exemple, nous avons un début de paragraphe, que je ne peux voir que si je clique plusieurs fois et que je sélectionne le paragraphe entier. Il y a donc un paragraphe qui commence ici. Maintenant, bien sûr, si nous sommes dans la vue normale et que je vais dans le menu Type et que je montre les caractères cachés. Nous pouvons également constater qu'il y a un paragraphe qui se termine ici, mais cela devrait être visible par un spectateur sans avoir évidemment toutes ces lignes directrices et ces caractères cachés. Le saut de paragraphe y a été ajouté intentionnellement par l' auteur ou l'auteur. Et vous êtes responsable, en tant que concepteur, de rendre cela visible visuellement. Il y a donc deux techniques très simples. première consiste à utiliser le retrait de première ligne, que nous savons déjà que nous ne devrions pas utiliser sur le premier paragraphe. Mais ici, sur le second, si je vais dans les paramètres du paragraphe, je peux trouver cette option et l'augmenter. Disons que sept millimètres sont déjà perceptibles. Et nous pourrions également appliquer cela ces deux autres paragraphes. Donc, juste pour m'assurer que c'est pareil, je vais taper sept, que ça paraisse déjà mieux. L'autre technique que nous pourrions utiliser est de faire sélectionner tous ces paragraphes et d'utiliser les espaces entre les paragraphes, que nous pouvons trouver ici. Maintenant, choisissons quatre millimètres pour celui-ci. Lorsque je clique dessus, vous pouvez le voir encore une fois, cela crée une rupture visuelle encore plus apparente entre les paragraphes. Vous pouvez maintenant vous laisser emporter et utiliser ces deux fonctionnalités ensemble. Mais ce n'est pas une bonne idée. Vous devriez utiliser l'un ou l'autre. Sinon, c'est un exagéré que vous pouvez déjà voir. Donc, ce que je vais faire, c'est sur ce deuxième paragraphe, je vais supprimer complètement le retrait gauche. Et entre ces trois paragraphes, je vais supprimer l'espace. Encore une fois, il s'agit soit de l'espace entre les paragraphes, soit de la première ligne restante. 20. Règles typographiques - Association des polices: L'utilisation de deux polices et polices distinctes dans un même bloc de textes peut être utile pour séparer les textes et créer une différence visuelle entre eux. Mais chaque fois que vous faites cela, ce à quoi vous devez faire attention, c'est garder la hauteur X la même. Il est donc bon d'avoir un contraste, contraste visuel entre les deux polices, ce qui aide le lecteur à identifier immédiatement qu' il y a une différence. Donc, dans ce cas, nous avons la police S serif sur le premier paragraphe et sans empattement sur le reste. Mais le problème est que la hauteur X n'est pas la même. Donc, si vous n'êtes pas familier avec excide, il s'agit essentiellement de la hauteur des caractères minuscules d'une police de caractères. Et plus vous pourrez rapprocher cette valeur entre les deux polices que vous associez mieux. Examinons donc de plus près cet exemple ici, j'ai intentionnellement la même taille de texte que celle utilisée sur les deux polices. Et j'ai également le même premier mot dans ces paragraphes. Donc, si je copie celui-ci et que je le place à côté de l'autre, et que je zoome de plus près, nous verrons exactement à quel point la hauteur X est différente sur eux. Donc, lors du jumelage des polices, faites attention à avoir un contraste entre elles, mais aussi à aligner cette hauteur X. 21. Règles typographiques - Alignement des marges: Vous avez peut-être entendu dire qu'il est bon rester loin de la césure, mais ce n'est pas le cas, surtout lorsque vous utilisez la justification. Nous avons déjà discuté que lorsque vous utilisez césure de texte justifiée pourrait aider à éliminer l'inverse. Toutefois, lorsque vous utilisez la césure, vous devez également appliquer alignement de marge optique ou une ponctuation suspendue romaine, ce qui maintiendra les traits d'union hors du bord de votre bloc de texte. Laissez-moi vous montrer ceci. Nous avons ici quelques traits d'union sur le côté droit. Si je sélectionne ce bloc de texte, je peux accéder à cette option en allant le menu Fenêtre et sous Type et Tables, choisissez l'histoire. Il y a littéralement un seul cadre. Et c'est la caractéristique dont je parlais , l'alignement optique des marges. Et vous pouvez l'ajuster davantage si vous avez l'impression que ce n'est pas exact. Mais la plupart du temps, c' est suffisant pour simplement éteindre et vous pouvez déjà voir à quel point cela ressemble mieux. C'est donc sans et avec alignement optique de la marge. Désormais, cette fonctionnalité ne vise pas seulement à corriger l' alignement de la césure, mais également à des éléments tels que les guillemets. Remarquez que lorsque je mets ce guillemets ici, il va automatiquement un peu plus loin vers la gauche, donc le garde presque en dehors du cadre de texte. Je recommande vivement d'utiliser cette fonctionnalité plupart du temps sur votre copie corporelle. Et vous pouvez réellement l' enregistrer dans les styles d'objet, non pas directement dans un paragraphe, mais dans un style d'objet. Donc, si je vais dans le panneau Styles d'objet et que je crée un nouveau style, lorsque je rentre ici, vous trouverez une catégorie distincte appelée Options de l'histoire. Et tant qu'il y est enregistré et ce style d'objet est appliqué à votre bloc de texte, il corrigera automatiquement ces problèmes. 22. Règles typographiques - Majuscules: Enfin, parlons un peu de l' utilisation de toutes les majuscules ou de toutes les majuscules. Cela peut être une bonne chose à utiliser sur les titres, les titres, mais vous devez éviter de l'utiliser sur des blocs de textes plus longs car cela rend la lecture inconfortable. Et ça peut aussi avoir l'impression de crier. Même pour avoir souligné un mot. Il suffit de dire celui-ci ici. Si je double-clique dessus, je peux utiliser la touche Commande ou Contrôle Maj pour passer rapidement à toutes les majuscules. C'est un peu exagéré. Au lieu de le définir sur toutes les majuscules, nous pouvons simplement le mettre en surbrillance en changeant un peu la mise en forme, peut-être moyenne. En passant, chaque fois que vous avez plusieurs poids pour une police de caractères, vous devez toujours augmenter le poids en niveaux pour le texte mis en surbrillance. Parce que si je reviens en arrière, disons que la différence n'est pas aussi évidente que lorsque je suis allé jusqu'au niveau moyen. Ce n'est qu'une note de côté. Mais en revenant à toutes les majuscules, vous pouvez voir que cela fonctionne très bien sur ce texte ici à droite car il ne s'agit que de quelques mots et il met vraiment l'accent sur ce code de pool. Mais ici, sur le côté gauche de la copie du corps, j'utilise la mise en forme normale du cas de phrase. Et il est prouvé qu'il est plus facile à lire lorsque vous avez cas de phrase normal, car vous pouvez voir exactement où commence le centre. De plus, avec les caractères minuscules, vous obtenez les tiges ascendantes et descendantes, ce qui ressemble presque à un raccourci visuel pour lecture ou une numérisation plus rapides du texte pendant que vous lisez. Une fois de plus, n'hésitez pas à utiliser toutes les majuscules sur les titres et les en-têtes, mais évitez les blocs de texte plus longs. 23. Retouche et masquage de photos: Ce magnifique cliché des fjords en Norvège va être utilisé en bas de notre première page de la diffusion. Ce qui sera donc important ici, c'est d'enlever le ciel que l'image puisse se fondre magnifiquement dans le reste de la page. Mais je veux aussi modifier légèrement la couleur et augmenter le contraste des montagnes. Je voulais être très percutant, dramatique. Nous n'utiliserons pas la moitié inférieure de l'image, donc nous allons nous concentrer sur cette section ici. La première chose que je vais faire est donc d'aller le menu Sélectionner et de choisir l'incroyable option de sélection du ciel, ce qui va très bien sélectionner le ciel. Et nous pouvons déjà transformer cela en masque. Il suffit donc de cliquer sur l'icône Ajouter un masque ici à droite. Mais cela va garder le ciel visible car il a été sélectionné et nous avons besoin de l' inverse de cela. Nous devons cacher le ciel. Le raccourci pour inverser notre masque est Commandement ou Contrôle I. Et nous n'avons toujours pas parlé de Mosquée dans les moindres détails. Mais ne vous inquiétez pas, dans le contenu de la semaine prochaine, c'est quelque chose que nous allons approfondir et cela aura beaucoup plus de sens comment fonctionnent les masques et pourquoi. Il est toujours recommandé de transformer vos sélections en mosquées et de ne pas supprimer les détails des images. Comme dans ce cas, j'ai l' impression que cette montagne sur la gauche n' est qu'à moitié visible parce qu' elle était couverte d'un nuage. Je vais donc simplement utiliser l' outil pinceau et peindre dessus avec du noir. Cela va donc rapidement cacher ces détails, mais tout cela se fait de manière non destructrice. Donc, si je clique sur le masque, je peux toujours révéler ces détails. En cliquant à nouveau dessus, la touche Maj les masquera à nouveau. Maintenant que j'ai le masquage prêt, je vais transformer ce calque en objet intelligent. Encore une fois, nous aborderons un autre sujet beaucoup plus en détail la semaine prochaine. Et une fois que mon objet intelligent sera prêt, je vais appliquer le filtre Camera Raw dessus, ce qui m'aidera à augmenter le drame, comme je l'ai mentionné au début. Donc d'abord, je vais augmenter la clarté et la texture, et c'est déjà très beau. Nous pouvons également augmenter un peu la brume, puis réduire les noirs et les ombres. Cela rend tout légèrement plus sombre. Et ensuite, je veux aussi réduire la vibrance. Je veux donc rendre les choses un peu plus sombres, moins saturées. Maintenant, cela n'a pas l'air aussi beau en bas qu'en haut. Mais comme je l'ai dit, nous nous concentrons uniquement sur les montagnes. Et si vous appuyez sur P sur le clavier dans l'espace de travail des règles de caméra, vous pouvez rapidement basculer entre les versions avant et après. Et ça m'a vraiment plu. Je vais juste cliquer sur OK. Et comme vous pouvez le constater, le filtre Camera Raw est modifié de manière non destructive en tant que filtre intelligent. Encore une fois, nous pouvons l' activer et l'éteindre. Nous pouvons double-cliquer dessus pour revenir en arrière et apporter des modifications supplémentaires si nécessaire. Mais maintenant, il suffit de l'enregistrer sous forme de fichier Photoshop, que nous pourrons ensuite placer dans InDesign. 24. Images hors limites: Ce court métrage finira par être du bon côté de notre diffusion. Et j'aimerais créer des effets hors limites, avec les cornes qui sortent du cadre. Pour cela, nous avions d'abord besoin d'une nouvelle sélection. Cette fois, j'utilise l'option Sélection des sujets, ce qui fait une très bonne sélection pour nous. Et nous pouvons simplement transformer cela en masque. Et je ne vais même pas m'inquiéter ces imperfections autour des cheveux et de cette partie du crâne, car il suffit d'avoir une bonne sélection autour des cornes, parce que ces seront les seuls détails qui sortent du cadre de l'image. Nous pouvons donc maintenant simplement enregistrer cela en tant que fichier Photoshop. Je vais maintenant vous montrer dans InDesign comment configurer cela pour qu'il ressemble à la version que vous pouvez voir ici. Tout ce que vous avez à faire, c'est de prendre première place dans l'image originale. C'est donc le JPEG que vous pouvez placer dans le coin inférieur droit de votre étalement, alignez-le sur celui-ci pour vous assurer qu'il s'adapte bien. Et puis une fois que vous l' avez prêt, il suffit de recadrer et d'avoir les cornes manquantes au sommet. Une fois que votre cadre est prêt comme ceci, il suffit de le copier et d'utiliser Edit Coller in Place. Cela va être collé dans une autre version du même cadre d'image au-dessus de l'original. Lorsque cette image est sélectionnée, utilisez la commande File Place Option ou Control D, et recherchez la version de votre mât out. Je vais donc récupérer ce fichier Photoshop, ouvrir au début. On dirait que rien n'a changé, mais nous avons une image distincte. Maintenant, vous pouvez voir que c'est la version Mars et en dessous se trouve l'original. Et maintenant, il suffit de le remettre là où il était, tout ce que j'ai à faire, c'est de toucher deux fois le point d'ancrage central pour étendre le cadre jusqu'aux bords d'origine. cool avec cette méthode, c'est que je peux cliquer sur Commande ou Contrôle pour basculer entre la masse et la version originale de l'image. Et je peux toujours contrôler la quantité de détails que je veux sortir des bords d'origine. Je peux donc le faire glisser plus loin vers le bas. Et si j'affine ma sélection, je pourrais même créer un effet hors limites plus spectaculaire. Mais dans ce cas, je veux juste garder les choses plus subtiles et je pense que c'est suffisant pour que les cornes sortent comme ça. Encore une fois, n'hésitez pas à faire preuve de créativité. Vous pouvez même ajouter à nouveau un angle sur ce cadre en sélectionnant l'image au verso , puis en utilisant l'outil de sélection directe, en cliquant sur l'un de ces points d' ancrage ou en les mettant simplement en surbrillance. Ensuite, à l'aide des flèches Maj vers le bas, vous pouvez déplacer ce point d'ancrage vers le bas. Ainsi, vous pouvez créer un angle pour votre cadre d'image au lieu de garder complètement horizontal. 25. Lettrine créative: J'ai une superbe photo de la série Vikings. Et ce personnage de la série s'appelait porin. Je vais la sélectionner en utilisant la fonction Sélectionner le sujet, qui fait une sélection très rapide en utilisant Adobe Sensei, la sélection de l' intelligence artificielle. C'est donc déjà une sélection vraiment cool, on peut en faire un masque en cliquant sur le drapeau japonais en bas à droite. Ensuite, double-cliquez sur l'icône du masque, ce qui ouvrira la zone de travail Sélectionner et masquer à l'intérieur. Nous allons sélectionner l'outil Pinceau Affiner les bords. Le raccourci est r, et c'est un peu plus proche et peignez tous ces détails. C'est donc un outil génial pour récupérer ces détails et peut-être même affiner les cheveux ici sur le côté droit. Et je pense que c'est assez joli, ou alors ici nous avons cette lacune. Et je pense que c'est bien, c'est tout ce dont nous avions besoin. Nous pouvons donc cliquer sur, OK, maintenant nous pouvons affiner la mosquée un peu plus loin par l'option Alter, en cliquant sur la vignette du masque. Ensuite, si vous sélectionnez l'outil Graver et que vous définissez la plage de deux ombres, vous pouvez éliminer très rapidement tout halo autour des arêtes créé avec l'arête affinée. De même, si vous sélectionnez l'outil Dodge Tool, définissez la plage pour qu' si vous sélectionnez l'outil Dodge Tool, définissez la elle soit mise en surbrillance et commencez à peindre autour des bords. Vous pouvez vous assurer qu'il n' y a pas de détails transparents, surtout autour des cheveux, si cela ne suffit pas et que vous avez l'impression que cela devrait être blanc, il suffit d'utiliser le pinceau et de peindre sur le diviseur. Donc, quelque chose comme ça. Voyons simplement à quoi ça ressemble. Si I Alt ou Option cliquez sur le masque. Je pense que c'est très joli. Très bien, il est maintenant temps de combiner la photo et le texte et de faire croire que le personnage sort de cette lettre. Donc, d'une certaine manière, le texte va ressembler à un dispositif de retenue. Il suffit donc de sélectionner l'image et de la placer au-dessus du texte. Tout d'abord, la couche de textes que je vais définir sur une capacité de 100 %. Et ce que nous allons faire, c'est d'ajouter autre masque sur ce calque en créant un groupe, C' est Commande ou Contrôle G. Sur ce groupe, j' ajouterai le masque. J'aime garder mon masque séparé. Le premier était donc simplement pour l'isoler de l'arrière-plan. La seconde consiste spécifiquement à l'aligner sur la composition. Je vais utiliser l'outil pinceau, et je vais simplement brosser très rapidement ces détails ici, que je ne veux vraiment pas voir , quelque chose comme ça. Ensuite, je vais créer une sélection rapide de mon calque de textes par Commande ou Contrôle, en cliquant sur la vignette du calque de textes. De cette façon, je peux supprimer les détails qui chevauchent le texte, quelque chose comme ça et aller ici. Cachez probablement ces détails aussi. OK. Tout ce dont j'ai besoin, c'est de montrer la main sur le côté gauche et aussi sur le côté droit pour créer un effet de chevauchement ou de profondeur intéressant. Maintenant, je peux utiliser la commande ou le contrôle D pour le désélectionner. Zoom un peu plus près. Et puis, en utilisant la même masse que j'avais utilisée auparavant, je vais passer au blanc en appuyant sur X sur le clavier et je peins très rapidement sur la main, quelque chose comme ça. Et tout ce que je dois faire maintenant, c'est d'affiner cette sélection. Normalement, je créais également un chemin avec l'outil stylo , puis je dessinais autour de cela. Mais ici, de ce côté, je vais juste utiliser l'outil pinceau et peindre très rapidement dessus, quelque chose comme ça. Je ne passe pas trop de temps à peaufiner parce que vous aurez l'idée. Je pense donc que c' est très joli. Donc, sans le masquage, c'était évidemment comme ça. Et avec ce masque supplémentaire, maintenant, ça ressemble à ça, mais nous devons réparer l'autre bras ici. Une fois de plus, je vais utiliser l'outil pinceau, passer au blanc en appuyant sur X et révéler la main. Donc, la main. Et puis ils peuvent probablement aussi sortir des limites et être quelque part là. Je pense que cela fonctionnera très bien. Voyez, c'est pourquoi il est bon d'avoir deux masques distincts. Parce que lorsque je révèle ces détails, je ne révèle pas l'arrière-plan original. Je ne fais que révéler les détails déjà masqués. Maintenant que nous avons cette sélection, encore une fois, nous pouvons l'affiner. Et cette fois, je vais utiliser l'outil stylo pour être un peu plus précis. En mode chemin, je vais commencer à dessiner cette sélection ici et à zoomer un peu plus près pour que nous puissions voir ce que je fais. Essentiellement, je ne fais que dessiner ces détails très rapidement. Et ensuite, descendons. Je crée des courbes et je maintiens la barre d'espace enfoncée. Vous pouvez repositionner vos points d'ancrage. Vous pouvez donc voir à quel point nous pouvons effectuer cette sélection rapidement et efficacement. chose comme ça. Ok, encore une fois, je ne fais pas un travail parfait parce que j'essaie de vous le montrer très rapidement, mais j'espère que vous aurez l'idée de comment cela fonctionne. Nous avons donc ici ce détail de plus et cela peut être un peu plus rapide sur ces détails. Personne ne remarquera comment c'était à l'origine, quelque chose comme ça. Je pense que cela fonctionne bien. Et ensuite, il suffit de faire une grande sélection autour de ça. Ensuite, appuyez sur Commande ou Contrôle, Retour ou Entrée, ce qui transformera cette sélection. Et tous les détails à l'intérieur doivent être conservés, mais tous les détails extérieurs peuvent être cachés. Nous allons donc inverser la sélection en appuyant sur Commande ou Control Shift I, puis en utilisant le noir comme couleur de premier plan, nous pourrons très rapidement peindre tous les détails dont nous n'avons pas besoin. Ensuite, Commande ou Control D pour désélectionner, puis zoomer plus près, il suffit de réparer quelques autres choses ici. Je pense que cela peut être caché, rendre ce bord un peu plus crédible. Et ici aussi, je pense que quelque chose comme ça va bien le ranger. Bon, alors allons zoomer et jeter un coup d'œil. Je pense que c'est assez joli. C'était avant et après. Et encore une fois comme avant, je vais l'enregistrer sous forme de fichier Photoshop sans arrière-plan, donc garder l'arrière-plan complètement transparent. Ensuite, placons cela dans notre composition InDesign. Le voilà, et ça a déjà l'air mauvais ***. Mais ce que je vais faire, c'est d'en augmenter la taille. Et nous pouvons combiner les techniques que nous avons apprises. Nous pouvons donc aussi utiliser les textes rap probablement ici. Si nous allons dans Enveloppement de texte de fenêtre et que nous activons la même fonctionnalité que celle que nous utilisons auparavant. Et dans ce cas, comme il s'agit d'un fichier Photoshop, nous devons également nous assurer qu'il utilise le canal alpha, basé sur les masques que nous avons créés. Et n' oublions pas non plus le décalage que nous avons utilisé auparavant, quelque chose comme ça. Jetons donc un coup d'œil à cela en plein écran. Je trouve ça génial. Une dernière chose que j'ajouterais peut-être est une ombre portée sur la lettre. Donc, si vous êtes dans InDesign et que vous souhaitez revenir arrière et apporter des modifications à votre composition Photoshop, vous pouvez simplement maintenir la touche Alt ou Option enfoncée et double-cliquer dessus. Cela revient dans Photoshop. Et ce que nous pouvons faire, c'est d'ajouter un calque supplémentaire au-dessus du texte, clipser en maintenant à nouveau Alt ou Option enfoncée et de cliquer sur qui crée le masque de découpage , puis utilisez l'outil pinceau et peut être sélectionner la même couleur que celle que vous avez utilisée sur le texte, mais définissez le mode de fusion de ce calque pour qu'il se multiplie. De cette façon, lorsque vous dessinez avec un pinceau doux et probablement une faible opacité comme 20 %, vous pouvez commencer à créer belle ombre autour de cette partie. Je vais le rendre plus sombre. Peut-être même réduire la luminosité de la couleur. Ajoute un peu plus d'ombrage. Et la même chose ici, de ce côté-ci. Je ne fais que construire cet effet , quelque chose comme ici. Je vais le rendre encore plus sombre. Et au fait, j'utilise le raccourci du sélecteur de couleurs HUD, c' est-à-dire Contrôle de commande, Option, cliquez et faites glisser sur Mac. Et je pense que c'est bizarre de faire un clic droit sur PC, mais je ne suis pas sûr à 100% de la version PC. C'est ce qu'on appelle le raccourci d'affichage couleur HUD. est donc le cas. Je vais le réduire encore plus dans ce coin. Bon, donc maintenant sauvegardons ces modifications Command ou Control S et revenons dans InDesign. Et nous pouvons voir que nos ombres apparaissent bien ici aussi. 26. Utilisation des icônes dans InDesign: Pour le projet, j'ai déjà préparé trois icônes avec lesquelles vous pouvez travailler. Ou encore, n'hésitez pas à dessiner ou créer vos propres icônes ou à en trouver d'autres. Dans cette vidéo, cependant, au lieu de parler de la façon de les créer, nous allons discuter de la façon dont vous pouvez les placer dans InDesign, car il existe en fait plusieurs méthodes ou méthodes différentes. Vous pouvez le faire. Et il y a des avantages et des inconvénients pour chacune des méthodes. Donc, le premier est probablement le plus facile, il suffit de sélectionner quelque chose dans Illustrator. Vous pouvez simplement choisir Copier , puis sauter dans InDesign, il suffit de le coller dans. Commandons ou contrôlons V ou éditons coller. Il vaut toujours la peine de vérifier sur quel calque ces icônes finiront. Et je recommande toujours de les garder sur une couche séparée pour qu' il soit facile de les trouver. Et l'avantage de ce faire, la méthode simple de copier-coller est que ces éléments resteront basés sur des vecteurs. Vous pourrez donc augmenter leur taille sans perdre qualité en maintenant la touche Commande ou Contrôle enfoncée et en faisant glisser les points d'angle. Et vous pourrez également modifier la couleur de vos éléments vectoriels simplement en accédant à l'option couleur du champ. Et dans le cas où il s'agit d'une simple illustration vectorielle couleur , elle est très rapide et facile à réaliser. Ici, j'ai déjà préparé cette nuance rouge, que je peux appliquer très rapidement et je n'ai même pas besoin de retourner chez Illustrator pour le faire. Et si j'ai besoin d' apporter des modifications, je peux même double-cliquer sur cette illustration et sélectionner des points d'ancrage à l'intérieur. Par exemple, je peux utiliser l'outil de sélection directe, mettre en surbrillance cette partie de l'illustration, et en utilisant les flèches vers le haut et vers le bas, je peux augmenter ou diminuer la longueur de ce mât de drapeau. Lorsque vous collez simplement une illustration vectorielle dans InDesign, cela ne finira pas par être un lien. Il ne s'appuiera donc même pas sur le fichier Illustrator original. Et c'est la raison pour laquelle je ne recommanderais pas cette méthode si vous travaillez avec des illustrations complexes dans le cas de petites icônes comme celles-ci qui sont assez simples, n'est pas un problème de simplement coller. mais pour les illustrations plus complexes et les fichiers vectoriels plus volumineux, il est toujours recommandé de les lier. Et c'est ainsi que nous avons déjà fait avec les images, simplement en utilisant la commande place. Maintenant, permettez-moi de vous montrer ce qui se passe si je place ce fichier d'icônes Illustrator, qui contient les trois icônes, dès que je les ai placées, il apparaîtra dans les liens. Donc, dans ce cas, ils ne sont pas intégrés. Ils utilisent toujours le fichier source d'origine. Mais comme ces icônes se trouvaient sur un seul tableau artistique, elles ne sont pas séparées, elles se rejoignent. Cependant, dans InDesign, il est assez simple de les séparer. Il suffit de recadrer le cadre de l'image plus près de l'icône dont vous avez besoin. Ensuite, si vous souhaitez en utiliser un autre, suffit de dupliquer l'icône en maintenant la touche Alt ou Option enfoncée. Ensuite, à l'aide de l'outil de saisie de contenu, vous pouvez cliquer, faire glisser et passer à l'autre icône. Il s'agit essentiellement de révéler des parties du tableau d'art, mais ces deux éléments reposent toujours sur ce document Illustrator lié original. Dans ce cas, nous ne pourrons pas modifier les couleurs directement ici dans InDesign, les couleurs directement ici dans InDesign, ni modifier ou modifier le dessin au trait réel. Pour cela, nous devons maintenir la touche Alt ou Option et double-cliquer sur l' une de ces images, ce qui nous ramènera au fichier source. Ici, nous pourrons faire ce que l'immense que nous voulions. Et n'oubliez pas d'enregistrer votre fichier Illustrator pour voir les modifications mises à jour dans InDesign. Enfin, il existe également un autre moyen d'exporter vos icônes, c'est-à-dire de les enregistrer en tant que ressources dans Illustrator, ce que vous pouvez faire avec le panneau d'exportation des ressources de fenêtre. Ici, vous pouvez sélectionner les trois icônes et simplement les faire glisser et les déposer dans cette partie du panneau. Si chacun d'entre eux a déjà été configuré en tant que groupes , ils seront automatiquement ajoutés en tant que ressources distinctes. Et ici, vous pouvez même leur donner des noms, disons appeler cela, pourquoi King, qui affectera les noms de fichiers. Une fois que nous avons généré les incendies à partir ces ressources pour lesquels de ces ressources pour lesquels vous pouvez trouver les options ci-dessous, vous pouvez choisir d' enregistrer des fichiers PNG ou JPEG. Mais ce que je recommanderais normalement de travailler, c'est le format SVG car cela les maintient toujours basés sur des vecteurs. Ils peuvent donc être indépendants de la résolution de l'acier et vous pouvez facilement augmenter ou diminuer leur taille sans perdre de qualité. Ainsi, une fois que vous avez sélectionné SVG, il vous suffit de les sélectionner tous en maintenant la commande ou le contrôle enfoncés ou la touche Maj enfoncée. Vous pouvez sélectionner plusieurs icônes dans le panneau Actif, puis en cliquant sur Exporter, il vous suffit de définir l'emplacement où vous souhaitez les enregistrer. Je vais choisir ce dossier. Maintenant, dans InDesign, encore une fois, je vais pouvoir utiliser la commande File Place, mais cette fois, je vais sélectionner ces trois fichiers SVG, cliquer sur Ouvrir, puis je pourrai les placer un par un. Il suffit de cliquer et de cliquer et de cliquer. Et comme je l'ai dit, il s'agit éléments entièrement vectoriels et ils fonctionnent exactement de la même manière que si vous placiez dans le document Illustrator, le document original. Ils seront donc également liés. Mais maintenant, grâce au fait qu'ils sont enregistrés en tant que ressources distinctes, il est un peu plus facile de les manipuler, sorte qu'ils ne sont pas connectés à un seul fichier. Il existe trois fichiers distincts. Les trois méthodes que je vous ai montrées peuvent être utiles. Cela dépend vraiment du flux de travail et du type de conception sur lequel vous travaillez. N'oubliez pas que chaque fois que vous souhaitez travailler via les ressources vectorielles d'un document InDesign, essayez d'éviter de rastériser ces ressources. Assurez-vous donc que vous pouvez les garder voler à base de vecteurs. 27. Conclusion: Bravo pour avoir terminé ce cours. J'espère que vous avez eu autant de plaisir à le lire que j'en ai eu à l'enregistrer. Et bien sûr, n' oubliez pas le projet de classe. Parce que n'oubliez pas que la pratique rend parfait. J'ai hâte de voir votre travail, alors assurez-vous de le soumettre. Et si vous aimez ce cours et que vous souhaitez en savoir plus avec moi, vous trouverez de nombreux autres cours ici. Va les découvrir maintenant. J'ai hâte de te rencontrer le prochain.