Tutoriels Photoshop

Cette rubrique réunit des tutoriels Photoshop courts, centrés chacun sur un geste utile pour préparer les images d'un site Web. Pas de cours complet sur le logiciel : une manipulation, les étapes pour la reproduire et le résultat attendu.

Le premier tutoriel montre comment remplacer le blanc par du transparent grâce aux options de fusion du calque, par exemple pour poser un logo à fond blanc sur un fond de couleur. Pour une présentation du logiciel, ses raccourcis utiles et ses fonctions d'IA, voyez la page Photoshop ; pour le choix des formats et l'optimisation des visuels, la rubrique Images.

Chaque tutoriel part d'un besoin précis, rencontré en préparant un site : un logo livré sur fond blanc, une photo à détourer, un visuel à alléger avant de l'envoyer dans WordPress. Il donne les étapes dans l'ordre, avec les libellés de la version française de Photoshop et leur équivalent anglais entre parenthèses, puis les limites de la méthode et les solutions de rechange quand elle ne convient pas.

La rubrique s'adresse aux éditeurs de sites qui ouvrent Photoshop de temps en temps, sans être graphistes. Les manipulations restent volontairement simples : quelques minutes suffisent pour les reproduire, et le résultat se vérifie tout de suite à l'écran.

• Un logo ou une signature sur fond blanc, à poser sur un fond de couleur : le tutoriel remplacer le blanc par du transparent, la méthode la plus rapide quand le fond est uni.

• Une photo dont il faut retirer le fond (une personne, un produit, des cheveux) : la page Enlever le fond d'une image présente les outils en ligne qui le font automatiquement.

• Une image à préparer de bout en bout (dimensions, recadrage, retouche, export) : le guide Créer et modifier des images dans Photoshop.

• Une image trop petite pour l'emplacement prévu : Upscale une image présente les outils d'agrandissement par IA.

• Un doute sur le format à exporter : Les formats d'images sur le Web : JPG, PNG, GIF, WEBP, SVG.

• Des images qui ralentissent votre site WordPress : Optimiser des images dans WordPress.

• Les raccourcis clavier et les fonctions d'IA du logiciel : la page Photoshop.

Quatre notions reviennent dans presque toutes les manipulations. Les connaître évite la plupart des blocages.

Une image Photoshop est un empilement de calques, visibles dans le panneau Calques (menu Fenêtre > Calques s'il est fermé). Chaque réglage s'applique au calque sélectionné : avant toute manipulation, vérifiez que le bon calque est actif. Le calque du bas, nommé « Arrière-plan » quand vous ouvrez une photo JPG, est verrouillé : il ne peut pas devenir transparent tant qu'il n'est pas déverrouillé.

Des pixels effacés sont perdus une fois le fichier enregistré. Un masque de fusion, ou un réglage comme les options de fusion utilisées dans le tutoriel sur la transparence, cache les pixels sans les supprimer : vous pouvez revenir en arrière à tout moment. Gardez cette version de travail au format PSD, qui conserve les calques et les masques, et n'exportez qu'une copie.

Une zone transparente dans Photoshop ne le reste que si le format d'export la conserve : c'est le cas du PNG et du WebP, pas du JPG, qui la remplace par un fond uni. C'est l'erreur la plus fréquente après un détourage réussi.

Pour un site, seule compte la taille de l'image en pixels, pas sa résolution en « pixels par pouce », qui ne sert qu'à l'impression. Réduire une grande image ne pose pas de problème ; agrandir une petite image avec Photoshop la rend floue.

• Travailler sur le mauvais calque : le réglage semble sans effet, ou il modifie un autre élément que celui visé.

• Oublier de déverrouiller le calque « Arrière-plan » : la touche Suppr ouvre alors la fenêtre de remplissage au lieu de rendre la zone transparente.

• Exporter en JPG une image détourée : le fond transparent devient un fond uni.

• Écraser le fichier d'origine : exportez sous un autre nom et gardez le PSD pour les corrections suivantes.

• Envoyer sur le site une image de plusieurs milliers de pixels de large : redimensionnez-la d'abord à sa taille d'affichage (le double pour les écrans haute densité).

Photoshop s'utilise sur abonnement. Si vous n'en avez besoin que de temps en temps, Photopea reprend son interface dans le navigateur : il est gratuit, ouvre et enregistre les fichiers PSD, et traite les images sur votre ordinateur, sans les envoyer sur Internet. Un compte Premium payant retire la publicité (octobre 2026). La plupart des gestes décrits ici (calques, baguette magique, export en PNG) s'y retrouvent, parfois sous un autre nom.

Pour un logiciel à installer sur l'ordinateur, voyez Affinity et la liste des logiciels de design.

De nouveaux tutoriels s'ajoutent au fil des besoins : ils apparaissent dans la liste ci-dessous. La rubrique Tutoriels design réunit les tutoriels qui ne dépendent pas d'un logiciel, et la page Quelles images mettre dans votre site Web ? aide à choisir les visuels avant de les retoucher.