Photoshop : créer un script pour préparer et protéger ses photos pour une diffusion web (vidéo)

Petit tutoriel Photoshop remis au goût du jour en vidéo, consacré à l’enregistrement d’un script pour automatiser la préparation des images que vous diffuserez sur le web, images cette fois protégées avec un bon gros vilain filigrane mais qui découragera à coup sûr les voleurs !
Au programme pas mal de points expliqués :

  • conversion de profil ICC
  • Changement de résolution (les fameux DPI)
  • Réduction des dimensions de l’image optimisée
  • Utilisation du mode Lab
  • et bien entendu : enregistrement d’un script et utilisation de ce dernier !

À CONSULTER ÉGALEMENT : Pour en savoir plus sur la retouche photo

Petite dédicace de ce script à Valérie, photographe de labradors 😉

44 réflexions sur “Photoshop : créer un script pour préparer et protéger ses photos pour une diffusion web (vidéo)”

  1. Avatar de tonio
    tonio

    il y a une grosse erreur, c’est bien de vouloir passer l’image en srgb. Mais si on n’inclue pas le profil lors de l’export cela n’ira pas.

    Dans le proc. image cocher l’inclusion du profil ICC

  2. Avatar de Cédric Girard
    Cédric Girard

    Non Tonio, car 90% des navigateurs ne savent de toute façon pas interpréter sRVB.

    Dans l’absolu c’est une erreur car on pourrait se dire que ceux qui savent les lire pourront en prendre compte, mais dans les faits, quand on diffuse une photo pour le web, on cherche aussi à minimiser le poids des fichiers, et un profil (même le très classique sRVB) ce sont quelques Ko de gagnés à chaque image 😉

    (important quand on lit ça : googlewebmastercentral.bl… )

  3. Avatar de sebastien
    sebastien

    Salut cédric,

    encore un tuto qui vas m’etre bien utile ^_^

    Sébastien

    ps: as tu reçus mon mail pour ton livre??

  4. Avatar de pyrros
    pyrros

    j’ai encore appris des choses supers interressantes. notament sur passer en mode lab pour renforcer l’image ou la maniere dont ps fonctionne pour les differences de resolutions lors de l’apposition d’ecritures

    perso je termine mon script par enregistrer et quitter (je suis un peu faineant)

    je cree aussi un dropplet pour utiliser avec LR la fonction : "ouvrir avec une autre application" -> dropplet- signature.exe lors de l’export afin de gagner encore plus de temps

    bien sur quand cela est necessaire je prends le temps de travailler les photos dans PS

  5. Avatar de Cristallin94
    Cristallin94

    Vous indiquez sur twitter être soulagé de quitter le béton : je vous comprends, mais n’oubliez pas que beaucoup n’ont pas votre chance (c’est valable pour tous les photographes talentueux du dvd les secrets…)
    Je trouve tout ce que vous faites juste et passionnant mais l’immersion fréquente dans la nature me manque ;-))
    C’est la fin des vacances et le retour au béton :-((

  6. Avatar de Cédric Girard
    Cédric Girard

    Bonsoir

    Merci Pyrros, je ne pense JAMAIS à utiliser les dropplets pour un couplage avec Lightroom !!! Boudiou "mais c’est bien sûr" comme dirait l’autre 😉

    Cristallin94, il est vrai que je parle un petit peu moins de nature ces temps ci, mais cela va revenir… Le temps de finir quelques petites choses personnelles liées à ma vie professionnelle et je devrais pouvoir repartir du bon pied !

  7. Avatar de Sylvain
    Sylvain

    Excellent tuto qui risque probablement de me servir sous peu de temps. Je compte ouvrir un petit blog perso avec mes photos, mieux vaut se protéger 😉

  8. Avatar de Raf
    Raf

    J’ai une technique imparable pour ne pas me faire piquer mes images : je fais des photos moches ! 🙂

    Sinon merci pour ces tutos Cédric. Je ne m’y connais pas en vidéo mais ce serait top de pouvoir télécharger une version plus haute définition de tes tutos via un lien.

    +1 avec Pyrros pour le mode LAB que j’utiliserais désormais.

  9. Avatar de Cédric Girard
    Cédric Girard

    Raf, en allant sur le site Vimeo, tu peux télécharger la vidéo en 1280×720 😉 (environ 90 Mo pour ce tutoriel)

    En bas à droite, juste au-dessus des statistiques (en fait je sais pas si elles apparaissent pour tout le monde, je crois que oui)

  10. Avatar de Tom Mosack
    Tom Mosack

    Bonjour Cédric,

    Super tuto, même si la partie filigrane ne me servira pas dans l’immédiat, tout le reste sur le redimensionnement en plusieurs passes et le mode couleurs Lab m’est très utile ! Merci beaucoup =)

  11. Avatar de Christophe
    Christophe

    Super tuto, très utile, l’accentuation en trois passes, c’est extra. Bravo et merci beaucoup.

  12. Avatar de Raf
    Raf

    Effectivement, il suffit de créer un compte (gratuit) Vimeo pour télécharger ces videos en HD ready ; ce qui permet de mieux voir le texte. En plus, ça pourra toujours servir pour la suite. Encore merci.

  13. Avatar de Maréa
    Maréa

    Merci pour ce tuto fort utile.

  14. Avatar de swagg man
    swagg man

    C’est la premiere fois que je tombe sur une tutorial photoshop gratuit… Ça fait plaisir 🙂

    Merci

  15. Avatar de Eric
    Eric

    Bonjour,
    Merci pour ce super tuto.
    Grâce à lui, j’ai découvert la façon d’aligner une signature à coup sûr !
    Mais pas de chance ou pbl de config de CS4, ça marche pas chez moi 🙁
    Qd je veux contracter la sélection, la commande est grisée !
    Si qq’un a une idée du pourquoi, je suis preneur !

  16. Avatar de val
    val

    Merci beaucoup Cédric…Super gentil et super bien fait…
    A bientôt

    Bisous

    Val

  17. Avatar de kanari
    kanari

    sympa comme truc, bravo 😉

  18. Avatar de Sarah
    Sarah

    Merci pour ce petit tuto, je me mets petit à petit à photoshop, plus qu’à persevérer 🙂

  19. Avatar de Julien Baniel
    Julien Baniel

    Merci pour ce tuto! La partie concernant la réduction et le mode Lab m’ont beaucoup plu.

  20. Avatar de TnT
    TnT

    Merci pour ce tuto

  21. Avatar de Comparsa
    Comparsa

    Bonjour Cédric
    Bravo et merci pour votre tuto. Novice sur PS, j’ai beaucoup appris.
    Toutefois, même remarque que Eric : la commande sélection/modifier/contracter reste grisée… Une idée du problème? (pour info, je travaille sur PS CS5)
    Merci pour votre aide

  22. Avatar de Cédric Girard
    Cédric Girard

    Bonjour

    Effectivement, il semble que dans la dernière version Adobe ait modifié sa manière de gérer les sélections : il n’est plus possible (pour une raison que j’ignore) de modifier simplement la sélection par contraction.

    Je pense qu’il s’agit d’un bug (!) car cela ne se produit QUE lorsque l’on fait "tout sélectionner" : si on trace la sélection à la main, ça fonctionne ^_^

    Autre solution : faire (plutôt que "contracter") "Transformer la sélection". Une fois ceci activé, indiquer en haut de l’écran (sous le menu dans les zones de saisies) par exemple 95% au lieu des 100%, puis valider : et le tour est joué !

  23. Avatar de Nays C.
    Nays C.

    Vous êtes génial, votre tuto est génial, j’apprends plein de choses grâce à vous, vous êtes très gentil de partager votre savoir. Merci pour vos si belles images, pour le chevreuil et tout et tout. Vous êtes un Maître. Si je vous croise, je vous dirai "Maître Yoda". Révérence et mercis.

  24. Avatar de anne-laure
    anne-laure

    merci cédric pour ces explications, ya certaines choses que je savais pas !!!!! :-)))) bises du sud-ouest

  25. Avatar de francis
    francis

    Superbe réalisations et explications grand merci, je vais essayer de trouver ce genre de tuto pour gimp.

  26. Avatar de Johan
    Johan

    C’est bon ça comme article !!!
    Cela m’intéresse pour mes newsletters et lorsque je dois diffuser des images.
    Jusqu’à présent, j’intégrai un « simple » filigrane »…. maintenant je vais me la jouer « pro » 🙂
    Encore merci pour ce blog intéressant !!!!!

  27. Avatar de Maximilien
    Maximilien

    Merci beaucoup Cédric pour ce petit tutoriel vidéo très bien expliqué et développé ! Ça me sera très utile pour la création de mon prochain blog, ou j’aurais quelques photos à protéger 😉

  28. Avatar de Pascale
    Pascale

    Bonsoir,
    Merci pour ce tuto de qualité. J’ai rencontré le même problème avec le CS4 et impossible de contracter avec tout sélectionner.
    Par contre lorqu’il s’agit de l’appliquer sur mes autres docs il m’indique que : style de forme, aligner, transformation,définir, calque de forme, sélection, ne sont pas disponibles? Sur CS3 tout passait. Qu’ai-je fais de travers? Merci

  29. Avatar de Julien
    Julien

    Merci beaucoup pour ce tutoriel qui va m’être très utile !

  30. Avatar de Horrenberger
    Horrenberger

    Merci pour ce tuto complet et utile !
    Quelle est la version de Photoshop utilisée ?
    Merci d’avance !
    Amitiés photographiques !
    Nathan Horrenberger (NHPhotoNature)

    1. Avatar de Cédric G.
      Cédric G.

      Bonsoir Nathan
      C’est la CS3 qui est utilisée ici.

      1. Avatar de Horrenberger
        Horrenberger

        Merci Cédric pour cette réponse rapide et merci encore pour ce blog qui est une mine d’informations et de superbes images !
        Cordialement,
        Nathan

  31. Avatar de Maxime
    Maxime

    Merci pour ce tuto super intéressant et totalement gratuit.
    Maxime

  32. Avatar de elodie
    elodie

    Bonjour,
    Bravo pour ces belles photos et leur palettes de couleurs !
    Super l’option adapter l’image, plus besoin de faire 2 script : un pour les images verticales et un pour les images horizontales.
    Merci

  33. Avatar de Valentin
    Valentin

    Bonjour !
    Merci pour ton tuto vidéo, c’est plutôt sympa ce genre de pratique.
    Ça simplifie les actions répétitives qui nuisent à la productivité !

  34. Avatar de Rémi
    Rémi

    Bonjour et bravissimo pour ce tuto…
    Une question pour compléter : est il de forcer Photoshop l’enregistrement à une certaine taille (ex – de 150k) pour pouvoir calibrer ses images ?
    Merci beaucoup de la réponse et merci encore de ton investissement !
    Rémi

  35. Avatar de Damien
    Damien

    Bonjour Cédric,
    Merci beaucoup pour ce tuto qui va beaucoup me servir puisque mon blog contient beaucoup de photo que je me fais voler sans arrêt. Par contre petite question. J’ai fermé l’onglet script qui s’affiche à droite de photoshop et je ne sais pas comment le faire revenir?
    Merci d’avance,
    @bientôt 🙂

  36. Avatar de Jérôme
    Jérôme

    Bonjour et merci pour les tuto que tu nous propose,
    je viens de faire le script pour la publication Web, mais j’ai un soucis avec la fonction contracter quand il y a un cadre blanc sur la photo, aurais tu une solution
    d’avance merci
    Cdlt Jérôme

  37. Avatar de jonathan
    jonathan

    Excellent ! j’apprécie vraiment ce contenu très clair et pas besoin d’acheter une formation hors de prix merci beaucoup

  38. Avatar de jean-paul
    jean-paul

    super tuto, tant pour la gestion des scripts que pour l’optimisation de l’image et sa protection.
    du 3 en 1
    merci

  39. Avatar de irena
    irena

    bonjour bravo pour ce tuto cela donne envie de s’y mettre sauf que j’ai cs6 en anglais quelqu’un aurait -il la traduction afin que je me repère un peu plus vite .
    merci

  40. Avatar de aude becquart
    aude becquart

    Bonjour, merci pour cette astuce, par conte j’ai une question: je suis a la recherche d’un script qui peut afficher un message d’avertissement si l’on tente d’enlever un echo’site_copyright( )’; Merci d’avance . Cordialement

  41. Avatar de La vie en magenta
    La vie en magenta

    Merci pour ce tutoriel de qualité ainsi pour les conseils je vais je vais appliquer tout ça. Merci de ces précisions,Amicalement

  42. Avatar de rosemarie
    rosemarie

    Grâce à ce Blog, j’ai appris pas mal de chose, encore un tutoriel de bonne qualité
    Merci bien

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Retour haut de page