Multimédia & Internet 2èmes Gestion/Communication Les formats graphiques

1

Multimédia & Internet 2èmes Gestion/CommunicationLes formats graphiques

David Crunelle – ESCG 2009 - 2010 – www.navalorama.be

Les Formats Graphiques Rappel : pixel et extensionLes principaux formats graphiquesLes niveaux de grisLe graphisme vectorielLa PAOLes logiciels de PAO

2


Pixel: Picture element

« Elément d'un quadrillage rectangulaire composant une image numérique. »

BITMAP


RESOLUTION20X20


5


6


L’extension

nomdufichier extension Exemple : image001.jpg

Détermine le format Logiciel

Nombre d’extension > Nombre de logiciels.

7


L’extension

nomdufichier extension Exemple : image001.jpg

Format

Programme

8


Les types de fichiers les plus utilisés actuellement sont :- BMP (Bitmap), premier fichier graphique utilisé par Windows- JPG, consiste en un BMP compressé (mais perte de qualité)- GIF (Compuserve), fichier graphique animé (superposition)- TIFF, format affectionné par les graphistes- PSD, format créé par Adobe Photoshop

- TGA (Targa) - RAS (Sun Rasterfile Image)- PNG (Portable Network Graphix)- SGI - PCX - RSB - IFF- etc.

Formats Internet:- JPG - GIF

9


10


JPG - compressé- format idéal pour Internet- mais perte de qualité

11


12


GIF- animé- plus lourd- fond transparent

13


Les niveaux de gris

255 128 0

0% 50% 100%

14


Millions de couleurs

15


256 couleurs

16


16 couleurs

17


Noir et blanc

18


Niveau de gris

19


Le graphisme vectoriel

Tracé est composé de primitives:- cercles- carrés- polygones- etc

Stockage sous forme de liste de primitives & transformations

Avantages: - Taille de stockage réduite- Haute qualité (surtout à l’agrandissement)

20


Les images vectorielles :

- Fonctions pixels- Polygones- gestion du calcul par la carte graphique

= 10 ko

Y= ax+b = 1 ko

21


Exemple: Logo


AV 100TD 90AV 100TD 90AV 100TD 90AV 100

22


Manipulations par objets en tant qu’entités distinctes.Exemples de manipulations: - Superpositions-Pivotement- Agrandissements

ax+b²(3x-7y)³ [3x(ab+b²-2ab)² +9x³]

=


23


JPG 300dpi100x100 pixels

= = 10ko

Les dessins vectoriels sont largement utilisés en publication assistée par ordinateur (PAO) ainsi que sur Internet.

ax+b²(3x-7y)³ [3x(ab+b²-2ab)² +9x³]

= < 1ko

2xax+b²(3x-7y)³ [3x(ab+b²-2ab)² +9x³]

= < 1ko

= = 156ko JPG 300dpi

700x700 pixels

1 pages de texte = environ 2 ko

2:1

24


1:1 1:1

10:1 10:1

JPG Vectors

1000:1

25


JPG Vectors

800x800 pixels300dpi= 124ko

800x800 pixelsvectorisé 300dpi= 17ko

26


La PAO (=Micro édition)

Utilisation de matériels de: - Micro-informatique - Logiciels spécialisés

But: produire des documents de qualité professionnelle combinant du texte et des images (photos, dessins, illustrations, graphiques…).

L’infographie:- Traitement de l’image- Modification d’images - Création graphique

27


La PAO : Création de documents

Etapes:- Numérisations d’images- Créations d’images - Retouches- Mise en page

WYSIWYG

28


Applications

-Presse écrite (Journaux / Périodiques)-Communication (Pub)-Entreprises (Brochures, courriers, cartes de visites…)-Particuliers (Cartes de vœux, invitations,…)

29


Les Logiciels de PAO

Adobe Illustrator Quark Xpress

30

Création de pages Web Gestion/Communication

Herman Olivier – ESCG

TRAITEMENT DE L’ IMAGE-Paint

-Photoshop

-Gimp

31


Paint

32


Adobe Photoshop

Palette d’outils

Propriétés

Calques

33


Gimp

Palette d’outils

Propriétés

Calques

34



TRAITEMENT DE L’ IMAGEFonctions de base:

- Selection - image/découper la sélection- image/échèle et taille de l’image- image/mode/niveaux de gris- Couleurs/teintes-saturation- Couleurs/luminosité-contraste

35



EXERCICESPartez de l’image « DentsDuMidi.jpg »Réduisez sa résolution en 640x480 pixelsEnregistrer l’image sous le nom ddm.jpgRepartez de l’image originale et Isolez uniquement les dents comme ci-dessous.Transformez l’image en « niveaux de gris »Jouez avec le contraste et la luminosité pour arriver au résultat ci-dessous.

36



TRAITEMENT DE L’ IMAGEFonctions complémentaires:

- Couleurs- Clonage- Repiquer une couleur- Texte- Eclaircir- Barbouiller

37



EXERCICESPartez de l’image « DentsDuMidi.jpg »

Recopier le point le plus haut dans la zone à gauche afin d’agumenter le nombre de « dents »

Documents

Multimédia & Internet 2èmes Gestion/Communication Les formats graphiques