formation MEN

Traitement d'image

Image informatique : les bases

gérer ses images (emplacement, poids, colorimétrie, liens)
pour l'écran / pour l'impression
image bitmap et vectorielle
retouche d'image (logiciel Photoshop)
dessin (logiciel Illustrator)
création de supports de communication et d'affiches (logiciel Illustrator)
utiliser, s'approprier et créer une charte graphique

>> lien vers le diaporama

Photoshop (image bitmap)

Les logiciels

Photoshop est un logiciel payant. Il est cependant possible de télécharger la dernière version du logiciel (actuellement CS6) sur le site d'Adobe et de l'utiliser gratuitement pendant 30 jours. Au delà il est obligatoire de l'acheter si on veut continuer à s'en servir... on ne peut renouveler l'opération.

Il existe un logiciel libre et gratuit équivalent à photoshop : GIMP.

>> télécharger GIMP sur 01net.telecharger.com (version 2.8.0 pour windows uniquement)

>> télécharger GIMP sur le site officiel (pour mac, Windows et linux, dernières versions disponibles, permet plus de choix mais est un peu plus complexe...)

>> vidéos GIMP sur infotext

Les bases de gestion d'image

gérer la définition d'une image
taille de l'image et rééchantillonnage (réduction homothétique)
découpage (recadrage) de l'image
utiliser les règles et les repères

Les bases de la retouche d'image

outils de sélection
sélection à partir d'un tracé
détourer une image
masques
tampon de retouche
assembler plusieurs images

Légender une image et mêler les types d'images

outil texte
objet dynamique

>> lien vers les tutoriels vidéos (Photoshop)

>> lien vers les tutoriels vidéos (GIMP)

Exercices

gérer la qualité d'une image et son cadrage

image de Edgar Sepp Pimik, 20 juillet 2008,

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

(Cette image provient de l'encyclopédie en ligne wikipédia et est publiée sous licence CC ce qui autorise à l'utiliser, la partager et de la modifier en citant l'auteur de l’œuvre ou le titulaire des droits qui vous confère cette autorisation)
>> détail de la licence CC
>> page source de l'image

composer des associations d'images (techniques et outils de sélection introduction au photomontage, assemblage d'images)

>> lien vers le détail pas à pas

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

détourer une image ( en utilisant les tracés)

>> lien vers la vidéo créer un tracé

>> lien vers la vidéo créer un masque vectoriel à partir d'un tracé

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

Cette image est utilisée avec l’aimable autorisation du webmestre d’Education à l'environnement

http://environnement.ecoles.free.fr

associer deux images ou plus (détourage, masques, niveaux et mise à l'échelle)

Quelques conseils :
1- copier le bateau dans l'image du port (sur un nouveau calque) puis enregistrer le fichier de travail au format Photoshop (.psd)
2- ajuster la taille du bateau en tenant compte de la profondeur de champ de l'image du port (menu "Edition>Transformation>Homothétie" en sélectionnant le calque du bateau)
3- avec un masque rendre tout ce qui est autour du bateau transparent (détourer avec un masque vectoriel la partie haute du bateau en conservant une bonne part de l'eau sous le bateau puis affiner en utilisant le masque de fusion pour fondre l'eau des deux images)
4- enregistrer l'image au format JPG...

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

(Ces images proviennent de l'encyclopédie en ligne wikipédia et sont publiées sous licence GNU ce qui autorise à les utiliser, les modifier et les distribuer)

>> lien vers la page source de Manhattan
>> lien vers la page source du Queen Mary

+ /

Quelques conseils:
1- ouvrir l'image de la dune et l'enregistrer au format photoshop (.psd)
2- transformer l'arrière plan en calque (soit en double cliquant sur le vérou, soit en dupliquant le calque et supprimant l'arrière plan en suite)
3- sélectionner grossièrement le phare et le copier sur un nouveau calque dans le document qui comporte déjà la dune (le calque du phare est au dessus de celui de la dune)
>> lien vers la vidéo décrivant les sélection au lasso et >> lien vers la vidéo décrivant la gestion des calques
4- détourer le corps phare avec un masque (de préférence vectoriel) et affiner en utilisant un masque de fusion (pour l'antenne et la base du phare)
>> lien vers la vidéo décrivant la création de tracés, >> lien vers la vidéo décrivant la création de masque vectoriel à partir d'un tracé
5- faire une transformation en miroir au phare pour que la lumière soit cohérente
(sélectionner le calque sur lequel figure le phare et choisir menu "Edition>Transformation>Symétrie axe horizontal")
6- avec l'outil tampon de duplication copier l'une des autruches sur un claque au dessus de celui du phare
>> lien vers la vidéo décrivant l'utilisation du tampon de duplication
7- copier le paysage de soleil couchant sur un calque disposé sous celui de la dune et lui faire subir un miroir
(sélectionner le calque sur lequel figure le paysage et choisir menu "Edition>Transformation>Symétrie axe horizontal")
8- masquer le ciel bleu de la dune en utilisant un masque de fusion de préférence
9- éventuellement déplacer le ciel de soleil couchant pour améliorer l'effet

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

(Ces images proviennent de l'encyclopédie en ligne wikipédia et sont publiées sous licence GNU ce qui autorise à les utiliser, les modifier et les distribuer)

>> lien vers la page source du phare
>> lien vers la page source de la dune
>> lien vers la page source du coucher de soleil

retoucher une image (effacer un élément)

Quelques conseils :
- utiliser l'outil tampon de duplication (>> lien vers la vidéo)
- penser à collecter les source du tampon dans diverses parties de l'image pour masquer le travail

(Cette image provient de l'encyclopédie en ligne wikipédia et est publiée sous licence GNU ce qui autorise à l'utiliser, la modifier et la distribuer)

>> voir les détails sur la licence
>> page source de l'image

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

Illustrator (image vectorielle)

Les logiciels

Illustrator est un logiciel payant. Il est cependant possible de télécharger la dernière version du logiciel sur le site d'Adobe et de l'utiliser gratuitement pendant 30 jours. au delà il est obligatoire de l'acheter si on veut continuer à s'en servir... on ne peut renouveler l'opération.

Il existe un logiciel libre et gratuit équivalent à Illustrator : Inkscape.

>> télécharger Inkscape sur 01net.telecharger.com (windows - 2011)

>> télécharger Inkscape sur le site officiel (pour mac, Windows et linux, dernières versions disponibles, permet plus de choix mais est un peu plus complexe...)

>> vidéos Inkscape sur infotext