Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7



Documents pareils
Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Création de maquette web

Dans l Unité 3, nous avons parlé de la

Préparation d un post (article) pour idweblogs

Fiches d aide à l utilisation

Optimiser les images pour l affichage sur votre site

PHPWEBSITE -Tutoriel image

Cours de numérisation sur Epson Perfection

Comment optimiser dans ImageReady?

ACDSee 9 Gestionnaire de photos

J'installe FastStone Image Viewer. Installer le logiciel Découvrir Paramétrer

Leçon N 5 PICASA Généralités


Création d articles sur le site web du GSP

L accès à distance du serveur

1. Avoir un fichier InDesign correct :

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

J ai peur des souris mais je me soigne Petit manuel à l attention des profs de langues vivantes désireux d affronter le Monstre Informatique

Réalisez votre propre carte de vœux Éléctronique

Gestion des documents avec ALFRESCO

Universalis Guide d installation. Sommaire

L espace de travail de Photoshop

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Support de formation Notebook

Les calques : techniques avancées

Guide d installation UNIVERSALIS 2014

Guide d utilisation des services My Office

Applications KIP Cloud Guide de l utilisateur

BR-Docs guide d applications mobile Android

Les différentes étapes à suivre pour la création d un feuillet

Réglages du portail de P&WC

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi

Documentation Liste des changements apportés

Ouvrir le compte UQÀM

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Édu-groupe - Version 4.3

FICHIERS ET DOSSIERS

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Étape 1 : Création d une adresse courriel GMAIL

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

EXEMPLE DE PAGE : FORMAT A4 (210X297)

Securexam Consignes pour l EFU Les 2, 3 et 4 juin 2015

Faire une présentation avec

PRISE EN MAIN D ILLUSTRATOR

PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Créez et envoyez une invitation et le mini-site de votre événement

Créer un panorama animé à 360

Comment se connecter au VPN ECE sous vista

Chapitre 3 : outil «Documents»

Découvrir la messagerie électronique et communiquer entre collègues. Entrer dans le programme Microsoft Outlook Web Access

Manuel d utilisation du logiciel Signexpert Paraph

Créer des documents interactifs

Créer et partager des fichiers

Connecteur Zimbra pour Outlook 2007 et 2010 (ZCO) w

NOTICE D UTILISATION

Consignes générales :

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor

Catégories de format d'optimisation

SOMMAIRE. 1. Connexion à la messagerie Zimbra Pré-requis Ecran de connexion à la messagerie 4

Tutoriel de FastStone Image Viewer

Button Manager V2 Guide de l utilisateur

SmartCam HD. Guide d utilisation

Prendre en main le logiciel ActivInspire 1.4

ZOTERO. Installation. Bibliothèque de Pharmacie. Service Formation

The Grid 2: Manuel d utilisation

Création d un formulaire de contact Procédure

Réalisation d un diaporama en haute définition avec. Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0. Encodage pour Internet

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Découvrez Windows NetMeeting

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?

Contenu Microsoft Windows 8.1

Importation et exportation de contenu

Informations sur l utilisation du webmail du CNRS. Webmail du CNRS. Manuel Utilisateur

MANUEL DE WEBCAM STATION EVOLUTION

Gestion des réunions dans Outlook 2007

Centres d accès communautaire Internet des Îles LA CLÉ USB

Quelques outils pour le logiciel «Tuxpaint»

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

2013 Pearson France Adobe Illustrator CC Adobe Press

Utiliser Freemind à l'école

Utiliser le logiciel Photofiltre Sommaire

Comment utiliser FileMaker Pro avec Microsoft Office

Les Audits. 3kernels.free.fr 1 / 10

UTILISATION DU LIVRE NUMÉRIQUE

Certificats Electroniques sur Clé USB

Manuel Utilisateur Version 1.6 Décembre 2001

Contenu Windows 8 MODULE 1 AVANT-PROPOS MODULE 2 INTRODUCTION À WINDOWS 8 MODULE 4 APPLICATIONS WINDOWS 8 PARTIE 1 MODULE 3 PARAMÈTRES DE WINDOWS 8

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

Configurer un réseau domestique. Partager ses fichiers, ses dossiers et ses imprimantes sur tous ses PC.

sommaire Archives... Archiver votre messagerie... Les notes... Les règles de messagerie... Les calendriers partagés Les listes de diffusions...

Utilisation d une tablette numérique

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Guide d utilisation 2012

FICHE 17 : CREER UN SITE WEB

Démarrer et quitter... 13

Initiation à l informatique. Module 7 : Le courrier électronique ( , mail)

Manuel d utilisation du web mail Zimbra 7.1

Formation Informatique. Utiliser les périphériques informatiques

Transcription:

M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Photoshop Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

Sommaire 1. Les scripts a. Qu est-ce qu un script? b. La fenêtre script c. Créer et utiliser un script d. Traitement par lot 2. Exporter des images pour le web a. Les formats web appropriés b. Enregistrer pour le web 3. Liens utiles

1. Les scripts a. Qu est-ce qu un script? Les scripts sont des séries d actions pré-enregistrées, que l on peut appliquer simplement à un ou plusieurs objets (du fichier global à une sélection, selon le script, voir même tout le contenu d un dossier sur votre ordinateur). Ils sont utiles pour gagner du temps lorsque l on doit refaire une série d actions plusieurs fois à l identique, comme par exemple redimmensionner plusieurs images à 100px de large. b. La fenêtre script La fenêtre Scripts se trouve par défaut dans l onglet à côté de la fenêtre Historique. Si vous n avez pas créé de script, vous n aurez que le dossier Scripts par défaut de visible. Voici les fonctions présents sur cette fenêtre : Cette image provient du tutoriel : http://openclassrooms.com/courses/lesscripts-sous-photoshop, qui va bien plus loin que nous lors de ce cours.

c. Créer et utiliser un script Pour créer un script, il faut appuyer sur le bouton nouveau. Une boît de dialogue vous demande le nom du script, et le dossier dans lequel vous voulez l enregistrer. Après validation, notez que le bouton enregistrer est actif. A partir de ce moment, toutes les actions que vous allez effectuer dans Photoshop seront enregistrées dans ce script, jusqu à ce que vous appuyez sur le bouton Stop. Par exemple, créez un script nommé redim 100px, et allez dans Image > Taille de l image, et modifier la largeur du document à 100 px, puis appuyez sur stop. Voilà, votre premier script est créé! Lorsque vous l appliquerez, il redimensionnera immédiatement la composition en cours à 100px de large. C est un script très simple à une seule action, mais on peut mettre autant d action que l on veut, y compris les actions ouvrir, enregistrer, enregistrer pour le web, et fermer. Pour appliquer un script, il faut le sélectionner dans le panneau script, et appuyer le le bouton lancer. On peut aussi appliquer un raccourci clavier à un script. En appuyant donc sur la touche (par exemple F10), on appliquera le script.

d. Le traitement par lot On a vu que les scripts permettent d effectuer une série d action très rapidement. Mais si on a 350 images à redimmensionner (et ça vous arrivera), cela reste long. C est là qu intervient le traitement par lot! Comme son nom l indique, il permet d effectuer des actions à des lots de fichiers, et ces actions... ce sont les scripts! Pour ouvrir la fenêtre, allez dans fichier > automatisation > traitement par lot.

Vous choisissez en premier le dossier contenant le script voulu, puis le script lui-même. Vous pouvez ensuite choisir si vous voulez exécuter le script sur l ensemble des fichiers d un dossier (très utile), les fichiers ouverts, des fichiers spécifiques via l explorateur de fichiers, ou par importation (pour choisir une image venant d un fichier PDF, de votre webcam etc.) Les options des modes Explorateur et Dossier sont : Priorité sur les instructions Ouvrir : si vous cochez cette case, il faut que votre script contienne une commande d ouverture de fichier ; s il n y en a pas, aucun fichier n est ouvert. Inclure tous les sous-dossiers : en choisissant un dossier d images, il se peut que lui-même contienne des sous-dossiers. Vous pouvez appliquer le traitement aux images de ces sous-dossiers en cochant la case. Supprimer les boîtes [...] d ouverture de fichier : la boîte de dialogue qui sert à choisir les fichiers ne s ouvrira pas (c est de toutes façons inutile, donc autant la cocher) Supprimer les avertissements sur les profils colorimétriques : il peut arriver qu un format spécial d images entraîne l apparition d avertissements. Vous pouvez les désactiver avec cette option.

Quand Photoshop aura traité les images, où va-t-il placer le résultat? C est avec la section Destination que vous pouvez définir cette option. Sans : les images sont ouvertes dans Photoshop et traitées, mais c est à vous de les enregistrer séparément. Enregistrer et fermer : les images sont traîtées, enregistrées (par écrasement du fichier précédent, c est déconseillé) puis fermées automatiquement : les modifications se font en toute transparence. Dossier (recommandé): vous choisissez un dossier où placer vos résultats grâce à des options expliquées ci-dessous. Les options, à présent : Priorité sur les instructions de script Enregistrer sous : en cochant cette case, votre script doit contenir une étape d enregistrement, sans quoi l image traitée ne sera pas sauvegardée. Bouton Sélectionner : pour choisir votre dossier de destination des images obtenues. Dénomination de fichier : grâce à un jeu de 6 éléments, vous pouvez composer le nom de vos images finales. Le mode le plus simple serait Nom de Document + extension. La case Début de no. de série permet de définir à combien le compteur commence (si vous avez choisi d insérer un numéro de série, bien-sûr). Les cases Compatibilité permettent de rendre le nom de fichier compatible avec tels ou tels systèmes d exploitation. Quand toutes les options ont été bien paramétrées, vous pouvez lancer le traitement par lot avec le bouton OK.

2. Exporter des images pour le web a. Les formats web appropriés Les différents formats d image pour le web sont jpeg, gif, et png. Chacun ont leurs points forts et points faibles, mais en gros, png et gif sont plus adaptés aux icônes et logos, et le jpg aux photos. La différence vient du fait que leur algorythme de compression est différent. format JPG : le Jpg, ou Joint Photographic Experts Group, permet à l image de contenir des millions de couleurs, ce qui fait qu on le privilégie pour les photos avec des détails et des nuances. C est un format dit destructeur, car son aglorythme de compression détruit des données de l image. Plus le taux de compression est élevé, plus il y aura de données détruites, et on verra apparaître à l image ce qu on appelle des artefacts jpg, mais en haute qualité l image sera de bonne qualité (mais lourde). A noter que le jpg ne permet pas d avoir de la transparence. format gif : Le format gif, ou Graphics Interchange Format, est un format d image basé sur le nombre de couleur. Le maximum de couleurs présentes dans un gif est de 256. Les gif sont donc surtout utilisés pour des images avec des formes simples utilisant des aplats de couleurs (logos et icônes principalement). Il n est pas destructeur car il ne détruit aucune donnée, seul le nombre de couleur est limité. Il est très bon pour rendre des lignes fines et du texte. Le gif permet la transparence basique (visible ou non), et permet d animer des images.

format png : Le format png, ou Portable Network Graphics, est un format très intéressant, qui permet des dégradés de couleurs, et d intégrer un texte de description dans le fichier pouvant être lu par les moteurs de recherche. Son taux de compression est très bon, sans perte de qualité. Comme le gif, il permet la transparence, mais en plus puissant, car il permet différent degrés de transparence, et donc d adoucir les bords. Il n est par contre pas bon pour les grandes images (il devient plus lourd que le jpg à partir d une certaine taille). Le format png-8 n est plus utilisé, on ne se sert que du png-24. b. Enregistrer pour le web Pour enregistrer une image pour le web avec Photoshop allez dans Fichier > Enregistrer pour le Web et les périphériques.

Cette boîte de dialogue a de nombreuses options. Tout à gauche, vous pouver changer entre les outils main, sélection de tranche, zoom et pipette. Habituellement on reste sur l outil main. En haut, vous pouvez changer la vue. Original correspond à votre image non compressé telle qu elle apparaît dans Photoshop. Optimisée correpond à l image compressé avec les réglages définis à droite. 2 et 4 vignettes vous permettent de comparer l original et 1 ou 3 compressions différentes. En bas à gauche, vous avez un zoom, et la possiblité d avoir un aperçu du resultat dans votre navigateur. A droite, les options de compression, et en bas les boutons enregistrer, annuler ou terminer. Dans les options d export, vous pourrez choisir le format d image, et les options relatives à ce format. Il s agit principalement de choisir le nombre de couleurs pour le gif, et le taux de compression pour le jpg. Le reste est moins utilisé et demande plus d expérience. Vous pouvez aussi utiliser le site kraken.io pour optimiser vos images sans perte de qualité.

3. Liens utiles Tuto sur les scripts : http://openclassrooms.com/courses/les-scripts-sous-photoshop Outil d optimisation des images en ligne kraken.io Un outil gratuit, très utile et très bien fait!

N oubliez pas qu un cours ne remplacera jamais la pratique personnelle, et que l échec fait partie du processus d apprentissage. Merci d avoir suivi mes cours, et bonne chance dans le monde de Photoshop! Boris