MANIPULATIONS ÉLÉMENTAIRES D'IMAGE

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 - Juin 2014 AgroParisTech - UFR d'informatique - 16, rue Claude Bernard - F 75231 PARIS CEDEX 05 michel.cartereau à agroparistech.fr * http://www.agroparistech.fr/mmip/mc/

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 LibreOffice est similaire à un calque Solutions à la fin du document Manipulations élémentaires d'images - Page 2

INTRODUCTION Origine des images Quelques principes Principaux outils en bureautique Manipulations élémentaires d'images - Page 3

ORIGINES DES IMAGES DESSIN D'OÙ PROVIENNENT LES IMAGES UTILISÉES? 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 : un croquis au crayon ACCESSOIRE DE WINDOWS : PAINT outil rudimentaire en mode point-à-point, format BMP EDITEURS GRAPHIQUES SPÉCIALISÉS (MODE VECTORIEL OU POINT À POINT) LibreOffice 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 Manipulations élémentaires d'images - Page 4

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 auteur 2 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. Manipulations élémentaires d'images - Page 5

OUTILS POUR LE GRAPHISME PRINCIPAUX OUTILS POUR UN USAGE BUREAUTIQUE OUTILS GRATUITS (WINDOWS & MAC) PRÉSENTÉS irfanview LibreOffice XNVIEW (gratuit pour usage non commercial) http://www.xnview.com/fr/ (2.2 Windows, MP 0.68 Mac) manipulations élémentaires et générales IRFANVIEW (gratuit pour usage non commercial) http://www.irfanview.com/ (4.3 Windows) manipulations élémentaires et générales LIBREOFFICE, module DRAW (gratuit et libre) http://fr.libreoffice.org/ (4.2 Windows & Mac) dessin vectoriel OUTILS DE MICROSOFT PAINT (accessoire de Windows) dessin élémentaire Outil Capture PHOTOEDITOR (application de la suite Office 2000, 2003) retouche élémentaire d'image et conversion de format OUTIL CAPTURE (accessoire de Windows 7) capture à l'écran 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 Manipulations élémentaires d'images - Page 6

IMAGES POINT-À-POINT Cas de la capture d'écran (Windows, Mac) Conversion de format Différents formats Volume d'une image Manipulations élémentaires d'images - Page 7

CAS DE LA CAPTURE D'ÉCRAN SOUS WINDOWS CRÉER UN DOCUMENT CONTENANT UNE COPIE DE LA FENÊTRE DE LA CALCULATRICE (EN MODE SCIENTIFIQUE 1 ) 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 : PNG 2, TIFF 3, JPEG 4 (éviter BMP 5 ) 3) Utilisation dans le traitement de texte (LibreOffice 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 : POIDS 6 DE FICHIER VARIABLE SELON LE FORMAT, ET FORMAT JPEG INADAPTÉ À CE TYPE D'IMAGE AVEC DES APLATS 7! (DÉGRADATIONS VISIBLES EN UTILISANT LE ZOOM 8 SI BESOIN) 1 Application accessible via le menu DÉMARRER PROGRAMMES ACCESSOIRES ou sinon via la commande DÉMARRER EXÉ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 6 Le poids d'un fichier correspond à sa taille mesurée en kilo-octets (Ko) ou méga-octets (Mo) 7 Aplat : zone de couleur uniforme, cas d'une image artificielle et non d'une photographie réelle 8 Zoom dans XnView : commande AFFICHAGE ZOOM, ou en utilisant la molette de la souris Manipulations élémentaires d'images - Page 8

CONVERSION DANS WINDOWS AVEC XNVIEW LOGICIEL CONSEILLÉ, GRATUIT POUR UN USAGER NON COMMERCIAL 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 via la commande spécifique : OUTILS, CAPTURER RÉENREGISTREMENTS DE L'IMAGE réenregistrements dans un autre format : FICHIER, ENREGISTRER SOUS Format Réglages conseillés (bouton OPTIONS) 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 («Binaire») ATTENTION AUX RÉGLAGES ET AU CHOIX DU FORMAT D'ENREGISTREMENT! 1 Voir en : http://www.xnview.com/ 2 Presse-papiers : mémoire de transit pour les opérations copier, couper et coller ; clipboard en anglais Manipulations élémentaires d'images - Page 9

CONVERSION DANS WINDOWS AVEC IRFANVIEW LOGICIEL GRATUIT POUR UN USAGER NON COMMERCIAL 1 RÉCUPÉRATION DU CONTENU DU PRESSE-PAPIERS après copie dans le presse-papiers 2 via la touche ALT+IMPECRAN, collage dans IrfanView avec EDITION, COLLER Alternative via la commande spécifique : OPTIONS, CAPTURE D'ÉCRAN RÉENREGISTREMENTS DE L'IMAGE réenregistrements dans un autre format : FICHIER, ENREGISTRER SOUS Format Réglages conseillés (bouton OPTIONS) PNG Niveau de compression à 6, sans la couleur transparente GIF sans entrelacé et sans la couleur transparente JPEG Qualité à environ 80 TIFF Sans compression a priori ATTENTION AUX RÉGLAGES ET AU CHOIX DU FORMAT D'ENREGISTREMENT! 1 Voir en : http://www.irfanview.com/ 2 Presse-papiers : mémoire de transit pour les opérations copier, couper et coller ; clipboard en anglais 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 : PNG 3, TIFF 4, JPEG 5 (éviter BMP 6 ) 3) Récupération dans le traitement de texte (LibreOffice 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 : POIDS 8 DE FICHIER VARIABLE SELON LE FORMAT, FORMAT TIFF 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/ 8 Le poids d'un fichier correspond à sa taille mesurée en kilo-octets (Ko) ou méga-octets (Mo) 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 PNG JPEG OPTIMALE, COMPRESSION à PACKBITS OPTIMALE, FILTRE à OPTIMAL OPTIMALE, QUALITÉ à MOYENNE ATTENTION AUX RÉGLAGES ET AU CHOIX DU FORMAT D'ENREGISTREMENT! 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 PNG Portable networks graphics Variable Sans dégradations Bonne qualité Adapté au Web Fichier très lourd si photographie Diffusion de schémas, logos. GIF Graphics interchange 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 JPEG Joint photographics 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 TIFF Tagged image file format A priori sans Qualité parfaite Fichier très lourd Numérisation de documents 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) 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 PIXEL 2 EST REPRÉSENTÉ PAR SA COULEUR, CODÉE PAR NB BITS 3 CHOISIE DANS UNE PALETTE DE TAILLE LIÉE AU NOMBRE DE BITS (2 NB ) 1 bit 2 couleurs (noir et blanc) 4 bits 16 couleurs (ou niveaux de gris) possibles 8 bits (1 octet 4 ) 256 possibles 24 bits (3 octets 5 ) 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, TIFF 6 ) poids = nombre de lignes x nombre de colonnes x Nb bits Exemple : moitié d'un écran en 800 x 600 en noir et blanc en 256 couleurs en 16 millions 400 x 300 x 1 15 Kilo-octets 400 x 300 x 8 120 Kilo-octets 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 facteur 7 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) 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 ; idem avec une photographie en couleurs 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? Manipulations élémentaires d'images - Page 15

DESSIN VECTORIEL Création d'une image vectorielle Principales opérations 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) Image Texte en Garamond, 40 points rectangle en gris Texte en Arial, 14 points Texte en Arial, 11 points rectangles aux bords arrondis, ombre en gris, objet dupliqué rectangle en gris Manipulations élémentaires d'images - Page 17

DESSIN VECTORIEL : CRÉATION D'ILLUSTRATION Outil de dessin vectoriel Enregistrement Reprise Exportation Fichier de la version primaire Traitement de texte Insertion Fichier de la version secondaire Bla bla! Bla, bla. bla = bla x 3,14 PROCÉDURE 1) CRÉATION AVEC UN OUTIL DE DESSIN VECTORIEL (LIBREOFFICE 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 (LIBREOFFICE, WORD,...) Insertion de la version secondaire de l'image pour illustration FORMATS D'ENREGISTREMENT VERSION PRIMAIRE : FORMAT VECTORIEL ODG (LibreOffice 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 Format différent dans les vieilles versions d'openoffice : sxd (version 1) 2 eps : encapsulated postscript 3 emf ou wmf : enhanced / windows meta file Manipulations élémentaires d'images - Page 18

LIBREOFFICE DESSIN : DÉMARRAGE CAS DU MODULE DE DESSIN («DRAW») DANS LIBREOFFICE 1 Volet page Règle Règle Zone de l'image Barre de dessin Zoom PRINCIPAUX RÉGLAGES GÉNÉRAUX Barre d'état AFFICHAGE : NORMAL, BARRE D'ÉTAT, RÈGLE, ZOOM AFFICHAGE, BARRE D'OUTILS : DESSIN, LIGNE et REMPLISSAGE, STANDARD AFFICHAGE, GRILLE : désactiver AFFICHER... et ALIGNER SUR... OUTILS, OPTIONS, LIBREOFFICE.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 DE RÉCUPÉRATION... 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 LIBREOFFICE : UN OUTIL SIMPLE, EFFICACE ET LIBRE 1 Présentation de la version 4.2 - Logiciel gratuit et libre, disponible sur le site en http://fr.libreoffice.org/ (équivalent à OpenOffice) Manipulations élémentaires d'images - Page 19

LIBREOFFICE DESSIN : ÉLÉMENTS SIMPLES INSERTION D'ÉLÉMENTS DE BASE ZONE DE TEXTE Annuler toute sélection éventuelle (par clic sur le fond de l'image) 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 Annuler toute sélection éventuelle (par clic sur le fond de l'image) 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 INSERTION, 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.agroparistech.fr/mmip/mc/agro/exemples/bur/logo-agroparistech.png et dans l'intranet du site d'agroparistech (rubrique CHARTE GRAPHIQUE) Manipulations élémentaires d'images - Page 20

LIBREOFFICE 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É (À L'OPPOSÉ DU MODE POINT-À-POINT) 1 En faisant glisser avec la touche MAJUSCULE enfoncée, les proportions sont conservées Manipulations élémentaires d'images - Page 21

LIBREOFFICE DESSIN : MISE EN FORME TEXTE Commandes FORMAT, CARACTÈRES/PARAGRAPHES police taille alignement interligne ZONE GÉOMÉTRIQUE Commande FORMAT, LIGNE : type de trait, flèches, etc. Commande FORMAT, REMPLISSAGE : couleur, ombre, transparence etc. ligne à tirets remplissage en couleur effet de transparence Retouche d'une forme de base ombre point caractéristique (boule ou grand carré) Adaptation du tracé par déplacement du point caractéristique via la main (ici coins du rectangles plus ou moins arrondis) Manipulations élémentaires d'images - Page 22

LIBREOFFICE 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 nouvel élément 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 1 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 élément mis au premier plan 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 1 Après le collage, le nouvel élément recouvre l'original. Manipulations élémentaires d'images - Page 23

LIBREOFFICE 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 : AFFICHAGE, GRILLE, AFFICHER LA GRILLE points de la grille élément non aligné sur la grille Réglages : OUTILS, OPTIONS, LIBREOFFICE.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 : AFFICHAGE, GRILLE, ALIGNER SUR LA GRILLE élément aligné sur la grille déplacement 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é Manipulations élémentaires d'images - Page 24

LIBREOFFICE DESSIN : ENREGISTREMENT VERSION PRIMAIRE DANS QUEL FORMAT ENREGISTRER L'IMAGE? Version de travail, pour modifier ultérieurement l'image Commande FICHER, ENREGISTRER SOUS Format de LibreOffice 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 (PNG OU JPG 2 ) Format pour un autre outil vectoriel (WMF sous Windows) RÉUTILISATION DANS WORD : FORMAT PNG OU WMF CONSEILLÉS 1 Pour la version 1 de OpenOffice, le format était «.sxd» 2 Rappel : format JPG si présence de photographie, PNG pour une image artificielle (logo, schéma) Manipulations élémentaires d'images - Page 25

LIBREOFFICE 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 figés ou modifiables Manipulation aussi via le menu contextuel (clic-droit sur l'onglet) Manipulations élémentaires d'images - Page 26

EXERCICE DU PLAN AVEC LIBREOFFICE 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 Manipulations élémentaires d'images - Page 27

BARRE DE DESSIN DE MICROSOFT OFFICE OUTIL DISPONIBLE 1 DANS POWERPOINT (ET AUSSI WORD, EXCEL) ELÉMENTS DE BASE lignes et flèches FORMES AUTOMATIQUES... formes et légendes FORMES AUTOMATIQUES... textes imagettes MISE EN FORME zone ordinaire ou avec un effet spécial (wordart) à partir de la bibliothèque (clipart) 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 redimensionnement rotation faire glisser avec la souris premier plan/arrière-plan DESSIN ORDRE... assemblage/séparation faire glisser un coin de la sélection DESSIN ROTATION OU RETOURNEMENT 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 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 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 Manipulations élémentaires d'images - Page 30

EXEMPLE DE RETOUCHE RAPIDE OBJECTIF RETOUCHE D'UNE IMAGE 1 EN POINT- À-POINT, AU FORMAT «TIF» TRANSFORMATIONS : Retournement Eclaircissement Rognage Gommage partiel 1 Image et indications fournies par l'atelier multimédia de l'ex INA P-G (Bruno ALLOUCHE) Manipulations élémentaires d'images - Page 31

RETOURNEMENT, ÉCLAIRCISSEMENT (XNVIEW) OUVERTURE DE inaparis.tif DANS XNVIEW 1) ZOOM 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 bits affichage 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, AJUSTER LUMINOSITÉ/CONTRASTE... A priori, régler le contraste afin d'éclaircir le fond Activer la vue automatique pour voir simultanément le résultat Manipulations élémentaires d'images - Page 32

ROGNAGE ET GOMMAGE (XNVIEW) 5) ROGNAGE Cliquer dans un coin et faire glisser le curseur sur la zone, puis commande EDITION, RETAILLER 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 Manipulations élémentaires d'images - Page 33

RETOURNEMENT, ÉCLAIRCISSEMENT (IRFANVIEW) OUVERTURE DE inaparis.tif DANS IRFANVIEW 1) ZOOM VOIR, ZOOM AVANT/ARRIÈRE ou boutons ou touches + / - 2) RENSEIGNEMENTS SUR L'IMAGE Indications en-bas dans la barre d'état 1 ou IMAGE, INFORMATIONS taille de 773 x 1 333 pixels sur 8 bits affichage réduit à 62 %, poids de 1 006,95 Ko sur disque et de 1 011,2 Ko en mémoire 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 À GAUCHE ou touche L 4) ECLAIRCISSEMENT Automatiquement via IMAGE, AUTO-AJUSTEMENT DES COULEURS ou sinon manuellement via IMAGE, AMÉLIORER LES COULEURS A priori, régler le contraste afin d'éclaircir le fond Bouton APPLIQUER À L'IMAGE D'ORIGINE pour un aperçu sur l'image réelle Valider afin d'appliquer définitivement 1 Si la barre d'état est absente, utiliser la commande VOIR, BARRE D'ÉTAT Manipulations élémentaires d'images - Page 34

ROGNAGE ET GOMMAGE (IRFANVIEW) 5) ROGNAGE Cliquer dans un coin et faire glisser le curseur sur la zone, puis commande EDITION, RECADRER 6) GOMMAGE Utilisation d'un outil sur la barre de dessin : la gomme 1) EDITION, AFFICHER L'OUTIL DE DESSIN pour voir la barre de dessin 2) Choisir la gomme en cliquant sur le bouton 3) Fixer la taille de la gomme via la zone (environ 10 pixels) 4) Pointer sur la zone à effacer et cliquer pour la gommer Pour pouvoir travailler finement, agrandir l'image : VOIR, ZOOM AVANT ou le bouton ou la touche + IL NE RESTE PLUS QU'À ENREGISTRER AU BON FORMAT Manipulations élémentaires d'images - Page 35

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 Manipulations élémentaires d'images - Page 36

CONVERSION EN NIVEAUX DE GRIS (XNVIEW) 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 3 3) AJUSTEMENT DES TEINTES Amélioration de l'image par rééquilibrage des teintes Commande IMAGE, AJUSTER 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 Manipulations élémentaires d'images - Page 37

RÉDUCTION DE LA TAILLE (XNVIEW) 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 Manipulations élémentaires d'images - Page 38

CONVERSION EN NIVEAUX DE GRIS (IRFANVIEW) OUVERTURE DE etoile.tif DANS IRFANVIEW 1) RENSEIGNEMENTS SUR L'IMAGE Indications dans le coin gauche inférieur ou IMAGE, INFORMATIONS 768 par 512 pixels, codage en 24 bits, poids de 1,13 Mo 2) CONVERSION EN NIVEAUX DE GRIS Commande IMAGE, CONVERTIR EN NIVEAUX DE GRIS Enregistrer puis vérifier les propriétés : poids de 384 Ko, codage en 8 bits RÉDUCTION DU VOLUME DE STOCKAGE PAR UN FACTEUR 3 3) AJUSTEMENT DES TEINTES Amélioration de l'image par rééquilibrage des teintes, automatiquement via IMAGE, AUGMENTER LA NETTETÉ ou sinon manuellement via IMAGE, AMÉLIORER LES COULEURS ajustement du «gamma» LA CORRECTION DU «GAMMA» CORRESPOND À UN RÉGLAGE DU CONTRASTE EN PLUS SUBTIL, PRÉSERVANT MIEUX LES OMBRES ET LES REFLETS Manipulations élémentaires d'images - Page 39

RÉDUCTION DE LA TAILLE (IRFANVIEW) 4) RÉDUCTION DE LA TAILLE Commande IMAGE, RETAILLER/REÉCHANTILLONNER puis choisir une nouvelle largeur en pourcentage, en vérifiant que GARDER LES PROPORTIONS est bien coché Volume divisé par le carré du facteur de réduction de taille AUTRE POSSIBILITÉ : DIMINUTION DE LA RÉSOLUTION réglage DPI (dot per inch, pixels par pouce) 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 Manipulations élémentaires d'images - Page 40

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 Manipulations élémentaires d'images - Page 41

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 Manipulations élémentaires d'images - Page 42

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 conseillé a priori : environ 80 Xnview : FORMAT ENREGISTRER SOUS puis bouton OPTIONS IrfanView : FORMAT ENREGISTRER SOUS et fenêtre d'options CONSERVATION DE LA FORME ORIGINALE POUR UNE QUALITÉ MAXIMALE COMPRESSION FORTEMENT CONSEILLÉE POUR 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 Manipulations élémentaires d'images - Page 43

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'ex INA P-G, à Paris et à Grignon Manipulations élémentaires d'images - Page 44

RENOMMAGE PAR LOT (XNVIEW) NORMALISATION DU NOM D'UNE SÉQUENCE D'IMAGES 1) Sélection des fichiers de la séquence : EDITION, SÉLECTIONNER TOUT 2) Commande OUTILS, RENOMMER PAR LOT nom générique, avec # pour chaque chiffre du numéro noms passés en minuscule lancement du traitement Manipulations élémentaires d'images - Page 45

RENOMMAGE PAR LOT (IRFANVIEW) NORMALISATION DU NOM D'UNE SÉQUENCE D'IMAGES 1) Commande FICHIER, CONVERTIR/RENOMMER EN SÉRIE 2) Sélection des fichiers dans leur dossier puis bouton AJOUTER 3) Bouton OPTIONS pour l'indication du nouveau modèle de nom exemple : nancy2014-##.jpg («#» pour chaque chiffre du numéro) en cochant RENOMMER LES FICHIERS avant de valider la boîte de réglages 4) Bouton DÉMARRER pour lancer l'opération Manipulations élémentaires d'images - Page 46

PLANCHE-CONTACT (XNVIEW) VISUALISATION GLOBALE DU JEU DE PHOTOGRAPHIES Sélectionner la séquence puis CRÉER CRÉER PLANCHE CONTACT taille de la planche répartition des photos libellés mise en forme renseignements Manipulations élémentaires d'images - Page 47

PLANCHE-CONTACT (IRFANVIEW) VISUALISATION GLOBALE DU JEU DE PHOTOGRAPHIES 1) FICHIER, MINIATURES puis sélectionner les photographies (avec le lasso) 2) FICHIER, CRÉER UNE PLANCHE CONTACT AVEC LES VIGNETTES SÉLECTIONNÉES Vérifier les dimensions de la feuille et régler la répartition des vignettes Lancer la création de la planche (image) par le bouton CRÉER Manipulations élémentaires d'images - Page 48

RECALIBRAGE D'UN LOT (XNVIEW) 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 indication du nouveau dossier puis dans l'onglet TRANSFORMATIONS : indication du traitement fixation de la taille conservation des proportions et terminer par le bouton LANCER Manipulations élémentaires d'images - Page 49

RECALIBRAGE D'UN LOT (IRFANVIEW) AUTRE VERSION DU JEU DE PHOTOGRAPHIES À TAILLE NORMALISÉE 1) Créer un nouveau dossier pour accueillir la nouvelle version du jeu exemple : large300 pour des photos à 300 pixels de largeur 2) Commande FICHIER, CONVERTIR/RENOMMER EN SÉRIE 3) Sélection des fichiers dans leur dossier puis bouton AJOUTER 4) Choisir en RÉPERTOIRE DE SORTIE le dossier créé précédemment 5) Cocher UTILISER LES OPTIONS AVANCÉES puis cliquer le bouton AVANCÉ Choisir RETAILLAGE Cocher NOUVELLE TAILLE et METTRE UN DES DEUX CÔTÉS À, puis fixer LARGEUR à 300 Vérifier que PRÉSERVER LES PROPROTIONs est bien coché Valider par le bouton OK 6) Bouton DÉMARRER pour lancer l'opération Manipulations élémentaires d'images - Page 50

COMPLÉMENTS Marquer une image Connaître et fixer la résolution d'une image Récapitulatif des formats d'image Manipulations élémentaires d'images - Page 51

MARQUAGE D'IMAGE (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ÉES 1 DE L'IMAGE MÉTADONNÉES IPTC 2 : 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 EXIF 3 : 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/ Manipulations élémentaires d'images - Page 52

MARQUAGE D'IMAGE (IRFANVIEW) OUVRIR EN PRÉALABLE L'IMAGE DANS IRFANVIEW INSERTION D'UN TEXTE DANS L'IMAGE 1) EDITION, AFFICHER L'OUTIL DE DESSIN pour voir la barre de dessin puis cliquer sur son bouton 2) Cliquer sur l'image à l'endroit du début du texte 3) Dans la boîte de dialogue apparue, taper le texte,t effectuer la mise en forme (maintenir enfoncé le bouton HOLD TO PREVIEW pour aperçu) valider finalement pour obtenir la marquage MÉTADONNÉES 1 DE L'IMAGE IMAGE, INFORMATIONS puis bouton INFOS IPTC 2 : EDITER LES INFORMATIONS IPTC dans l'onglet DESCRIPTION, possibilité d'indiquer l'auteur (COPYRIGHT) de la photographie Autres métadonnées possibles : EXIF 3 (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/ Manipulations élémentaires d'images - Page 53

RÉSOLUTION D'UNE IMAGE LA RÉSOLUTION MESURE LA DENSITÉ DE POINTS EXPRIMÉE EN PPP, POINTS PAR POUCE 1 (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) Manipulations élémentaires d'images - Page 54

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 cm 2 à 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 cm 2, numérisée à 300 ppp pourra occuper 30 x 30 cm 2 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! Manipulations élémentaires d'images - Page 55

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 LIBREOFFICE 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/JPEG 1 : PHOTOGRAPHIES, IMAGES AVEC BEAUCOUP DE TEINTES 1 qualité inversement proportionnelle au taux de compression Manipulations élémentaires d'images - Page 56

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? Manipulations élémentaires d'images - Page 57

SOLUTIONS DU TEST DE CONNAISSANCES 1) Faux : il y l'accessoire Paint [page 4] 2) Vrai [page 4] 3) a) point-à-point [page 56] 4) Faux : c'est plutôt le moyen le plus mauvais [page 4] 5) Vrai [page 10] 6) b) 256 (2 8 ) [page 10] 7) Vrai [page 14] 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 38] 14) Faux : ce n'est pas automatique [page 43] 15) Faux : c'est pourquoi il faut toujours conserver l'image dans son format original [page 18] 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 32] 18) Vrai : la taille de codage du pixel est fortement diminuée [page 37] 19) Vrai [page21] 20) Vrai [page 38] 21) Vrai [page 52] 22) a) 2,54 cm, et d) un douzième de pied [Ah! le système impérial britannique. - page 54] 23) Vrai [page 55] 24) Vrai [page 52] 25) Vrai [page 55] 26) Vrai [page 56] 27) Faux : une compression forte peut altérer la qualité de l'image [page 56] 28) Vrai [page 56] 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 25] 31) Vrai [page 26] Manipulations élémentaires d'images - Page 58

INDEX ACQUISITION, 4 AFFICHAGE ZOOM, 8 AGRANDISSEMENT, 21, 38, 40 AI, 18 ALIGNEMENT, 24 ALT+IMPRECRAN, 8 APERÇU, MAC, 12 APLAT, 8 APPAREIL NUMÉRIQUE, 4 BIT, 14, 56 BITMAP, 4, 56 BMP, 13, 14, 56 CAPTURE D'ÉCRAN, MAC, 11 CAPTURE D'ÉCRAN, WINDOWS, 8 CAPTURE, APPLICATION, 11 CAPTURE, XNVIEW, 9, 10 CLIPBOARD, 9, 10 COLLER, 5 COMPRESSION, 5, 14, 43, 56 CONVERSION, MAC, 12 COPIE D'ÉCRAN, 4 DIAPOSITIVE, 29 DOT PAR INCH, 54 DPI, 38, 40, 54 DROIT D'AUTEUR, 5 DXF, 56 EMF, 18 EPS, 18 EXIF, 52, 53 FORMAT, 56 FORMAT D'ÉCHANGE, 5, 56 FORMAT NATIF, 5 FORMAT POINT-À-POINT, 13 FORMAT VECTORIEL, 56 GAMMA, 37, 39 GIF, 13, 18, 29 GIMP, 6 GRAB, 11 IMPRECRAN, 8, 11 IPTC, 52, 53 IRFANVIEW, ÉCLAIRCISSEMENT, 34 IRFANVIEW, GOMME, 35 IRFANVIEW, LOT, 46 IRFANVIEW, MÉTADONNÉES, 53 IRFANVIEW, NETTETÉ, 39 IRFANVIEW, NIVEAUX DE GRIS, 39 IRFANVIEW, PLANCHE-CONTACT, 48 IRFANVIEW, RÉDUCTION, 40 IRFANVIEW, RENOMMAGE, 46 IRFANVIEW, RÉSOLUTION, 40 IRFANVIEW, RETOURNEMENT, 34 IRFANVIEW, ROGNAGE, 35 IRFANVIEW, ROTATION, 34 IRFANVIEW, TEXTE DANS L'IMAGE, 53 IRFANVIEW, ZOOM, 34 JPEG, 11, 13, 43 JPG, 56 MAC OS X, 11 MICROSOFT OFFICE, 28 NUMÉRISEUR, 4 ODG, 18, 25, 56 OPENOFFICE, 6, 8, 11 OPENOFFICE, ALIGNEMENT, 24 OPENOFFICE, ARRIÈRE-PLAN, 19, 23 OPENOFFICE, ASSEMBLAGE, 23 OPENOFFICE, BARRE D'ÉTAT, 19 OPENOFFICE, CALQUES, 26 OPENOFFICE, CONTRÔLES, 26 OPENOFFICE, COUCHE, 26 OPENOFFICE, COUCHE VERROUILLÉE, 26 OPENOFFICE, DÉPLACEMENT, 21 OPENOFFICE, DRAW, 19 OPENOFFICE, EXPORTER, 25 OPENOFFICE, GRILLE, 24 OPENOFFICE, HAUTEUR, 19 OPENOFFICE, IMAGE, 20 OPENOFFICE, LARGEUR, 19 OPENOFFICE, LASSO, 23 OPENOFFICE, LIGNE, 22 OPENOFFICE, LIGNES DE COTE, 26 OPENOFFICE, MISE EN PAGE, 26 OPENOFFICE, OMBRE, 22 OPENOFFICE, ORIENTATION, 19 OPENOFFICE, POIGNÉE, 21 OPENOFFICE, POINT CARACTÉRISTIQUE, 22 OPENOFFICE, POINTS, 22 OPENOFFICE, PREMIER PLAN, 23 OPENOFFICE, RECTANGLE, 20 OPENOFFICE, REDIMENSIONNER, 21 OPENOFFICE, RÈGLE, 19 OPENOFFICE, REMPLISSAGE, 22 OPENOFFICE, REPOSITIONNER, 21 OPENOFFICE, TEXTE, 20, 22 OPENOFFICE, TRANSPARENCE, 22, 23 OPENOFFICE, UNITÉ DE MESURE, 19 OPENOFFICE, ZONE, 22 OPENOFFICE, ZOOM, 19 OUTIL CAPTURE, 6 PAINT, 4, 6 PALETTE, 14 Manipulations élémentaires d'images - Page 59

PHOTOEDITOR, 6 PIXEL, 14, 56 PNG, 13, 18, 56 POIDS, 5, 8, 11, 13, 14, 32, 34, 55 POINT À POINT, 4, 56 POINTS PAR POUCE, 54 POMME, 11 POWERPOINT, 29 PREVIEW, MAC, 12 QUALITÉ, 54 RÉSOLUTION, 54, 55 RVB, 14 SCANNER, 4 SNAPNDRAG, 11 SVG, 18, 56 SXD, 18, 25 TAILLE, 55 TIF, 56 TIFF, 4, 13, 14, 56 VECTORIEL, 4, 21 VERSION, 5 VERSION PRIMAIRE, 25 VERSION SECONDAIRE, 25 WMF, 18, 25, 56 WORD, 8, 11 XNVIEW, 6 XNVIEW, CONVERSION, 9, 10 XNVIEW, ÉCLAIRCISSEMENT, 32 XNVIEW, GAMMA, 37, 39 XNVIEW, GIF, 9, 10 XNVIEW, GOMME, 33 XNVIEW, JPG, 9, 10 XNVIEW, LOT, 45 XNVIEW, MÉTADONNÉES, 52 XNVIEW, NIVEAUX DE GRIS, 37 XNVIEW, PLANCHE-CONTACT, 47 XNVIEW, PNG, 9, 10 XNVIEW, RÉDUCTION, 38 XNVIEW, RENOMMAGE, 45 XNVIEW, RÉSOLUTION, 38 XNVIEW, RETOURNEMENT, 32 XNVIEW, ROGNAGE, 33 XNVIEW, ROTATION, 32 XNVIEW, TEXTE DANS L'IMAGE, 52 XNVIEW, ZOOM, 32 Manipulations élémentaires d'images - Page 60

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 Conversion dans Windows avec IrfanView...10 Cas de la capture d'écran sous Mac OS X...11 Conversion dans Mac OS X avec Aperçu...12 Format d'une image en point-à-point...13 Poids d'une image en point-à-point...14 Exercices sur les images point-à-point...15 DESSIN VECTORIEL...16 Dessin vectoriel : exemple du schéma...17 Dessin vectoriel : création d'illustration...18 LibreOffice dessin : démarrage...19 LibreOffice dessin : éléments simples...20 LibreOffice dessin : bases...21 LibreOffice dessin : mise en forme...22 LibreOffice dessin : élément combiné...23 LibreOffice dessin : alignements...24 LibreOffice dessin : enregistrement...25 LibreOffice dessin : couches...26 Exercice du plan avec LibreOffice dessin...27 Barre de dessin de Microsoft office...28 Exercice du mini-schéma avec Powerpoint...29 Manipulations élémentaires d'images - Page 61