Programme 1. Introduction 2. Numérisation / acquisition

Présentation au sujet: "Programme 1. Introduction 2. Numérisation / acquisition"— Transcription de la présentation:

1 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

2 1. Introduction Université de Picardie Jules Verne Luis Pires

3 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

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

5 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

6 Numérisation Université de Picardie Jules Verne Luis Pires

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

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

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

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

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

12 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 octets Université de Picardie Jules Verne Luis Pires

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

14 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

15 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

16 Formats d’images JPEG (Joint Photo Expert Group)
Origine Joint Photographic Experts Group (1986) Norme : JPEG ISO/CEI 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

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

18 Formats d’images PNG (Portable Network Graphics)
Origine W3C : créé en 1995 pour remplacer le format GIF ISO (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

19 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

20 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

21 Formats d’images PDF (Portable Document Format)
Origine Adobe Systems (1993), évolution du format PostScript Normalisé ISO :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

22 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

23 5. Outils Université de Picardie Jules Verne Luis Pires

24 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

25 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

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

27 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

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

29 6. Applications Université de Picardie Jules Verne Luis Pires

30 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

31 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

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

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

34 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

35 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

36 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

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

38 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

39 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

40 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

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

42 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

43 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

44 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

45 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

46 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

47 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

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