Utilisation et traitement de l’image Une approche pour la formation professionnelle

Pourquoi utiliser l’image? Introduction Pourquoi utiliser l’image?

Préambule Exemple de rédaction d’un didacticiel (origami) Texte Shéma Photo Pour certains apprentissages, enseigner à l’aide d’une image est plus efficace que par des mots.

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 Le système scolaire actuel favorise grandement les activités dans lesquelles ces étudiants excellent (sciences, langues), } 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. }

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

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

Exemples d’utilisation de l’image en FP Insectes nuisibles Briquetage Soin des cheveux Soins dentaires Serrurerie Tôlerie Pâtisserie

Mise en garde La 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…

Essences de bois Mauvais exemple Acajou d’afrique Ébène Lati Machang Mogno

Bon exemple Essences de bois Acajou d’Afrique Ébène Lati Machang Mogno

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

Les sources d’images et leur numérisation Partie 1 Les sources d’images et leur numérisation

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

Appareils photos numériques 1/3 Captation numérique: Captation 35mm film:

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

Appareils photos numériques 3/3 Démonstration et exercices

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.

Numérisation à plat 2/5 Les 4 questions que le numériseur nous pose: Zone à numériser Couleur Résolution Facteur d’agrandissement (conditionnel à l’appareil)

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 Flou Pixélisé

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

Numérisation à plat 5/5 Démonstration et exercices Scan pour print Scan pour PowerPoint

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

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.

Traitement et retouches Partie 2 Traitement et retouches

Interface générale de Photoshop

Palette Astuces Informations contextuelles

Palette Utilisation Aides à la tâche et automations

Recadrage Pour recadrer une image

Navigation Zoom avant et arrière Outil Raccourci: CTL+ CTL- Faire défiler l’image dans la fenêtre Raccourci: barre d’espacement

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

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.

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

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

Texte et typographie Outil Options Couleur Police Taille

Les filtres À expérimenter personnellement

L’historique Le principe de l’escalier du temps… Retourner à l’image telle qu’elle était lors de son ouverture

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

Formats d’enregistrement Voir 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 Rend bien les images avec peu de couleurs différentes: logos, shémas, dessins etc.

Mise en page et support de diffusion Partie 3 Mise en page et support de diffusion

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

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.

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:

La projection par canon Problème de rareté des canons… Retour sur l’organigramme bleu Alternatives possibles: Imprimer sur papier Imprimer sur acétates

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

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

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.ca Altavista : http://www.altavista.com Ditto : http://www.ditto.com

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)

Annexe 4 Formats d’enregistrement 1/4 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. -Extrait de la rubrique aide de Adobe Photoshop Element

Annexe 4 Formats d’enregistrement 2/4 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. -Extrait de la rubrique aide de Adobe Photoshop Element

Annexe 4 Formats d’enregistrement 3/4 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. -Extrait de la rubrique aide de Adobe Photoshop Element

Annexe 4 Formats d’enregistrement 4/4 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 -Extrait de la rubrique aide de Adobe Photoshop Element

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