cours bases images

52
AgroParisTech - UFR d'informatique - 16, rue Claude Bernard - F 75231 PARIS CEDEX 05 michel.cartereau @ agroparistech.fr - Téléphone : +33 1 44 08 16 80 -Télécopie : +33 1 44 08 16 66 * http://www.inapg.fr/ens_rech/mathinfo/winfo/ MANIPULATIONS ÉLÉMENTAIRES D'IMAGE Objectifs Connaitre les principales caractéristiques des images Maîtriser les bases du dessin vectoriel et de la retouche d'image Savoir concevoir des illustrations destinées à un rapport Compléments nécessaires Des fichiers d'exemple (voir l'enseignant, ou le site de l'auteur *) Niveau de compétences en pré-requis Maîtriser l'environnement Windows ou Mac OS X Connaître les bases de la bureautique (mise en forme) Ce document d'enseignement est diffusé pour un usage individuel. Il est librement téléchargeable sur le site de l'auteur * Michel Cartereau - Juillet 2007

Upload: radoniaina

Post on 23-Dec-2015

230 views

Category:

Documents


7 download

DESCRIPTION

Guide

TRANSCRIPT

Page 1: Cours Bases Images

AgroParisTech - UFR d'informatique - 16, rue Claude Bernard - F 75231 PARIS CEDEX 05

michel.cartereau @ agroparistech.fr - Téléphone : +33 1 44 08 16 80 -Télécopie : +33 1 44 08 16 66 * http://www.inapg.fr/ens_rech/mathinfo/winfo/

MANIPULATIONS ÉLÉMENTAIRES

D'IMAGE

Objectifs • Connaitre les principales caractéristiques des images

• Maîtriser les bases du dessin vectoriel et de la retouche d'image

• Savoir concevoir des illustrations destinées à un rapport

Compléments nécessaires • Des fichiers d'exemple (voir l'enseignant, ou le site de l'auteur *)

Niveau de compétences en pré-requis • Maîtriser l'environnement Windows ou Mac OS X

• Connaître les bases de la bureautique (mise en forme)

Ce document d'enseignement est diffusé pour un usage individuel.

Il est librement téléchargeable sur le site de l'auteur *

Michel Cartereau - Juillet 2007

Page 2: Cours Bases Images

Manipulations élémentaires d'images - Page 2

SAVEZ-VOUS ?

Répondre soit par vrai ou faux, soit en choisissant une ou plusieurs options (ou aucune).

1) Windows ne dispose d'aucun outil graphique

2) Une opération de copie d'écran s'effectue à l'aide de la touche IMPRECRAN sous Windows

3) « Bitmap » se traduit par : a) point-à-point, b) vectoriel, c) à pixel

4) Le meilleur moyen d'insérer une image dans un traitement de texte consiste en le « copier-coller »

5) Une image « point-à-point » correspond à une matrice de pixels

6) Le format à pixel de 8 bits permet une représentation avec un nombre maximal de couleurs différentes s'élevant à : a) 16 millions, b) 256, c) 64

7) Le format « GIF » permet de diminuer le volume de stockage par compression de l'information

8) L'affichage d'une image sur un écran informatique utilise couramment 3 octets par pixel

9) Une image en noir et blanc peut être codée à raison d'un bit par pixel

10) « RVB » signifie : a) rouge-vert-bleu, b) résolution vraiment basse, c) rich value bits

11) « PNG » va progressivement remplacer le format « GIF »

12) Une image vectorielle se décompose en éléments géométriques simples

13) Il est possible d'agrandir tout type d'image sans dégrader sa qualité

14) Le contenu d'un fichier au format « JPEG » est toujours comprimé

15) Même après une conversion dans un format point-à-point, les éléments d'une image créée en mode vectoriel sont toujours manipulables

16) Une image au format « TIFF » est du type point-à-point avec un codage sur 3 octets

17) Dans un outil graphique, on ne peut généralement pas faire pivoter une image

18) La transformation d'une image, initialement en couleurs, vers une représentation en niveau de gris permet d'alléger le volume de stockage de manière très significative

19) Une image vectorielle peut être agrandie sans problème

20) Réduire de moitié la surface d'une image peut entraîner une division par quatre du volume de stockage

21) La résolution d'une image se caractérise par la mesure de sa densité en points

22) Un pouce (inch) correspond à : a) 2,54 cm, b) 2,97 cm, c) 0,547 cm, d) un douzième de pied

23) Le format « TIFF » permet de connaître la résolution de l'image

24) « ppp » et « dpi » sont synonymes

25) Une image destinée à un affichage est habituellement enregistrée avec une résolution de 96 ppp

26) « JPEG » constitue un format recommandé pour l'échange d'images

27) Une conversion au format « JPEG » ne dégrade jamais l'image originale

28) Le format vectoriel est a priori peu gourmand en volume de stockage

29) Une photographie numérique est habituellement au format : a) TIFF, b) JPEG, c) GIF, d) BMP

30) Il est conseillé d'insérer une image vectorielle dans un traitement de texte, sous son format original

31) Une couche dans l'outil de dessin de OpenOffice est similaire à un calque

Solutions à la fin du document

Page 3: Cours Bases Images

Manipulations élémentaires d'images - Page 3

INTRODUCTION

Origine des images

Quelques principes

Principaux outils en bureautique

Page 4: Cours Bases Images

Manipulations élémentaires d'images - Page 4

ORIGINES DES IMAGES

D'OÙ PROVIENNENT LES IMAGES UTILISÉES ?

• DESSIN

DEUX GRANDES TYPES D'IMAGE : Vectoriel : assemblage d'éléments indépendants et modifiables

exemples : un organigramme, un schéma Point à point (bitmap) : matrice de points (pixels) sans structure

exemples : une photographie, un document numérisé ACCESSOIRE DE WINDOWS : PAINT

outil rudimentaire en mode point-à-point, format BMP EDITEURS GRAPHIQUES SPÉCIALISÉS (MODE VECTORIEL OU POINT À POINT)

OpenOffice Draw, Gimp, Inkscape, Dia, Photoshop, Illustrator, etc. formats variés, possibilité de conversion (en GIF, PNG, JPEG)

• CAPTURE D'ÉCRAN 1

OBTENTION D'UNE PHOTOGRAPHIE DE L'AFFICHAGE utile pour garder une trace d'exécution d'une application

COPIE DU CONTENU TOTAL OU PARTIEL DE L'ÉCRAN DANS LE PRESSE-PAPIERS touches spéciales dépendant de l'environnement (Windows ou Mac)

• NUMÉRISATION

UTILISATION D'UN NUMÉRISEUR (SCANNER) AVEC UN LOGICIEL D'ACQUISITION, format point-à-point (TIFF) avec plus ou moins de couleurs

PHOTOGRAPHIE AVEC UN APPAREIL NUMÉRIQUE format généralement JPEG ou TIFF, qualité variable (en JPEG)

TRANSFORMATIONS DE L'IMAGE BRUTE correction par retouches, conversion pour réduire la taille

UNE MULTIPLICITÉ D'OUTILS ET DE FORMATS GRAPHIQUES

1 D'autres procédures sont possibles à l'aide d'éditeurs graphiques spécialisés

Page 5: Cours Bases Images

Manipulations élémentaires d'images - Page 5

QUELQUES PRINCIPES

COMMENT S'Y RETROUVER DANS L'UNIVERS GRAPHIQUE ?

• DES FICHIERS POUR LES IMAGES

IMAGE STOCKÉE SEULE DANS UN FICHIER SPÉCIFIQUE assure une réutilisation maximale

COMPROMIS ENTRE LA QUALITÉ ET LE POIDS 1 mise en oeuvre de compression (taux variable pour photographie)

TOUJOURS IDENTIFIER L'ORIGINE DE L'IMAGE afin notamment de (pouvoir) connaître son auteur2

• MANIPULATION AVEC LE BON OUTIL

TOUJOURS UTILISER L'OUTIL ADAPTÉ AU FORMAT DE L'IMAGE travail de création, de retouche ou de modification

EVITER DE RETRAVAILLER UNE IMAGE DANS UN TRAITEMENT DE TEXTE éventuellement légère réduction ou ajout de légendes

• PLUSIEURS VERSIONS D'UNE IMAGE

UNE VERSION PRIMAIRE POUR TRAVAIL SUR L'IMAGE format natif, de qualité maximale, éventuellement volumineux

UNE VERSION SECONDAIRE POUR ILLUSTRATION format d'échange, compressé dans le cas d'une photographie

CONVERSION D'UNE VERSION À L'AUTRE généralement par réenregistrement dans un outil graphique

INSERTION D'IMAGE PAR COLLAGE (EDITION COLLER) TRÈS DANGEREUSE (RISQUE ÉLEVÉ DE SURCHARGE PONDÉRALE)

1 Le poids correspond au volume de stockage, qui peut vite devenir énorme (plusieurs méga-octets) 2 Une image est protégée par le droit d'auteur.

Page 6: Cours Bases Images

Manipulations élémentaires d'images - Page 6

OUTILS POUR LE GRAPHISME

PRINCIPAUX OUTILS POUR UN USAGE BUREAUTIQUE

• OUTILS GRATUITS (WINDOWS & MAC) PRÉSENTÉS 1

XNVIEW (gratuit pour usage non commercial) http://www.xnview.com/ (1.91 Windows, 1.7 Mac) manipulations élémentaires et générales

OPENOFFICE, module DRAW (version 2.2, gratuit et libre) http://fr.openoffice.org/ (2.2 Windows & Mac) dessin vectoriel

• OUTILS DE MICROSOFT

PAINT (accessoire de Windows)

dessin élémentaire

PHOTOEDITOR (application de la suite Office) retouche élémentaire d'image et conversion de format

• OUTILS DE MAC OS X

APERÇU (Preview, dossier APPLICATIONS) visualisation d'images et conversion de format

CAPTURE (Grab, dossier APPLICATIONS / UTILITAIRES) capture à l'écran

• AUTRES OUTILS GRATUITS EXISTANTS

GIMP (Windows & Mac, gratuit et libre) http://www.gimp-fr.org/ retouche d'image et manipulations avancées

INKSCAPE (Windows & Mac, gratuit et libre) http://www.inkscape.org/ dessin vectoriel

DIA (Windows, gratuit) http://hans.breuer.org/dia/ diagrammes techniques

1 Outils disponibles au sein d'AgroParisTech, dans la boîte à outils du serveur Gaia : https://gaia.agroparistech.fr/

Page 7: Cours Bases Images

Manipulations élémentaires d'images - Page 7

IMAGES POINT-À-POINT

Cas de la capture d'écran (Windows, Mac)

Conversion de format

Différents formats

Volume d'une image

Page 8: Cours Bases Images

Manipulations élémentaires d'images - Page 8

CAS DE LA CAPTURE D'ÉCRAN SOUS WINDOWS

CRÉER UN DOCUMENT CONTENANT UNE COPIE DE LA FENÊTRE DE LA CALCULATRICE (EN MODE SCIENTIFIQUE1)

copie d'écran

• PROCÉDURE CONSEILLÉE

CRÉATION DE FICHIER POUR RÉUTILISER L'IMAGE 1) Copie de la fenêtre de l'horloge avec ALT+IMPRECRAN

combinaison de touches copiant l'image de la fenêtre active dans le presse-papiers (tout l'écran si simple touche IMPRECRAN )

2) Récupération de l'image et conversion dans un outil graphique collage à partir du presse-papiers puis réenregistrement dans un format point-à-point courant : PNG2, TIFF3, JPEG4 (éviter BMP5)

3) Récupération dans le traitement de texte (OpenOffice ou Word) insertion à partir du fichier de l'image (INSERTION IMAGE)

• AUTRE PROCÉDURE (DÉCONSEILLÉE)

COLLER DIRECTEMENT L'IMAGE DU PRESSE-PAPIERS image au format brut, non comprimé : surcharge pondérale !

A CONSTATER : LE FORMAT JPEG N'EST PAS ADAPTÉ À CE TYPE D'IMAGE !

(DÉGRADATIONS VISIBLES À L'OEIL NU)

1 Application accessible via le menu DÉMARRER PROGRAMMES ACCESSOIRES ou sinon via la commande

DÉMARRER EXCÉCUTER CALC, puis passage en mode scientifique via le menu AFFICHAGE 2 PNG (portable networks graphics) : format récent, sans droits d'utilisation, pour logos ou schémas 3 TIFF (Tagged image file format) : format fidèle, sans compression a priori et donc très lourd 4 JPEG (joint photographic experts group), format à compression variable , pour des photographies 5 BMP (bitmap) : format sans compression, propre à Windows, avec un nombre variable de couleurs

Page 9: Cours Bases Images

Manipulations élémentaires d'images - Page 9

CONVERSION DANS WINDOWS AVEC XNVIEW

LOGICIEL CONSEILLÉ, GRATUIT POUR UN USAGER PRIVÉ 1 • RÉCUPÉRATION DU CONTENU DU PRESSE-PAPIERS

après copie dans le presse-papiers 2 via la touche ALT+IMPECRAN, collage dans XnView avec FICHIER IMPORTER LE PRESSE-PAPIERS

Alternative : commande spécifique à la capture, OUTILS CAPTURER • RÉENREGISTREMENTS DE L'IMAGE

enregistrements sous différents formats : FICHIER ENREGISTRER SOUS Format Réglages conseillés PNG Niveau de compression à 7, sans filtre

GIF Gif87a et choix du maximum de couleurs (256)

JPEG Qualité à environ 85

TIFF Sans compression a priori

ATTENTION À BIEN RESPECTER LES RÉGLAGES ET À CHOISIR LE BON FORMAT LORS DE L'ENREGISTREMENT !

1 Voir en : http://www.xnview.com/ ou dans la boîte à outils du serveur Gaia 2 Presse-papiers : mémoire de transit pour les opérations copier, couper et coller ; clipboard en

anglais

Page 10: Cours Bases Images

Manipulations élémentaires d'images - Page 10

CAS DE LA CAPTURE D'ÉCRAN SOUS MAC OS X

CRÉER UN DOCUMENT CONTENANT UNE COPIE DE LA FENÊTRE DE LA CALCULATRICE (EN MODE EXPERT 1)

copie d'écran

• PROCÉDURE RAPIDE

UTILISATION D'UNE COMBINAISON DE TOUCHES PARTICULIÈRES 1) Combinaison de touches POMME+ +4 2 puis ESPACE et

à l'apparition de l'appareil photo, clic dans la fenêtre de l'horloge, image enregistrée alors sur le bureau dans un fichier : IMAGE... le format du fichier dépend de la version de Mac OS X : JPEG (10.2, Jaguar), PDF (10.3, Panther), PNG (10.4, Tiger)

2) Conversion éventuelle du fichier de l'image [VOIR CI-APRÈS] formats point-à-point courants : PNG3, TIFF4, JPEG5 (éviter BMP6)

3) Récupération dans le traitement de texte (OpenOffice ou Word) insertion à partir du fichier de l'image (INSERTION IMAGE)

• AUTRE POSSIBILITÉ

UTILISATION D'UN LOGICIEL DE CAPTURE soit Capture (Grab) dans le dossier APPLICATIONS / UTILITAIRES ou un logiciel gratuit comme SnapNDrag 7

A CONSTATER : LE FORMAT TIFF EST LE PLUS LOURD

1 Calculatrice dans le dossiers APPLICATIONS ; mode expert via la commande PRÉSENTATION 2 La combinaison de touches POMME+ +3 capture tout l'écran 3 PNG (portable networks graphics) : format récent, sans droits d'utilisation, pour logos ou schémas 4 TIFF (Tagged image file format) : format fidèle, sans compression a priori et donc très lourd 5 JPEG (joint photographic experts group), format à compression variable, pour des photographies 6 BMP (bitmap) : format sans compression, propre à Windows, avec un nombre variable de couleurs 7 SnapNDrag (à partir de OS 10.3.9) : http://www.yellowmug.com/snapndrag/

Page 11: Cours Bases Images

Manipulations élémentaires d'images - Page 11

CONVERSION DANS MAC OS X AVEC APERÇU

Logiciel APERÇU (PREVIEW) dans le dossier APPLICATIONS • OUVERTURE D'UNE IMAGE DANS APERÇU

Double-clic sur l'icône de l'image ou FICHIER OUVRIR dans Aperçu

• RÉENREGISTREMENTS DE L'IMAGE

enregistrements sous différents formats : FICHIER EXPORTER Format Réglages conseillés (OPTIONS )

TIFF OPTIMALE, COMPRESSION à PACKBITS

PNG OPTIMALE, FILTRE à OPTIMAL

JPEG OPTIMALE, QUALITÉ à MOYENNE

ATTENTION À CHOISIR LE BON FORMAT LORS DE L'ENREGISTREMENT !

Page 12: Cours Bases Images

Manipulations élémentaires d'images - Page 12

FORMAT D'UNE IMAGE EN POINT-À-POINT

COMMENT CHOISIR LE FORMAT DU FICHIER D'UNE IMAGE ?

COMPRESSION AVANTAGES INCONVÉNIENTS USAGES PRINCIPAUX

TIFF

Tagged image file

format

A priori sans Qualité parfaite Fichier très lourd Numérisation de documents

GIF

Graphics inter-

change format

Automatique Adapté au Web

Qualité parfaite si peu de couleurs

Cas des logos et schémas

Nombre de couleurs restreint (256)

Ancien format désormais remplacé par PNG

PNG

Portable networks graphics

Variable

Sans dégradations

Bonne qualité

Adapté au Web

Fichier très lourd si photographie

Diffusion de schémas, logos.

JPEG

Joint photo-

graphics expert group

Variable

Dégradations possibles si taux élevé

Adapté au Web

Conçu pour les photographies

Poids assez léger

Mauvaise qualité si schéma ou logo

Poids 1 du fichier proportionnel à la qualité

Diffusion de photographies

BMP

Bitmap

A priori sans Qualité quasi parfaite

Fichier très lourd (pas ou peu de compression)

Spécifique à Windows

A n'utiliser que si nécessaire (unique format reconnu par certains logiciels de Windows)

DIFFUSION AU FORMAT JPEG SI PHOTOGRAPHIE, SINON AU FORMAT PNG

1 Le poids d'un fichier correspond à sa taille mesurée en kilo-octets (Ko) ou méga-octets (Mo)

Page 13: Cours Bases Images

Manipulations élémentaires d'images - Page 13

POIDS D'UNE IMAGE EN POINT-À-POINT

COMMENT DÉTERMINER LE POIDS 1 DE L'IMAGE ENREGISTRÉE ? • PRINCIPES DE CODAGE

UNE IMAGE EST REPRÉSENTÉE PAR UNE MATRICE DE PIXELS exemple (moitié d'écran moyen) : 400 x 300 120 000 pixels

UN PIXEL2 EST REPRÉSENTÉ PAR SA COULEUR, CODÉE PAR NB BITS3 CHOISIE DANS UNE PALETTE DE TAILLE LIÉE AU NOMBRE DE BITS (2NB)

1 bit 2 couleurs (noir et blanc) 4 bits 16 couleurs (ou niveaux de gris) possibles 8 bits (1 octet4) 256 possibles 24 bits (3 octets5) 16 millions possibles

NOTA BENE : UNE IMAGE EN NOIR ET BLANC PEUT ÊTRE CODÉE EN 24 BITS • POIDS

CAS DE LA FORME BRUTE, DE MATRICE DE PIXELS (FORMATS BMP, TIFF6) poids = nombre de lignes x nombre de colonnes x Nb bits Exemple : moitié d'un écran en 800 x 600

en noir et blanc 400 x 300 x 1 ≈ 15 Kilo-octets en 256 couleurs 400 x 300 x 8 ≈ 120 Kilo-octets en 16 millions 400 x 300 x 24 ≈ 360 Kilo-octets

CAS DE MISE EN OEUVRE D'UNE COMPRESSION (FORMATS GIF, PNG, JPEG) réduction du poids par un facteur7 variable (PNG, JPEG), mais avec une dégradation possible de la qualité (JPEG)

LA QUALITÉ D'UNE IMAGE POSSÈDE UN PRIX ÉLEVÉ EN STOCKAGE !

1 Le poids d'un fichier correspond à sa taille mesurée en kilo-octets (Ko) ou méga-octets (Mo) 2 Pixel (picture element) : point élémentaire de la représentation informatique d'une image 3 Bit : unité élémentaire de mémoire 4 Octet (byte) : 8 bits, unité usuelle de mesure de mémoire en informatique 5 1 octet pour coder l'intensité de chaque couleur élémentaire sur l'écran : rouge, vert, bleu (« RVB ») 6 TIFF (tagged image file format), format point-à-point, sans compression a priori) 7 Réglage a priori pour une illustration ordinaire : environ 85 % (JPG) ou 7 sur 10 (PNG)

Page 14: Cours Bases Images

Manipulations élémentaires d'images - Page 14

EXERCICES SUR LES IMAGES POINT-À-POINT

1) Quelles sont les différences entre une image vectorielle et une

image point-à-point ?

2) Citer trois formats d'image en point-à-point

3) Quelle est la procédure pour placer dans le presse-papiers la copie

d'une fenêtre courante ?

4) Enregistrer une copie d'une fenêtre à l'écran sous 4 formats

différents (BMP, GIF, PNG, JPEG), puis comparer les volumes des

fichiers créés ainsi que la qualité du rendu final

5) Quel est le poids du fichier d'une image point-à-point en 16

couleurs sur 800 par 600 pixels ?

6) Y-a-t-il un intérêt à enregistrer une image noir et blanc dans un

format point-à-point en 24 bits ?

Page 15: Cours Bases Images

Manipulations élémentaires d'images - Page 15

DESSIN VECTORIEL

Création d'une image vectorielle

Principales opérations

Page 16: Cours Bases Images

Manipulations élémentaires d'images - Page 16

DESSIN VECTORIEL : EXEMPLE DU SCHÉMA

OBJECTIF : CRÉER CETTE ILLUSTRATION POUR UN DOCUMENT (taille : 15 cm x 21 cm, fond neutre)

Texte en Garamond, 40 points

Texte en Arial, 14 points

Texte en Arial, 11 points

Image

rectangle en gris

rectangle en gris

rectangles aux bords arrondis, ombre en gris, objet dupliqué

Page 17: Cours Bases Images

Manipulations élémentaires d'images - Page 17

DESSIN VECTORIEL : CRÉATION D'ILLUSTRATION

Bla bla ! Bla, bla.bla = bla x 3,14

Traitement de texte

Outil de dessin

vectoriel

Fichier de la version secondaire

Fichier de la version primaire

Enregistrement

Reprise

Insertion

Exportation

• PROCÉDURE

1) CRÉATION AVEC UN OUTIL DE DESSIN VECTORIEL (OPENOFFICE DRAW, ...) Assemblage d'éléments graphiques

2) ENREGISTREMENT DANS LE FORMAT VECTORIEL Version primaire pour reprise dans l'outil de dessin

3) CONVERSION DANS UN FORMAT D'ÉCHANGE Production d'une version secondaire pour réutilisation

4) INTRODUCTION DANS LE TRAITEMENT DE TEXTE (OPENOFFICE, WORD, ...) Insertion de la version secondaire de l'image pour illustration

• FORMATS D'ENREGISTREMENT

VERSION PRIMAIRE : FORMAT VECTORIEL ODG (OpenOffice 1), AI (Adobe Illustrator), SVG (Inkscape)

VERSION SECONDAIRE : FORMAT D'ÉCHANGE Point à point : PNG, GIF Vectoriel : EPS (PostScript 2), EMF ou WMF (Windows 3)

A ÉVITER : CRÉATION DE L'IMAGE DANS LE TRAITEMENT DE TEXTE

1 Formats différents selon les versions d'OpenOffice : sxd (version 1), odg (version 2) 2 eps : encapsulated postscript 3 emf ou wmf : enhanced / windows meta file

Page 18: Cours Bases Images

Manipulations élémentaires d'images - Page 18

OPENOFFICE DESSIN : DÉMARRAGE

CAS DU MODULE DE DESSIN (« DRAW ») DANS OPENOFFICE 1

• PRINCIPAUX RÉGLAGES GÉNÉRAUX AFFICHER : NORMAL, BARRE D'ÉTAT, RÈGLE, ZOOM AFFICHER BARRE D'OUTILS : DESSIN, LIGNE et REMPLISSAGE, NORMAL AFFICHER GRILLE : désactiver AFFICHER ... et ALIGNER SUR ... OUTILS OPTIONS OPENOFFICE.ORG DRAW :

GÉNÉRAL : UNITÉ DE MESURE CM, ECHELLE DE DESSIN 1:1 OUTILS OPTIONS CHARGEMENT/ENREGISTREMENT :

GÉNÉRAL : activer ENREGISTRER LES INFORMATIONS...

• CARACTÉRISTIQUES GÉNÉRALES DE L'IMAGE FORMAT PAGE

onglet PAGE : FORMAT à UTILISATEUR LARGEUR et HAUTEUR à la taille souhaitée, ici 15 cm et 21 cm ORIENTATION à PORTRAIT (le cas ici) MARGES à 0 (ne pas tenir compte de l'avertissement, inutile ici)

onglet ARRIÈRE-PLAN : REMPLISSAGE à AUCUN

OPENOFFICE : UN OUTIL SIMPLE, EFFICACE ET LIBRE

1 Présentation de la version 2.0 - Logiciel gratuit et libre, disponible dans la boîte à outils de Gaia à

l'INA P-G en http://gaia.inapg.fr/ ou sur le site en http://fr.openoffice.org/

Volet page

Barre de dessin

Règle

Règle

Zone de l'image

Barre d'état

Zoom

Page 19: Cours Bases Images

Manipulations élémentaires d'images - Page 19

OPENOFFICE DESSIN : ÉLÉMENTS SIMPLES

INSERTION D'ÉLÉMENTS DE BASE

• ZONE DE TEXTE

Cliquer sur le bouton sur la barre de dessin

Régler la police, la taille etc. (FORMAT CARACTÈRES ou barre d'outils) Pointer la souris à la position du texte dans l'image et cliquer Taper le texte souhaité dans le cadre apparu

• RECTANGLE

Cliquer sur le bouton sur la barre de dessin

Régler le style, les couleurs etc. (FORMAT LIGNE ou barre d'outils) Pointer la souris à une origine puis faire glisser pour tracer le cadre

et à la fin relâcher le bouton de la souris

• IMAGE INSÉRÉE

INSERER IMAGE A PARTIR D'UN FICHIER puis désigner le fichier de l'image 1 et valider finalement L'image doit s'introduire au centre

1 Ici, un logo officiel d'AgroparisTech, disponible sur le site de l'auteur : http://www.inapg.fr/ens_rech/mathinfo/winfo/inapg/images.htm et dans l'intranet du site d'AgroParisTech (rubrique CHARTE GRAPHIQUE)

Page 20: Cours Bases Images

Manipulations élémentaires d'images - Page 20

OPENOFFICE DESSIN : BASES

MANIPULATIONS ÉLÉMENTAIRES D'UN ÉLÉMENT DU DESSIN

• SÉLECTION D'UN ÉLÉMENT

Vérifier l'activation du mode de sélection (bouton )

Cliquer sur un point du tracé de l'élément : il doit alors apparaître les poignées (carrés en bordure)

• DÉPLACEMENT D'UN ÉLÉMENT

Sélectionner l'élément et pointer à l'intérieur : il doit apparaître le curseur de déplacement :

Faire glisser le curseur pour repositionner

• REDIMENSIONNEMENT D'UN ÉLÉMENT

Sélectionner l'élément et pointer la poignée adéquate : un coin pour agrandir ou rétrécir dans les 2 dimensions, 1 un côté pour agrandir ou rétrécir dans une seule dimension,

puis faire glisser la poignée (curseur ) pour redimensionner,

LE MODE VECTORIEL AUTORISE L'AGRANDISSEMENT SANS PERTE DE QUALITÉ

1 En faisant glisser avec la touche MAJUSCULE enfoncée, les proportions sont conservées

Page 21: Cours Bases Images

Manipulations élémentaires d'images - Page 21

OPENOFFICE DESSIN : MISE EN FORME • TEXTE

Commandes FORMAT CARACTÈRES, PARAGRAPHES

• ZONE GÉOMÉTRIQUE

Commande FORMAT LIGNE : type de trait, flèches, etc.

Commande FORMAT REMPLISSAGE : couleur, ombre, transparence etc.

Retouche d'une forme de base

Adaptation du tracé par déplacement du point caractéristique via la main (ici coins du rectangles plus ou moins arrondis)

ombre effet de transparence

ligne à tirets remplissage en couleur

police taille alignement interligne

point caractéristique (boule ou grand carré)

Page 22: Cours Bases Images

Manipulations élémentaires d'images - Page 22

OPENOFFICE DESSIN : ÉLÉMENT COMBINÉ

COMMENT CRÉER UN OBJET D'UNE NOUVELLE FORME

• SÉLECTION MULTIPLE VIA LE LASSO

1) Cliquer sur le bouton de sélection :

2) Pointer et cliquer dans un angle de la future sélection 3) Faire glisser pour entourer les éléments à sélectionner

4) Relâcher le clic afin d'obtenir la sélection groupée

• ASSEMBLAGE

Création d'un nouvel élément par fusion de plusieurs éléments : Sélectionner les éléments puis MODIFIER GROUPER

Pour modifier l'assemblage : MODIFIER ENTRER DANS LE GROUPEMENT ou double-clic (puis MODIFIER QUITTER à la fin des modifications) Pour annuler l'assemblage : MODIFIER DISSOCIER Duplication de ce nouvel élément par EDITION COPIER / COLLER

• ARRIÈRE-PLAN ET PREMIER PLAN

Positionnement d'un élément sur ou sous un autre élément : sélection puis MODIFIER DISPOSITION VERS L'AVANT / L'ARRIÈRE

Possibilité de faire apparaître un objet en arrière-plan recouvert :

régler la transparence de l'objet recouvrant en premier plan via la commande FORMAT REMPLISSAGE TRANSPARENCE

nouvel élément

élément mis au premier plan

Page 23: Cours Bases Images

Manipulations élémentaires d'images - Page 23

OPENOFFICE DESSIN : ALIGNEMENTS

COMMENT ALIGNER PRÉCISÉMENT HORIZONTALEMENT ET VERTICALEMENT ?

• GRILLE Matrice de points espacés régulièrement en hauteur et en largeur

Visualisation : AFFICHER GRILLE AFFICHER LA GRILLE

Réglages : OUTILS OPTIONS OPENOFFICE.ORG DRAW GRILLE

RÉSOLUTION : taille des intervalles, ex. : 0,5 cm FINESSE : 1 point pour n intervalles, ex. : 1 (tous les intervalles) CAPTURER : AUX LIGNES DE CAPTURE et AUX MARGES ENCLENCHER : LORS DE LA CRÉATION ET DU DÉPLACEMENT

• ALIGNEMENT SUR LA GRILLE

Automatique lors de la création ou du déplacement d'un objet Activation : AFFICHER GRILLE ALIGNER SUR LA GRILLE

• ALIGNEMENT D'UN GROUPE D'OBJETS

1) Sélectionner les objets à aligner (MAJUSCULE-CLIC ou lasso)

2) Commande MODIFIER ALIGNEMENT puis choisir le côté

points de la grille élément non aligné sur la grille

élément aligné sur la grille

déplacement

Page 24: Cours Bases Images

Manipulations élémentaires d'images - Page 24

OPENOFFICE DESSIN : ENREGISTREMENT

DANS QUEL FORMAT ENREGISTRER L'IMAGE ?

• VERSION PRIMAIRE Version de travail, pour modifier ultérieurement l'image Commande FICHER ENREGISTRER SOUS

Format de OpenOffice Dessin au suffixe « .odg » 1 • VERSION SECONDAIRE

Version d'échange, pour réutilisation de l'image Commande FICHER EXPORTER

Format pour illustration, en point-à-point (GIF, PNG) Format pour un autre outil vectoriel (WMF sous Windows)

RÉUTILISATION DANS WORD : FORMAT WMF CONSEILLÉ

1 Pour la version 1 de OpenOffice, le format était « .sxd »

Page 25: Cours Bases Images

Manipulations élémentaires d'images - Page 25

OPENOFFICE DESSIN : COUCHES

COMMENT PLACER UN PLAN EN FOND DU DESSIN ?

• PRINCIPE DESSIN COMPOSÉ DE COUCHES SUPERPOSÉES

similaire au procédé des « calques »

CHAQUE COUCHE CONTIENT UN DESSIN INDÉPENDANT le dessin global est la somme des dessins des couches

POSSIBILITÉ DE FIGER OU MASQUER UNE COUCHE travailler sans être géné par les éléments d'une autre couche

• IDENTIFICATION DES COUCHES

Barre d'onglets en bas à gauche, identification par un petit nom

Couches prédéfinies : • « Mise en page » : espace de travail ordinaire • « Lignes de cote » : a priori un fond • « Contrôles » : espace spécial utilisé pour des boutons

• MANIPULATIONS DES COUCHES

Passage d"une couche à l'autre via les onglets

Ajout d'une couche : INSÉRER COUCHE

Propriétés d'une couche : FORMAT COUCHE

• Visible : affichée ou non

• Imprimable : imprimée ou non

• Verrouillée : éléments modifiables ou non

Manipulation aussi via le menu contextuel (clic-droit sur l'onglet)

Page 26: Cours Bases Images

Manipulations élémentaires d'images - Page 26

EXERCICE DU PLAN AVEC OPENOFFICE DESSIN

OBJECTIF : ILLUSTRER SANS PEINE UN PLAN 1 DÉJÀ DESSINÉ

INDICATIONS Insérer le plan dans la couche « Lignes de cote » puis la verrouiller Ajouter ensuite les éléments dans la couche « Mise en page »

1 Le plan est fourni dans le fichier d'exemple plan-grignon.odg

Page 27: Cours Bases Images

Manipulations élémentaires d'images - Page 27

BARRE DE DESSIN DE MICROSOFT OFFICE

OUTIL DISPONIBLE1 DANS POWERPOINT (ET AUSSI WORD, EXCEL)

• ELÉMENTS DE BASE

lignes et flèches FORMES AUTOMATIQUES ... formes et légendes FORMES AUTOMATIQUES ... textes zone ordinaire ou

avec un effet spécial (wordart)

imagettes à partir de la bibliothèque (clipart) • MISE EN FORME

clic-droit sur l'élément puis commande FORMAT DE ... • PRINCIPALES MANIPULATIONS

sélectionner au préalable un élément ou plusieurs (avec le lasso 2)

déplacement faire glisser avec la souris redimensionnement faire glisser un coin de la sélection rotation DESSIN ROTATION OU RETOURNEMENT premier plan/arrière-plan DESSIN ORDRE ... assemblage/séparation DESSIN GROUPER / DISSOCIER

A N'UTILISER VRAIMENT QU'EN DERNIER RECOURS ! EN ABSENCE D'UN VÉRITABLE OUTIL GRAPHIQUE VECTORIEL

1 Commande AFFICHAGE BARRE D'OUTILS DESSIN 2 Sélection avec le lasso : positionner le pointeur de la souris dans un coin au-dessus des éléments à

sélectionner puis faire glisser en diagonale de manière à encadrer tous les éléments

Page 28: Cours Bases Images

Manipulations élémentaires d'images - Page 28

EXERCICE DU MINI-SCHÉMA AVEC POWERPOINT

CRÉER CETTE IMAGE (taille : 8 cm x 8 cm, fond blanc)

INDICATIONS

Créer un diaporama à une seule diapositive (VIDE)

Régler ses dimensions via FICHIER MISE EN PAGE (PERSONNALISÉ)

Enregistrer via FICHIER ENREGISTRER SOUS au format PNG ou GIF

Page 29: Cours Bases Images

Manipulations élémentaires d'images - Page 29

RETOUCHE D'IMAGE

Principales opérations de retouche d'image brute

Préparation en vue d'illustration d'un document

Page 30: Cours Bases Images

Manipulations élémentaires d'images - Page 30

EXEMPLE DE RETOUCHE RAPIDE AVEC XNVIEW OBJECTIF

RETOUCHE D'UNE IMAGE1 EN POINT-

À-POINT, AU FORMAT « TIF »

TRANSFORMATIONS :

• Retournement

• Eclaircissement

• Rognage

• Gommage partiel

1 Image et indications fournies par l'Atelier multimédia de l'INA P-G (Bruno ALLOUCHE)

Page 31: Cours Bases Images

Manipulations élémentaires d'images - Page 31

RETOURNEMENT, ÉCLAIRCISSEMENT

OUVERTURE DE inaparis.tif DANS XNVIEW 1) ZOOM

XnView : AFFICHAGE ZOOM 2) RENSEIGNEMENTS SUR L'IMAGE

Indications dans le coin gauche inférieur ou EDITION PROPRIÉTÉS poids de 1006,95 Ko, taille de 773 x 1333 pixels sur 8 bitsaffichage réduit à 33 %

Couleurs ou niveaux de gris : dépend du codage de pixel (bits) 2 si 1 bit, 256 si 8 bits, 65 536 si 16 bits, 16 millions si 24 bits

Résolution, en nombre de pixels par pouce (ppp ou dpi) Poids : pixels en largeur x pixels en hauteur x bits de codage

3) RETOURNEMENT DE L'IMAGE

Commande IMAGE ROTATION ou boutons 4) ECLAIRCISSEMENT

Commande IMAGE AJUSTE LUMINOSITÉ/CONTRASTE...

A priori, régler le contraste de manière à éclaircir le fond Activer la vue automatique pour voir simultanément le résultat

Page 32: Cours Bases Images

Manipulations élémentaires d'images - Page 32

ROGNAGE ET GOMMAGE 5) ROGNAGE

Cliquer dans un coin et faire glisser le curseur sur la zone,

puis commande EDITION RECADRER ou le bouton 6) GOMMAGE

Simulation de la gomme par un collage 1) Délimiter une partie du fond de couleur uniforme

2) EDITION COPIER 3) Délimiter la zone à gommer

4) EDITION COLLER

Pour pouvoir travailler finement, agrandir l'image : commande AFFICHAGE ZOOM (ou avec la roulette de la souris)

IL NE RESTE PLUS QU'À ENREGISTRER AU BON FORMAT

Page 33: Cours Bases Images

Manipulations élémentaires d'images - Page 33

EXEMPLE DE RÉDUCTION

OBJECTIF

couleurs au format « tif » : 1,2 Mo

passage en niveau de gris,

ajustement des teintes,

réduction à la moitié de la taille,

passage à un format comprimé

gris au format « jpeg » : 12 Ko

GAIN DE POIDS DANS LE CAS D'UNE UTILISATION FINALE EN NOIR ET BLANC, ET EN TAILLE RÉDUITE

Page 34: Cours Bases Images

Manipulations élémentaires d'images - Page 34

CONVERSION EN NIVEAUX DE GRIS

OUVERTURE DE etoile.tif DANS XNVIEW 1) RENSEIGNEMENTS SUR L'IMAGE

Indications dans le coin gauche inférieur ou EDITION PROPRIÉTÉS

poids de 1,13 Mo, codage en 24 bits (768 par 512 pixels : rapport de 1,50 entre la largeur et la hauteur)

2) CONVERSION EN NIVEAUX DE GRIS

Commande IMAGE CONVERTIR EN GRIS 256 NIVEAUX

Enregistrer, fermer et réouvrir l'image, puis vérifier les propriétés : poids de 384 Ko, codage en 8 bits

RÉDUCTION DU VOLUME DE STOCKAGE PAR UN FACTEUR 4 3) AJUSTEMENT DES TEINTES

Amélioration de l'image par rééquilibrage des teintes Commande IMAGE AJUSTE LUMINOSITÉ/CONTRASTE/GAMMA/...

ajustement du « gamma »

LA CORRECTION DU « GAMMA » CORRESPOND À UN RÉGLAGE DU CONTRASTE EN PLUS SUBTIL, PRÉSERVANT MIEUX LES OMBRES ET LES REFLETS

Page 35: Cours Bases Images

Manipulations élémentaires d'images - Page 35

RÉDUCTION DE LA TAILLE 4) RÉDUCTION DE LA TAILLE

Commande IMAGE REDIMENSIONNER

Volume divisé par le carré du facteur de réduction de taille AUTRE POSSIBILITÉ : PAR DIMINUTION DE LA RÉSOLUTION

commande IMAGE MODIFIER LES DPI

dans ce cas, résolution minimale (72 ppp), pas de possibilité

ATTENTION ! L'AGRANDISSEMENT 1 DÉGRADE UNE IMAGE (POINT-À-POINT)

1 Car il faut ajouter des pixels et donc créer artificiellement des éléments de l'image

Page 36: Cours Bases Images

Manipulations élémentaires d'images - Page 36

EXERCICE DE L'ORCHIDÉE

EXTRAIT DE LA PLANCHE DE BOISGONTIER SUR LES ORCHIDÉES

(FICHIER orchidee.tif) AVEC :

• AGRANDISSEMENT,

• FOND EN BLANC,

• ENREGISTREMENT DANS UN FICHIER D'AU-PLUS 5 KILO-OCTETS

Page 37: Cours Bases Images

Manipulations élémentaires d'images - Page 37

CAS DES PHOTOGRAPHIES

Compression d'une photographie en JPEG

Jeu de photographies numériques

Normalisation du nom des fichiers

Création d'une planche-contact

Redimensionnement du lot d'images

Réduction sous la forme de vignettes

Présentation dans une page Web

Page 38: Cours Bases Images

Manipulations élémentaires d'images - Page 38

COMPRESSION D'UNE PHOTOGRAPHIE EN JPEG

PHOTOGRAPHIE ORIGINALE

Généralement, récupération dans un fichier au format JPEG Fichier de taille très volumineuse (a priori sans compression 1)

Exemple : appareil à 5 méga-pixels, fichier de 15 Mo ! 2 COMPRESSION DE L'IMAGE

Compression variable lors de l'enregistrement au format JPEG Réglage dans Xnview : FORMAT ENREGISTRER SOUS puis OPTIONS

Compression conseillée a priori : réglage à environ 85

CONSERVATION DE LA FORME ORIGINALE POUR UNE QUALITÉ MAXIMALE COMPRESSION FORTEMENT CONSEILLÉE POUR L'ILLUSTRATION DE DOCUMENT

1 Lié aux réglage de la qualité (ou dimension de l'image) sur l'appareil photographique 2 5 millions de pixels avec 3 octets de couleur par pixel

Page 39: Cours Bases Images

Manipulations élémentaires d'images - Page 39

JEU DE PHOTOGRAPHIES NUMÉRIQUES

SÉQUENCE DE FICHIERS PRODUITE PAR L'APPAREIL

généralement, noms imposés et format JPEG sans compression jeu d'exemple : PHOTOS001.JPG à PHOTOS009.JPG 1

VISUALISATION DANS XNVIEW VIA LA COMMANDE FICHIER PARCOURIR

1 Photographies diverses prises au sein de l'INA P-G, à Paris et à Grignon

Page 40: Cours Bases Images

Manipulations élémentaires d'images - Page 40

RENOMMAGE PAR LOT

NORMALISATION DU NOM D'UNE SÉQUENCE D'IMAGES

1) Sélection des fichiers de la séquence : EDITION TOUT SÉLECTIONNER

2) Commande OUTILS RENOMMER PAR LOT

noms passés en minuscule

lancement du traitement

nom générique, avec # pour chaque chiffre du numéro

Page 41: Cours Bases Images

Manipulations élémentaires d'images - Page 41

PLANCHE-CONTACT

VISUALISATION GLOBALE DU JEU DE PHOTOGRAPHIES

Sélectionner la séquence puis CRÉER CRÉER PLANCHE CONTACT

répartition des photos taille de la planche

libellés

mise en forme renseignements

Page 42: Cours Bases Images

Manipulations élémentaires d'images - Page 42

RECALIBRAGE D'UN LOT

AUTRE VERSION DU JEU DE PHOTOGRAPHIES À TAILLE NORMALISÉE

Créer un nouveau dossier pour accueillir la nouvelle version du jeu exemple : large300 pour des photos à 300 pixels de largeur

Sélectionner la séquence puis OUTILS CONVERTIR

puis dans l'onglet TRANSFORMATIONS :

et terminer par le bouton LANCER

indication du nouveau dossier

indication du traitement

fixation de la taille

conservation des proportions

Page 43: Cours Bases Images

Manipulations élémentaires d'images - Page 43

VIGNETTES1 ET PAGE WEB

RÉDUCTION ET CONSULTATION DANS UN NAVIGATEUR 2

Sélectionner la séquence puis CRÉER PAGE INTERNET

Page Web enregistrée dans le fichier thumb.html sous-dossiers : thumb 3 (vignettes) et original (sous-pages)

1 Vignette (ou icône) : version réduite à une petite taille d'une photographie 2 A AgroParisTech, voir aussi l'outil d'albums en ligne sur gaia : https://gaia.agroparistech.fr/albums/

3 Abréviation de thumbnail, terme anglais pour une vignette photographique

indication du dossier d'accueil

libellés

disposition des

vignettes

tailles de la vignette

visualisation dans une page dédiée par simple clic

modèle de page

Page 44: Cours Bases Images

Manipulations élémentaires d'images - Page 44

COMPLÉMENTS

Marquer une image

Connaître et fixer la résolution d'une image

Récapitulatif des formats d'image

Page 45: Cours Bases Images

Manipulations élémentaires d'images - Page 45

MARQUAGE D'IMAGE AVEC XNVIEW

OUVRIR EN PRÉALABLE L'IMAGE DANS XNVIEW

• INSERTION D'UN TEXTE DANS L'IMAGE commande IMAGE AJOUTER DU TEXTE

taper le texte (sur plusieurs lignes si besoin), puis choisir la police et les couleurs de texte et du fond (activation conseillée)

valider enfin et positionner le texte à l'endroit souhaité sur l'image

• MÉTADONNÉES1 DE L'IMAGE

MÉTADONNÉES IPTC2 : INFORMATIONS GÉNÉRALES (CRÉDIT, TITRE, ETC.)

EDITION MÉTADONNÉES EDITER LES INFORMATIONS IPTC dans l'onglet CRÉDIT, possibilité d'indiquer le fournisseur (CRÉDIT) de la photographie

Métadonnées EXIF3 : INFORMATIONS SUR LA PRISE DE VUE NUMÉRIQUE

1 Informations normalisées de description ; pour une photographie : auteur, droits, résolution, etc. 2 IPTC : International press telecommunication council ; voir en : http://www.iptc.org/ 3 EXIF . Exchangeable image file ; voir en : http://www.exif.org/

Page 46: Cours Bases Images

Manipulations élémentaires d'images - Page 46

RÉSOLUTION D'UNE IMAGE

• LA RÉSOLUTION MESURE LA DENSITÉ DE POINTS

EXPRIMÉE EN PPP, POINTS PAR POUCE1 (DOT PAR INCH, DPI) exemples : 96 ppp (affichage), 150 ppp (impression)

• LA QUALITÉ DÉPEND DE LA RÉSOLUTION

LA QUALITÉ DE REPRODUCTION EST PROPORTIONNELLE À LA RÉSOLUTION

qualité moyenne, liée à une résolution minimale

mauvaise qualité dûe à une résolution trop faible

LA RÉSOLUTION D'UNE IMAGE DONNÉE N'EST PAS TOUJOURS CONNUE

1 1 pouce (inch) vaut 2,54 cm - 12 pouces constituent 1 pied (foot)

Page 47: Cours Bases Images

Manipulations élémentaires d'images - Page 47

CHOIX DE LA RÉSOLUTION

RISQUE : FICHIER TROP LOURD OU MAUVAISE TAILLE D'IMAGE

• RELATIONS ENTRE TAILLE ET RÉSOLUTION

TAILLE RÉELLE CM = NOMBRE PIXELS X 2,54 / RÉSOLUTION PPP exemple : 100 pixels à 100 ppp 2,54 cm

LE POIDS DÉPEND DU CARRÉ DE LA RÉSOLUTION

exemple : soit une image de 10 x 10 cm2 à pixels de 24 bits à 100 ppp ≈ 155 000 pixels, soit ≈ 454 Kilo-octets à 300 ppp ≈ 1 395 000 pixels, soit ≈ 4 Méga-octets

• COMMENT DÉFINIR LA RÉSOLUTION ?

FIXER LA RÉSOLUTION LORS DE LA CRÉATION OU DE LA NUMÉRISATION, SELON LE RÉSULTAT FINAL SOUHAITÉ (ÉCRAN OU PAPIER)

exemples : 96 ppp (affichage), 150 ppp (impression)

LE FICHIER D'IMAGE N'INDIQUE PAS TOUJOURS LA RÉSOLUTION ! exemples : TIFF enregistre la résolution, mais ni GIF ni JPEG

LE DISPOSITIF DE REPRODUCTION IMPOSE PARFOIS SA RÉSOLUTION

exemple : une image de 10 x 10 cm2, numérisée à 300 ppp pourra occuper 30 x 30 cm2 sur un écran à 100 ppp

VEILLER À BIEN CHOISIR LA RÉSOLUTION DE L'IMAGE DÈS SA CRÉATION OU L'OPÉRATION DE NUMÉRISATION !

Page 48: Cours Bases Images

Manipulations élémentaires d'images - Page 48

PRINCIPAUX FORMATS D'IMAGE • FORMATS A PIXELS, EN POINT À POINT (BITMAP)

CARACTÉRISTIQUES GÉNÉRALES cas de photographies, numérisations, dessins au trait nombre maximal de couleurs possibles lié au codage en bits :

1 bit (2), 4 bits (16), 8 bits (256), 24 bits (16 millions) poids du fichier pouvant devenir considérable :

exemple : 600 x 480 points en 24 bits ≈ 2,8 méga-octets ne supporte pas les agrandissements

BMP : FORMAT ORDINAIRE SOUS WINDOWS qualité parfaite mais seulement sous Windows

TIF/TIFF : FORMAT PLUS UNIVERSEL DANS L'UNIVERS GRAPHIQUE nombreux outils de manipulation, conserve la résolution

• FORMATS VECTORIELS

CARACTÉRISTIQUES GÉNÉRALES cas de plans, de schémas, peu gourmand en poids au stockage, bien adapté aux réductions ou agrandissements

DXF : FORMAT D'AUTOCAD , TRÈS UTILISÉ POUR DES PLANS (CAO) ODG : FORMAT DE OPENOFFICE 2 WMF : FORMAT DE WINDOWS SVG : FORMAT DE INKSCAPE

• FORMATS D'ÉCHANGE

CARACTÉRISTIQUES GÉNÉRALES formats utilisés sur la Toile et conseillés pour échange, légers (compression) et plus universels mais avec une perte de qualité possible

PNG : SCHÉMAS, LOGOS JPG/JPEG1 : PHOTOGRAPHIES, IMAGES AVEC BEAUCOUP DE TEINTES

1 qualité inversement proportionnelle au taux de compression

Page 49: Cours Bases Images

Manipulations élémentaires d'images - Page 49

EXERCICES COMPLÉMENTAIRES

1) Calculer la taille réelle et le poids d'une image de 1 024 par 768

pixels, en 16 millions de couleurs et en résolution de 96 ppp

2) Que peut-il se passer quand une image créée avec une résolution

de 100 ppp est reproduite à 300 ppp ?

3) Quel type de format d'image permet l'agrandissement sans

dégradation de la qualité ?

4) Pourquoi faut-il éviter de numériser une image directement au

format JPEG avec compression ?

5) Pourquoi donc conserver une image sous deux formats distincts ?

6) A quoi correspondent les informations EXIF et IPTC ?

Page 50: Cours Bases Images

Manipulations élémentaires d'images - Page 50

SOLUTIONS DU TEST DE CONNAISSANCES

1) Faux : il y l'accessoire Paint [page 4]

2) Vrai [page 4]

3) a) point-à-point [page 48]

4) Faux : c'est plutôt le moyen le plus mauvais [page 4]

5) Vrai [page 10]

6) b) 256 (28) [page 10]

7) Vrai [page 13]

8) Vrai [page 10]

9) Vrai [page 10]

10) a) rouge-vert-bleu [page 10]

11) Vrai [page 8]

12) Vrai [page 4]

13) Faux : pour une image point-à-point ; ce n'est vrai que pour une image vectorielle [page 35]

14) Faux : ce n'est pas automatique [page 38]

15) Faux : c'est pourquoi il faut toujours conserver l'image dans son format original [page 17]

16) Faux : c'est bien du point-à-point mais avec un codage de taille variable [page 10]

17) Faux : opération très répandue et facile [page 31]

18) Vrai : la taille de codage du pixel est fortement diminuée [page 34]

19) Vrai [page20]

20) Vrai [page 35]

21) Vrai [page 45]

22) a) 2,54 cm, et d) un douzième de pied [Ah ! le système impérial britannique. - page 46]

23) Vrai [page 47]

24) Vrai [page 45]

25) Vrai [page 47]

26) Vrai [page 48]

27) Faux : une compression forte peut altérer la qualité de l'image [page 48]

28) Vrai [page 48]

29) a) TIFF ou b) JPEG [page 4]

30) Faux : le format vectoriel original n'est pas toujours reconnu par le traitement de texte [page 24]

31) Vrai [page 25]

Page 51: Cours Bases Images

Manipulations élémentaires d'images - Page 51

INDEX

ACQUISITION, 4 AGRANDISSEMENT, 30, 49 AI, 24 ALIGNEMENT, 35 ALT+IMPRECRAN, 10 APERÇU, MAC, 16 APPAREIL NUMÉRIQUE, 4 BIT, 19, 65 BITMAP, 4, 65 BMP, 17, 19, 65 CAPTURE D'ÉCRAN, MAC, 14 CAPTURE D'ÉCRAN, WINDOWS,

10 CAPTURE, APPLICATION, 14 CAPTURE, XNVIEW, 12 CLIPBOARD, 12 COLLER, 6 COMPRESSION, 5, 19, 52, 65 CONVERSION, MAC, 16 COPIE D'ÉCRAN, 4 DIAPOSITIVE, 41 DOT PAR INCH, 62 DPI, 48, 62 DROIT D'AUTEUR, 5 DXF, 65 EMF, 24 EPS, 24 EXIF, 62 FORMAT, 65 FORMAT D'ÉCHANGE, 5, 65 FORMAT NATIF, 5 FORMAT POINT-À-POINT, 17 FORMAT VECTORIEL, 65 GAMMA, 47 GIF, 17, 24, 41 GIMP, 7 GRAB, 14 IMPRECRAN, 10, 14 IPTC, 62 JPEG, 15, 17, 52 JPG, 66 MAC OS X, 14 MÉTADONNÉES, 61

MICROSOFT OFFICE, 40 NUMÉRISEUR, 4 ODG, 24, 36, 65 OPENOFFICE, 7, 10, 14 OPENOFFICE, ALIGNEMENT, 35 OPENOFFICE, ARRIÈRE-PLAN, 26,

33 OPENOFFICE, ASSEMBLAGE, 33 OPENOFFICE, BARRE D'ÉTAT, 26 OPENOFFICE, CALQUES, 37 OPENOFFICE, CONTRÔLES, 37 OPENOFFICE, COUCHE, 37 OPENOFFICE, COUCHE

VERROUILLÉE, 37 OPENOFFICE, DÉPLACEMENT, 29 OPENOFFICE, DRAW, 26 OPENOFFICE, EXPORTER, 36 OPENOFFICE, GRILLE, 35 OPENOFFICE, HAUTEUR, 26 OPENOFFICE, IMAGE, 28 OPENOFFICE, LARGEUR, 26 OPENOFFICE, LASSO, 33 OPENOFFICE, LIGNE, 31 OPENOFFICE, LIGNES DE COTE,

37 OPENOFFICE, MISE EN PAGE, 37 OPENOFFICE, OMBRE, 31 OPENOFFICE, ORIENTATION, 26 OPENOFFICE, POIGNÉE, 29 OPENOFFICE, POINT

CARACTÉRISTIQUE, 32 OPENOFFICE, POINTS, 31 OPENOFFICE, PREMIER PLAN, 33 OPENOFFICE, RECTANGLE, 28 OPENOFFICE, REDIMENSIONNER,

29 OPENOFFICE, RÈGLE, 26 OPENOFFICE, REMPLISSAGE, 31 OPENOFFICE, REPOSITIONNER,

29 OPENOFFICE, TEXTE, 28, 31 OPENOFFICE, TRANSPARENCE,

31, 33 OPENOFFICE, UNITÉ DE MESURE,

26 OPENOFFICE, ZONE, 31 OPENOFFICE, ZOOM, 26 PAINT, 4, 7 PALETTE, 19 PHOTOEDITOR, 7 PIXEL, 19, 65 PNG, 17, 24, 66 POIDS, 5, 17, 19, 44, 64

POINT À POINT, 4, 65 POINTS PAR POUCE, 62 POMME, 14 POWERPOINT, 41 PREVIEW, MAC, 16 QUALITÉ, 62 RÉSOLUTION, 62, 64 RVB, 19 SCANNER, 4 SNAPNDRAG, 14 SVG, 24, 65 SXD, 24, 36 TAILLE, 64 TEXTE DANS L'IMAGE, 61 THUMBNAIL, 59 TIF, 65 TIFF, 4, 17, 19, 65 VECTORIEL, 4, 30 VERSION, 5 VERSION PRIMAIRE, 36 VERSION SECONDAIRE, 36 VIGNETTE, 59 WMF, 24, 36, 65 WORD, 10, 14 XNVIEW, 7 XNVIEW, CONVERSION, 12 XNVIEW, ÉCLAIRCISSEMENT, 44 XNVIEW, GAMMA, 47 XNVIEW, GIF, 13 XNVIEW, GOMME, 45 XNVIEW, JPG, 13 XNVIEW, LOT, 54 XNVIEW, NIVEAUX DE GRIS, 47 XNVIEW, PAGE WEB, 58 XNVIEW, PLANCHE-CONTACT,

56 XNVIEW, PNG, 12 XNVIEW, RÉDUCTION, 48 XNVIEW, RENOMMAGE, 54 XNVIEW, RÉSOLUTION, 48 XNVIEW, RETOURNEMENT, 44 XNVIEW, ROGNAGE, 45 XNVIEW, ROTATION, 44 XNVIEW, THUMB, 59 XNVIEW, ZOOM, 44

Page 52: Cours Bases Images

Manipulations élémentaires d'images - Page 52

TABLE DES MATIÈRES

SAVEZ-VOUS ?.........................................................................2 INTRODUCTION.........................................................................3

Origines des images ..................................................................4 Quelques principes ....................................................................5 Outils pour le graphisme ............................................................6

IMAGES POINT-À-POINT .............................................................7 Cas de la capture d'écran sous Windows ..................................8 Conversion dans Windows avec XnView...................................9 Cas de la capture d'écran sous Mac OS X ..............................10 Conversion dans Mac OS X avec Aperçu................................11 Format d'une image en point-à-point .......................................12 Poids d'une image en point-à-point..........................................13 Exercices sur les images point-à-point ....................................14

DESSIN VECTORIEL.................................................................15 Dessin vectoriel : exemple du schéma.....................................16 Dessin vectoriel : création d'illustration ....................................17 OpenOffice dessin : démarrage ...............................................18 OpenOffice dessin : éléments simples.....................................19 OpenOffice dessin : bases .......................................................20 OpenOffice dessin : mise en forme..........................................21 OpenOffice dessin : élément combiné .....................................22 OpenOffice dessin : alignements .............................................23 OpenOffice dessin : enregistrement.........................................24 OpenOffice dessin : couches ...................................................25 Exercice du plan avec OpenOffice dessin ...............................26 Barre de dessin de Microsoft office..........................................27 Exercice du mini-schéma avec Powerpoint .............................28

RETOUCHE D'IMAGE................................................................29 Exemple de retouche rapide avec Xnview ...............................30 Retournement, éclaircissement................................................31 Rognage et gommage..............................................................32 Exemple de réduction ..............................................................33 Conversion en niveaux de gris.................................................34 Réduction de la taille................................................................35 Exercice de l'orchidée ..............................................................36

CAS DES PHOTOGRAPHIES ......................................................37 Compression d'une photographie en JPEG.............................38 Jeu de photographies numériques...........................................39 Renommage par lot..................................................................40 Planche-contact .......................................................................41 Recalibrage d'un lot .................................................................42 Vignettes et page Web.............................................................43

COMPLÉMENTS ......................................................................44 Marquage d'image avec XNVIEW .............................................45 Résolution d'une image............................................................46 Choix de la résolution...............................................................47 Principaux formats d'image......................................................48 Exercices complémentaires .....................................................49

SOLUTIONS DU TEST DE CONNAISSANCES .................................50 INDEX....................................................................................51