Généralités. Comment obtenir une image numérique? Quelques formats d images. Taille, Définition, Résolution d'une image

Documents pareils
PHOTOSHOP - L'AFFICHAGE

Utiliser le logiciel Photofiltre Sommaire

Faire de la déformation interactive avec GIMP

GIMP. Le traitement d'images libre INSTALLATION SUR WINDOWS

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

PHPWEBSITE -Tutoriel image

Utilisation du logiciel Epson Easy Interactive Tools

Choisir entre le détourage plume et le détourage par les couches.

- Enlever les imperfections de la peau avec l'outil clonage. - Donner plus d'impact à la chevelure du personnage

Carte encadrement glitter

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

Création de maquette web

Modules Multimédia PAO (Adobe)

PR OC E D U RE S D E B A S E

FORMATS DE FICHIERS. Quels sont les différents types d informations numériques dans un document multimédia?

«Atelier de retouche d image, améliorez et optimisez


INFO 2 : Traitement des images

Prise en main du logiciel. Smart BOARD Notebook 10

Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2

Tp_chemins..doc. Dans la barre "arche 2" couleur claire 1/5 21/01/13

Cours de numérisation sur Epson Perfection

Ateliers Bureautique et Internet

Dans l Unité 3, nous avons parlé de la

Table des matières. F. Saint-Germain / S. Carasco Document réalisé avec OpenOffice.org Page 1/13

Utilisation de XnView

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

Initiation à linfographie

PHOTOSHOP INDESIGN ILLUSTRATOR

SpeechiTablet Notice d utilisation

MEMENTO D'UTILISATION Du T.N.I. SmartBoard (Version )

Adobe Illustrator Logiciel de dessin vectoriel et de Cartographie Assistée par Ordinateur

Comment optimiser dans ImageReady?

Ubuntu offre un grand nombre de logiciels

Préparation d un post (article) pour idweblogs

TITRE PARTIE TITRE SECTION. Faire des anaglyphes avec CatiaV5

Table des matières. 10 Gimp et le Web. Option de traitement d'images Mémento pour la séance N o Création d'animation

S.P.S.N. Lac du Der 2008

Traitement numérique de l'image. Raphaël Isdant

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Supports. Images numériques. notions de base [1]

Prise en main du logiciel Smart BOARD

TD : Codage des images

Module Communication - Messagerie V6. Infostance. Messagerie

Open-Sankoré. Mise en route. Guide utilisateur Février 2013 NTICE (E. S.)

Proposition année universitaire-informatique ( )

DÉCOUVERTE DE CAPTURE ONE

Catégories de format d'optimisation

Support de formation Notebook

Pop-Art façon Roy Liechtenstein

Optimiser les images pour l affichage sur votre site

PRESENTATION DU LOGICIEL

Voici quelques-unes des questions auxquelles répond cette présentation.

Cours Excel : les bases (bases, texte)

Animation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3

Présentation du tableau blanc interactif Interwrite

L espace de travail de Photoshop

TP SIN Traitement d image

Tutoriel de FastStone Image Viewer

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi

MANUEL TBI - INTERWRITE

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

Photoshop Séquence 4 - Créer une image de taille personnalisée taille

Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :

AMELIORATIONS DES FONCTIONNALITES DISPONIBLES

Introduction à Adobe Illustrator pour la cartographie et la mise en page

Manuel d'utilisation de l'administration du site Japo.ch - 1

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015

Traitement d un AVI avec Iris

Manuel de formation Spaceman 1 ère journée

UFE - Observatoire de Paris. ImageJ. marie-france landréa

Initiation au dessin Bitmap

T u t o r i e l s PhotoFiltre

nom : Collège Ste Clotilde

Création d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7

Les calques : techniques avancées

Réalisez votre propre carte de vœux Éléctronique

Assemblage couleur & trait en InDesign pour fichier Acrobat - 1

COURS AUTOCAD. Création et utilisation des blocs. b leclerc. ERP Jean Moulin METZ

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :

2013 Pearson France Adobe Illustrator CC Adobe Press

CA CA T T AL AL O O GUE GUE CATALO FORMATIONS t n s c o p. f r / / / / / / c o n t a c t n s c o p. f r / / / / / # t r o c n u m

Monter une photo en médaillon

ou clic objet. R rouge B bleu : 65 Le fond votre travail en P :. d étoiles dupliquer. Esbly Page 1 / 5

Organiser ses photos sur l ordinateur

Button Manager V2 Guide de l utilisateur

Prise en main du module Open office Impress / Présentation

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Les images et les animations sur le web. Guérineau Chloé BTS2 Année 2001/2012

LE PROJOPHONE de Fresnel

Initiation à la bureautique

Colorisation dynamique en Illustrator (Partir d'une numérisation, vectoriser et peindre de manière dynamique) - 1

Usage des photos pour Internet et pour la presse

MANUEL TBI - STARBOARD

Chapitre 3 : outil «Documents»

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

Réalisation de cartes vectorielles avec Word

PRISE EN MAIN D ILLUSTRATOR

APPENDICE TVP ANIMATION 9.5

Transcription:

Généralités Une image numérique est composée d'un ensemble de points contenant chacun le code d'une couleur. La juxtaposition de ces points sur un support électronique nous permet de visualiser l'image. Comment obtenir une image numérique? Une image numérique peut provenir de plusieurs sources différentes : Appareil photo (éventuellement intégré au téléphone ou à une tablette) Scanner Logiciel de retouche d'image ou de capture d'écran Quelques formats d images Jpeg ou Jpg : «Joint Photographic Experts Group» format créé en 1986 Fort taux de compression (60% à 75%) Légère perte de qualité Utilisé par la plupart des appareils photos Gif : «Graphic Interchange Format» format créé en 1987 Utilise uniquement 256 couleurs Taille du fichier réduite Permet la transparence et peut être animé Png : «Portable Network Graphics» format créé en 1990 se prononce «ping» Semblable au format Jpeg avec une taille légèrement supérieure Compression sans perte de qualité Taille, Définition, Résolution d'une image La définition d'une image s'exprime en nombre de points en largeur et en hauteur (ex : 800 X 600) Sa taille (ou poids) dépend de sa définition et de la quantité d'information enregistrée. Elle s'exprime en Ko (1'000 Ko = 1 Mb). Si l'on double la définition d'une image (en largeur et en hauteur), on multiplie sa taille par quatre. Cette variation ne s'observe pas avec des images de petite taille. La résolution s'exprime en Points Par Pouce (ppp). Cela permet de définir la dimension d'une image lors de son affichage "naturel", c'est-à-dire sans effectuer de zoom. Il s'agit d'une information qui ne modifie en rien la qualité de l'image. La qualité d'une image se repère donc par sa définition : 80 X 80 zoom = 100% 40X40 zoom = 100% 40X40 zoom = 400% 80 X 80 zoom = 200%

Environnement Gimp 1 2 3 Le logiciel Gimp propose 3 fenêtres : 1. La boîte à outils avec des options adaptés à chaque outil 2. La zone de travail affichant l'image. Il est possible d'ouvrir plusieurs zones de travail 3. La fenêtre des calques Ou une seule, en les regroupant : Fenêtres / Mode fenêtre unique Création d'une image Fichier / Nouvelle image puis Taille d image (définition), Espace de couleurs (couleur ou niveau de gris) Remplir avec Attention, le choix de la couleur d arrière-plan doit être fait AVANT la création du fichier, utilisez l outil et le sélecteur de couleur. La résolution n'est pas importante, elle sera modifiée par la suite lors de l'utilisation de l'image. - 2/6 -

Dessin Le pinceau L'aérographe Le crayon pour peindre "en douceur" pour des dessins flous et progressifs pour peindre "durement" Touche Shift pour tracer des lignes droites. L'outil chemin pour dessiner des formes vectorielles. Déplacer la souris lors de chaque définition d'un point pour modifier l'angle Les outils de sélection pour dessiner des rectangles ou des ellipses ou Touche Shift pour des Carrés ou des cercles parfaits Appuyer sur la touche Shift après avoir commencé à sélectionner. Le pot de peinture ou le dégradé pour remplir des formes ou la zone sélectionnée La gomme pour effacer Pour modifier la couleur puis : La pipette permet de sélectionner une couleur déjà présente. Gestion des calques et des masques Les calques permettent de manipuler des objets de manière indépendante Les objets placés sur les calques du dessus seront placés devant Il existe de nombreux modes de fusion entre les calques L'opacité permet de voir ce qui est dessous en transparence Il est possible de masquer un calque Les calques peuvent être déplacés. ( clic sur le calque puis glisser ) Un masque de calque permet de masquer une partie du calque le noir masque et le blanc laisse voir clic droit / Insérer un masque de calque Pour ajouter un nouveau calque Pour créer un groupe de calques Pour renommer un calque : double clic sur son nom saisir le nouveau nom "Enter" pour enregistrer la modification - 3/6 -

Sélection Ellipse ou Rectangle de sélection Baguette magique Ciseaux intelligents Ajouter ou Soustraire à la sélection Clics successifs sur le bord de la zone à sélectionner Clic à l'intérieur de la zone pour activer la sélection ou plus efficace avec les raccourcis clavier : Pour modifier l'écart entre les couleurs devant être sélectionnées Shift + Clic = Ctrl + Clic = Ajout Soustraction Shift + Ctrl + A = Annuler la sélection Modification des images L'outil de clonage pour reproduire une portion d'image. Ctrl + Clic pour définir le point de départ de la zone à reproduire (peut se trouver sur une autre image) Sélectionner la brosse (forme et taille) et l'opacité puis glisser pour "peindre" la destination Alignement : Aucun = reprend le point de départ lors de chaque clic Aligné = continue le dessin lors des clics suivants L'outil de flou et de netteté L'outil de barbouillage L'outil d'éclaircissement permet de rendre la portion d'image plus ou moins floue permet d'étaler les pixels permet de rendre la portion d'image plus claire Transformation des images Ces outils permettent de transformer soit la zone sélectionnée, soit tout un calque. Le résultat de cette transformation est automatiquement placé dans un nouveau calque : Il faut alors décider du sort de ce calque pour pouvoir continuer à travailler : Clic droit sur ce calque puis : pour rendre cette transformation indépendante de son calque d'origine pour replacer le dessin dans son calque d'origine Rotation Cisaillement Miroir Échelle Perspective - 4/6 -

Texte L'outil Texte permet de placer un texte sur l'image Définissez ses caractéristiques, tapez le texte puis terminez en sélectionnant un autre outil Chaque texte est placé dans un nouveau calque : Double clic sur le calque pour modifier le texte Lorsque le texte est déformé, le calque perd la caractéristique "texte" Relief Saisir le texte Dupliquer le calque (Shift Ctrl D) Décaler le texte du fond Colorer le texte de face en clair Dupliquer le texte du fond environ 10 fois Masquer le calque de l'arrière-plan Menu Image / Aligner les calques visibles Si le résultat n'est pas satisfaisant, annuler puis modifier le nombre de copies avant de répéter l'opération Masquer le calque contenant le texte de face Fusionner tous les calques composant le relief : Image / Fusionner les calques visibles / Fusion On obtient un calque pour le volume que l'on peut colorer à sa convenance Et ajouter une ombre Les filtres Les filtres permettent d'appliquer toutes sortes de transformations sur les objets sélectionnés. Ces transformations sont définitives! Dupliquer le calque avant - 5/6 -

Les Gifs animés Il est possible d'intégrer une animation sur une image en appliquant un mouvement à certains éléments. Chaque élément sera placé dans un calque indépendant. Chaque calque correspond à une image du dessin animé. Il n'y aura donc aucun calque supplémentaire Les calques seront lus de bas en haut Chaque image sera affichée avec la même durée de 100ms C'est-à-dire 0,1 seconde Il est possible de donner une durée différente pour certaines images Saisir la durée en ms entre (..) après le nom du calque Pour voir un aperçu de l'animation : Filtres / Animation / Rejouer l'animation Puis : Lire Il est possible de modifier la vitesse Sauvegarde de l'image animée (.gif) Fichier / Export As Donnez une extension :.gif Obligatoire L'animation peut se dérouler en boucle Pour modifier la vitesse de toutes les images sans spécification - 6/6 -