Adobe ImageReady Lamare Maxime SI28

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

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

Interface d’utilisation Adobe ImageReady

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

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

OPTIMISATION GIF : (Graphics Interchange Format) 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

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

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

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

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

Comment s’en servir ? Image de la boite tranche

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

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

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

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

Animation par jeu de calque