1 Utilisation et traitement de limage Une approche pour la formation professionnelle

1

Utilisation et traitement de l’image

Une approche pour la formation professionnelle

2

Introduction

Pourquoi utiliser l’image?

3

Préambule

Exemple de rédaction d’un didacticiel (origami)

1. Texte

2. Shéma

3. Photo Pour certains apprentissages, enseigner à

l’aide d’une image est plus efficace que par des mots.

4

Pour certaines personnes, les images parlent plus que les mots

Intelligences multiples d’Howard Gardner (voir Annexe 1)

Logico-mathématique Verbo-linguistique

Spaciale Corporelle-kinesthétique

Interpersonnelle Intrapersonnelle Musicale-rythmique Naturaliste

• Les étudiants de ces types aiment le concret, le travail avec les outils, le travail sur la matière etc.

•Ces étudiants répondent très bien aux images.

}

•Le système scolaire actuel favorise grandement les activités dans lesquelles ces étudiants excellent (sciences, langues),

}

5

Phrase clé

Donner à vos étudiants la possibilité de voir ce dont vous parlez.

6

La société de l’image ne date pas d’hier…

Bien avant l’écriture, l’humain communiquait déjà à l’aide d’images.

Même les caractères d’écriture modernes sont issus de la stylisation de dessins

7

Exemples d’utilisation de l’image en FP

Insectes nuisibles Briquetage Soin des cheveux Soins dentaires Serrurerie Tôlerie Pâtisserie

8

Mise en gardeLa pertinence des images utilisées

Chaque image insérée doit servir à appuyer la notion que vous voulez enseigner. Tout surplus embrouille l’enseignement.

Évitez les images strictement décoratives. Les petites fleurs, les petits chats, etc…

L’efficacité est dans la simplicité

Donner à voir ce dont je viens de parler…

9

Essences de bois

Acajou d’afrique

Ébène

Lati

Machang

Mogno

Mauvais exemple

10

Essences de bois

Acajou d’Afrique

Ébène

Lati

Machang

Mogno

Bon exemple

11

Mise en situation

Trouver avec la classe un besoin d’images dans un module X

12

Vidéo numérique

Vidéo analogique

Banques d'imagesgratuites (net)

Banques d'imagespayantes (net)

Image imprimée

Diapos ou négatifs

SOURCE MISE EN PAGECAPTURE TRAITEMENT ETRETOUCHES

Carte de captureanalogique

Carte IE1394(FireWire)

Numériseur à platavec adapteur

pour transparent

Numériseur à plat

Logiciels de traitementde l'image:

Photoshop, Paintshop Pro,etc.

Logiciels de vidéo:Movie Maker, Ulead,

Adobe Premiere,Studio Deluxe

etc.

Appareil photonumérique

Câble USB etpilote

Lecteur de cartesmémoire

Traitement de texte:Word, Word Perfect, Claris

Works, etc

Logiciel de présentation:PowerPoint, Open Office,

etc.

Logiciel de mise en pageweb:

Front Page, Dreamweaver,etc.

SUPPORT DEDIFFUSION

Web

Projection

Rétro-projectiond'acétates

Impressionsur papier

Page 1

L’image numérique, flux de travail global

13

Partie 1

Les sources d’images

et leur numérisation

14

Banques d’images

Gratuites (pour en savoir davantage sur la recherche et l’indexation voir Annexe 2)

Google : http://www.google.ca Altavista : http://www.altavista.com Ditto : http://www.ditto.com

Payantes et libre de droit (pour en savoir davantage Annexe 3)

www.eyewire.com

Mix payantes/gratuites http://www.csdhr.qc.ca/recit/102/image_rech.htm

15

Captation numérique:

Captation 35mm film:

Appareils photos numériques 1/3

16

Appareils photos numériques 2/3

Connection par câble USB. Nécessite CD (pilote) du fabricant de l’appareil photo.

Lecteur de carte mémoire

17

Démonstration et exercices

Appareils photos numériques 3/3

18

Numérisation à plat 1/5

La numérisation d’une image imprimée se fait par un numériseur à plat (scanner).

La qualité de l’image numérisée est étroitement liée à la qualité du document à numériser: Garbage in – Garbage out. Attention aux images tramées des imprimantes industrielles.

19

Les 4 questions que le numériseur nous pose: Zone à numériser Couleur Résolution Facteur d’agrandissement (conditionnel à

l’appareil)

Numérisation à plat 2/5

20

Numérisation à plat 3/5

IMPORTANT: Plus on a de pixels, meilleure est la définition mais aussi plus lourde est l’image. Le but est d’arriver à faire un fichier de qualité suffisante pour l’utilisation que l’on prévoit en faire et que ce fichier soit d’une lourdeur acceptable.

Trop de pixels fait un fichier lourd

Pas assez de pixels fait une image pixélisée ou flou

Normal FlouPixélisé

21

Numérisation à plat 4/5

Pour une utilisation dans Word ou PowerPoint, Dimensions suggérées: 800pixels X 600pixels Poids habituel d’une image de ces dimensions en

format Photoshop (.psd): environ 1,35 megs Pour une impression de qualité photo en

format 81/2’’X11’’ Dimensions suggérées: 2400 pixels X 3300 pixels Poids habituel d’une image de ces dimensions en

format Photoshop (.psd): environ 23 megs

22

Démonstration et exercices• Scan pour print• Scan pour PowerPoint

Numérisation à plat 5/5

23

Diapos ou négatifs La numérisation d’une

image transparente telle une diapo ou un négatif se fait par un numérisateur à plat muni d’un adapteur transparent.

Il existe aussi des numériseurs spécialement conçus pour les diapos et les négatifs. Ils sont cependant beaucoup plus chers

24

Vidéo

Des images fixes peuvent être extraites de séquences vidéos. Ces vidéos doivent cependant être préalablement digitalisés (entrés dans l’ordinateur) via un logiciel de montage vidéo et une carte de transfert analogique ou numérique. Voir organigramme bleu

Un cours de deux jours sur la vidéo peut être dispensé par le RÉCIT.

25

Partie 2

Traitement et retouches

26

Interface générale de Photoshop

27

Palette Astuces

Informations contextuelles

28

Palette Utilisation

Aides à la tâche et automations

29

Recadrage

Pour recadrer une image

30

Navigation

Zoom avant et arrière Outil Raccourci: CTL+ CTL-

Faire défiler l’image dans la fenêtre Outil Raccourci: barre d’espacement

31

La sélection Sélection carré et circulaire Lasso à main levée Lasso lignes droites Baguette magique

Il est important de regarder les options différentes pour « ajuster » chaque outil de sélection: Soustraire des sélections Additionner des sélections Contour progressif Le menu sélection

32

Les outils de dessin

Lignes et polygones

Pot de peinture et dégradés

Pinceau et crayon

Choisir une couleur

Il est important de regarder les options différentes pour « ajuster » chaque outil.

33

Les calques (layers)

S’empilent comme des feuilles de cellophane

Peut bouger le contenu de chaque calque indépendamment

Peut les verrouiller

Peut changer l’ordre des calques

Peut fusionner des calques en un seul

Peut modifier leur opacité

Peut modifier leur mode de transfert

34

Retoucher des défauts

Le tampon de duplication Cliquer et tenir la touche

ALT enfoncée pour sélectionner la zone à cloner

« Peindre » sur la zone à recouvrir

35

Texte et typographie

Outil Options

Couleur Police Taille

36

Les filtres

À expérimenter personnellement

37

L’historique

Le principe de l’escalier du temps…

Retourner à l’image telle qu’elle était lors de son ouverture

38

La zone de travail

C’est comme la toile que le peintre utilise.

L’avantage ce cette zone de travail dans Photoshop c’est qu’on peut l’agrandir si on manque d’espace

39

Formats d’enregistrementVoir annexe 4 pour une liste plus complète

.psd Format non compressé Compatibilité restreinte à des logiciels graphiques Format de travail de Photoshop. Supporte toutes les options et

fonctionnalités de Photoshop .jpg

Format compressé Compatibilité très répandue: web. Word, PowerPoint, etc Rend bien les dégradés de couleur; idéal pour des

photographies

.gif Format compressé Compatibilité très répandue: web. Word, PowerPoint, etc Rend bien les images avec peu de couleurs différentes: logos,

shémas, dessins etc.

40

Partie 3

Mise en page et

support de diffusion

41

Trucs et astuces pour la mise en page 1/3

Il n’est pas recommandé d’agrandir à plus de 100% une image dans Word ou PowerPoint. Plus vous agrandirez l’image plus elle deviendra flou. Il est préférable de rescanner cette image plus grande (avec plus de pixels).

Image originale

Image agrandie

42

Trucs et astuces pour la mise en page 2/3

Ne pas importer des grosses images en se disant qu’on peut les rapetisser dans Word ou PowerPoint. Ces grosses images peuvent alourdir le document au point de le rendre corrompu. Dépasser 6 megs avec un document Word ou Power Point c’est « chercher le trouble »

Pour contrer ce problème, il faut rapetisser les images préalablement dans Photoshop. Une fois à la bonne dimension, importez-les dans Word ou PowerPoint.

43

Trucs et astuces pour la mise en page 3/3

Dans Word ou PowerPoint, pour remettre une image à sa taille originale il faut cliquer sur:

44

La projection par canon

Problème de rareté des canons… Retour sur l’organigramme bleu Alternatives possibles:

Imprimer sur papier Imprimer sur acétates

45

Pour progresser

Traitement de l’image avec Adobe Photoshop Element Didacticiel de 56 pages remis en classe Fichiers exercice à télécharger à l’adresse suivante:

http://csdm.qc.ca/sitsat-mtl/formation/photoshop/index.html

Menu aide de Adobe Photoshop Element

Liste de ressources par sujet sur le site du RÉCIT-FP: http://www.csdhr.qc.ca/recit/102/image.htm

46

Annexe 1: Les intelligences multiples

Pour une description des différents types d’intelligence. http://www.fcppq.qc.ca/form_perf/aide_parents/2000/2000_09.htm

Domaines d’apprentissages des jeunes vs intelligences multiples:

http://mieux.apprendre.free.fr/8intel.pdf

Test diagnostique:

http://www.acelf.ca/revue/XXV2/articles/r252-02.html#annexe2

47

Annexe 2: Recherche d’images sur internet

Une recherche facile d’images sur Internet se fait à partir du texte "associé" aux images.

Dans le cas de la recherche d'images à partir de texte associé aux images, les méthodes d'indexation et de recherche s'apparentent tout à fait à celles utilisées classiquement dans une base de données textuelle classique. Simplement, dans le cas de la recherche d'images, les données indexées par les outils de recherche servant à "retrouver" les images, sont les informations textuelles se rapportant aux images. Ces informations textuelles collectées et indexées par les outils de recherche d'images sur internet peuvent se situer à deux emplacements: (Voir plus bas des sites utilisant cette méthode de recherche)Dans le code HTML des balises et attributs spécifiques aux images :- Balise <IMG SRC="..."> qui indique l'insertion d'une image dans une page HTML. Exemple : IMG SRC="http://www.ccr.jussieu.fr/urfist/image_numerique /images/elephant.gif"> - Balise <A HREF="..."> qui indique un lien hypertexte vers une image. Exemple <A HREF=http://www.ccr.jussieu.fr/urfist/images/elephant.jpg> - Attribut ALT="..." qui représente le texte alternatif d'une image (qui présente l'inconvénient de ne pas toujours être renseigné par les créateurs de pages HTML). Exemple <IMG SRC="/data/images/elephant.gif" ALT="cette image est une image d'elephant> (Source : Principe de la recherche d’images : http://www.ccr.jussieu.fr/urfist/image_numerique/princi_recher.htm)

Voici quelques moteurs de recherche qui utilisent cette méthode. Vous n’avez qu’à cliquer sur l’onglet « Images » sur chacun des sites et introduire un mot dans la case de recherche.Google : http://www.google.caAltavista : http://www.altavista.comDitto : http://www.ditto.com

48

Annexe 3 Banques d’images libres de droits

La plupart des images qui circulent dans la pub, les catalogues, plaquettes et sites web sont produites par des entreprises qui constituent des banques d'images dites " libres de droits". Ce terme est mal choisi, puisque le droit d'utilisation est vendu avec l'image. Il suffit donc de posséder le CD-ROM, ou d'acheter l'image sur Internet pour posséder les droits d'exploitation de cette image.

Ces photothèques ou banques d'images peuvent être constituées de plusieurs centaines de milliers d'images, diffusées par Internet ou sur CD-ROM.Le CD-ROM permet d'avoir directement, pour une somme forfaitaire, et souvent peu élevée de nombreuses images de bonne qualité. Ce sont ces entreprises qui se chargent d'obtenir auprès des photographes et de leurs modèles les droits d'utilisation des images pour nous. Tous les droits sont acquis, sauf bien sûr un usage diffamatoire.

Le seul inconvénient de ces images si on les utilise telles quelles c'est qu'on est absolument pas garanti d'être le seul à le faire. Nous ne possédons aucune exclusivité.

(Source : http://www.superart.com/voir.asp?Article=articles/banques/index.htm)

49

BMP est un format d'image Windows standard utilisé sur les ordinateurs compatibles Windows. Vous pouvez spécifier le format Microsoft® Windows ou OS/2®, ainsi que le nombre de bits de l'image. Pour les images 4 bits et 8 bits au format Windows, vous pouvez également spécifier la compression RLE

Le format GIF (Graphics Interchange Format) est le format de fichier couramment utilisé pour afficher des graphiques et images, ainsi que pour créer et afficher des animations de petite taille dans les pages Web. GIF est un format compressé LZW conçu pour réduire à la fois la taille du fichier et le temps de transfert électronique.

Le format JPEG (Joint Photographic Experts Group) est couramment utilisé pour enregistrer des photographies et autres images à tons continus. Le format JPEG conserve toutes les informations chromatiques de l'image, mais compresse la taille des fichiers en éliminant des données de façon sélective. Vous pouvez choisir le niveau de compression. Un niveau de compression plus élevé produit une image de qualité réduite dans un fichier de plus petite taille, tandis qu'un niveau de compression bas génère une image de meilleure qualité mais un fichier de plus grande taille. JPEG est l'un des formats standard pour l'affichage d'images sur le World Wide Web et autres services en ligne.

Annexe 4 Formats d’enregistrement 1/4

-Extrait de la rubrique aide de Adobe Photoshop Element

50

Le format JPEG 2000 est une version améliorée du format JPEG. Remarque : si vous avez installé le module externe en Option JPEG 2000, vous pourrez utiliser la fonction JPEG 2000. Le format JPEG 2000 permet de créer des images avec de meilleures compression et qualité, pour la diffusion sur le Web et l'impression. Il garantit une gestion optimale des couleurs et améliore le traitement des métadonnées. Il prend également en charge la transparence dans les images multicalques et conserve les sélections enregistrées. Photoshop Elements enregistre les images au format JPEG 2000 étendu (JPX), format de fichier plus complet que le format JPEG 2000 standard (JP2). Vous pouvez toutefois rendre les fichiers compatibles JP2 à l'aide d'une option de la boîte de dialogue JPEG 2000.

Le format EPS (Encapsulated PostScript) facilite le partage de fichiers Photoshop avec de nombreuses applications graphiques, d'illustration et de mise en page. Pour de meilleurs résultats, imprimez les documents contenant des images EPS sur des imprimantes PostScript.

Le format PCX est un format bitmap pris en charge par la plupart des plates-formes. Le format PICT est couramment utilisé par les logiciels graphiques et de mise en page

sur Mac OS, pour le transfert des images entre applications. Il est particulièrement adapté à la compression d'images comportant de larges zones de couleur en aplat. Lorsque vous enregistrez une image RVB au format PICT, vous pouvez choisir une résolution de pixel de 16 bits ou de 32 bits. Lorsqu'il s'agit d'une image en niveaux de gris, vous avez le choix entre 2, 4 ou 8 bits par pixel. Sur Mac OS, vous pouvez enregistrer les fichiers PICT 32 bits ou Ressource PICT avec quatre niveaux de compression JPEG. Choisissez l'option 32 bits pour conserver une sélection enregistrée avec le fichier.

Annexe 4 Formats d’enregistrement 2/4

-Extrait de la rubrique aide de Adobe Photoshop Element

51

Développé comme solution de rechange sans brevet au format GIF, le format PNG (Portable Network Graphics) est utilisé pour une compression sans perte et un affichage des images sur le Web. Contrairement au format GIF, le format PNG prend en charge les images 24 bits et génère des transparences d'arrière-plan sans rendre le contour irrégulier. Certains navigateurs Web ne prennent cependant pas en charge ce format. Le format PNG préserve la transparence dans les images en niveaux de gris et RVB.

Le format Brut est un format de fichier souple permettant le transfert d'images entre plusieurs applications et plates-formes. Il consiste en un flux d'octets décrivant les informations chromatiques de l'image. Vous pouvez spécifier l'extension (Windows), le type (Mac OS), le créateur (Mac OS) et les informations d'en-tête du fichier. Vous pouvez enregistrer l'image dans un format entrelacé ou non entrelacé. Dans le premier cas, les valeurs chromatiques (rouge, vert et bleu, par exemple) sont stockées de manière séquentielle. Votre choix dépend de la configuration de l'application dans laquelle. L'en-tête indique le volume d'informations en octets présentes dans le fichier, avant le lancement des informations relatives à l'image elle-même. Cette valeur détermine le nombre de zéros insérés en début de fichier en guise de marques de réservation. Par défaut, il n'y a pas d'en-tête (header size = 0). Vous pouvez enregistrer le fichier sans en-tête, puis utiliser un programme d'édition de fichiers, tel que HEdit (Windows) ou Norton Utilities® (Mac OS) pour remplacer les zéros par les informations d'en-tête.

Annexe 4 Formats d’enregistrement 3/4

-Extrait de la rubrique aide de Adobe Photoshop Element

52

Le format TIFF (Tagged-Image File Format) s'utilise pour l'échange de fichiers entre des applications et des plates-formes. Il s'agit d'un format d'image bitmap souple pris en charge par la plupart des applications de dessin, de retouche d'images et de mise en page. La quasi-totalité des scanners de bureau peuvent produire des images TIFF. Photoshop Elements fournit des options TIFF avancées pour la compression d'images et de calques. Vous devez sélectionner Activer les options d'enregistrement TIFF avancées dans les préférences Enregistrement des fichiers pour activer ces options

Tant que vous n'avez pas fini de créer une image et que vous n'avez pas décidé de son utilisation, enregistrez-la au format de fichier par défaut Photoshop PSD. L'enregistrement de votre image au format Photoshop garantit que vous pourrez accéder à toutes les données de l'image lorsque vous la rouvrirez. Si vous choisissez un format qui n'est pas compatible avec toutes les données de l'image, un message d'avertissement s'affiche dans la partie inférieure de la boîte de dialogue Enregistrer sous. Le cas échéant, enregistrez une copie du fichier au format Photoshop, lequel reconnaît toutes les données de l'image

Annexe 4 Formats d’enregistrement 4/4

-Extrait de la rubrique aide de Adobe Photoshop Element

53

Bibliographie FCPQ (Fédération des comités de parents du Québec)

http://www.fcppq.qc.ca/form_perf/aide_parents/2000/2000_09.htm

ACELF (Association Canadienne d’éducation en langue française)http://www.acelf.ca/revue/XXV2/articles/r252-02.html#SEC8

Traitement de l’image, INF-5064, Commission scolaire de Montréal, Juin 2002

Rubriques d’aide de Adobe Photoshop et Photoshop Element