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

Présentation au sujet: "TD n°3 – 02/11/2015 Création des images nécessaires à la mise à jour d’un site de vente en ligne de lunettes."— Transcription de la présentation:

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

2 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

3 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

4 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

5 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)

6 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

7 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

8 Actions

9 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

10 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

11 Ressources utiles Actions

12 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

13 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 ++)

14 Le DOM Photoshop (Document Object Model)
Scripts Le DOM Photoshop (Document Object Model) Source :

15 Scripts Source : (page12)

16 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;

17 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

18 Scripts

19 Démonstration

20 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)

21 Scripts Ressources utiles :
.pdf de référencement des commandes JavaScript Explications Exemples de scripts

22 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, …) …

23 Traitement par lots de fichiers

24 Traitement par lots de fichiers

25 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

26 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 !

27 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)

28 Démonstration

29 Traitement par lots de fichiers
Ressources utiles

30 Renommage par lots de fichiers
Voir TD n°2

31 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 !!!

32 Questions ?

33 A vous !

34 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

35 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 :