Les images numériques avec GIMP TC - IUT Montpellier Types d images! Vectorielles! Primitives! Modifications sans perte de qualité! Faible encombrement! Matricielles! Matrice de «pixels» (picture element) http://fr.wikipedia.org/wiki/image_vectorielle NRD - 2010 2 Les images matricielles! Définition! dimension en pixels (l x h)! Résolution! nombre de pixels par unité de mesure! définit le degré de détail de l image! plus de résolution, plus d information! Poids! Couleur de chaque pixel Résolution! «Finesse»de l image! Exprimée en pixels par pouce (ppp) ou «dots per inch» (dpi) NRD - 2010 3 18 dpi 72 dpi NRD - 2010
Numérisation Impression (Appareil de 3,2 millions de pixels) 10 cm 10 cm! Résolution scanner de 10 pixels/cm => 100x => 10 000 pixels! Résolution de 100 pixels/cm => 1 000 000 pixels 1536 pixels 2048 pixels Résolution imprimante de 300 ppp!2048/300 = 6,83 pouces = 17,34 cm!1536/300 = 5,12 pouces = 13 cm 300 ppp suffisants pour une bonne impression, inutile de dépasser la résolution de l imprimante!! NRD - 2010 5 NRD - 2010 6 Le couleur et l impression! Dans l écran RVB (méthode additive)! Dans l imprimante CMJ + N Couleurs 1 : noir et blanc! Chaque pixel est noir ou blanc! 1 pixel "1 bit en mémoire! A l impression (méthode soustractive)! Blanc : le papier! Noir : l addition des encres Poids de l image : 1 250 octets NRD - 2010 7 NRD - 2010 8
Couleurs 2 : niveaux de gris! 256 niveaux de gris! 1 pixel " 1 octet en mémoire Couleurs 3 : couleurs «vraies»! Codage RVB! Chaque pixel sur 3 octets = 256 x 256 x 256 > 16 millions de couleurs! 1 pixel " 3 octets en mémoire Poids de l image : 10 000 octets Poids de l image : 30 000 octets NRD - 2010 9 NRD - 2010 10 Couleurs : couleurs indexées! Pour occuper moins de mémoire! Utiliser une «palette» : 256 couleurs choisies parmi les couleurs de la palette RVB! L image occupe moins de place mais la qualité est moins bonne! Transparence possible Images compressées.bmp 89 Ko.jpg 8 Ko NRD - 2010 11 NRD - 2010
Formats des images Format Compression Nb de couleurs BMP Non 16 millions JPEG Réglable, perte d info GIF Oui, sans perte 256 avec palette Usage 16 millions Internet PNG Oui, sans perte 256 avec palette ou 16 millions Internet Animation Transparence Internet Transparence Manipulation d images avec Gimp! Gimp, GNU Image Manipulation Program! Logiciel libre, distribué gratuitement! Fonctionne sous Unix, Windows et Mac OS! Évolutif et en progrès grâce à une large communauté d utilisateurs et de développeurs NRD - 2010 13 NRD - 2010 14 Gimp Nouvelle image Gimp Barre d outils! Fichier > Créer une nouvelle image NRD - 2010 15 NRD - 2010 16
Gimp Configuration Gimp Les calques! Ajouter un onglet / Options des outils! Couches superposées (images empilées)! Un seul calque lorsque vous ouvrez une image existante ou créez une nouvelle! Il est possible de modifier un calque sans altérer les autres! L image finale est une superposition des calques qui peuvent être «aplatis» (formats) NRD - 2010 17 NRD - 2010 18 Les calques Les masques de sélection Pour des sélections rapides et précises NRD - 2010 19 NRD - 2010 20
Les masques! Un masque modifie la visibilité de certaines parties de l image Partie transparente Masque de calque NRD - 2010 21
Les images numériques avec GIMP TC - IUT Montpellier Manipulation d images avec Gimp! Gimp, GNU Image Manipulation Program! Logiciel libre, distribué gratuitement! Fonctionne sous Unix, Windows et Mac OS! Évolutif et en progrès grâce à une large communauté d utilisateurs et de développeurs NRD - 2010 NRD - 2010 2 Gimp Barre d outils Effet «Coin de page»! Ouvrez l image «joconde.jpg»! Filtres > Distorsion > Coin de page! Fichier > Enregistrer sous => changez l extension à.gif pour conserver la transparence! Choisissez la fusion de calques et les couleurs indexées NRD - 2010 3 NRD - 2010 4
Déformation interactive! Ouvrez l image «joconde.jpg»! Filtres > Distorsion > Déformation Interactive! Cliquez sur les zones à modifier et glissez dans le sens de la déformation que vous voulez réaliser! Testez d autres effets dans le menu Filtres > Distorsion Gimp Nouvelle image! Fichier > Créer une nouvelle image NRD - 2010 5 NRD - 2010 6 Dégradé La plume NRD - 2010 7 NRD - 2010 8
Création de textes! Sélectionnez l outil Texte! Modifiez la police, couleur, taille! Cliquez sur le canevas et saisissez le texte Effets! Sélectionnez le texte! Image > Ajuster le canevas! Filtres > Alpha vers logo > Lueur extérieure! Choisir une couleur pour la lueur NRD - 2010 9 NRD - 2010 10 Logo Effet miroir! Créez une nouvelle image 450x200! Ajoutez un texte e.g. «Tech2co»! Testez d autres effets dans le menu Filtres > Alpha vers logo NRD - 2010 11 NRD - 2010