Affinity Les trois studios · Cours interactif
Séance 1 · Studio Pixel · Ta photo de profil et ta bannière

Ta photo de profil et ta bannière LinkedIn, retouchées et au bon format

Affinity fait à lui seul le travail de trois logiciels : la retouche photo, le dessin vectoriel et la mise en page. On commence par le studio Pixel, celui de la photo. À la fin de la séance, tu as deux images prêtes à publier : ta photo de profil et ta bannière LinkedIn, recadrées, éclaircies sans excès et exportées au bon poids.

⏱️ 2 h 10 🎚️ Tosa Initial et Basique 📘 Tosa Photoshop, Illustrator, InDesign 🎯 39 exercices corrigés

Le fil rouge du module : ta marque personnelle. Chaque séance produit quelque chose de publiable sur Instagram ou LinkedIn, ou une page de ton portfolio. Tu ne veux pas te montrer ? Travaille pour Camille Durand, directrice artistique junior, le personnage de la fiche d'identité, avec la photo libre de droits fournie. Rien n'oblige à publier : tu livres « prêt à publier », et tu décides.

Ta progression
0% 0 / 8 modules
0

Avant d'ouvrir Affinity : ta fiche d'identité

Décider qui parle, en quatre couleurs et deux polices (10 min)
✓ Terminé›

Une marque personnelle, c'est d'abord une décision : qui présente ce travail, pour quel métier, avec quelles couleurs et quelles polices. Tout le module s'appuie sur ces choix : la photo de ce soir, le logo de la séance 3, le carrousel et le portfolio de la séance 5. Les changer à chaque séance, c'est refaire le travail.

Remplis la fiche d'identité du portfolio (elle reste dans ton navigateur, rien n'est envoyé) :

  • ton nom, ou celui de Camille Durand si tu préfères un personnage ;
  • le métier visé et trois à cinq mots-clés (« précis, chaleureux, urbain ») ;
  • une palette de quatre couleurs : la fiche vérifie le contraste entre le texte et le fond (4,5:1 au moins) ;
  • deux polices, pas plus : une pour les titres, une pour le texte.

🔍 Pourquoi c'est important. Un recruteur passe quelques secondes sur un profil. Ce qu'il retient, c'est une impression d'ensemble : la même couleur sur la photo, la bannière et les posts dit « cette personne sait ce qu'elle fait ». Quatre couleurs et deux polices, c'est la discipline des chartes graphiques professionnelles.

🏋️ À toi de jouer — dans Affinity
1

Bienvenue dans une seule appli

Trois studios, deux façons de dessiner une image, deux familles de couleurs (15 min)
✓ Terminé›

Affinity par Canva est gratuit et réunit dans une seule fenêtre ce qu'Adobe vend en trois logiciels. On passe de l'un à l'autre par les boutons des studios, en haut à gauche de la fenêtre : Vecteur, Pixel, Mise en page (le quatrième, IA Canva, n'est pas utilisé dans ce cours). Affinity s'ouvre déjà connecté à un compte Canva, gratuit : c'est lui qui donne accès à l'application.

StudioL'équivalent chez AdobeCe qu'on y faitDans ce module
PixelPhotoshopRetoucher, détourer, composer des photosSéances 1 et 2
VecteurIllustratorDessiner un logo, des pictos, du texte net à toutes les taillesSéances 3 et 4
Mise en pageInDesignAssembler des pages : carrousel, portfolio, brochureSéance 5

Le document reste le même quand tu changes de studio : seuls les outils et les panneaux changent. C'est la grande différence avec Adobe, où l'on enregistre dans un logiciel pour rouvrir dans l'autre.

Pixel ou vecteur ?

Une photo est une grille de pixels, de petits carrés de couleur : agrandie, elle devient floue puis pixellisée. Un logo se dessine en vecteurs, des formes décrites par des points et des courbes : il reste net à toutes les tailles. Juste à droite des studios, deux boutons changent l'affichage : Mode d'affichage vectoriel et Mode d'affichage Pixels (ce que deviendra l'image une fois exportée en pixels).

La chaîne graphique, et ses deux familles de couleurs

Une image passe par trois étapes : la création (les photos, les dessins), la mise en page (on assemble), la diffusion (écran ou imprimeur). Chaque studio occupe une étape : Pixel et Vecteur fabriquent les éléments, Mise en page les assemble et prépare la sortie.

  • RVB (rouge, vert, bleu) : les couleurs de la lumière, celles d'un écran. Tout ce que tu publies sur les réseaux est en RVB.
  • CMJN (cyan, magenta, jaune, noir) : les couleurs de l'encre, celles de l'imprimeur. Elles sont moins vives : un bleu électrique à l'écran devient plus sage sur le papier.

🔍 Pourquoi c'est important. Le mauvais mode coûte cher dans les deux sens : un post en CMJN paraît terne sur un téléphone, un dépliant envoyé en RVB à l'imprimeur sort avec des couleurs qui ne sont pas celles que tu as vues. La fenêtre Nouveau document range d'ailleurs ses formats en Tailles de page (RVB) et Tailles de page (CMJN).

🏋️ À toi de jouer — dans Affinity
2

Ton espace de travail

Menus, outils, panneaux, et un espace à toi qu'on retrouve d'un clic (20 min)
✓ Terminé›

La fenêtre d'Affinity se lit de haut en bas et de gauche à droite :

  1. La barre de menus : Fichier, Edition (écrit sans accent à l'écran), Document, Texte, Vecteur, Pixel, Calque, Affichage, Fenêtre, Aide. Attention : les menus Vecteur et Pixel ne sont pas les studios.
  2. La barre du haut : les studios, les deux modes d'affichage, puis des boutons qui changent avec le studio.
  3. La barre d'outils contextuelle, juste dessous : les réglages de l'outil choisi. Elle change à chaque outil : c'est là qu'on cherche d'abord.
  4. Les outils, à gauche. Survole-les : l'info-bulle donne le nom et la touche (« Outil Déplacer [V] »). Un outil marqué d'un petit triangle cache un groupe : un clic ouvre sa palette.
  5. Les panneaux, à droite, rangés en onglets. Dans le studio Pixel : Histogramme et Couleur en haut, Calques, Canaux, Pinceaux et Stock au milieu, Navigateur, Transformer et Historique en bas.

Configurer les panneaux

Un panneau fermé par erreur se rouvre par le menu Fenêtre. Il range les panneaux en sous-menus : Général, Pixel, Vecteur, Texte, Mise en page… Le panneau Canaux, par exemple, se trouve dans Fenêtre › Pixel › Canaux, pas au premier niveau. Un onglet se glisse d'un groupe à l'autre, ou hors de la fenêtre pour flotter.

Enregistrer ton espace de travail

Le bouton Gestionnaire de Studio (les trois points verticaux, à droite des studios) liste tous les studios, avec un interrupteur pour afficher ou masquer les plus rares (Tranche, Retoucher, Typographie…). En bas, Créer un Studio enregistre ta disposition actuelle des panneaux sous un nom : c'est l'équivalent de l'« espace de travail » d'Adobe, valable pour les trois studios.

🔍 Pourquoi c'est important. En salle informatique, la personne d'avant a souvent déplacé ou fermé des panneaux. Savoir rouvrir un panneau par le menu Fenêtre, et retrouver ton espace d'un clic, fait gagner dix minutes à chaque séance.

🏋️ À toi de jouer — dans Affinity
3

Ouvrir, enregistrer, connaître son document

Créer, ouvrir, enregistrer en .af, et lire l'espace colorimétrique (15 min)
✓ Terminé›

Créer un document

Fichier › Nouveau… (Ctrl+N) ouvre la fenêtre Bienvenue sur l'onglet Nouveau. À gauche, des formats tout faits ; à droite, les réglages : Unités du document (choisis Pixels pour un écran), Largeur de page et Hauteur de page, PPP, puis le bouton Créer un document.

Affinity ne garde pas tes réglages. Chaque ouverture de la fenêtre revient à A3 en millimètres : vérifie l'unité et les dimensions à chaque fois. Le bouton Enregistrer dans Mes préréglages garde un format que tu réutilises souvent.

Ouvrir et enregistrer

CommandeRaccourciCe qu'elle fait
Ouvrir…Ctrl+OOuvre une photo (JPEG, PNG, PSD…) ou un document Affinity
EnregistrerCtrl+SEnregistre au format natif .af, avec tous les calques
Enregistrer sous…Ctrl+Maj+SEnregistre une copie sous un autre nom
FermerCtrl+WFerme le document (Affinity demande s'il faut enregistrer)

Le .af est ton fichier de travail : il garde les calques, les réglages et les trois studios. Il ne se lit que dans Affinity. Ce que l'on publie ou envoie est un export (module 6).

Lire l'espace colorimétrique

Dans la fenêtre Nouveau, deux lignes disent dans quelles couleurs tu travailles : Format de couleur (RVB/8 par défaut : rouge, vert, bleu, 8 bits par couche) et Profil de couleur (sRGB IEC61966-2.1, le profil standard des écrans et du web). Pour les réseaux sociaux, garde les deux tels quels.

🔍 Pourquoi c'est important. Un fichier .af envoyé à un client qui n'a pas Affinity ne lui sert à rien, et un export sans .af t'empêche de corriger quoi que ce soit demain. Les professionnels gardent toujours les deux : le fichier de travail, et l'export livré.

🏋️ À toi de jouer — dans Affinity
4

Recadrer aux formats des réseaux

Le cadre au recadrage, la taille au redimensionnement ou à l'export (30 min)
✓ Terminé›

Deux opérations, à ne jamais confondre :

  • Recadrer, c'est choisir ce qu'on garde de la photo, et dans quelles proportions (carré, 4:1…).
  • Changer la taille, c'est choisir le nombre de pixels de l'image finale (400 × 400, 1584 × 396…).

Les formats à connaître par cœur

ImageProportionsTaille conseillée
Photo de profil (LinkedIn, Instagram)1:1, affichée en rond400 × 400 px
Bannière LinkedIn4:11584 × 396 px
Post Instagram portrait4:51080 × 1350 px
Post carré1:11080 × 1080 px
Carrousel LinkedIn (séance 5)4:5, en PDF1080 × 1350 px par page

Recadrer

  1. Prends l'outil de recadrage (Outil Recadrer, touche C), dans la barre d'outils du studio Pixel.
  2. Dans la barre contextuelle, choisis un mode à proportions fixes (Proportions personnalisées) et tape 1 et 1 pour la photo de profil, 4 et 1 pour la bannière.
  3. Place le cadre : pour un portrait, les yeux vers le tiers haut, un peu d'air au-dessus de la tête, le menton jamais coupé.
  4. Valide par Entrée (ou le bouton Appliquer de la barre contextuelle).

Le rond de la photo de profil. LinkedIn et Instagram affichent la photo en cercle : les coins du carré disparaissent. Garde le visage bien au centre, et rien d'important dans les angles.

Changer la taille

Deux chemins, au choix :

  • le menu Document › Configuration › Redimensionner › Document… : tu tapes la largeur en pixels, proportions liées, et l'image elle-même change de taille (Canevas…, juste en dessous, change la surface sans mettre l'image à l'échelle) ;
  • ou tu gardes ton document en grand, et tu choisis la taille à l'export : les champs Largeur et Hauteur de la fenêtre Exporter (module 6). C'est plus souple : le même .af sort en 400 px pour LinkedIn et en 1080 px pour Instagram.

On peut toujours réduire une photo sans dommage ; l'agrandir invente des pixels et la rend floue. Une photo de 900 px de large ne fera jamais une belle bannière de 1584 px : c'est l'objet de petite-photo.jpg.

🔍 Pourquoi c'est important. Chaque réseau recadre automatiquement une image aux mauvaises proportions, souvent au mauvais endroit (un front coupé, un logo amputé). En livrant le bon format, c'est toi qui décides du cadre, pas l'algorithme.

🏋️ À toi de jouer — dans Affinity
5

Retoucher sans trahir

Calques de réglage, un filtre léger, et l'art de s'arrêter à temps (25 min)
✓ Terminé›

Dans Affinity, on ne retouche pas l'image elle-même : on pose au-dessus un calque de réglage. Il agit sur tout ce qui est en dessous, se modifie à tout moment, se masque d'un clic sur l'œil et se supprime sans laisser de trace. C'est la retouche non destructive.

On les ajoute par le bouton Réglages, en bas du panneau Calques. Les cinq à connaître :

RéglageCe qu'il corrigeSur ta photo de profil
Luminosité/ContrasteUne image trop sombre, ou terneLe premier geste sur photo-sombre.jpg
Balance des blancs…Une dominante : trop jaune sous une lampe, trop bleue à l'ombreUn teint naturel
TSI…La teinte et la saturation des couleursCalmer un fond trop vif
Courbes…La lumière zone par zone : ombres, tons moyens, hautes lumièresDéboucher les ombres d'un visage
Noir et blanc… / Recolorer…Changer toute la colorimétrie : noir et blanc, ou une seule teinteUne bannière aux couleurs de ta palette

Avec une sélection active, le calque de réglage reprend la sélection : il ne corrige que la zone choisie (sa vignette porte déjà un masque). Pratique pour éclaircir un visage seul, piégeant si tu as oublié une sélection.

Un filtre, avec la main légère

Le bouton Filtres, à côté de Réglages, ajoute un filtre en direct : un flou (Flou gaussien…) pour adoucir un arrière-plan de bannière, ou une netteté légère (Masque flou…) pour une photo un peu molle. La règle des professionnels : pousser le curseur jusqu'à ce que l'effet se voie, puis revenir d'un tiers.

🔍 Pourquoi c'est important. Une photo de profil trop retouchée (peau plastique, couleurs saturées) inspire moins confiance qu'une photo simplement bien éclairée. Le recruteur doit te reconnaître le jour de l'entretien : retoucher, c'est corriger la lumière, pas changer la personne.

🏋️ À toi de jouer — dans Affinity
6

Exporter juste

Le bon format, la bonne taille, le bon poids (15 min)
✓ Terminé›

Fichier › Exporter ▸ propose une liste de formats ; on peut aussi ouvrir directement la fenêtre Exporter (Ctrl+Alt+Maj+W). À gauche, les formats ; au centre, l'aperçu ; à droite, les réglages.

FormatPour quoi
JPEGUne photo à publier : léger, sans transparence
PNGUn visuel avec du texte net, des aplats, ou de la transparence
PSDLe fichier d'un client qui travaille sous Photoshop : les calques sont gardés
PDFUn document de plusieurs pages (séance 5)

Les trois réglages qui comptent

  1. Largeur et Hauteur, proportions verrouillées : tape 400 pour la photo de profil, la hauteur suit.
  2. Le curseur Qualité du JPEG : autour de 80 %, la différence ne se voit pas et le fichier pèse trois fois moins qu'à 100 %.
  3. La Zone : Document entier pour une photo seule ; quand le document a plusieurs plans de travail, on choisit le plan à exporter.

Dans la partie Avancé, la ligne Est. file size (laissée en anglais à l'écran) estime le poids du fichier avant même de l'exporter. Visé ce soir : moins de 1 Mo par image.

🔍 Pourquoi c'est important. Un fichier trop lourd se charge mal sur un téléphone en 4G et les réseaux le recompressent à leur façon, souvent en abîmant les visages. Une image déjà à la bonne taille et bien compressée est publiée telle que tu l'as voulue.

🏋️ À toi de jouer — dans Affinity

★ Ce que tu publies ce soir. Ta photo de profil (400 × 400 px, JPEG) et ta bannière LinkedIn (1584 × 396 px, JPEG), chacune sous 1 Mo. Garde ton fichier .af : l'atelier 1 repart de là. Pas de photo de toi ? Les fichiers d'entraînement photo-sombre.jpg et petite-photo.jpg (sur l'accueil du parcours) font très bien l'affaire pour t'exercer.

✓

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 4 : le recadrage choisit le cadre, l'export choisit la taille en pixels. Confondre les deux est la première cause d'un atelier à 0.