TD n°3 – 02/11/2015 Création des images nécessaires à la mise à jour d’un site de vente en ligne de lunettes

Compte rendu travaux rendus TD n°2 Plan du TD n°3 Compte rendu travaux rendus TD n°2 Notions abordées au cours du TD n°3 (Démonstrations / Explications) Consignes Mise en œuvre Questions relatives à l’évaluation

Points positifs : Compte rendu TD n°2 Contraintes techniques majoritairement respectées Pas ou peu d’espaces et caractères spéciaux dans les noms de fichiers Bonne compréhension du fonctionnement des Actions et des styles

Points négatifs : Compte rendu TD n°2 Manque d’implication général Livraisons incomplètes / Absence de livraison Mauvaise compréhension de l’utilisation du script Manque de réflexion sur le symbole de base Style déjà inclus dans le .ai du symbole Remplissage ou non déjà inclus Problème d’application / de déclinaison des styles

Points négatifs : Compte rendu TD n°2 Problèmes récurrents de réglage des fichiers Format CMJN iso RVB Taille des pictos .ai (plan de travail) non respectée Aspect graphique négligé Manque de créativité global Symboles des pictogrammes simplistes Styles peu créatifs Planche contact de base, sans recherche d’amélioration Non utilisation de l’import d’objet vectoriel (problème en cas de demande de mise à jour des symboles)

Création, utilisation et enregistrement d’Actions Notions abordées TD n°3 Création, utilisation et enregistrement d’Actions Création et utilisation de scripts JavaScript Traitement par lots Renommage par lots de fichiers

Pour plus d’informations, voir TD n°2 Actions Rappels : Enregistrement « étape par étape » des opérations réalisées sur une image Sauvegarde possible des actions mémorisées dans un fichier .atn Possibilité d’exécution sur le fichier actif ou sur un dossier de fichiers (traitement par lots) Pour plus d’informations, voir TD n°2

Actions

Avantages : Actions Gain de temps important Reproduction d’une série d’actions d’un seul clic sur un ou plusieurs fichiers Ne nécessite pas de compétences / connaissances particulières

Inconvénients : Actions Création fastidieuse Difficulté de mise à jour en cas d’erreur ou de mauvaise manipulation nécessite bien souvent de recommencer à zéro plus la série d’actions est longue plus la création l’est aussi et plus le risque d’erreur s’accroit Difficulté de mise à jour Paramétrages / actions fixées et non modifiables

Ressources utiles Actions http://fr.openclassrooms.com/informatique/cours/les-scripts-sous-photoshop http://www.photoshoplus.fr/utiliser-scripts/ http://www.diapovision.com/formation/pshop/scripts.htm http://www.chez-sweety.net/Tutoriaux/Tutos_Photoshop/Scripts/scripts.htm http://www.votreassistante.net/blog/pourquoi-et-comment-creer-un-script-photoshop/

Scripts Principe : Lignes de code détaillant les opérations à exécuter dans Photoshop La plupart des actions réalisées dans Photoshop ont leur propre équivalent de script Exécution possible du script sur un ou plusieurs fichiers

Comment ? Scripts 3 langages : Différents outils : AppleScript sur Mac VBScript sur Windows JavaScript quel que soit le système d’exploitation Différents outils : Adobe’s ExtendedScript Toolkit (C:Program Files / Adobe/ Adobe Utilities - CS6ExtendScript Toolkit CS6) Editeur de texte / code habituel (Notepad ++)

Le DOM Photoshop (Document Object Model) Scripts Le DOM Photoshop (Document Object Model) Source : http://www.smashingmagazine.com/2013/07/25/introduction-to-photoshop-scripting/

Scripts Source : (page12) http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/products/photoshop/pdfs/cs6/Photoshop-CS6-Scripting-Guide.pdf

Scripts Chaque « objet » possède des propriétés et méthodes avec lesquelles on va travailler. Exemple : modification de l'opacité du calque sélectionné dans un document Application→ Document actif → Calque Actif → Opacité → valeur à attribuer Soit, en JavaScript : app.activeDocument.activeLayer.opacity = 50;

Mise en œuvre : Scripts Création de l’algorithme Correspond à la liste des actions à effectuer (comme pour un fichier .atn) Transcription dans le langage de programmation choisi Exécution possible Sur le fichier actif Sur un groupe de fichiers Au cours de l’exécution d’un fichier .atn

Scripts

Démonstration

Scripts Avantages : Aucune limite (hormis niveau de compétences en programmation) La plupart des actions possibles dans Photoshop possèdent leur équivalent en .js (ajout d’éléments, de texte, redimensionnement, application de style, etc…) Flexibilité Facilité de mise à jour Paramétrages possibles par l’utilisateur du script Fenêtre de paramétrage qui s’ouvre lors de l’exécution du script pour que l’utilisateur saisisse le taux d’opacité qu’il souhaite appliquer par exemple. Utilisation complémentaire avec les actions (.atn)

Scripts Ressources utiles : .pdf de référencement des commandes JavaScript http://www.adobe.com/devnet/photoshop/scripting.html http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop-cc-javascript-ref.pdf Explications http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/products/indesign/pdfs/Adobe_Intro_to_Scripting1.pdf http://www.smashingmagazine.com/2013/07/25/introduction-to-photoshop-scripting/ Exemples de scripts http://creativedroplets.com/tutorial-write-your-first-photoshop-script/ http://www.fplanglois.com/photo/contactphoto/technique/script_photoshop/ http://www.tranberry.com/photoshop/photoshop_scripting/

Traitement par lots de fichiers Définition permet d’appliquer automatiquement une série d’actions (.atn) à plusieurs fichiers (plus le nombre de fichiers à traiter est important plus le gain de temps l’est aussi !) Utilisation (sur une série d’images) Redimensionnement ou optimisation Ajout d’élément (copyright, cadre, effet, …) Recolorisation (passage en noir et blanc, …) …

Traitement par lots de fichiers

Traitement par lots de fichiers

Traitement par lots de fichiers Principe d’utilisation Sélection du script d’actions (.atn) à exécuter Sélection des fichiers à traiter Fichiers appartenant à un dossier Fichiers ouverts dans Photoshop Fichiers importés, … Sélection de la destination Dépend des actions présentes dans le script (enregistrement ou non) Possibilité de renommage automatique des fichiers

Traitement par lots de fichiers Mode opératoire conseillé Créer un fichier .psd à partir duquel vous allez identifier les actions à effectuer Création et enregistrement du script Test du script sur 1 fichier Corrections du script si nécessaire Exécution du traitement par lot Vérification et adaptations si nécessaire Testez différentes configurations pour vous approprier le fonctionnement !

Traitement par lots de fichiers Attention !!! Il est nécessaire que les images sources soient « identiques » pour que le traitement fonctionne. (selon les actions réalisées)

Démonstration

Traitement par lots de fichiers Ressources utiles http://help.adobe.com/fr_FR/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-7427a.html http://fr.openclassrooms.com/informatique/cours/les-scripts-sous-photoshop/le-traitement-par-lots http://blog.deviens-photographe.com/index.php/2013/02/automatisez-vos-traitements-photo-avec-les-script-photoshop/

Renommage par lots de fichiers Voir TD n°2

Attention au respect des contraintes !!! Consigne TD n°3 Objectif être capable de générer rapidement des séries d’images ayant les mêmes caractéristiques découvrir l’utilisation de scripts .js Fichier de consigne Attention au respect des contraintes !!!

Questions ?

A vous !

Questions relatives à l’évaluation Organisation Date : le 16/11/2015 de 9h à 12h Durée : 3h Travail strictement individuel Réutilisation des fonctionnalités abordées Livraison des éléments à la fin de la séance Notation selon les critères définis précédemment + réelle utilisation des fonctionnalités demandées

Questions relatives à l’évaluation Explications complémentaires liées au fonctionnalités utilisées au cours des TD ? Autres questions ? Si nécessaire, me contacter par mail : formation.llemaitre@gmail.com