Adobe ImageReady Lamare Maxime SI28. - Présentation - Optimisation d’image - Outils tranche - Outils carte image - Création d’animations PLAN.

Présentation au sujet: "Adobe ImageReady Lamare Maxime SI28. - Présentation - Optimisation d’image - Outils tranche - Outils carte image - Création d’animations PLAN."— Transcription de la présentation:

1 Adobe ImageReady Lamare Maxime SI28

2 - Présentation - Optimisation d’image - Outils tranche - Outils carte image - Création d’animations PLAN

3 Logiciel de graphisme orienté web Identique à l’interface de Photoshop Particularités : optimisation des images pour le web création de zones réactives réalisation d’images animées (GIF animés) Utilité d’ImageReady

4 Interface d’utilisation Adobe ImageReady

5 OPTIMISATION Deux critères important pour une image destinée au web : - Fidélité du rendu,couleurs et précision des contours - Temps de chargement Recherche du meilleur rapport rendu/poid

6 OPTIMISATION JPEG (Joint Photographic Experts Group) - 16 millions de couleurs - Différents niveaux de compression (avec perte de qualité) - Différents types d’encodages (normal, progressif) - Ne supporte pas la transparence - Ne permet pas l’animation Bilan : Réservé à la photographie

7 OPTIMISATION GIF : (Graphics Interchange Format) - 256 couleurs - Très peu adapté à la photographie ou aux dégradés/images nuancées. -Supporte la transparence, et surtout : - Permet de créer des animations. Bilan : Utilisé pour les petits symboles ou les animations

8 PNG : (Portable Network Graphics) - Grande plage de couleur - Supporte la transparence, mais pas l’animation - Plus léger que GIF - Moins performant que JPEG pour les photographie - Entrelacement très efficace Bilan : format utile pour les logos haute et basse qualité OPTIMISATION

9 Comment procéder ? Possibilité d’ouvrir une image en mode « multi-vignette »

10 Affichage  Optimisation Pour sauvegarder : - Selectionner l’image optimisée - Fichier  enrigister une copie optimisée sous… Image de l’onglet optimisation

11 OUTIL TRANCHE Découpe une image, physiquement. Permet de rendre certaines zones réactives Exporte au format HTML MAIS Ne fait que des rectangles

12 Comment s’en servir ? Image de la boite tranche

13 OUTIL CARTE IMAGE Similaire à l’outil tranche Ne découpe pas l’image physiquement Permet une découpe polygonale

14 Comment s’en servir ? Image de la boite carte image

15 Création d’images animées Seulement possible en format.gif Animations courte et de petite taille 2 types d’animations : - par trajectoire - par jeu de calque

16 Animation par trajectoire Le but de l’animation par trajectoire est de créer 2 images du cercle a 2 position différente et de générer les images intermédiaires. Capture d’écran

17 Animation par jeu de calque