Faire du photomontage et de la retouche d'images en classe. Cycles 2 et 3 + Collège

Transcription

1 ARTS VISUELS & TICE Faire du photomontage et de la retouche d'images en classe. Cycles 2 et 3 + Collège INTRODUCTION : Le photomontage en classe dans ses grandes lignes : Le principe de base du photomontage est simple, il s'agit de mélanger plusieurs images pour en créer une nouvelle. Avec les élèves, la solution de départ la plus simple consiste à prendre une première image qui servira de fond et d'y adjoindre les éléments piochés dans d'autres images constituant une collection. L'élève vient y faire son marché par le biais du copier / coller. Les séances pédagogiques servant d'exemple à ce dossier reprennent ce principe. Exemple : Autour d'un projet EEDD, des photographies de paysages vierges sont transfigurées par les élèves qui y «collent» des «morceaux de pollution» (cycle 3). Bien sûr les élèves peuvent aussi partir d'une base neutre (support d'image blanc de 600 x 800 pixels par exemple) et construire leur patchwork dans sa globalité. La séance sur les animaux extra-ordinaires décrite plus loin en est l'illustration. L'apprentissage des bases de la gestion des calques constituera le nœud des séquences pédagogiques décrites. Une fois ces compétences correctement structurées une grande quantité d'activités d'arts-visuels utilisant ce principe peut se décliner. Elles ont toutes pour dénominateur commun le mélange des images numériques. 1- Logiciel de retouche d'image et logiciel de Dessin Assisté par Ordinateur, quelle différence? : La différence entre l'utilisation d'un simple logiciel de Dessin Assisté par Ordinateur (Confère la progression d'activités sur le D.A.O.), et l'utilisation d'un logiciel de retouche d'image viendra en grande partie de l'utilisation de ces fameux calques. Le «mélange» des images dans un D.A.O. est possible mais ne bénéficie pas de la souplesse que représentent les calques. Grâce à eux l'élève peut exploiter tous les avantages de l'image numérique : agir sur une couche (Ex. : utilisation de l'outil Gomme) sans altérer l'image se trouvant sur la couche inférieure. Les retours en arrière sont possibles et différentes pistes, effets... peuvent donc être explorés. À la différence du simple dessin assisté par ordinateur, c'est aussi dans la déconstruction et la reconstruction du sens des images que se jouera l'acte de création. 2- A partir de quelles images travailler? La base commune de toutes ces activités est la constitution de collections d'images qui seront le matériau des manipulations en classe. Attention toutefois d'utiliser des images libres de droit et de sensibiliser vos élèves sur ce point précis du B2i. Qui va constituer ces collections d'images? Si dans la version papier du photomontage les élèves peuvent participer à la compilation des images, au travail de construction des collections ; dans la version numérique de l'activité, la question du format, de la taille et des droits, pose des problèmes. Sur ce point précis de la constitution de collections d'images numériques, il est plus aisé de limiter le travail des élèves à l'utilisation exclusive de l'appareil photo ou d'un logiciel de D.A.O. avec lequel ils créeront leur 1 / 11

2 propre matériau numérique. Ainsi, les photos ou les dessins réalisés pourront-ils avoir la même taille, le même format et seront libres de droit. Bien-sûr, les possibilités créatrices sont d'autant plus importantes que le matériau est riche et varié ; mais afin d'éviter certaines difficultés, je réserverais exclusivement la «cueillette» sur Internet à l'enseignant qui pourra choisir ses images en fonction de l'ensemble des critères décrits plus haut. 3- Pourquoi travailler avec ce type de logiciel? Pour développer quelles compétences? À l'école primaire et au collège, le photomontage et de manière générale l'utilisation des logiciels de retouche d'image sont des situations de structuration du B2i «idéales». C'est aussi dans l'acte créatif et le «faire» que se construisent les compétences numériques. Si dans votre progression, elles font suite aux activités de D.A.O., elles permettront de consolider et de structurer de nombreux acquis. Ces savoirs (faire) sont d'autant plus importants qu'ils font appel à des fonctionnalités «universelles» que les élèves retrouveront de manière transversale quelle que soit l'application logicielle (édition de texte, d'images...) qu'ils seront amenés à utiliser dans leur cursus. Il s'agit entre autres d'apprendre à : utiliser le copier / coller, gérer de la chronologie des actions (fonctions annuler / répéter ou rétablir (Ctrl+z / Ctrl + y)) ou par le passage au Menu Édition > Annuler / Édition > Répéter, maîtriser et différencier les outils (ceux «qui tracent» (pinceau, crayon, gomme ) ou «agissent» (pipette de sélection de couleur, zoom ) de ceux servant à la sélection(outil de sélection rectangulaire ou elliptique, sélection à main levée )). 4- Pourquoi utiliser Paint.net? Paint.net est un logiciel gratuit. (Même si la plateforme de téléchargement vous le propose, faire un don n'est pas obligatoire.) Inconvénient, il ne fonctionne que sous Windows. Son avantage majeur est tout de même de proposer pour le débutant, les fonctionnalités majeures et basiques d'un logiciel de retouche d'images [la gestion des calques, une palette minimale d'outils préformatés de retouche (Menu Effets) etc....] tout en ne revêtant pas la complexité des outils «pro» comme Photoshop ou son équivalent en logiciel libre GIMP. D'utilisation simple et intuitive, il est donc parfaitement adapté au premier degré et au collège. 5- Quelles sont les premières difficultés que vont rencontrer les élèves? a- À quoi servent ces outils qui ne tracent pas? Comprendre le principe de sélection est un cap important à franchir pour les élèves. On peut parfois entendre lors des bilans «Cet outil ne fait rien!». La sélection est pourtant un préalable à toute modification, déplacement ou redimensionnement d'objet. On retrouve ici, dans le logiciel de retouche d'image l'équivalent de la sélection par mise en surbrillance dans un traitement de texte (lorsqu'il s'agit de modifier une mise en forme G / I / S, police, taille de caractère par exemple). C'est ce va et vient entre ces deux types d'outils qui pose parfois problème et sur lequel il convient d'insister. Exemple : L'élève doit comprendre que l'outil sélectionné (la gomme, le crayon ) ne fonctionne qu'à l'intérieur de la zone sélectionnée. 2 / 11

3 Dans Paint.net, ces outils de sélection sont au nombre de quatre : sélection par rectangle sélection par ellipse sélection au lasso (à main levée) sélection à la baguette magique (reconnaissance de zones de couleurs) [Rencontrer une difficulté peut-être aussi le prétexte à de nouveaux apprentissages : Connaître la fonction Sélectionner tout : Menu Édition > Sélectionner tout (Ctrl + A).] b- Je n'arrive pas à Coller ce morceau d'image que je viens pourtant de découper. Si au moment de Coller n'apparaît qu'une zone bleutée transparente, c'est tout simplement que l'élève a «découpé» (sélection au lasso par exemple + Copier) sur le calque et non pas sur l'image elle même. L'élève a en quelque sorte Copié / Collé un «morceau de claque transparent». La solution consiste à apprendre à gérer les différentes couches de travail : Faire apparaître la fenêtre de calques : Menu Fenêtre > Calques Vérifier ensuite qu'au moment de Copier l'élève se trouve bien sur l'image et non sur le calque superposé à l'image. Action sur le Calque (sélectionné). Action sur l'image (sélectionnée). c- Paint.net me propose d'agrandir le support sur lequel je souhaite faire mon insertion (Coller). Au moment de Coller une fenêtre s'affiche me proposant d'agrandir la zone de dessin (ou Ne pas modifier la taille de la zone de dessin.) Il s'agit ici d'un problème de taille d'image : C'est que le support d'arrivée est plus petit que la partie à Coller (Cf. : Chap 2). Difficile en effet de faire rentrer un morceau d'image d'une taille de 950 x 620 pixels sur un support de 200 x 400 par exemple. C'est pour cela qu'il vaut mieux partir d'une «base» confortable : Penser à vérifier la taille des collections d'images sur lesquelles vont travailler les élèves : Soit une image servant de fond (en vérifier la taille grâce au menu Image > Taille de la zone de dessin). Soit un support blanc à créer soi-même (menu Fichier > Nouveau + choisir une taille ad hoc.) N.B. : La taille d'une image s'exprime en cm ou en nombre de pixels (Lxl). 3 / 11

4 6- Des exemples de séquences pédagogiques : a- Séquence pédagogique en art-visuel et production d'écrits : Création d'animaux extraordinaires. d- Séquence pédagogique en arts-visuels : Autour de l'exposition d'art contemporain au château de TAURINES en Aveyron en 2009 «Habiter ici?» c- Séquence pédagogique autour d'une thématique E.E.D.D. (Éducation à l'environnement et au Développement Durable). Séance N 1 Dans cette séance, les élèves n'utilisent pas Paint.net, mais un logiciel simple de retouche d'image (sans les calques) : Photofiltre Séances N 2, N 3 et 4 Utilisation de Paint.net avec apprentissage de la gestion des calques. 4 / 11

5 7- Page de ressources a- Des ressources d'images L'ensemble des images d'animaux en noir et blanc pour la séquence sur les animaux extraordinaires ont été téléchargées sur Open Clipart : Site de téléchargement d'images Open Source Je vous recommande chaudement la consultation du site suivant : CONCEPTS POUR TOUS est une banque d'images / concepts sur différentes causes humanitaires (droits de l'homme, de l'enfant, de la femme, guerre, société, santé ). Les images du site (de type affiches, sans texte ni slogan) sont gratuites et en téléchargement libre. Elles sont une parfaite illustration de ce vers quoi on peut tendre en classe (mixité des techniques). À minima elles peuvent être utilisées comme supports de séances de langue orale / débats et une base pour lancer différents projets. Marion Duci Dominique Lafond PierLuc StGermain Images de qualité et libres de droit sur WIKIMEDIA COMMONS Recueil de sites images libres de droit : Des reproductions d œuvres d'artistes (classées par grands courants) : Liens sur l'image / Pour lire l'image fixe / 11

6 b- Des tutoriels Paint.net : Un tutoriel en ligne : Un tutoriel au format PDF à télécharger : c- Pour Modifier la taille, le poids ou le format des images par lots entiers : Fotosizer 6 / 11

7 08 - Astuce : Appliquer un fond transparent aux images. Pourquoi et comment rendre une zone de couleur transparente? Rendre des zones de couleur transparentes représente un gros avantage lorsqu'on fait manipuler des images sur fond de couleur unie (bien souvent le blanc). C'est le cas par exemple des images (Cliparts en.gif) avec lesquelles les élèves ont créé les animaux extraordinaires qui illustrent ce dossier. Ainsi, le matériau devient beaucoup plus facile à manipuler car les images à fond transparent se superposent aisément. Vous pouvez voir sur cette illustration que l'image dont le fond n'a pas été rendu transparent se comporte comme une étiquette opaque venant se superposer sur la première. Image sans fond transparent. Image avec fond transparent. Cela suppose que l'enseignant prenne la peine de «préparer» son lot d'images en leur attribuant un fond transparent, mais le résultat au niveau des productions élèves en sera grandement amélioré. 7 / 11

8 Voici un tutoriel vous expliquant comment rendre «transparente» une couleur (de fond par exemple): 0- Ouvrir une image dans paint.net. 1- Prendre l'outil de remplissage : Pot de peinture 2- Sélectionner ensuite "Remplacer". 3- Ouvrir la fenêtre des couleurs (si elle n'est pas présente : cliquer sur "Fenêtre => Couleurs"). 4- Cliquer sur "Plus>>". 8 / 11

9 5- Régler la Transparence-Alpha à zéro. 6- Cliquer ensuite à l'aide du pot de peinture sur les zones de l'image à mettre en transparence. (Noter que Paint.net repère les zones ainsi créées par un quadrillage.) 7- REMARQUE : Paint.net remplace la couleur sélectionnée au clic de «Pot de peinture» par une zone transparente. Vous pouvez régler le niveau de tolérance de ce remplacement. N.B. : Les formats les plus fréquemment utilisés et qui supportent la transparence sont les suivants :.png et.gif 9 / 11

10 09 - Relances,prolongements et enregistrement. a- Savoir modifier les paramètres d affichage du contenu de la fenêtre active. Une compétence bien utile à faire acquérir aux élèves : Lorsqu'on «fait son marché» dans les dossiers d'images choisir un affichage en miniatures. (ou Menu Affichage > Miniatures) b- Varier les matériaux. En classe, le photomontage peut se faire à partir de matériaux très différents. Bien souvent, lors d'une même séance pédagogique on n'utilise qu'un type d'image, se limitant la plupart du temps aux images photographiques de type JPEG. Hors, la diversité des formats offre de réelles perspectives créatrices. Une fois la question de la taille des images maîtrisée, il ne faut pas hésiter à mélanger des images issues de différents supports. Exemples de formats d'images : photographies couleur (.jpg,.png...) photographies noir & blanc (.jpg,.png...) cliparts.gif dessins.bmp en 256 couleurs Exemple de mélange des genres : Pour réaliser les illustrations d'un album dont le récit a été écrit par les élèves, on peut envisager d'importer des morceaux de dessins d'élèves réalisés au crayon, puis scannés (personnages d'un récit par exemple). Une fois numérisés les dessins sont insérés sur des supports photographiques servant d'arrière plan, créant ainsi un «décalage» visuel. Et inversement 10 / 11

11 c- La gestion des "couches". Comme expliqué sur la séquence pédagogique Animaux extraordinaires vous pouvez éventuellement montrer aux élèves : En séance 2 ou 3 l'utilité de la fenêtre des Calques pour remonter ou redescendre dans la hiérarchie des couches et pouvoir à postériori intervenir (gommer, déplacer...) sur des parties sélectionnées sur d'autres calques. Si la fenêtre de gestion des calques n'est pas présente en demander l'affichage : Menu Fenêtre > Calques, puis utiliser les flèches mon monter ou descendre dans les différentes couches et agir sur un calque donné. d- Les formats d enregistrements. Connaître la différence entre deux formats d'enregistrement du travail :.pdn = format ré-éditable (transformable) de Paint.net.jpeg ou.png = format définitif d'image (l'enregistrement fusionne toutes les couches de calques). Confère le message «Aplatir» qui apparaît à la fermeture de l'application. à vous de jouer / 11