l'image numérique [email protected] atice gray – février 2013

21
L'image numérique [email protected] ATICE Gray – février 2013

Upload: valentine-dupin

Post on 03-Apr-2015

106 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

L'image

numérique

[email protected] Gray – février 2013

Page 2: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Récupérer

Acquérir

Traiter

Utiliser

Identifier

Page 3: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Identifier● Les images sont

identifiables grâce à l'extension du nom du fichier.

.bmp

.tif  

.gif

.png 

.jpg  

● exemple : recherche sur google images du mot cartable

(le nom du fichier n'est pas toujours parlant, mais l'extension si !)

cartable.gifcartable.bmpcartable.pngcartable.jpgrubon49.gifrentre17.jpgcoloriage-cartable-1.jpgda9e39d8.jpg

Page 4: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Identifier● La taille "numérique" de l'image est exprimée en

pixels. On choisit la taille de l'image en fonction de l'utilisation qui doit en être faite.  

● des notions sur des images : site de l'ien de Nyons

(résolution initiale des écrans)

écran résolution

15 pouces 640 X 480

17 pouces 800 X 600

19 pouces 1024 X 768

21 pouces 1280 X 1024

● ci contre, l'évolution des standards de résolution des écrans. Celle en rouge est la résolution de base à utiliser pour afficher correctement des images.

(dès 800 x 600 on aura un affichage correct)

Page 5: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Récupérer

● Une fois l'image trouvée sur une page internet, plusieurs méthodes pour l'utiliser sont possibles : clic droit, enregistrer l'image sous clic droit, copier l'image

(permet ensuite de l'insérer directement dans un document) 

cliquer-glisser clic droit, envoyer l'image...

Page 6: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Récupérer● De nombreuses banques d'images sont

disponibles pour un usage scolaire. clic-images (CRDP Dijon) images pour la classe (CRDP Strasbourg) la petite souris cliparts - images pour l'école (coccinelles) Picto Bidulz Bips (Sceren) banque d'images pédagogiques Clio-photos ...

Page 7: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Récupérer● Il convient de vérifier les droits d'utilisation des

images. La recherche avancée de Google Images

permet de sélectionner des images en fonction des droits d'usage. (on peut également préciser le format du fichier, la taille de l'image, sa couleur dominante...)

La licence creative commons permet d'identifier les ressources libres d'utilisation.

Wikimedia Commons est un site publiant des images librement réutilisables.

Page 8: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Récupérer● Deux façons de récupérer l'image de son écran.

la capture d'écran : sur les claviers des PC, il y a une touche impr écr qui copie l'image correspondant à l'écran entier dans le presse-papier de windows. Ensuite dans un traitement de texte, ou d'images, on peut coller le résultat.

Il existe des utilitaires qui permettent de faire des captures en sélectionnant des zones.

ex : Greenshot et Screenpresso.

pour windows seven : l'outil capture.

Page 9: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Acquérir

● Différents outils permettent d'acquérir des images

l'APN (appareil photo numérique) le scanneur la webcam

Page 10: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Acquérir

● l'APN La résolution peut être choisie avant la prise

de vue. Les photos sont enregistrées sur une carte

mémoire qui peut-être lue directement sur certains ordinateurs ou à partir d'un lecteur de cartes.

Il est conseillé de travailler sur des copies et de conserver les originaux. Un archivage sur disque dur externe est une bonne démarche.

Page 11: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Acquérir● le scanneur

Il permet de récupérer l'illustration d'un livre, un travail d'un élève...

Il suffit d'effectuer quelques réglages pour obtenir le résultat attendu : la résolution, le type de document de départ, le type de sortie désiré, le recadrage de la partie à scanner.(plus la résolution est élevée, meilleure sera la qualité,

mais plus « lourd » sera le fichier obtenu – 96 dpi est suffisant pour un affichage écran)

Comment utiliser un scanneur (JP Lalevée)

Page 12: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Acquérir

● la webcam Ia webcam permet d'afficher une vidéo mais

aussi de prendre des photos et de les traiter. On dispose alors d'un outil simple pour récupérer le travail d'un élève, des traces d'une expérience, d'une observation...

des logiciels permettent également de prendre des vues à intervalle régulier, ou à la demande. (réalisation de film d'animation, photographies des différentes étapes d'une construction...)

Page 13: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Traiter

● l'image peut être traitée avec un logiciel selon l'usage qui en est prévu. Actions possibles : retailler rogner / recadrer régler luminosité et contraste flouter, mosaïquer détourer renommer appliquer des effets...

Page 14: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Traiter

● le logiciel le plus complet pour réaliser toutes ces actions est Photofiltre Studio. Il est gratuit dans la version 7, très performante pour des travaux de base mais également pour un usage plus avancé (gestion des calques) Le site du développeur propose des liens

vers des tutoriels, une documentation très complète, un forum...

retouche photo (site ien Nyons)

Page 15: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Traiter

● Un autre logiciel particulièrement utile pour travailler sur ses images est XnView. Il permet d'afficher des miniatures de vos

images, et d'effectuer des traitements individuels ou par lot (renommer, retailler, régler l'exposition, convertir, créer des planches-contact, réaliser un diaporama...)

tutoriel Didier Sanchez (ordiformation81)

Page 16: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Utiliser

● Insérer une image dans un document texte. Les traitements de texte (Open Office,Libre

Office, Word...) permettent d'insérer facilement des images. On peut ensuite régler la taille de ces images, l'espacement avec le texte, la disposition dans la page...

tutoriel Open Office : ien Briançon tutoriel Word 2003 : le compagnon.info tutoriel Word 2010 : cours informatique gratuit

Page 17: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Utiliser

● Travailler sur l'image avec les élèves. ( b2i : compétence 2 – adopter une attitude responsable, compétence 3 – produire ou modifier une image) notion de plan, de cadrage - exemple transformation d'images : recadrage,

application d'effets, de filtres... (avec Photofiltre)

prises de vue (différents points de vue)

Page 18: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Utiliser

● Produire un roman photo, une bande dessinée, faire un compte-rendu d'expérience...

Un logiciel est incontournable : Comic Life.

la prise en main est facile, tout est possible ou presque. projet en classe et prise en main

Open Office ou Libre Office (module Draw) peuvent également être utilisés. exemple

Page 19: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

Utiliser

● Produire un film d'animation.

Utilisation d'une webcam avec un logiciel permettant de prendre des photos et de les assembler en une séquence vidéo.

logiciel gratuit (pc) à utiliser avec une webcam : téléchargement – traduction : Monkey Jam les nuits magiques (fiches utilisation, films...)

logiciel (mac) Frame by Frame

Page 20: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

+ de liens

Quelques liens intéressants pour approfondir le sujet.

● Des pistes pour l'utilisation d'un APN ien Remiremont (site)

● L'image numérique CRDP de Grenoble● Utilisations pédagogiques de l'APN

ien Villeurbanne (PDF)● Les images numériques (détails sur les formats)

ien Cluses (PDF)● La photo numérique au cycle 1 ien Cluses (PDF)

Page 21: L'image numérique alain.mathieu@ac-besancon.fr ATICE Gray – février 2013

L'image de fond de la première diapositive est un agrandissement du goléand visible sur cette

photo.

(Fort La Latte – février 2013)