Affinity Les trois studios · Cours interactif
Séance 5 · Studio Mise en page · Ton carrousel LinkedIn et ton portfolio

Assembler tes pages : un carrousel LinkedIn et le squelette de ton portfolio

Tout ce que tu as fabriqué dans les studios Pixel et Vecteur s'assemble ici, dans le studio Mise en page, l'équivalent d'InDesign : des pages, des maquettes qui portent les numéros et les marges, des cadres d'image et de texte, un tableau, puis deux sorties très différentes : le PDF numérique pour LinkedIn et le PDF d'imprimerie pour le papier.

⏱️ 2 h 🎚️ Tosa Initial et Basique 📘 Tosa InDesign 🎯 29 exercices corrigés

Ta marque, la dernière pièce. Le carrousel « 5 choses que j'ai apprises cette année » (ou sa variante Datashop, « 3 chiffres qui racontent une histoire ») et le portfolio reprennent tes couleurs, tes deux polices, ton logo et tes images des ateliers 1 et 2. Les textes sont dans textes-portfolio.txt (atelier 3, page Ateliers). Le format commun du portfolio est sur la page du portfolio.

Ta progression
0% 0 / 7 modules
0

Le studio Mise en page

Le volet Pages, les panneaux du texte, un document de plusieurs pages (15 min)
✓ Terminé›

Le studio Mise en page garde les outils du dessin et ajoute ce qu'il faut pour assembler des pages :

  • à gauche, le volet Pages · Contenus · Stock : le panneau Pages a deux sections, Maquettes en haut et Pages en dessous ;
  • à droite, en plus de Couleur, Échantillons et Calques, les panneaux du texte : Caractère, Par (Paragraphe) et StT (Styles de texte) ;
  • la barre contextuelle du texte (famille, style, corps), comme le panneau Contrôle d'InDesign.

Créer un document de plusieurs pages

Dans la fenêtre Nouveau : unité en millimètres, format A4, puis l'interrupteur Multipage, qui déplie ses réglages : Doubles pages (les pages en vis-à-vis, comme un livre), Commencer à (à gauche ou à droite), Nombre de pages, Maquette par défaut. Plus bas, Marges et Fond perdu (3 mm pour le portfolio).

DocumentFormatDoubles pagesFond perdu
Carrousel LinkedIn1080 × 1350 px, 6 à 10 pagesnon0
Portfolio impriméA4 portrait, 4 ou 8 pagesoui, commencer à droite3 mm

Le piège des planches. Avec Doubles pages et un début à droite, un document de 4 pages s'affiche dans le panneau en Page 1, Pages 2,3, Page 4 : trois vignettes, pas quatre. Les pages 2 et 3 forment une planche, comme un livre ouvert. Rien ne manque.

🔍 Pourquoi c'est important. Un carrousel LinkedIn est un PDF : chaque page devient une image que l'on fait glisser. Le préparer dans le studio Mise en page, plutôt qu'en dix fichiers séparés, garantit les mêmes marges et les mêmes polices sur toutes les pages.

🏋️ À toi de jouer — dans Affinity
1

Les maquettes, les numéros, les marges

Gabarits, pagination automatique, sections, repères (25 min)
✓ Terminé›

Une maquette est une page modèle : ce qu'on y pose (numéro de page, logo, filet, nom en pied de page) apparaît sur toutes les pages qui l'utilisent. C'est le « gabarit » d'InDesign. Elles sont dans la section Maquettes du panneau Pages : un double-clic ouvre une maquette pour la modifier.

Le numéro de page automatique

  1. Ouvre la maquette, trace une petite zone de texte en bas de page.
  2. Insère le champ : Texte › Insérer ▸ Champs ▸ Numéro de page.
  3. Reviens aux pages : chacune affiche son propre numéro.

Pour appliquer une autre maquette à une page, on fait glisser la maquette sur la vignette de la page, ou clic droit sur la page › Appliquer maquette…. Une nouvelle maquette se crée par clic droit dans la section Maquettes › Ajouter une maquette… (la première s'appelle « Planche type A »).

Les sections

Une section recommence la numérotation ou change son style : la couverture sans numéro, les pages intérieures numérotées à partir de 1. Elles se gèrent dans Document › Gestionnaire de sections… (Recommencer la numérotation des pages à) ou par clic droit sur une page › Commencer la section… ; dans le panneau Pages, une marque signale la page où commence une section.

Marges et repères

Les marges se règlent à la création (Marges) et se modifient ensuite dans Affichage › Marges et guides…, qui pose aussi des repères : colonnes, gouttières, lignes de guidage. Pour un repère à la main, on tire depuis la règle.

🔍 Pourquoi c'est important. Numéroter un portfolio à la main, c'est se tromper dès qu'on ajoute une page. Avec une maquette et un champ automatique, on insère une page au milieu et tout se renumérote seul.

🏋️ À toi de jouer — dans Affinity
2

Images et textes dans les cadres

Cadres d'image, image modifiée, retouche dans le studio Pixel, fond blanc d'un logo (25 min)
✓ Terminé›

Placer une image

On trace un cadre d'image (Outil Cadre d'image rectangulaire), puis on y place une image par Fichier › Insérer…. La barre contextuelle du cadre propose Remplacer une image, Taille de cadre adaptée au contenu (le cadre prend la taille de l'image) et une liste de résolution (par exemple « 2400x1800 pixels @ 196ppp (37%) ») qui ouvre l'Échelle de l'image dans le cadre. Pour cadrer, on agrandit l'image dans le cadre : ce qui dépasse est rogné, pas supprimé.

Mettre à jour une image modifiée

Une image insérée peut être liée (le fichier reste à côté) ou incorporée (copiée dans le .af). Si tu retouches le fichier lié, Document › Gestionnaire de ressources… liste toutes les images du document, signale celles qui ont changé et les met à jour. C'est le panneau Liens d'InDesign.

Retoucher sans quitter le document

Dans InDesign, on fait « Éditer dans Photoshop ». Dans Affinity, c'est plus simple : sélectionne l'image et clique sur le studio Pixel : ses outils et ses calques de réglage sont là, sur l'image, dans le même document. Reviens au studio Mise en page quand c'est fini.

Supprimer le fond blanc d'un logo

Ton logo est un PNG sur fond blanc et un rectangle blanc apparaît sur ta couverture colorée ? Deux solutions : le mode de fusion Produit (le blanc disparaît, comme à la séance 2), ou mieux, ton logo vectoriel de la séance 3, qui n'a pas de fond.

Le cadre de texte

Une zone de texte peut aligner son texte verticalement : Texte › Alignement vertical ▸, ou la liste de la barre contextuelle (Aligner en haut, Centrer verticalement, Aligner en bas, Justifier verticalement). Un texte centré verticalement dans une page de carrousel reste centré si tu le raccourcis.

🔍 Pourquoi c'est important. Un portfolio se corrige jusqu'au dernier jour : une photo retouchée, un logo mis à jour. Avec des images liées et le gestionnaire de ressources, une mise à jour prend un clic ; sans, il faut tout replacer à la main.

🏋️ À toi de jouer — dans Affinity
3

Un tableau, une recherche

Le tableau « Mes compétences », fusionner des cellules ; rechercher et remplacer (15 min)
✓ Terminé›

Le tableau « Mes compétences »

L'Outil Tableau trace un tableau ; on règle son nombre de lignes et de colonnes dans la barre contextuelle. Pour un titre qui court sur toute la largeur, on sélectionne les cellules de la première ligne et on les fusionne (Texte › Tableau ▸ Fusionner les cellules ; le même menu insère ou supprime lignes et colonnes). Trois colonnes suffisent : le logiciel, le niveau, une preuve (« Affinity · Basique · le post de l'atelier 1 »).

Rechercher et remplacer

Edition › Rechercher ouvre la recherche dans tout le document : tu as écrit « Affinity Designer » partout ? Remplace-le par « Affinity » d'un coup. On peut aussi rechercher une mise en forme.

Pas de requête enregistrée. InDesign permet d'enregistrer une recherche pour la relancer plus tard (« requête »). Affinity ne le fait pas : on retape la recherche. C'est l'une des deux compétences Tosa d'InDesign sans équivalent direct.

🔍 Pourquoi c'est important. Une faute répétée dans un portfolio (un nom d'entreprise mal écrit, un ancien titre) se corrige en une recherche, au lieu de relire chaque page en espérant ne rien oublier.

🏋️ À toi de jouer — dans Affinity
4

Les styles du document : importés et réutilisés

Conserver les styles de texte, l'onglet Contenus (10 min)
✓ Terminé›

Quand on importe un texte écrit ailleurs (un .docx, par exemple), il arrive avec ses propres styles. Dans la fenêtre Nouveau, l'interrupteur Conserver les styles de texte décide s'ils sont gardés ; s'ils le sont, ils apparaissent dans le panneau StT à côté des tiens. Repère-les : un style « Normal » ou « Titre 1 » venu de Word n'a rien à faire dans ta charte. On réapplique les siens, puis on supprime ceux qui ne servent pas.

Réutiliser ses éléments : l'onglet Contenus

InDesign a une bibliothèque dans le Cloud d'Adobe, partagée entre ordinateurs. Affinity n'en a pas. L'onglet Contenus du volet de gauche garde tes éléments réutilisables (logo, pictos, blocs de texte) sur ton ordinateur : on y glisse un élément, on le reprend d'un glisser dans n'importe quel document. Pour le retrouver ailleurs, on l'exporte.

🔍 Pourquoi c'est important. Ton logo, tes pictos et ton bloc « contacts » resservent dans chaque document : les avoir à un glisser évite de rouvrir trois fichiers à chaque fois.

🏋️ À toi de jouer — dans Affinity
5

Livrer : le PDF numérique, le PDF d'imprimerie, l'impression

Deux préréglages PDF, le fond perdu, le QR code, imprimer (30 min)
✓ Terminé›

Fichier › Exporter, format PDF : la liste des préréglages décide de tout. Deux suffisent en première année :

PréréglagePourCe qu'il fait
PDF (numérique - petit format)Le carrousel LinkedIn, un portfolio envoyé par e-mailRVB, images compressées : un fichier léger, net à l'écran
PDF (Imprimerie)Le portfolio impriméPasse en CMJN, garde les images en haute définition, peut inclure le fond perdu et les traits de coupe

Les autres préréglages (PDF (pour impression), PDF (numérique - haute qualité), PDF/X-1a:2003…) répondent à des demandes précises d'imprimeurs : on les choisit quand l'imprimeur le demande.

Le fond perdu ne sort que si on le demande. Pour le PDF d'imprimerie, vérifie que l'option Inclure le fond perdu est activée : sinon le PDF est coupé au format fini et les visuels qui vont jusqu'au bord laissent un filet blanc après la coupe.

Le QR code de la quatrième de couverture

Affinity le dessine lui-même : l'Outil QR Code, dans la palette des formes du studio Vecteur (avec Rectangle, Ellipse, Étoile…). Dessine le code, donne-lui le lien de ton profil LinkedIn ou de ton portfolio en ligne, et pose-le sur la quatrième de couverture : 25 mm de côté au moins, dans la zone de sécurité, sur fond clair. Teste-le avec ton téléphone avant de livrer.

Imprimer

Fichier › Imprimer… (Ctrl+P) ouvre l'impression : Imprimante, Copies, Plage, Échelle, Orientation, et des onglets dont Fond perdu et repères. Pour retrouver tes réglages la prochaine fois, enregistre-les dans un Profil (bouton Enregistrer sous… à côté). Il n'y a pas d'option nommée « planches » : le réglage le plus proche est la liste Modèle (Simple par défaut), qui dispose les pages sur la feuille.

🔍 Pourquoi c'est important. Un PDF d'imprimerie de 80 Mo ne passe pas sur LinkedIn ; un PDF numérique en RVB sort avec des couleurs fausses chez l'imprimeur. Choisir le bon préréglage, c'est livrer le bon fichier à la bonne personne.

🏋️ À toi de jouer — dans Affinity

★ Ce que tu publies ce soir. Ton carrousel LinkedIn : un PDF de 6 à 10 pages au format 4:5 (1080 × 1350 px), et le squelette de ton portfolio : A4, fond perdu de 3 mm, maquettes avec numéros de page, couverture et quatrième de couverture. Tu les termines à l'atelier 3.

✓

Quiz de fin de séance

Six questions pour vérifier que c'est acquis
✓ Terminé›

Ces six questions reprennent toute la séance, au niveau de la certification Tosa. Réponds sans revenir en arrière : seul ton premier essai compte.

Moins de 4 sur 6 ? Reprends le module 5 : PDF (numérique - petit format) pour LinkedIn, PDF (Imprimerie) pour le papier. Envoyer l'un à la place de l'autre, c'est un fichier trop lourd en ligne, ou des couleurs fausses chez l'imprimeur.