Photopea le Photoshop gratuit en ligne tuto

Petite devinette : mon look ressemble à s'y méprendre à celui de Photoshop, j'ai la plupart des fonctionnalités de Photoshop, mon travail se fait en ligne et je suis gratuit... Qui suis-je ? La réponse est dans le titre de l'article... Coucou, c'est moi Photopea, l'équivalent gratuit de Photoshop.

Je ne suis pas designer, pourtant Photopea est un des outils en ligne que j'utilise quasi quotidiennement.

Alors, aujourd'hui, j'ai envie de vous le faire découvrir.

Il peut vous être utile par exemple pour adapter la charte graphique de votre entreprise à vos images et icônes ou encore pour créer les images de vos articles ou de vos publications sur les réseaux sociaux.

Mais ce n'est pas tout !

Quelle est la différence entre Photoshop et Photopea ?

Photoshop et Photopea sont tous deux des logiciels de retouche photo et de création graphique

Mais pour pouvoir utiliser Photoshop, l'outil de la firme californienne Adobe, il y a un hic... Il faut souscrire un abonnement à la formule Adobe Creative Cloud.

Photopea, mon chouchou, quant à lui, est l'œuvre d'Ivan Kutskir, un développeur tchèque et est entièrement gratuit. Par contre, en contrepartie, il vous faudra subir l'affichage de publicités. Mais, franchement, rien de bien méchant, car elles sont canalisées sur la droite de l'écran.

💡 Si les publicités vous hérissent le poil, il y a un joker : il vous suffit de prendre un compte premium pour 8 $/1 mois, 15 $ /90 jours ou 50 $/1 an.

Fichiers pris en charge par Photopea

Ce qui fait la force de Photopea par rapport à d'autres outils web c'est qu'il utilise le format PSD comme format principal. Il est donc entièrement compatible avec les fichiers PSD de Photoshop.

Photopea permet également d'ouvrir et de modifier les fichiers créés sous Affinity Photo, Sketch, GIMP, InDesign ou encore Krita.

Les types de fichiers d'images matricielles, vectorielles ou d'animations pris en charge sont très nombreux :

• Complexe : PSD, AI, INDD, XCF, Sketch, XD, FIG, KRI, CLIP, SAI, PXD, PXZ, CDR, UFO, Fireworks PNG, AFPHOTO, GVDESIGN, SVG, EPS, PDF, PDN, WMF, EMF
• Raster : PNG (APNG), JPG, GIF, WebP, ICO, ICNS, BMP, AVIF, HEIC, JXL, PPM/PGM/PBM, TIFF, DDS, IFF, EXR, HDR, ANIM, TGA
• Brut : DNG, NEF, CR2, CR3, ARW, RW2, RAF, ORF, GPR, 3FR, FFF, RAW
• Animation : GIF, APNG, MP4, WEBM, MKV (chaque image devient un calque, peut être exportée à nouveau au format GIF ou MP4)

Oui, vous avez bien lu ! Photopea prend en charge les images WebP et AVIF, les types d'images de nouvelle génération qui vous permettent d'obtenir un bon score de performance pour votre site Web.

💡 Afin de garantir une certaine confidentialité, vos fichiers ne sont pas téléchargés sur un serveur. Ils sont stockés localement et ne quittent donc jamais votre appareil.

Utiliser Photopea sur le web ou sur votre poste de travail ?

Photopea est accessible directement depuis le navigateur web avec n'importe quel appareil (ordinateur de bureau, ordinateur portable, tablette, smartphone ou autre).

Mais si vous souhaitez un accès rapide depuis votre bureau, vous pouvez installer Photopea sur votre appareil en un clic en tant qu'application de bureau.

Soit à partir de Google Chrome en cliquant sur l'icône dédiée :

Soit via l'écran d'accueil de Photopea en cliquant sur Installer Photopea ou bien via le menu Plus > Installer Photopea :

Pour désinstaller l'application, c'est tout aussi facile : cliquez sur vos applications dans votre barre de favoris ou en tapant l'URL chrome://apps. Faites un clic droit sur l'icône, sélectionnez "Supprimer de Chrome" et hop, l'app est désinstallée.

Bon, perso, j'ai testé cette fonctionnalité, mais je préfère le laisser ouvert dans une fenêtre de navigation privée. À chacun son truc. 😉

Photopea en français et choix du thème

Par défaut Photopea est en anglais. Mais, il est disponible en de multiples langues dont le français.

Pour mettre Photopea en français, la manip est un jeu d'enfant. Dans le menu, cliquez sur More > Language et choisissez Français.

Et vous pouvez même changer son thème, si vous le souhaitez.

Commencer à travailler avec Photopea

Lorsque vous arrivez sur Photopea, vous avez le choix entre :

• Ouvrir une image depuis votre ordinateur ou à partir de Google Drive, OneDrive ou encore Dropbox
• Déposer une image par glisser-déposer dans l'encart prévu à cet usage
• Utiliser des modèles
• Créer un nouveau projet
• Générer une image avec l'IA

Et si vous passez par Fichier > Ouvrir plus, d'autres options s'ouvrent à vous, comme ouvrir depuis une URL ou prendre une photo. Vous retrouvez là encore la possibilité d'ouvrir les modèles PSD partagés par d'autres utilisateurs.

En cliquant sur Modèles, vous pouvez les parcourir par catégories ou effectuer une recherche. Lorsque vous avez trouvé votre bonheur, cliquez sur le modèle pour l'ouvrir dans l'espace de travail.

Si vous choisissez de créer un nouveau projet, Photopea vous propose d'indiquer le nom, la taille, de choisir la couleur de l'arrière-plan (transparent, noir, blanc ou personnalisé), le profil et la profondeur de couleur (8, 16 ou 32 bit).

Il offre également la possibilité d'opter pour des tailles préformatées pour l'impression, la photo, le Web (écrans et mobiles), les annonces ou encore les réseaux sociaux (bannières Facebook, photos de profil Twitter, posts Instagram ou encore miniatures YouTube...).

D'autre part, des modèles sont mis à votre disposition avec une zone de recherche par mot-clé en cliquant sur Modèles en bas.

Enfin, en optant pour Generate With AI, il vous suffira de saisir un prompt et de cliquer sur Generate pour générer une image grâce à l'IA.

Une fois l'image générée, cliquez sur Edit Image pour la modifier ou pour la télécharger dans le format et la taille désirés. Pour information, la taille de l'image générée est de 1024 x 1024 px.

💡 Vous pouvez écrire le prompt en français. Néanmoins, je trouve qu'il y a de meilleurs résultats en anglais.

Espace de travail et outils de Photopea pour retoucher vos images ou en créer

L'espace de travail de Photopea ressemble comme deux gouttes d'eau à celui de Photoshop.

Voici l'interface de travail de Photoshop :

Et celle de Photopea en éditant la même image :

Il se compose de la barre d'outils à gauche, de la barre latérale à droite, de la zone de travail au centre et du menu principal en haut.

Voici la plupart des outils que vous pouvez trouver dans la barre de gauche :

Et une partie de ceux disponibles dans le menu principal en haut :

Comme vous pouvez le constater, Photopea dispose d'outils qui offrent des fonctionnalités similaires à celles de Photoshop :

• Divers outils de sélection (lasso, rectangle, ellipse, baguette magique)
• Recadrage, règle et déplacement
• Correcteur, tampon, suppression yeux rouges
• Pipette, pinceaux, crayons, plume, remplacement de couleur
• Duplication, gomme
• Dégradé, pot de peinture
• Saisie de texte horizontal et vertical
• Outils de calques, options de fusion (texte, masques)
• Vectorisation, animation
• Filtres, ajustements (luminosité, teinte, saturation, flou, netteté,…)
• Déformation, transformation, alignement
• Coupe magique (suppression d'objets et d'arrière-plan)
• Magic Replace (similaire à Remplissage génératif de Photoshop)
• Remplissage d’après le contenu
• et bien d'autres encore à découvrir

Passons à présent à quelques exemples d'utilisation basiques. 😉

Comment utiliser Photopea : tutoriels de prise en main

Convertir ou enregistrer une image dans un autre format de fichier (WebP, AVIF...)

Quel que soit le type de fichier que vous ouvrez dans Photopea, il est instantanément converti en PSD.

Mais vous pouvez enregistrer l'image que vous avez créée, retouchée ou simplement ouverte, soit au format PSD, soit sous un autre format de fichier.

Pour enregistrer votre image, allez dans Fichier > Exporter en tant que et choisissez le format souhaité.

Ceci s'avère être utile et rapide pour convertir une image dans un autre format de fichier ou pour enregistrer le même projet sous différents formats.

Par exemple, vous pouvez convertir vos images JPEG ou PNG au format WebP ou AVIF avant de les télécharger sur votre site Web pour améliorer la vitesse de chargement de vos pages.

Vous souhaitez convertir plusieurs images simultanément ? Pas de souci, Photopea propose également une fonctionnalité de conversion par lots d'images.

💡 Pour sauvegarder votre projet en conservant toute la structure du document et ses différents calques, utilisez Fichier > Enregistrer en tant que PSD. Cela vous permettra de retravailler les calques ultérieurement si besoin.

Recadrer une image

Pour recadrer une image avec Photopea, c'est extrêmement simple.

Cliquez sur l'Outil recadrage. Une grille se met alors en place sur l'image.

Avec votre souris, positionnez-vous sur les poignées en forme de carré et faites-les glisser jusqu'à obtenir le recadrage désiré. Pour vous aider, les mesures sont indiquées.

Enfin, cliquez en haut sur l'icône en forme de coche (Confirm) et le tour est joué.

💡​ Il est à noter que vous pouvez glisser le cadre de sélection sur l'image pour le déplacer.

Redimensionner et compresser une image pour le Web

Parce qu'une image trop grande ralentit le chargement du site, il est évident qu'il faut la mettre à l'échelle et la compresser afin d'alléger son poids.

Vous pouvez le faire avec Photopea !

Changer la taille de l'image lorsque l'image est en mode édition

Allez dans Image > Taille de l'image. Dans la fenêtre qui s'ouvre, modifiez la taille (disponible en pixels, pourcentages, millimètres ou bien encore en pouces) et cliquez sur OK pour enregistrer.

💡​ Assurez-vous de bien laisser l'icône du "maillon" activé afin que l'image ne soit pas déformée.

Redimensionner une image et la compresser lors de l'export

Lorsque vous exportez l'image, vous pouvez changer sa taille en remplissant la hauteur ou la largeur souhaitée, mais également son nom, son format et la compresser.

Pour compresser une image, il suffit de jouer sur la réglette Qualité. En baissant la qualité par exemple à 80 % au lieu de 100 %, vous obtiendrez une image qui mettra moins de temps à se charger sur votre site. Pour information, le poids est indiqué en bas de l'image.

Vectoriser une image

Si vous souhaitez travailler sur les différents calques d'une image, il faut que celle-ci soit une image vectorielle.

Photopea permet de vectoriser une image matricielle.

Ouvrez votre image, puis choisissez dans le menu Image > vectoriser bitmap.

Dans la fenêtre qui s'ouvre, à gauche se trouve l'image originale et à droite l'image vectorisée.

Vous pouvez jouer sur le nombre de couleurs, opter pour le mode Cartoon ou Photo ainsi que d'autres paramètres.

Lorsque l'image de droite vous convient, cliquez sur OK. Vous revenez alors en mode édition et constatez que votre image est désormais composée de plusieurs calques que vous pouvez modifier à souhait.

Ajouter un texte sur une image

En premier lieu, ouvrez une image.

Puis, cliquez sur l'Outil texte de Photopea. Par défaut, en haut de l'écran, s'affichent la police DejàVu, la graisse Book, la taille du texte 24 px, la couleur du texte noire, sans arrière-plan, ni bordure et sans déformation.

Mais Photopea propose de nombreuses autres polices visualisables en direct.

Alors, choisissez la police que vous préférez. Pour ce faire, faites défiler la liste ou filtrez le style de police que vous recherchez en cliquant sur l'icône en forme de hamburger ou bien indiquez le nom de la police que vous recherchez dans la zone "Trouver".

Ensuite, définissez la taille, la graisse de la police et la couleur du texte.

Vous pouvez également ajouter un contour aux lettres, définir une couleur d'arrière-plan ou encore opter pour pour un texte déformé.

Le calque de texte apparait et si vous cliquez sur l'icône Caractères ou l'icône Paragraphes, vous avez alors accès à l'agencement du texte : police, taille de la police, longueur des lignes, interlignage, espacement des lettres...

Pour modifier le texte ou une partie du texte, sélectionnez son calque dans le panneau des calques. Puis, cliquez sur l'Outil Texte dans la barre latérale à gauche et mettez en surbrillance le texte requis à l'aide de votre souris.

Pour le déplacer, trouvez la flèche de déplacement en survolant la zone avec votre souris et faites un glisser-déposer à l'endroit voulu.

Si vous souhaitez centrer votre texte par rapport à l'image, rien de plus facile :

Sélectionnez le calque du texte, puis choisissez l'Outil Déplacement.

Un rectangle apparait. Il ne vous reste plus qu'à faire glisser le calque de texte jusqu'à ce que les lignes rouges vous indiquent un parfait centrage horizontal ou vertical ou les deux.

Ajouter une bordure autour d'une image

Pour ajouter une bordure à votre image, positionnez-vous sur le calque de l'image.

Ensuite, faites un clic droit et choisissez Options de fusion.

Dans les options de fusion cochez alors Contour. Par défaut, la couleur est le noir et la taille de 1 px. À vous de choisir votre couleur, l'épaisseur de la bordure, sa position, son mode et son opacité.

💡 A la place d'une couleur unie, il est possible de choisir un dégradé ou un motif pour le remplissage de la bordure.

Supprimer le fond d'une image

Pour supprimer le fond d'une image, il existe de multiples outils sur le Web, mais vous pouvez aussi le faire avec Photopea.

Première méthode : sélectionnez l'Outil Baguette magique. Puis, cliquez sur l'endroit de l'image que vous souhaitez supprimer.

Une fois la sélection faite, cliquez sur la touche Suppr de votre clavier. Hop, c'est fait.

💡 Pour désélectionner la zone, cliquez une nouvelle fois sur la zone.

Deuxième méthode : vectorisez l'image, puis, sélectionnez le calque d'arrière-plan de l'image et cliquez sur l'icône en forme d'œil. Cela masquera le calque entier. Il ne vous reste plus qu'à exporter votre nouvelle image.

Troisième méthode : dans le menu Sélection, choisissez Coupe magique. Une fenêtre s'ouvre alors avec une image avant/après.

Si l'image après ne correspond pas à ce que vous souhaitez, ajoutez des marques vertes pour les parties à conserver, des marques rouges pour celles à supprimer et des marques grises pour gommer.

L'effet est immédiat.

💡 Avec cet outil, vous avez 3 options pour la couleur de fond : transparent, noir ou blanc. D'autre part, vous pouvez renseigner une valeur de contour afin d'adoucir la transition entre le premier plan et l'arrière-plan. Par exemple, si l'objet contient des cheveux ou de la fourrure, je vous conseille de définir la valeur du contour sur 20 ou plus.

Changer les couleurs d'une image

Alors ça, c'est le truc que j'adore faire : remplacer les couleurs des images libres de droits ou des icônes par les couleurs de la charte graphique d'un site.

Photopea permet de changer les couleurs d'une image de différentes façons :

Première méthode : activez l'outil Baguette magique. Puis, sélectionnez la zone qui contient la couleur à changer en cliquant dessus.

💡 Si vous avez plusieurs zones à remplir avec la même couleur, gagnez du temps en faisant une multisélection avec la touche MAJ de votre clavier enfoncée.

Ensuite, utilisez le Sélecteur de couleur afin d'indiquer la couleur de remplacement que vous souhaitez. Vous pouvez choisir une couleur prédéfinie ou bien indiquer un code couleur. Il est même possible de choisir une couleur déjà existante dans l'image juste en cliquant dessus.

Enfin, utilisez l'Outil Pot de peinture et cliquez de nouveau sur la ou les zones définies avec la baguette magique. Et voilà, c'est fait, la couleur est remplacée.

Deuxième méthode : avec une image vectorielle ou que vous avez vectorisée, utilisez les Options de fusion des calques en faisant un clic droit sur le calque concerné.

Cochez Incrustation couleur. Si vous n'avez pas encore utilisé l'outil, la couleur sera par défaut le noir. Alors, cliquez sur le carré noir, cela ouvrira le Sélecteur de couleur. Choisissez votre couleur et cliquez sur OK pour le sélecteur et le style de calque.

💡 Photopea reprendra la dernière couleur que vous avez définie pour l'incrustation de couleur dans les autres calques de l'image. Ainsi, il est facile de modifier la couleur de plusieurs calques successivement.

Découvrez d'autres méthodes pour modifier la couleur d'un objet avec Photopea.

Superposer des images

En fait, c'est assez simple à réaliser.

Ouvrez une image, puis utilisez la commande Fichier > Ouvrir et placer. Choisissez une nouvelle image, elle sera alors placée automatiquement au-dessus de la première image.

Du coup, selon la taille de l'image de superposition, il vous faudra sûrement la redimensionner. À cet effet, indiquez une valeur en pourcentage jusqu'à ce que la taille vous convienne ou bien jouez avec les poignées sur l'image.

Ensuite, déplacez l'image à l'endroit souhaité et exportez votre œuvre.

Découvrez d'autres méthodes pour incruster une image dans une autre avec Photopea.

Flouter des visages avec Photopea

Pour flouter des visages avec Photopea, ouvrez une image et cliquez sur Sélection en rectangle ou Sélection en ellipse.

Sélectionnez alors la partie du visage que vous désirez flouter.

Ensuite, allez dans le menu Filtre et choisissez Flou, puis Flou gaussien. Jouez alors avec le curseur pour augmenter ou diminuer l'intensité du flou. Enfin, lorsque vous êtes satisfait du résultat, cliquez sur OK.

Il est possible de faire beaucoup d'autres choses avec Photopea.

Pour approfondir vos connaissances, vous pouvez consulter la présentation de Photopea ainsi que les tutoriels mis à disposition (dans la langue de Shakespeare).

Photopea mon outil préféré pour remplacer Photoshop deviendra-t-il le vôtre ?

Pour conclure, vous avez dû remarquer via cet article que je suis une fan de Photopea. 🥰​

Alors si vous êtes comme moi et que vous souhaitez profiter de la commodité et de la puissance d'un éditeur d'images en ligne gratuit hyper complet, oubliez Photoshop et testez Photopea !

Vous l'utilisez déjà ? Top ! Alors, racontez-moi ce que vous faites avec !