Skip to content

Édition d'image

Six outils permettent de remodeler et de restyler une photo directement sur le canevas : recadrage, détourage de l'arrière-plan, ajustement de perspective, édition de sommets, filtres et gomme manuelle. Sélectionnez une image, ou un cadre dans lequel une image est détourée, pour y accéder depuis le panneau de droite, la barre d'outils flottante ou le menu contextuel.

Aperçu rapide

  1. Sélectionnez une image sur le canevas, ou un cadre qui en contient une détourée.
  2. Ouvrez un outil : double-cliquez sur l'image pour Crop, utilisez l'accordéon Filters du panneau de droite, ou choisissez une option dans le menu contextuel.
  3. Ajustez les réglages de l'outil pendant que l'aperçu se met à jour en direct sur le canevas.
  4. Appuyez sur Enter ou sur le bouton Apply de l'outil pour valider, ou sur Esc / Cancel pour annuler et restaurer l'original.

Référence détaillée

Recadrage (Crop)

Non destructif : l'image source complète est toujours conservée, si bien que vous pouvez revenir plus tard dans le mode recadrage pour l'ajuster ou la restaurer.

  1. Double-cliquez sur l'image, ou faites un clic droit et choisissez Crop.
  2. Faites glisser les poignées d'angle ou de bord du rectangle de recadrage pour définir la zone à conserver. Une poignée d'angle redimensionne les deux dimensions ; une poignée de bord, une seule.
  3. Choisissez éventuellement un rapport d'aspect, une rotation ou un retournement dans la barre d'outils de recadrage.
  4. Appuyez sur Enter ou Apply pour valider, ou sur Esc / Cancel pour annuler.
Rapport d'aspectValeurUsage typique
FreelibreToute proportion
1:11.0Carré, icônes et avatars
4:31.33Paysage standard
3:40.75Portrait standard
16:91.78Grand écran
9:160.56Vidéo verticale
3:21.5Paysage photo classique
2:30.67Portrait photo classique

La barre d'outils de recadrage propose aussi Rotate 90°, Flip horizontal, Flip vertical et Reset Crop, qui ramène le rectangle à l'image entière. Un voile grisé couvre la zone hors du rectangle, avec une grille des tiers sur la zone conservée pour aider à la composition. Une zone de recadrage inférieure à environ 3 par 3 px est ignorée : vous ne pouvez donc pas réduire une image à néant par mégarde.

Une rotation ou un retournement effectué dans le mode recadrage modifie l'image immédiatement. L'annulation restaure le rectangle et les dimensions tels qu'ils étaient à l'entrée, mais conserve toute rotation ou tout retournement appliqué en chemin : seul le recadrage lui-même est annulé.

Détourage de l'arrière-plan

Deux façons de détourer un sujet : un détourage automatique par IA, ou un découpage manuel instantané à partir de la forme exacte d'un cadre.

Détourage IA. Sélectionnez une image et choisissez Remove Background. Un modèle d'apprentissage automatique s'exécute entièrement dans votre navigateur, sans téléversement ni aller-retour serveur, pour détecter le sujet et effacer tout le reste. La première utilisation télécharge le modèle (environ 30 à 50 MB) ; il est ensuite mis en cache pour la session. Une surcouche de progression affiche le chargement du modèle, le pourcentage de téléchargement, puis le traitement. Un seul détourage peut s'exécuter à la fois ; cliquer de nouveau en cours de traitement est sans effet.

Après le détourage, le résultat est rogné aux limites de ses pixels visibles (avec quelques pixels de marge) plutôt que de conserver la taille d'origine du canevas, et sa silhouette tracée est mémorisée : si vous ajoutez ensuite un contour à l'image, celui-ci épouse le tracé réel du détourage au lieu du rectangle englobant de l'image.

Fonctionne mieux avecFonctionne moins bien avec
Un sujet unique bien contrasté par rapport à son arrière-planPlusieurs sujets qui se chevauchent, un faible contraste, un flou marqué

Punch Out with Frame. Sélectionnez un cadre en même temps qu'une image (le cadre ne doit pas déjà être fusionné ni détouré) et choisissez Punch Out with Frame, ou appuyez sur Ctrl + Alt + R. La forme exacte du cadre est effacée des pixels de l'image instantanément, sans téléchargement de modèle ni recours à l'IA. Le cadre lui-même reste intact et peut être réutilisé ailleurs. Voir Outils de sélection pour créer un cadre.

Ajustement de perspective (Perspective fit)

Déforme une image à l'aide de quatre poignées d'angle déplaçables, pratique pour caler un design sur la surface d'un mockup ou pour ajouter de la profondeur.

  1. Sélectionnez une image et ouvrez Perspective Fit.
  2. Quatre poignées apparaissent aux angles de l'image, reliées par un contour.
  3. Faites glisser une poignée ; l'image se déforme en direct pour suivre.
  4. Ajustez Feather, Blend Mode, Opacity, Shadow ou Anti-aliasing selon vos besoins.
  5. Appuyez sur Enter / Apply pour figer la déformation, ou sur Esc / Cancel pour restaurer l'original.
RéglagePlagePar défautEffet
Feather0 à 10 px0Adoucit les bords de l'image déformée
Blend modeNormal, Multiply, Overlay, ScreenNormalManière dont l'image déformée se compose avec ce qui se trouve dessous
Opacity0 à 100 %100Transparence globale du résultat déformé
Shadowon / offoffAjoute un assombrissement directionnel sur la surface pour suggérer la profondeur
Anti-aliasingon / offonLisse l'échantillonnage des bords ; désactivé, le rendu est plus net mais peut sembler crénelé

Reset Corners ramène les quatre poignées au rectangle d'origine de l'image. L'ajustement de perspective fonctionne aussi sur une image détourée dans un cadre : la déformation est calculée à partir des pixels visibles et détourés, et son application supprime le détourage devenu superflu, puisque le résultat déformé ne contient déjà que cette zone visible.

Édition de sommets (Vertex edit)

Remodèle le contour d'un cadre à l'aide d'un jeu réduit de poignées, plutôt que de chaque point du tracé. Fonctionne sur les objets de type cadre, qu'ils proviennent des outils de sélection, de l'étape To Selection du pinceau, ou de Convert to Frame. Ne s'applique pas à une image déjà fusionnée dans un cadre, ni à un tracé de l'outil plume.

  1. Faites un clic droit sur un cadre et choisissez Edit Vertices, ou utilisez le bouton de la barre flottante du cadre.
  2. Faites glisser une poignée pour remodeler cette portion du contour ; le détail voisin, sur le même tracé, suit en douceur.
  3. Cliquez près d'un bord, à environ 12 px de celui-ci, pour y insérer une nouvelle poignée.
  4. Cliquez sur une poignée pour la sélectionner, puis appuyez sur Delete ou sur le bouton Delete Point pour la supprimer.
  5. Appuyez sur Enter / Apply pour reconstruire le cadre, ou sur Esc / Cancel pour restaurer le contour d'origine intact.
Source du contourPoignées extérieuresPoignées de trou (par ex. le contrepoinçon d'une lettre)
Cadre basé sur une formeenviron 6 à 14, selon la longueur du contourenviron 4 à 8
Cadre tracé depuis une image (Quick Select, Lasso, Polygon)environ 8 à 18environ 5 à 10
Cadre issu de texteenviron 6 à 10environ 4 à 6

Un tracé ne peut pas être réduit en dessous de 3 poignées. Déplacer les poignées existantes garde le contour lisse, surtout sur les cadres courbes ou issus de texte ; insérer ou supprimer une poignée reconstruit cette portion du contour à partir des poignées restantes.

À noter qu'un tracé de l'outil plume est lui-même un cadre : une fois sélectionné, vous pouvez donc lui appliquer Edit Vertices ; c'est la contrepartie à l'échelle du tracé entier, à base de poignées, des outils d'ancrage en direct de la plume. Voir Outils plume.

Filtres

Réglages non destructifs stockés en tant que métadonnées sur l'image : ils restent modifiables jusqu'à l'export.

FiltrePlagePasPar défaut
Brightness-100 à 10010
Contrast-100 à 10010
Saturation-100 à 10010
Blur0 à 10.050

Préréglages : Grayscale, Sepia et Invert s'activent chacun de leur côté et se combinent avec les curseurs ci-dessus ; Reset All efface tous les filtres d'un coup. Le rendu utilise le GPU (WebGL) lorsqu'il est disponible et bascule automatiquement sur un traitement par le CPU sinon.

Les filtres ne se limitent pas à une image sélectionnée. Les mêmes réglages s'appliquent à l'image d'arrière-plan de la page, depuis un panneau distinct affiché quand rien n'est sélectionné, ainsi qu'aux clips vidéo, où les réglages sont stockés avec le clip et rendus à l'export ou à la lecture plutôt que comme un filtre en direct sur le canevas.

Les réglages sont appliqués dans un ordre fixe, quel que soit l'ordre dans lequel vous avez touché les curseurs : luminosité, puis contraste, puis saturation, puis le préréglage, puis le flou. Un seul préréglage (Grayscale, Sepia ou Invert) peut être actif à la fois ; en choisir un nouveau remplace le précédent.

Gomme (Eraser)

Un outil manuel de peinture vers la transparence pour une seule image, destiné aux retouches qu'un détourage IA ou une forme de cadre ne capture pas parfaitement.

  1. Sélectionnez une image et ouvrez la Eraser.
  2. L'image est temporairement masquée derrière un damier, pour que vous voyiez exactement ce qui devient transparent à mesure que vous peignez.
  3. Peignez sur les zones à supprimer.
  4. Cliquez sur Apply pour figer la transparence dans une nouvelle image, à la même position, échelle et rotation, ou sur Cancel pour restaurer l'original intact.
RéglagePlagePar défaut
Brush size3 à 100 px20

Contrairement au détourage de l'arrière-plan, la gomme ne fait appel ni à l'IA ni à la géométrie d'un cadre : c'est un pinceau à main levée sous votre contrôle direct, utile pour les petites corrections après l'une ou l'autre des deux autres méthodes.

Panneau des propriétés de l'image

Au-delà des outils ci-dessus, une image sélectionnée expose quelques réglages dans le panneau des propriétés de droite.

RéglageNotes
Couleur et épaisseur de bordureAjoute un contour autour de l'image ; l'épaisseur reste constante quel que soit le zoom. Sur une image détourée, la bordure suit le tracé réel du détourage plutôt que le rectangle englobant
Rayon des coinsArrondit les coins de l'image en la détourant selon un rectangle arrondi. Disponible sur une image autonome uniquement ; masqué lorsque l'image est détourée dans une forme ou un cadre, car cela romprait le détourage
Position du détourageAffiché seulement pour une image détourée dans une forme ou un cadre, il règle la façon dont l'image se place dans le contour (couverture par défaut)
Accordéon FiltersOuvre les réglages de luminosité, contraste, saturation, flou et les préréglages décrits plus haut

L'opacité et l'ombre d'une image se trouvent dans les réglages d'apparence partagés, ceux qu'utilisent les autres objets ; voir le panneau des propriétés.

Pas à pas

Recadrer en avatar carré, puis redresser

  1. Double-cliquez sur la photo pour passer en mode recadrage.
  2. Dans la barre de recadrage, choisissez le rapport 1:1. Le rectangle se cale en carré et le reste pendant que vous le déplacez.
  3. Faites glisser le rectangle sur le visage ou le sujet, en vous aidant de la grille des tiers pour le placer.
  4. Si la source est pivotée, cliquez sur Rotate 90° pour la remettre droite (cette rotation persiste même si vous annulez le recadrage).
  5. Appuyez sur Enter pour valider. Revenez en mode recadrage à tout moment pour ajuster : la source complète est toujours conservée.

Détourer un sujet, puis nettoyer les pixels résiduels

  1. Sélectionnez la photo et choisissez Remove Background. Attendez que le modèle se charge et traite l'image (la première exécution le télécharge une fois).
  2. Une fois le détourage apparu, repérez les franges restantes ou un endroit oublié par le modèle.
  3. Ouvrez la Eraser, réglez une Brush size faible et peignez sur les pixels résiduels contre le damier, pour voir exactement ce qui devient transparent.
  4. Cliquez sur Apply pour figer le nettoyage dans l'image.

Donner à une photo un rendu noir et blanc très contrasté

  1. Sélectionnez la photo et ouvrez l'accordéon Filters dans le panneau de droite.
  2. Cliquez sur le préréglage Grayscale.
  3. Montez Contrast vers +40 pour approfondir les noirs et éclaircir les hautes lumières, et ajustez Brightness si le résultat manque de relief.
  4. Les réglages restent des métadonnées modifiables : vous pouvez les atténuer ou faire Reset All à tout moment avant l'export.

Réchauffer une photo pour un ton vintage

  1. Ouvrez l'accordéon Filters et cliquez sur le préréglage Sepia pour une teinte chaude.
  2. Relevez légèrement Brightness et baissez un peu Contrast pour un rendu délavé et patiné.
  3. Ajoutez une touche de Blur si vous voulez une finition plus onirique. N'oubliez pas que le préréglage est appliqué après les curseurs : les curseurs façonnent l'image de base et Sepia teinte le résultat.

Caler un design sur la surface d'un mockup

  1. Recadrez d'abord le visuel à peu près à la proportion cible (par exemple 16:9 pour un écran).
  2. Sélectionnez-le et ouvrez Perspective Fit.
  3. Faites glisser les quatre poignées d'angle sur les coins de la surface dans la photo du mockup.
  4. Activez Shadow pour la profondeur et choisissez un Blend mode comme Multiply pour l'intégrer à la surface, puis appuyez sur Enter pour figer.

Tâches courantes

ObjectifRecette
Détourage reproductible, à forme exacteCréez un cadre (Outils de sélection), puis Punch Out with Frame ou Ctrl + Alt + R
Coins de photo arrondisSélectionnez l'image, réglez un Corner radius dans le panneau des propriétés (image autonome uniquement)
Contour qui épouse un détourage, pas le rectangleDétourez d'abord l'arrière-plan, puis ajoutez une épaisseur de Border ; elle suit la silhouette tracée
Étalonnage couleur réajustableUtilisez les curseurs et préréglages Filters ; ils restent modifiables jusqu'à l'export
Remodeler un cadre tracé grossièrementFaites un clic droit et choisissez Edit Vertices
Annuler une déformation ou un effacementCes actions se figent dans les pixels à la validation ; annulez tout de suite, elles ne sont pas réajustables ensuite comme le recadrage et les filtres

Dépannage

Background removal looks rough on some photos

Le modèle est réglé pour un sujet unique avec un contraste net. Les cheveux, le verre, le flou de mouvement, un faible contraste ou un arrière-plan chargé ressortent irréguliers. Nettoyez le bord ensuite avec la Eraser, ou, lorsqu'il vous faut un contour exact et reproductible, utilisez plutôt Punch Out with Frame. La première exécution télécharge le modèle une fois (mis en cache pour la session), et cliquer de nouveau sur Remove Background pendant qu'il travaille est sans effet.

Corner radius does nothing on a clipped image

L'arrondi est bloqué tant qu'une image est détourée dans une forme ou un cadre, car reconstruire le détourage des coins détruirait le détourage de la forme. Libérez d'abord le détourage (clic droit sur l'image, Release Clip), ou arrondissez le contour via le cadre.

Double-click will not enter crop while a selection tool is active

Le recadrage se déclenche par un double-clic sur une image, mais cela est désactivé pendant que Quick Select, Lasso ou Polygon est en cours. Quittez d'abord l'outil de sélection, puis double-cliquez, ou utilisez l'option Crop du clic droit.

Autres comportements à connaître :

  • Le verrou de rapport recale le rectangle. Choisir un rapport redimensionne le rectangle de recadrage pour le respecter et le contraint à l'intérieur de l'image, si bien que vous ne pouvez pas le déplacer hors proportion. Repassez à Free pour déplacer les angles indépendamment. Un recadrage inférieur à environ 3 par 3 px est ignoré.
  • Les filtres ne s'additionnent pas comme on l'attend. L'ordre étant fixe (luminosité, contraste, saturation, préréglage, flou), un réglage comme Saturation n'a aucun effet visible une fois Grayscale actif, puisque le préréglage vient après lui et retire la couleur.
  • Vertex Edit est absent sur une image. Il ne fonctionne que sur un cadre non détouré (y compris un tracé de plume). Une image déjà fusionnée dans un cadre n'a pas de contour modifiable ; faites Release Clip pour récupérer le cadre. Un tracé ne peut pas non plus être réduit en dessous de 3 poignées.
  • Le recadrage efface la bordure d'un détourage. Après avoir recadré une image détourée, son tracé ne correspond plus aux pixels, donc le contour qui le suivait est effacé. Ajoutez de nouveau une épaisseur de bordure si vous en voulez encore une.
  • L'effacement et la déformation sont définitifs. La gomme et l'ajustement de perspective remplacent l'image par une nouvelle version aplatie à la validation. Le recadrage et les filtres restent réajustables, mais ne figez ces deux-là que lorsque vous êtes sûr.

Raccourcis clavier

OutilRaccourciAction
Cropdouble-clic sur une imagePasser en mode recadrage
CropEnterAppliquer le recadrage
CropEscAnnuler et restaurer
Background removalCtrl + Alt + RPunch Out with Frame
Perspective fitEnterAppliquer la déformation
Perspective fitEscAnnuler et restaurer
Vertex editEnterAppliquer le contour remodelé
Vertex editEscAnnuler et restaurer
Vertex editDelete / BackspaceSupprimer la poignée sélectionnée

Astuces

Baked versus adjustable

Le recadrage et les filtres restent des métadonnées ajustables que vous pouvez revoir à tout moment. L'ajustement de perspective et la gomme figent leur résultat dans les pixels de l'image dès que vous validez : réglez-les bien avant de passer à la suite.

Two ways to remove a background

Optez pour le détourage IA sur une photo au sujet net. Optez pour Punch Out with Frame quand il vous faut une forme exacte et reproductible, ou que vous ne voulez pas attendre le téléchargement d'un modèle.

Combine selections and vertex edit

Le cadre d'un outil de sélection n'est pas condamné à rester géométrique. Tracez une forme approximative au Lasso ou au Polygon, puis affinez-la avec Vertex Edit avant d'y déposer une image ou d'appliquer Perspective Fit.

À voir aussi