Introduction
Adobe Photoshop reste en 2026 l'outil incontournable pour l'édition photo et le design graphique, utilisé par 90% des professionnels du secteur. Que vous soyez photographe amateur, graphiste débutant ou marketeur, maîtriser Photoshop vous permet de retoucher des images, créer des visuels impactants et automatiser des tâches répétitives. Ce tutoriel beginner vous guide pas à pas : de l'exploration de l'interface aux premiers scripts ExtendScript (JavaScript pour Photoshop), en passant par les outils essentiels comme le pinceau ou les calques. Imaginez transformer une photo floue en œuvre pro en 30 minutes – c'est l'objectif. Avec des exemples concrets et du code copier-collable, vous serez opérationnel rapidement. Pas de jargon inutile : chaque étape est actionnable pour un résultat immédiat.
Prérequis
- Adobe Photoshop 2026 (ou version récente via Creative Cloud)
- Un ordinateur avec au moins 8 Go de RAM (16 Go recommandé pour fluidité)
- Connaissances de base en informatique (copier-coller, navigation)
- Aucun prérequis en programmation : les scripts sont expliqués ligne par ligne
Étape 1 : Découvrir l'interface
Lancez Photoshop. L'interface se divise en barre d'outils (gauche, icônes comme le rectangle de sélection), panneaux (droite : calques, propriétés) et zone de travail centrale (canvas). Activez l'espace de travail Essentials via Fenêtre > Espaces de travail. Créez un nouveau document : Fichier > Nouveau (1920x1080 px, RGB). Analogie : c'est comme une toile vierge avec une boîte à outils à portée de main. Naviguez avec Ctrl/Cmd + 0 pour zoomer au max.
Script 1 : Créer un nouveau document
#target photoshop
// Créer un nouveau document de 800x600 px, fond blanc
app.documents.add(800, 600, 72, "Mon Premier Document", NewDocumentMode.RGB, DocumentFill.WHITE);
// Ajouter une couche de texte
var textLayer = app.activeDocument.artLayers.add();
textLayer.kind = LayerKind.TEXT;
textLayer.textItem.contents = "Hello Photoshop!";
textLayer.textItem.position = [100, 100];
textLayer.textItem.size = 48;
app.activeDocument.save();Ce script ExtendScript crée un document 800x600 px avec fond blanc, ajoute une couche texte 'Hello Photoshop!' positionnée et dimensionnée. Exécutez-le via Fichier > Scripts > Parcourir. Il automatise la création initiale, évitant les clics manuels. Piège : assurez-vous que Photoshop est lancé ; sinon, erreur 'app undefined'.
Étape 2 : Maîtriser les calques
Les calques sont au cœur de Photoshop : comme des transparents empilés. Dans le panneau Calques (droite), dupliquez un calque avec Ctrl/Cmd + J. Masquez-en un via l'icône masque (rectangle avec cercle). Opacité à 50% pour superposer. Exemple concret : importez une image (Fichier > Placer incorporé), dupliquez-la, appliquez Filtre > Flou > Gaussien sur la copie pour un effet pro.
Script 2 : Dupliquer et masquer un calque
#target photoshop
if (app.documents.length > 0) {
var doc = app.activeDocument;
var originalLayer = doc.activeLayer;
// Dupliquer le calque actif
var dupLayer = originalLayer.duplicate();
dupLayer.name = "Copie Masquée";
// Ajouter un masque de calque vide
var mask = dupLayer.createLayerMask();
// Remplir le masque de noir (invisible)
mask.apply("Fill", [0, 0, 0], 100);
app.activeDocument.save();
}Ce script duplique le calque actif, le renomme, ajoute un masque vide et le remplit de noir pour le cacher. Idéal pour des effets non-destructifs. Vérifiez d'avoir un document ouvert. Piège : si aucun calque sélectionné, erreur ; sélectionnez-en un avant exécution.
Étape 3 : Outils de sélection et édition
Sélectionnez l'Outil Pinceau (B) pour peindre, Texte (T) pour ajouter du contenu. Outil Dégradé (G) pour des fonds pros. Exemple : créez une sélection elliptique (Outil Ellipse), remplissez de bleu (Édition > Remplissage). Annulez avec Ctrl/Cmd + Z. Astuce : Ctrl/Cmd + D pour désélectionner.
Script 3 : Ajouter un dégradé automatique
#target photoshop
if (app.documents.length > 0) {
var doc = app.activeDocument;
// Créer une nouvelle couche
var gradientLayer = doc.artLayers.add();
gradientLayer.name = "Dégradé Fond";
// Sélection rectangulaire pleine toile
doc.selection.selectAll();
// Appliquer dégradé linéaire bleu-violet
var desc = new ActionDescriptor();
desc.putEnumerated(charIDToTypeID("Grad"), charIDToTypeID("Grad"), charIDToTypeID("Lnr "));
desc.putUnitDouble(charIDToTypeID("Opct"), charIDToTypeID("#Prc"), 100);
executeAction(charIDToTypeID("Gd "), desc);
doc.selection.deselect();
doc.activeLayer = gradientLayer;
app.activeDocument.save();
}Ce script ajoute une couche, sélectionne tout, applique un dégradé linéaire bleu-violet via Action Manager (API avancée). Résultat : fond stylé instantané. Piège : nécessite une document ouvert ; les dégradés par défaut doivent exister.
Script 4 : Redimensionner l'image
#target photoshop
if (app.documents.length > 0) {
var doc = app.activeDocument;
// Redimensionner à 1200px largeur, proportionnel
doc.resizeImage(1200, undefined, 72, ResampleMethod.BICUBICSHARPER);
// Optimiser pour web (sRGB)
doc.changeMode(ChangeMode.RGB);
// Sauvegarder en JPEG
var jpgOptions = new JPEGSaveOptions();
jpgOptions.embedColorProfile = true;
jpgOptions.formatOptions = FormatOptions.STANDARDBASELINE;
jpgOptions.matte = MatteType.NONE;
jpgOptions.quality = 12;
doc.saveAs(new File(doc.path + "/optimized.jpg"), jpgOptions);
}Redimensionne l'image active à 1200px de large (proportion gardée), convertit en RGB et exporte en JPEG optimisé. Parfait pour web. Piège : 'undefined' pour hauteur garde les proportions ; testez sur duplicata pour éviter pertes.
Étape 4 : Premiers ajustements
Image > Réglages > Courbes pour corriger exposition (tirez la courbe vers haut pour éclaircir). Niveaux pour contraste. Exemple : ouvrez une photo sombre, appliquez Filtre > Rendu > Nuage pour texture.
Script 5 : Auto-ajustement des niveaux
#target photoshop
if (app.documents.length > 0) {
var doc = app.activeDocument;
// Sélectionner toutes les couches
doc.activeLayer = doc.layers[0];
// Auto-niveaux (équivalent Ctrl/Cmd + Shift + L)
var idLvls = charIDToTypeID("Lvls");
var desc1 = new ActionDescriptor();
var idDplc = charIDToTypeID("Dplc");
desc1.putBoolean(idDplc, false);
executeAction(idLvls, desc1, DialogModes.NO);
app.activeDocument.save();
}Applique auto-niveaux sur la couche de fond (contraste/exposition automatique). Équivaut au raccourci clavier. Piège : cible la première couche ; sélectionnez la bonne avant si multi-couches.
Script 6 : Exporter en PNG transparent
#target photoshop
if (app.documents.length > 0) {
var doc = app.activeDocument;
// Rendre arrière-plan transparent si présent
if (doc.layers[doc.layers.length - 1].isBackgroundLayer) {
doc.layers[doc.layers.length - 1].isBackgroundLayer = false;
}
// Options PNG
pngFileOptions = new PNGSaveOptions();
pngFileOptions.compression = 0;
pngFileOptions.interlaced = false;
// Sauvegarder
var pngFile = new File(doc.path + "/export-transparent.png");
doc.saveAs(pngFile, pngFileOptions);
alert("Exporté : " + pngFile.name);
}Convertit fond en calque normal si besoin, exporte en PNG transparent (idéal logos). Compression minimale pour qualité. Piège : dossier doit exister ; sinon, spécifiez un chemin absolu.
Bonnes pratiques
- Toujours travailler en non-destructif : utilisez masques et calques d'ajustement (Calque > Nouveau calque d'ajustement).
- Sauvegardez en PSD pour préserver calques, exportez en PNG/JPG final.
- Raccourcis clavier : B (pinceau), V (déplacement), Ctrl/Cmd + T (transformation libre).
- Scripts : stockez-les dans Photoshop > Scripts pour menu rapide.
- Espace de travail : personnalisez via Fenêtre > Espace de travail > Nouveau pour efficacité.
Erreurs courantes à éviter
- Fusionner trop tôt : gardez calques séparés pour révisions ; utilisez Tampon d'historique pour retouches.
- Ignorer résolution : 72 DPI web, 300 DPI impression – vérifiez dans Propriétés image.
- Scripts sans test : exécutez sur duplicata (Image > Dupliquer).
- Mémoire insuffisante : fermez autres apps ; activez Modifier > Mémoire GPU dans Préférences.
Pour aller plus loin
Maîtrisez les masques avancés, les actions (enregistrement macros) et l'IA Firefly intégrée en 2026. Explorez nos formations Learni sur le design graphique. Ressources : Docs Adobe Scripts, Tutoriels Photoshop Cafe.