Tutoriel Adobe InDesign : Grilles d'images et styles de caractères

Fort du succès de notre premier tutoriel InDesign, ce nouvel épisode se penche sur les raccourcis essentiels qui peuvent aider tous les graphistes. Gagnez du temps avec les styles de caractères, une technique idéale pour créer une image de marque cohérente, et améliorez la qualité et la précision de vos créations en maîtrisant les grilles d'image. 

L'inspiration, du pitch à la page

Dans ce deuxième épisode de notre série, nous nous inspirons de la conception élégante et fonctionnelle du programme de Brighton. La disposition en trois colonnes, un élément essentiel de leur conception, nous sert de modèle et nous montre comment équilibrer efficacement le texte et l'image pour une expérience visuelle attrayante.

Créer des grilles d'images avec précision

Notre tutoriel commence par la construction de grilles d'images. Nous explorons l'utilisation de l'outil cadre rectangle d'InDesign, en soulignant l'importance de la précision et de l'alignement. En utilisant des raccourcis clavier et des outils tels que l'outil d'espacement, nous montrons comment créer des grilles d'images régulièrement espacées qui améliorent l'attrait visuel de votre mise en page.

Placement et mise à l'échelle des images

Une fois la grille définie, nous vous guidons dans le processus d'insertion et de mise à l'échelle des images. Cette partie du didacticiel se concentre sur l'obtention d'un aspect équilibré et proportionnel, similaire à un masque d'écrêtage, en veillant à ce que vos images s'intègrent parfaitement dans les cadres désignés.

Mise en œuvre de styles de caractères pour une mise en forme cohérente du texte

Le point fort de notre tutoriel est la mise en œuvre des styles de caractères. Cette fonctionnalité d'InDesign change la donne pour assurer une mise en forme cohérente et efficace du texte. Nous vous guidons dans la mise en place d'un nouveau style de caractère, dans l'ajustement des choix de police et même dans l'ajout d'une touche créative avec du texte surligné.

Application pratique

En conclusion du tutoriel, nous appliquons les techniques apprises pour créer une mise en page visuellement attrayante. Cette approche pratique permet non seulement de renforcer les compétences, mais aussi de démontrer comment les fonctionnalités d'InDesign peuvent améliorer vos projets d'impression.

Restez à l'écoute pour en savoir plus

Notre voyage ne s'arrête pas là. Dans les prochains épisodes, nous explorerons d'autres aspects de la conception des programmes de la Premier League, chacun contenant des conseils et des astuces qui vous permettront d'affiner vos prouesses dans InDesign.

Ce didacticiel est une ressource inestimable pour tous ceux qui souhaitent développer leurs compétences dans InDesign, en particulier pour créer des mises en page professionnelles et attrayantes. Regardez notre vidéo, suivez-nous et voyez comment ces techniques peuvent transformer vos projets d'impression.

Si le temps est compté, consultez notre rubrique Courts métrages sur YouTube ou TikTok pour expliquer ces techniques en quelques secondes.

Lorsque vous maîtrisez l'utilisation des grilles d'images et des styles de caractères pour votre conception, notre gamme sera là pour produire parfaitement votre œuvre d'art en impression !

Transcription

Bienvenue dans le deuxième épisode de cette série dans laquelle j'examinerai les programmes de la Premier League de cette saison et les utiliserai chaque mois comme source d'inspiration pour vous aider à développer vos compétences dans InDesign. 

Ces conseils vous aideront à créer vos propres œuvres d'art, que vous pourrez ensuite faire vivre grâce à l'impression. Dans le dernier épisode, j'ai examiné le programme Wolves et je vous ai montré comment configurer un document InDesign. 

Dans cet épisode, je vais parcourir la page de contenu du programme de Brighton et vous montrer comment créer quelques fonctionnalités qu'ils ont utilisées. 

Voici un aperçu de ce que je vais vous montrer comment créer. Comme vous pouvez le voir, ils ont utilisé une mise en page en trois colonnes pour diviser l'information et l'imagerie, afin de rendre la page plus digeste. 

J'aime beaucoup la simplicité de cette conception, et je pense qu'ils ont inclus juste la bonne quantité d'informations pour attirer votre attention. Ils n'en ont pas fait trop et ne vous ont pas laissé sans savoir à quoi vous attendre. 

L'utilisation de grilles d'images pour mettre en évidence des sections du programme est également une excellente idée, que l'on retrouve dans la plupart des pages de contenu des programmes de football. 

Dans cet épisode, je vais vous montrer comment créer vos grilles de texte et d'image en surbrillance comme ici. Voici donc un design que j'ai réalisé en m'inspirant du programme Brighton. Je vais vous montrer comment créer cette grille d'images avec le texte en surbrillance. 

J'ai fait de la place pour créer les grilles d'images, alors commençons par cela. Allez donc dans la barre d'outils et sélectionnez l'outil cadre rectangle. En maintenant la touche Shift enfoncée, faites glisser un carré comme celui-ci sur le bord de la colonne, mais ne relâchez pas encore les touches Click et Shift. 

Utilisez les touches fléchées, monterpour en créer deux verticalement, puis utilisez les touches fléchées, droitVous pouvez utiliser cet outil, l'outil d'espacement, pour modifier la taille de chaque image, et vous pouvez le déplacer vers le haut et vers le bas en maintenant la touche Alt. Vous pouvez utiliser cet outil, l'outil d'espacement, pour modifier la taille de chaque image, et vous pouvez le déplacer vers le haut et vers le bas en maintenant la touche Alt enfoncée. Si vous maintenez la touche Majuscule enfoncée, vous pouvez séparer ces deux images. Si vous maintenez la touche Ctrl enfoncée, vous pouvez modifier un espace comme celui-ci, et vous pouvez le faire avec n'importe quelle forme de grille. 

Mais revenons au deux par deux que j'avais auparavant. Comme vous l'avez vu tout à l'heure, je n'avais qu'une seule image horizontale en haut, et c'est très facile à faire. Il suffit de supprimer l'une des cases et, à l'aide de l'outil de sélection directe, de la faire glisser jusqu'au bord. Et voilà, nous avons trois cadres dans lesquels nous pouvons maintenant placer nos images. 

Maintenant que nous avons créé nos grilles d'images, allons-y et plaçons nos images, et c'est très facile à faire. Sélectionnez l'un des cadres, allez dans le fichier, descendez jusqu'à placer, et trouvez l'image que vous souhaitez. 

Comme vous pouvez le voir, l'image n'a pas été mise à l'échelle de façon proportionnelle. Il me suffit donc de cliquer sur le cercle au milieu pour voir apparaître une main comme celle-ci. Cliquez avec le bouton droit de la souris, sélectionnez "Ajuster", puis "Ajuster le contenu proportionnellement". 

Comme vous pouvez le voir, l'image ne s'ajuste toujours pas correctement, mais je peux maintenant la voir. Pour mettre votre image à l'échelle, assurez-vous d'avoir un contour marron comme celui-ci. Cela signifie que je ne modifierai que l'image à l'intérieur du cadre et non le cadre lui-même. 

Ainsi, le maintien Alt + ShiftJe vais donc l'agrandir pour qu'il tienne dans le cadre. Comme vous pouvez le voir, rien n'est sorti du cadre et tout est resté à l'intérieur, comme dans le cas d'un masque d'écrêtage. Il ne me reste plus qu'à répéter l'opération pour les autres cadres. 

J'ai fini d'ajouter toutes mes images aux cadres, et j'ai également ajouté la copie, que je vous montrerai comment mettre en évidence. Rendez-vous donc sur Fenêtre, descendre jusqu'à Styleset sélectionnez Styles de caractèresou vous pouvez utiliser le raccourci, Maj + F11. Un onglet comme celui-ci s'ouvre. 

Les styles de caractères sont très utiles car ils vous aident à gagner du temps et garantir un formatage cohérent tout au long de votre œuvre. Il y a aussi ce qu'on appelle les styles de paragraphe, que je vous montrerai dans les prochains épisodes, mais pour l'instant, je ne vais parler que des styles de personnage. 

Maintenant que cet onglet est ouvert, sélectionnez l'icône plus ici, et cela créera un nouveau style de caractère, appelé style de caractère un. Votre texte est sélectionné, double-clic le style de personnage, et un onglet comme celui-ci s'ouvrira. Cochez la case de prévisualisation dans le coin inférieur gauche pour que vous puissiez voir tous les changements se produire à temps. 

Commençons donc par les formats de caractères de base, et nous pouvons maintenant choisir la police de caractères d'une phrase. Et je vais faire Proxima Nova, style de police, regular, et taille 15. Et je m'en contente. 

Je veux que ma couleur soit blanche car elle sera sur un fond bleu, donc je veux qu'elle soit visible. Maintenant, nous allons aller dans les options de soulignement, et c'est là que nous allons ajouter notre surbrillance. Dans cette option, assurez-vous que vous cochez underline on, et que la case est cochée. Pour l'instant, nous allons simplement changer le poids à 10, et nous assurer que le décalage est de -3. 

Comme vous pouvez le voir, la surbrillance ne couvre pas tout le texte. Nous devons donc augmenter lentement le poids jusqu'à ce qu'il couvre le texte. Je veux que la couleur de la surbrillance soit cyan. 

J'ai décidé que je n'aimais pas le 17, et je vais l'abaisser un peu, juste pour qu'il y ait un espace entre chaque ligne. Vous pouvez également modifier la couleur de l'espace, mais je vais la laisser telle quelle pour l'instant et cliquer sur OK. Je vais devoir agrandir un peu mon cahier de texte pour que la phrase s'y insère. 

Il ne me reste plus qu'à sélectionner mes autres phrases et à appliquer ce style de caractère, comme cela. Et je peux aussi le faire pour cette phrase. Comme vous pouvez le voir rapidement, j'ai ajouté ce style et mis en évidence toutes ces phrases. 

Merci d'avoir regardé cet épisode, et j'espère que j'ai pu vous apprendre quelques astuces que vous pourrez utiliser dans votre projet d'impression actuel ou futur. N'oubliez pas de rester à l'écoute, car j'examinerai le programme de West Ham et je vous montrerai d'autres astuces que vous pourrez utiliser dans votre projet d'impression.