Programme 1. Introduction 2. Numérisation / acquisition 3. Propriétés des images 4. Formats d'images 5. Outils 6. Applications 7. Graphisme, exportation et optimisation pour le web 8. Aspects juridiques Université de Picardie Jules Verne Luis Pires

1. Introduction Université de Picardie Jules Verne Luis Pires

Introduction Image de type matriciel (bitmap) Image de type vectoriel Unité élémentaire appelée pixel Résolution (dpi ou ppp) Dynamique de l’image (codage sur n bits) Format de l’image (type de fichier) Modes de couleur (RVB, CMJN, niveaux de gris, …) Affichage écran / impression Université de Picardie Jules Verne Luis Pires

2. Numérisation Université de Picardie Jules Verne Luis Pires

Numérisation Transformer l’image analogique (continue) en une image numérique (discrète) Deux phase : Échantillonnage Codage de l’information Université de Picardie Jules Verne Luis Pires

Numérisation Université de Picardie Jules Verne Luis Pires

Numérisation Scanner à plat Scanner à diapos & négatifs Copieur multifonctions Université de Picardie Jules Verne Luis Pires

Numérisation Appareil Photo numérique compact bridge reflex Université de Picardie Jules Verne Luis Pires

Importation d’images Depuis Adobe Acrobat (format .pdf) Depuis Illustrator (format .ai) Université de Picardie Jules Verne Luis Pires

3. Caractéristiques des images Université de Picardie Jules Verne Luis Pires

Caractéristiques des images Compression sans pertes (compactage) Compression avec pertes (compression) Transparence Entrelacement (affichage progressif) Animation Université de Picardie Jules Verne Luis Pires

Caractéristiques des images Facteur de qualité de l’image Format de l’image (bmp, gif, jpg, png, tif...) Dimensions de l’image nb. Pixels Résolution Codage de l’information / nb de couleurs Par exemple : Image au format bmp x=800 pixels y=600 pixels Codage sur 8 bits = 256 couleurs possibles pour chaque pixel Le poids de l’image bitmap est de l’ordre de 480000 octets Université de Picardie Jules Verne Luis Pires

4. Formats d’images Université de Picardie Jules Verne Luis Pires

Formats d’images BMP (Windows Bitmap) Origine Microsoft pour Windows, environnement PC Type MIME : image/x-ms-bmp Image de type matriciel Codage sur 24 bits, 8 bits, 4 bits ou 2 bits Soit sans compression = poids de fichier élevé Soit avec compression RLE (Run-length encoding) Peu utilisé sur le Web Université de Picardie Jules Verne Luis Pires

Formats d’images GIF (Graphics Interchange Format ) Origine CompuServe (1987) Type MIME : image/gif Image de type matriciel Format ouvert depuis 2004 en Europe Codage sur 8 bits (256 couleurs) Algorithme de compression sans perte LZW (Lempel-Ziv-Welch) Possibilité d’animation et de transparence (1 seul niveau) Très utilisé sur le web (logos, icônes, graphiques, photos N&B) Université de Picardie Jules Verne Luis Pires

Formats d’images JPEG (Joint Photo Expert Group) Origine Joint Photographic Experts Group (1986) Norme : JPEG ISO/CEI 10918-1 Type MIME : image/jpeg Format ouvert Images codées sur 24 bits (16 millions de couleurs ) Compression JPEG basée sur une méthode DCT (Transformée en cosinus discrète) Très utilisé (Photographies, graphiques, logos, …) Université de Picardie Jules Verne Luis Pires

Formats d’images JPEG 2000 (ISO/CEI 15444-1) Compression avec ou sans perte Transformation en ondelettes (méthode d’analyse mathématique du signal) Plus performante que JPEG ISO/CEI 10918-1 : fichiers d’un poids inférieur à qualité d’image égale Contours plus nets et plus contrastés Très peu utilisé en grand public Université de Picardie Jules Verne Luis Pires

Formats d’images PNG (Portable Network Graphics) Origine W3C : créé en 1995 pour remplacer le format GIF ISO 15948 (en 2004), IETF RFC 2083 Type MIME : image/png Image de type matriciel sans perte Format ouvert Codage sur 1, 2, 4, 8, 24, 32 et 48 bits Translucidité : canal alpha (inopérant sur IE <6, recours à JS) Ou transparence comme sur le format GIF Recommandé par le consortium w3 depuis 1996, (logos, icônes, graphiques, photos N&B) Non reconnu par les navigateurs de version <3.0 Université de Picardie Jules Verne Luis Pires

Formats d’images TIFF (Tagged Image File Format) Origine Microsoft et Aldus acheté par Adobe (1987) Type MIME : image/tiff Dans le domaine public depuis 1992 Compression avec ou sans perte : brut, PackBits, LZW, CCITT Fax, JPEG, … Codage de 1 à 64 bits Format courant, reconnu par la plupart des logiciels de traitement d'image pour les images scannées Université de Picardie Jules Verne Luis Pires

Formats d’images EPS (Encapsulated PostScript) Type MIME : image/x-eps Origine Adobe Systems, format du langage Postscript pour Adobe (1992) Contient une description de l’image en vue de son impression Constitué d'objets vectoriels et/ou bitmap Adapté à l'impression Université de Picardie Jules Verne Luis Pires

Formats d’images PDF (Portable Document Format) Origine Adobe Systems (1993), évolution du format PostScript Normalisé ISO 32000-1:2008 depuis 2008. Type MIME : application/pdf Format ouvert, mais non libre ! multi plate-forme Préserve la mise en forme (polices d'écritures, images, objets graphiques…) Université de Picardie Jules Verne Luis Pires

Formats d’images PS (Post Script) Origine Adobe Systems (1982) Type MIME : application/postscript Licence Adobe, interpréteur PostScript libre Format de fichier d'impression Description objets vectoriels, bitmap Fichier unique décrivant le document (textes, images, polices, couleurs, etc.). Préserve la mise en forme (polices d'écritures, images, objets graphiques…) Université de Picardie Jules Verne Luis Pires

5. Outils Université de Picardie Jules Verne Luis Pires

Outils Hardware (matériel) Station de travail PAO Écran graphique Clavier, Souris Tablette graphique Imprimante Scanner Appareil photo numérique Université de Picardie Jules Verne Luis Pires

Outils Caractéristiques des écrans LCD : Définition : nombre de pixels visibles Dimensions : diagonale en pouces (2,54 cm/pouce) Angle de vision horizontal et vertical avec un contraste supérieur à 10:1 (~ 180°) Contraste : rapport de luminosité entre un pixel blanc et un pixel noir (~ 100 cd/m2) Luminosité : 250 à 320 cd/m2 Temps de réponse : délai du passage d’un pixel par les états blanc > noir > blanc (2 à 16ms) Université de Picardie Jules Verne Luis Pires

Outils Caractéristiques des écrans LCD (à titre indicatif, source : wikipédia, mai 2008 ) Université de Picardie Jules Verne Luis Pires

Numérisation Qualité du capteur CCD d’un appareil photo numérique (Charge Couple Device) : Résolution Sensibilité Dynamique de l’image Rapidité (bonne réponse en fonction du temps) Université de Picardie Jules Verne Luis Pires

Outils Software (logiciel) Photoshop, Illustrator PaintShop Pro, CorelDraw Gimp, Inkscape Paint OmniPagePro (OCR) Acrobat, PDFCreator Université de Picardie Jules Verne Luis Pires

6. Applications Université de Picardie Jules Verne Luis Pires

Applications Graphisme / impression (PAO) Affiche Plaquette Annonce Graphisme / affichage sur un écran Site web CD ROM, DVD ROM Vidéo 100 Université de Picardie Jules Verne Luis Pires

Applications Impression d’une image prévue pour un affichage à l’écran : 500 x 500 pixels 500 x 500 pixels Université de Picardie Jules Verne Luis Pires

Applications Affichage à l’écran d’une image prévue pour une impression sur papier : Université de Picardie Jules Verne Luis Pires

7. Graphisme, exportation et optimisation pour le web Université de Picardie Jules Verne Luis Pires

Critères matériels & logiciels Type d’ordinateur (PC, MAC, ...) Performances de l’ordinateur Type de connexion à Internet Système d’exploitation (OS) Type de navigateur web Version du navigateur Modules externes (plugins) et version Université de Picardie Jules Verne Luis Pires

Critères liés à l’affichage Source : Résolution et dimensions de l’image Dynamique de l’image (codage) Taille des caractères Côté client : Réglage de la résolution de l’écran (C.G.) Nombre de couleurs (qualité couleur) Taille des polices Université de Picardie Jules Verne Luis Pires

Ergonomie, accessibilité Texte lisible / couleurs de fond Faciliter la navigation Éviter d’utiliser trop de fenêtres « popup » Eviter l’emploi excessif d’animations  Cohérence visuelle entre toutes les pages web d’un même site (charte graphique) Université de Picardie Jules Verne Luis Pires

8. Aspects juridiques Université de Picardie Jules Verne Luis Pires

Aspects Juridiques Toutes les images publiées dans les sites web sont soumises aux droits d’auteur Marquages, tatouages numériques (watermarks) visibles et/ou invisibles Métadonnées Auteur Titre Date de création Description ... Droit à l’image Université de Picardie Jules Verne Luis Pires

Généralités Domaines d’application de Photoshop Quelques nouveautés dans Photoshop 7.0 Nouveau ! Photoshop CS2 Université de Picardie Jules Verne Luis Pires

Généralités Nouveau ! Photoshop CS2 Outil point de fuite (perspective) Outil de déformation d’image Dimensionnement sans pertes Filtre de réduction de bruit et de correction optique Explorateur de fichiers multimédias (Adobe Bridge) Module Camera Raw 3.0 (traitement d’images par lots indépendamment de Photoshop) Université de Picardie Jules Verne Luis Pires

Ouverture et acquisition d’images Université de Picardie Jules Verne Luis Pires

Description de l’environnement de travail Fenêtre principale Barre d’outils Calques, Historique, Options Scripts (macros), Raccourcis clavier Université de Picardie Jules Verne Luis Pires

Description de l ’environnement de travail Informations Barre d’outils Fenêtre de traitement Barre de menus Historique Calques Université de Picardie Jules Verne Luis Pires

Description des outils de retouche Les outils de sélection, Recadrage Outils de dessin et de tracé Texte Tranche (web) Université de Picardie Jules Verne Luis Pires

Description des outils de retouche Rectangle de sélection Déplacement Lasso polygonal Baguette magique Recadrage Tranche Aérographe Crayon Tampon de duplication Forme d’historique Gomme Pot de peinture Doigt Densité Sélection d’élément de tracé Texte Plume Trait Annotations Pipette Main Loupe Couleur de premier plan Couleur d’arrière plan Université de Picardie Jules Verne Luis Pires

Manipulations sur les images Modes de couleurs Réglages luminosité, contraste, etc… Filtres Taille d’une image, résolution (destinée au web ou à l’impression) Création d’images pour Internet Quelques mots sur Adobe Image Ready Université de Picardie Jules Verne Luis Pires

Enregistrement et formats d’enregistrement des images Enregistrer, enregistrer une copie Enregistrer pour le web Quelques formats usuels Université de Picardie Jules Verne Luis Pires

Merci pour votre attention ! C’est fini… Merci pour votre attention ! Université de Picardie Jules Verne Luis Pires