L'essentiel pour débuter les manipulations d'images avec le Pixel Studio dans Affinity by Canva

Dans cet article, vous allez apprendre l’essentiel pour bien démarrer dans le Pixel Studio d’Affinity et retoucher une photo et créer un photomontage simple, étape par étape.

Le Pixel Studio regroupe les outils clés pour corriger vos images, ajouter des effets, peindre et travailler vos visuels avec précision.

Vous y manipulez principalement des images matricielles, qui sont composées de pixels. Vous pouvez utiliser les pinceaux tramés pour ajouter de la texture, du style et du relief. Cela vous servira à enrichir vos autres créations visuelles.

L’objectif de ce guide est simple : vous donner des bases nécessaires à la bonne compréhension de cette partie du logiciel.
Et ainsi vous permettre de faire vos premières retouches et composition d'image, prête à être exportée.

Ressources utilisées dans ce guide :

Bouledogue fr https://fr.freepik.com/photos-gratuite/gros-plan-mignon-bouledogue-isole-fond-blanc_17234641.htm

Lunettes https://fr.freepik.com/photos-gratuite/composition-pour-fete-peres_4106646.htm

Nœud papillon : https://fr.freepik.com/photos-gratuite/noeud-papillon-noir-psd-tenues-ceremonie-close-up_15476322.htm

Pinceaux tramés .ABR (Photshop) sur Brusheezy : https://www.brusheezy.com/brushes/19823-herb-a-poils-brush-pack-camisole-pictures

Police Vogue : https://www.dafont.com/fr/vogue.font

Veille photo : https://www.pexels.com/fr-fr/photo/photographie-en-niveaux-de-gris-d-une-femme-portant-un-enfant-9657870/

Étape 1 - Ouvrir et sauvegarder des images dans Affinity

Pour commencer à retoucher une image dans Affinity, vous pouvez simplement cliquer et glisser votre image depuis votre dossier vers le logiciel. Votre image va s’ouvrir dans un onglet. Si vous choisissez d’autres images en cliquant et en glissant, elles vont toutes s’ouvrir dans différents onglets, un peu comme sur un navigateur web.

Vous pouvez ainsi naviguer entre les différentes images à retoucher, les réordonner pour réorganiser votre travail, et même séparer un des onglets pour travailler séparément dans un autre espace. Si vous souhaitez remettre l’onglet à sa place, vous le cliquez et le glissez au niveau des autres onglets d’images.

Avant de terminer cette première partie, mémorisez ce raccourci qui change tout : contrôle plus O, ou commande plus O sur Mac. Il vous permet d’ouvrir directement vos fichiers et de sélectionner plusieurs images en maintenant contrôle, puis de cliquer sur ouvrir.

Modifier une image et le risque de perdre toutes vos modifications

Une fois l’image ouverte, vous pouvez la modifier. Si c’est un calque pixel, vous allez pouvoir dessiner dessus, par exemple avec l’outil pinceau. Vous pouvez aussi ajouter d’autres calques, comme les calques de réglage, les filtres dynamiques, ou même des calques pixélisés qui vous permettent de dessiner par-dessus votre calque d’origine.

Si vous dessinez directement sur le calque, les pixels seront modifiés et il ne sera plus possible de venir faire cette modification facilement. D’où l’existence de ces calques à part qui vous permettent de faire des modifications en individuel.
Vous pouvez par exemple ajouter un calque de réglage noir et blanc.

Si vous souhaitez enregistrer votre photo telle quelle, vous pouvez faire fichier enregistrer, et cela va écraser votre calque.

Un message apparaît en disant que vous risquez d’aplatir votre travail et d’enregistrer votre document au format d’origine, par exemple en JPEG. Le souci, c’est que vous n’allez plus pouvoir revenir dessus : quand vous allez la réouvrir dans Affinity, impossible de la modifier comme avant avec les différents claques.

Dans ce cas-là, il vaut mieux créer de nouveaux calques, comme un calque pixels sur lequel vous allez pouvoir dessiner, et un calque de réglage que vous allez pouvoir modifier à votre guise quand vous le souhaitez.

Ensuite, vous faites Fichier > Enregistrer sous, et vous enregistrez votre photo à retoucher au format AF, qui est le format natif d’Affinity. Si vous fermez l’image et que vous réouvrez le .AF, vous retrouvez tous vos calques et vous pouvez modifier votre image comme vous le souhaitez.

Exporter pour retrouver une image “finale” (et garder l’original intact)

Si vous souhaitez exporter une photo et ainsi retrouver votre image d’origine, Désactivez les calques de moficiation. Allez dans le menu Fichier > Exporter, choisissez le format qui vous intéresse, par exemple JPEG, cliquez sur Exporter, puis enregistrer votre image dans un dossier.

Étape 2 - Créer nouveau document et importation des photos

Si votre objectif est de créer une composition visuelle avec plusieurs images, je vous invite à créer un nouveau document. Vous allez dans Fichier > Nouveau, puis vous choisissez un format parmi les préréglages proposés. Vous pouvez changer les dimensions, passer à 300 pixels par point si vous faites de l’impression, changer les unités pour travailler en millimètres, et tout cela se fait assez facilement dans cette fenêtre. Pour ce tutoriel, partez sur un format A5 et cliquez sur Créer un document.

Ensuite, on va importer des photos : faites Fichier > placer et sélectionnez vos photos.

Elles sont importées dans un nouveau panneau.

Si vous cliquez une fois sur votre document, la photo est importée à sa dimension réelle.
Si vous cliquez et glissez la photo sur votre document, vous lui donnez une taille personnalisée.
Pour arrêter d’importer, appuyez sur la touche échappe.

Vous pouvez déplacer vos photos sur votre document et les retrouver dans le panneau calque.

Nota : Si un panneau supplémentaire (comme le panneau Macro)reste après l'import fermé le, il ne sera pas nécessaire pour la suite du guide.

Étape 3 - Comprendre l’interface du Pixel Studio : configuration des barres d'outils et des sous-fenêtres

Avant de commencer toute manipulation, on fait un tour rapide de l’interface, c’est important quand on débute.

Sur la gauche, vous avez la barre d’outils latérale. Vous pouvez configurer et personnaliser les outils en appuyant sur les trois petits points.

En haut, vous avez la barre d’outils contextuelle : elle est liée à l’outil actif, et vous y retrouvez toutes sortes d’options que vous pouvez personnaliser et modifier à votre guise.

Juste au-dessus, vous avez la barre d’outils supérieure : vous y retrouvez les différents studios d’Affinity et des fonctions liées au studio en cours. Cette barre se personnalise aussi, via le menu ou avec un clic droit et “personnaliser la barre d’outils”. Vous pouvez cliquer-glisser des outils dans la barre latérale, les retirer, et même rechercher un outil, comme l’outil plume.

Dans cette personnalisation, vous pouvez aussi ajouter des fonctions que je considère nécessaires dans le Pixel Studio, notamment les outils d’alignement pour aligner vos photos correctement sur votre document, le mode aperçu pour voir votre composition sans règles, guides et grilles. Les outils d’organisation pour mettre en avant ou en arrière vos éléments, et les opérations booléennes si vous avez besoin d’associer des formes entre elles.

Si vous avez accès aux outils premium de l'IA de Canva, intégrez aussi les outils Supprimer l'arrière-plan et Sélectionner le sujet, qui peuvent vous faire gagner des précieuses minutes lors des détourages plus complexes.

À droite, vous avez les sous-fenêtres, qui composent principalement le studio : panneau couleur, panneau calque, panneau pinceau tramé, panneau stock pour accéder à des bibliothèques d’images libres de droits, le navigateur transformé, et l’historique pour revenir en arrière et revoir toutes les étapes.

Si vous souhaitez ajouter ou déplacer des sous-fenêtres, passez par le menu Fenêtre. Une fois votre interface bien disposée, vous pouvez créer un préréglage et même le remplacer si vous lui donnez le même nom qu’un préréglage existant. Si vous voulez revenir à l’origine, vous pouvez réinitialiser l’interface depuis le menu Fenêtre > Sous-Fenêtre, Réinitialiser.

Étape 4 - Comprendre le panneau calque : la base du photomontage

Pour créer des compositions visuelles dans Affinity, le panneau calque est l’endroit où vous organisez tout votre travail. Chaque objet que vous dessinez ou insérez devient un calque : image, pixels, forme, courbe, texte, logo. Chaque élément est représenté par un symbole à gauche du calque.

Les calques fonctionnent avec une hiérarchie : les calques au-dessus sont visibles et cachent ceux du dessous. Vous pouvez déplacer les calques par cliquer-glisser dans le panneau calque. Et si vous avez beaucoup de calques, vous pouvez faire un clic droit dans l’arborescence et réduire tous les parents pour n’afficher que les calques parents.

Pour gagner en lisibilité, vous pouvez créer un groupe : sélectionnez vos trois images, puis contrôle G ou commande G sur Mac. Pour supprimer un groupe, utilisez shift contrôle G ou shift commande G sur Mac.

Les masques d’écrêtage : découper une image sans la détruire

Vous pouvez découper des calques selon une forme, avec les masques d’écrêtage. Prenez un calque forme, une étoile par exemple, puis placez-la sur une image. Vous prenez l’image de votre choix, vous la cliquez et la glissez sur l’intitulé du calque forme. La forme coupe l’image, mais l’image n’est pas affectée par une vraie découpe : vous pouvez toujours la retrouver en entier à l’intérieur du calque, la déplacer, la réduire.

Pour supprimer le masque d’écrêtage, vous cliquez-glissez le contenu du masque à l’extérieur de la forme et vous retrouvez deux calques indépendants.

Pour apprendre à gérer vos calques sur un projet plus complexe, accédez dès maintenant à ce tutoriel exclusif pour créer un visuel sportif destiné aux réseaux sociaux avec Affinity et le Pixel Studio.

Étape 5 - Comprendre la différence entre les calques images et les calques pixels

Un sujet qui revient tout le temps quand on débute, c’est la différence entre les calques images et les calques pixels.

Quand vous créez un nouveau document et que vous importez des photos, vous obtenez des calques images. Quand vous ouvrez une image en individuel dans un onglet à part, vous avez un calque pixel.

La principale différence, c’est que les calques images préservent l’espace colorimétrique, la résolution et les dimensions d’origine de la photo. C’est grâce à ce type de calque que vous gardez des photos de très bonne qualité dans une composition. Même si vous réduisez visuellement une image dans votre document, sa dimension d’origine reste conservée.

Dès que vous dessinez ou faites une sélection sur un calque image, le logiciel va créer un calque pixel. Si vous voulez vraiment modifier l’image, vous devrez la passer en pixel. Vous pouvez le faire en copiant-collant une sélection, ou en faisant un clic droit sur le calque image puis tramer, ce qui transforme votre calque image en calque pixels.

À l’inverse, vous pouvez transformer un calque pixel en calque image : sélectionnez votre calque pixel, allez dans calque, convertir, puis en ressource image. Vous retrouvez ainsi les données d’origine, comme les dimensions, le format colorimétrique et la résolution.

En savoir plus sur cette différence :

Étape 6 - Les outils indispensables pour détourer et composer

Les outils que vous devez absolument maîtriser dans Affinity et dans le Pixel Studio, ce sont les outils de sélection.
Vous avez l’outil de sélection d’objet, l’outil pinceau de sélection, la sélection par dispersion, et les outils manuels comme la sélection à main levée.

Détourer un sujet avec le pinceau de sélection

Pour séparer un chien d’un fond blanc, on utilise le pinceau de sélection. Vous agrandissez la largeur, vous peignez sur l’image, et tout ce qui est dans les pointillés est sélectionné.

Pour gagner du temps, vous pouvez réduire la taille du pinceau en maintenant contrôle et alt, ou commande et option sur Mac, puis en cliquant et en bougeant la souris de gauche à droite. À droite, vous agrandissez le diamètre. À gauche, vous rétrécissez.

Pour être plus précis, zoomez, réduisez encore le pinceau, et appuyez sur alt pour enlever de la sélection en cliquant dans le blanc.

Vous pouvez affiner avec le bouton Ajuster. Dans ce mode, tout ce qui est dans le cache rouge est hors sélection, et tout ce qui est en couleur est dans la sélection. Cela aide à récupérer les détails comme les poils et les griffes.

Ensuite, vous faites une sortie vers la sélection, vous cliquez sur Appliquer, et vous avez votre sélection.

Toujours avec votre calque sélectionné, vous faites un copier-coller de votre sélection de pixels, puis vous collez dans votre document A5 : vous obtenez votre chien détouré.

Pour afficher un fond transparent, allez dans Document > configuration > puis Arrière-plan transparent : un damier apparaît, ce qui signifie que vous êtes bien sur un fond transparent.

Sélections ultra-précises avec l’outil plume

Pour des sélections très précises, l’outil plume est l’un des outils les plus importants à maîtriser dans Affinity. Il sert à tracer des formes vectorielles, mais aussi à faire des sélections ultra-précises, par exemple sur des lunettes.

Vous commencez par tracer autour de l’objet avec des lignes droites, puis vous appuyez sur contrôle ou commande sur Mac pour modifier vos vecteurs, leur donner une courbe, et faire coller les courbes vectorielles aux courbes de l’objet représenté sur li'image.

Vous pouvez déplacer les nœuds, changer la direction des vecteurs, ajouter un point si vous avez oublié un vecteur,

Puis convertir ce tracé en sélection grâce au bouton du même nom dans la barre d’outil contextuelle liée à l'outil Plume.
Enfin, copier-coller sur votre document A5.

Si vous voulez détourer les verres, activez le paramètre “ajouter une nouvelle courbe à la sélection”, tracez les deux verres sur le même calque.

Une fois votre sélection réalisée, appuyez sur le bouton Sélection dans la barre d'outil contextuelle.

Faites ctrl+X pour couper et ctrl+V pour coller et ainsi séparer les verres de la paire de lunette.
Vous obtenez un calque lunettes et un calque verres.

Sélection d’objets : rapide et efficace

Vous pouvez aussi tester l’outil de sélection d’objets. Il analyse les pixels au premier plan et à l’arrière-plan, détecte l’objet, puis vous cliquez une fois pour sélectionner.

Vous pouvez ajuster ou affiner au pinceau de sélection, puis copier-coller dans votre composition.

Avec l'outil de Sélection à main levée, vous avez plus de liberté pour sélectionner les pixels d'une image. Il vous permet de faire des sélections grossières et rapidement dans le but de transformer le nouveau calque de pixel qui sera créé suite aux copier-coller de la sélection.

Étape 7 - Les outils essentiels pour nettoyer une image sur Affinity

Pour supprimer des éléments et nettoyer une image, il y a plusieurs outils très pratiques.

Le pinceau d’inpainting est “assez magique” pour nettoyer une image détériorée comme une ancienne photo
Il fonctionne comme un pinceau : vous dessinez sur les zones à corriger.

Dans la barre contextuelle, vous réglez le diamètre, l’opacité, le flux et la dureté. Moins vous avez de dureté (10% et moin), plus l’effet est flou / estompée sur les bords, ce qui rend la retouche plus fluide visuellement.

L’idéal est de travailler par zone, parfois doucement, et avec précision.

Point de vigilance : si vous retouchez sur le calque actif, votre calque est complètement modifié et la modification est définitive, surtout si vous enregistrez.
Une méthode plus propre consiste à créer un nouveau calque pixel, puis à activer “calque actif et sous-jacent” pour peindre sur un calque vierge.

Ainsi, si vous désactivez la visibilité de ce calque, vous retrouvez votre image originale en dessous.
Lorsque vous avez terminé votre retouche, Dupliquer les deux calque avec ctrl+j et fusionnez les pour ne créer qu'une seul image retouché. Conservez les calques pixel et arrières plan.

Une retouche qui ouvre le champ des possibles

Sélectionnez votre calque fusionné, et colorisez-le avec l'outil premium IA Canva, Coloriser.

Cet outil est accessible dans l'IA Canva Studio et il est particulièrement impressionnant.

Pour corriger un défaut avec plus de contrôle, vous pouvez utiliser le pinceau de clonage, qui ressemble au tampon de duplication de Photoshop. Il permet de créer une reproduction d’une partie de l’image pour l’affecter à une autre sur votre calque actif ou sous-jacent.

Vous appuyez sur alt ou option, vous cliquez pour choisir une zone source, puis vous peignez sur la zone à corriger.

Là aussi, vous pouvez travailler sur un calque pixel au-dessus et en activant l'option “calque actif et sous-jacent” pour une retouche non destructive.

Etape 8 - Faire des retouches non destructives

Pour modifier votre image de manière non destructive, vous avez plusieurs types de calques.

Les calques de réglage des ajustements d'image dynamiques

Ils vous permettent d’ajouter un réglage non destructif, sur lequel vous pouvez revenir. Ils servent surtout à modifier les tons, les couleurs et la luminosité d'une image.
Lorsque vous appliquez un calque de réglage, généralement ce dernier se place automatiquement dans le haut de la pile de calques.
Son effet s'applique alors à tous les calques qui sont sous ce calque. Faites l'essai avec le calque de réglage Recolorer.

Vous pouvez appliquer un calque de réglage sur un seul élément en le cliquant-glissant sur l’intitulé du calque visé.
Par exemple, sur les verres des lunettes, vous pouvez modifier la teinte, la luminosité.

Puis jouer sur l’opacité et le mode de fusion, comme produit du calque qui accueil le réglage (verres), pour donner plus de réalisme.

Vous pouvez aussi copier-coller un calque de réglage sur un autre calque en passant par “coller à l’intérieur”, puis régler le mode de fusion, comme couleur, et ajuster l’opacité pour conserver la texture.

Faites un clic droit sur le calque de réglage puis cliquez sur Copier.

Sélectionnez le calque qui accueil le réglage (ici le nœud papillon), puis allez dans le menu Edition > Coller > Intérieur.

Ajustez le calque réglage en double-cliquant dessu. Puis avec un mode de fusion Couleur et une opacité à 80%, rendez l'effet plus réaliste.

Filtres dynamiques, des effets et améliorations sans destruction

Avec les filtres dynamiques, vous appliquez des effets de manière non destructive. Vous sélectionnez un calque ou un groupe, puis vous allez dans filtre. Les filtres sont classés par catégorie : flou, amélioration, déformation, bruits, vignettes, demi-tons, Voronoï, et aussi les filtres d’éclairage.

Le filtre glitch est présenté comme “le nouvel effet à la mode chez Affinity”. Il propose de nombreux réglages, comme bidirectionnel, onde, brouillage ...

Un point intéressant, c’est que vous pouvez peindre sur le masque du filtre : la partie noire masque l’effet et laisse réapparaître le calque original.

Masque de calque : peindre en noir et blanc pour révéler ou cacher

Le masque de calque permet de masquer une partie d’un calque.
Sélectionnez votre calque et cliqué sur l'icône en bas du panneau Calques.

À l’aide d'un pinceau tramé de forme basique, peignez en noir pour masquer, et en blanc pour faire réapparaître ce qui est masqué.

Vous pouvez inverser les couleurs dans le panneau couleur ou utiliser le raccourci shift X.

Étape 9 - Appliquez des textures et donner du style à vos retouches avec les pinceaux

Les pinceaux tramés dans le Pixel Studio vous permettent d’ajouter de la texture, du grain, un style graphique et de donner plus de caractère à vos créations. Vous pouvez peindre sur un masque, comme on vient de le voir, mais aussi peindre avec des pinceaux personnalisés.

Dans Affinity, vous pouvez importer des pinceaux Photoshop : il suffit d’avoir un fichier ABR et de le cliquer-glisser directement dans le logiciel. Les pinceaux importés apparaissent dans la sous-fenêtre pinceaux.
Pinceaux tramés .ABR (Photshop) sur Brusheezy : https://www.brusheezy.com/brushes

Vous pouvez supprimer ceux qui ne vous intéressent pas. Faites un clic droit sur le pinceau et cliquez sur Supprimer

Pour modifier un pinceau, double-cliquez dessus. Vous accédez à sa taille, son accumulation, son espacement, et même la texture utilisée pour le créer.

Ensuite, vous pouvez peindre en noir sur le masque pour donner un effet de poils, puis peindre en blanc pour faire réapparaître la photo et créer un effet plus réaliste, en changeant de pinceau et en variant la taille. Ce type de pinceau est un pinceau d'intensité.

Vous avez aussi des pinceaux d’images : ils permettent d’intégrer des éléments facilement dans la mise en page, comme des feux d’artifice peints sur un calque pixel placé en arrière-plan. Dans ce cas, la couleur choisie ne change pas la couleur du pinceau, puisque c’est une image intégrée dans le pinceau.

Retrouvez mes packs de pinceaux dans la rubrique Ressources de mon site web.

Étape 10 - Finaliser le photomontage

Pour finaliser la mise en page, vous pouvez regrouper les calques de la composition avec ctrl+G,

Puis réduire le groupe proportionnellement en son centre en maintenant ctrl ou cmd.

Ajoutez ensuite un calque de remplissage : menu pixel, nouveau calque de remplissage. Cela sert à créer un fond, que vous pouvez mettre en type uni, ou passer en dégradé linéaire, elliptique, radial ou conique, puis ajuster les couleurs et la direction.

Pour donner du réalisme, créez un calque pixel, sélectionnez un pinceau basique léger et rond, ajustez sa taille, sa forme, son espacement et sa rotation, puis peignez en noir pour créer des petites ombres sous les pattes du chien et une ombre au niveau de son postérieur pour montrer qu’il est assis.

Enfin, intégrez du texte. L’outil texte artistique permet de créer des compositions visuelles à base de typographie. Vous pouvez écrire “DOGUE” à la manière de Vogue, utiliser la police Vogue (téléchargeable via ce lien), puis aligner le texte au centre de la planche avec les outils d’alignement.

Dupliquez le texte, réduisez-le, passez-le au premier plan, puis ajoutez le slogan “The Lovely French Buddy”, en mettant en avant le mot “french”. Vous pouvez ensuite espacer verticalement les textes dans la limite de la sélection pour obtenir le même écart entre eux, et ajuster la couleur si vous le souhaitez.

Ce petit photomontage est inspiré par coverdog et the Dog Magazine, deux comptes Instagram qui proposent ce type de couverture inspirée de Vogue. Vous pouvez ajouter un petit copyright, le placer sur le côté, et faire la rotation d’un texte avec l’outil déplacer en tournant le cadre de sélection.

Exporter rapidement votre création

Pour exporter une création instantanément, cliquez sur le bouton Exporter en .png en haut à droite de la barre d'outil supérieure.

En cliquant sur la flèche à côté du bouton, vous accédez à la sous-fenêtre Exporter.

Cette dernière vous offre plus d'options d'export.

Conclusion - vos premières bases solides sur Affinity Pixel Studio

Avec ces actions essentielles, vous avez une méthode claire pour commencer la création de vos premiers photomontages avec méthode et en comprenant ce que vous faites avec le logiciel.

Si vous souhaitez aller beaucoup plus loin, notamment avec des guides, des marges et une composition plus poussée je vous invite à pratiquer et à concevoir avec moi un visuel sportif. Accédez y maintenant avec le lien ci-dessous !