Waielbi

Les images numériques

Waielbi — 2021-06-15T05:57:20Z

Photos, dessins, captures, ... l'enseignant et sa classe manipulent de nombreuses images. Voici une tentative de synthèse avec des outils, des aides et des activités...
Les outils sont nombreux, la difficulté est donc de conserver cette liste courte.

Sommaire

Cliquer sur les liens pour afficher la fiche des logiciels et accéder aux ressources liées.

Logiciels pour PC, Mac et Gnu/Linux...

Capture

Pour capturer des images depuis une webcam ou un visualiseur ? Voir cet article : Logiciels pour visualiseurs et webcam ;

Pour utiliser un scanner afin de créer des images numériques il faut d'abord un pilote. En général, on utilisera le logiciel du constructeur du scanner qui a été installé avec le pilote. Avec Gnu/Linux, on bénéficie de pilotes génériques qui permettent de faire fonctionner une très grande variété de scanners [1].

Simple-Scan

Pour numériser une image ou du texte en Gnu/Linux avec un bureau Gnome.

Les copieurs récents sont capables de scanner vers une clef usb ou d'héberger les scans que l'on peut ensuite récupérer depuis un pc sur le réseau en web en entrant l'adresse ip du copieur. Les copieurs proposent en général une très bonne qualité de numérisation, un format A3 et un trieur de documents pour scanner de nombreuses pages rapidement.


Récupérer un scan sur un copieur - Kyocera

Édition des images matricielles

Pour de l'aide et des pas-à-pas sur les trois premiers logiciels, on consultera cette page : Édition d'images.

Photofiltre

PhotoFiltre est un logiciel d'édition d'images pour PC-windows suffisamment pour être utilisés par des élèves de cycle 3 mais assez puissant pour réaliser toutes les tâches courantes qu'un enseignant peut vouloir.
Voir les tutoriels ce logiciel

XnViewMP

Afficher, classer, éditer et convertir les images, multiplateforme. Très efficace pour la modification de lots d'images.
Voir les tutoriels ce logiciel

Gimp

Édition des images, probablement le plus puissant de cette liste. Gimp est libre et multiplateforme.
Voir les tutoriels ce logiciel

Photos

Application de Windows pour afficher, classer, modifier et annoter les photos.

Dessin vectoriel

Inkscape

Le dessin vectoriel libre et multi-plateforme.

LibreOffice Draw OpenOffice Draw

Module de dessin de la suite LibreOffice / OpenOffice

Dessin matriciel

Tux Paint

Dessiner dès la maternelle.

Paint 3D

Application pour Windows qui permet de dessiner et de manipuler des modèles 3D.

Captures d'écran

Capture d'écran et croquis

Application de Windows pour créer des captures d'écran et les annoter.

Capture

La capture d'écran sur les bureaux Gnome.

Firefox

Pour capturer des pages web : capturer un élément de la page, la page visible ou la page entière.

Applis mobiles pour Android et iOS

Prise de vue

Simple Camera

Si l'appli de prise de vue de votre matériel Android est décevante, voici une alternative simple convaincante.

Open Camera

Pour un appareil photo Android qui offre plus de réglages : verrouillage de l'exposition et de l'orientation, télécommande Bluetooth, format de fichier (jpg, png et webp), bracketing, infos exif, sensibilité, intervallomètre,...

Appareil Photo

L'appli iOS de prise de vue.

Light Trace Artist

Une appli pour faire du lightpainting facilement. L'appli a deux modes : photo et crayon. On peut s'en servir pour capturer sur une tablette, pendant qu'on l'utilise sur d'autres appareils comme sources de lumière.

La plupart des marques de copieurs ont une appli mobile qui permet de scanner (et imprimer) depuis une tablette. Pour certains supports (affiche, production graphique, double page de manuel,...) le résultat est bien meilleur et rapide qu'une photographie [2]

Édition

Galerie Simple Les constructeurs proposent tous une appli par défaut qui gère les photos et permet de les éditer, on trouve le meilleur et le pire... Cette appli opensource Android permet le recadrage, redimensionnement, annotation, filtres, ... sans pub. Elle remplacera celle de vos tablettes qui ne vous conviendrait pas.	Image Pipe Redimensionner des images à la volée une par une ou par lots.	Photo Compress Appli Android pour redimensionner et compresser les images par lots ...	Batch Resize Redimensionner un lot d'images avec un iPad.
Photos La photothèque des iPads : classer, annoter, recadrer,...	Pixel Station Créer et animer des images pixel art.	PrivacyBlur Flouter ou pixeliser des zones sur une images.

Capture d'écran

Screenshot Tile

Pour ajouter un bouton « capture d'écran » au volet des raccourcis Android.

Outils et ressources en ligne

Édition

Travailler en ligne sans avoir rien à installer ça a l'air plus simple, mais :

les gros fichiers qui doivent traverser le web prennent du temps de chargement ;
les images qui contiennent des données personnelles (visage, texte, ...) ne doivent pas être envoyées n'importe où !

On choisira donc autant que possible des outils qui travaillent localement (sans envoyer les images sur un serveur).

pQina

Un éditeur de photos dans le navigateur qui travaille localement sans envoyer les images sur internet.

Redacted

Flouter, pixeliser ou noircir une zone sur une image.

TinyPng

Optimiser (« tinyfier ») les images. Environ 2/3 de gain sur des PNG en conservant la transparence. D'après les « Terms of use » le site conserve les images 48h maximum.

Remove BG

Détourer des photos automatiquement ? Sans lasso ni baguette magique ? Oui c'est possible...

Rasterbator

Créer des affiches et posters grands formats à partir d'images...

Télécharger des images

Des images libres de droits

Clic images

Une banque de plus de 1000 illustrations indexées et libres de droits (sous licence Creative Commons niveau paternité 2.0).

ARASAAC

Une vaste collection de pictogrammes.

Abuledu Data

Un moteur de recherche d'images, de sons, de textes, libres pour l'éducation.

Sclera Pictogrammes

Sclera propose un moteur de recherche, un index et des téléchargements par catégories pour trouver des pictogrammes. Ils sont tous libres de droit.

Lumni/Éduthèque

Un certain nombre de partenaires Éduthèque, offrent des images à télécharger : citons en particulier « L'histoire par l'image », « RetroNews », « Panorama de l'art », le Muséum d'Histoire Naturelle, Le Louvre, ...

Héberger, publier une image

En premier lieu, on pensera à l'ENT de l'école si on a un. Mais on peut avoir besoin d'un lien direct sans authentification ou que l'image soit publique et accessible par tous.

Nextcloud d'apps.education.fr

Une images déposée dans le Nextcloud de la boite peut être partagée par lien qu'il est aisé de distribuer.

Lutim

Le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires, Chatons, propose des instances de Lutim gratuites pour utiliser le service

Thinglink

Une webapp pour publier une image et l'enrichir avec des liens et d'autres médias.

Réglementation

Il y a deux axes principaux qui concernent les images dans la réglementation :

le droit à l'image avec :
- l'autorisation de prise de vue ;
- l'autorisation de publication ;
la propriété intellectuelle, les droits d'auteur.

Autorisation parentale

Eduscol a conçu un document qui permet de recueillir l'autorisation de tout cela à la fois pour l'image et la voix : voir sur cette page. Il va de soi qu'il faut conserver ces autorisations (et probablement déclarer ces traitements (recueil et conservation) dans le registre RGPD académique).

Et pour réfléchir un peu sur les pratiques photos de l'enseignant dans sa classe, un court article qui pose bien les choses : Un cadre pour la photo numérique scolaire.

Droits d'auteurs

Pour l'utilisation d'images produites par autrui, s'ajoute la dimension des droits de l'auteur. Par défaut, partons du principe que tout ce qui n'est pas explicitement autorisé est interdit. Formulé autrement on n'utilisera que des images libres pour nos publications.

Si l'enseignant utilise les images en classe (projection) ou dans un ENT, il a un peu plus de droits car il bénéficie de l'exception pédagogique pour les œuvres protégées (BO du 29/09/2016), les limites sont précisées dans le contrat établi avec le centre français de la copie, le résumé publié sur cette page devrait être connu de tous les enseignants.

Des activités

Initiation à la photo en maternelle

La construction du regard commence en cycle1, le détail de ce projet sur ce site Canopé, « Initiation à la photo en maternelle » :

Découvrir des notions de cadrage ;
Acquérir le vocabulaire spécifique ;
Verbaliser, argumenter ses choix.

Photographie à l'école - un projet unique d'éducation du regard

Le site présente des projets photos conduits avec la maison de la photographie Robert Doisneau de Gentilly. https://photographiealecole.com/

Photomontages et roman photo à l'école primaire

Présentation de projets, ac-poitiers, 2012 et 2017 :

Des pistes plastiques pour travailler la photo en classe

Un grand pdf richement illustré pour de nombreuses pistes sur la photo à l'école : « Des pistes plastiques pour travailler la photo en classe », CPD Arts 77, 2019.

Pratiquer la photographie en arts visuels

Tous cycles. Une séquence et des outils pour se lancer. Le projet utilise une site de la BnF avec des supports pédagogique sur Atget. Pratiquer la photographie en arts visuels, CPDAV 42, 2014-2017

Créer des images animées

Il est possible de créer des images animées simplement à partir d'une série d'images fixes ou d'une vidéo. Pour cela on utilisera Gimp sur PC, ou l'appli Galerie des tablettes Samsung ou Video Transcoder.

[1] Ne jetez pas vos vieux scanners usb qui ne sont plus reconnus par Windows 10 faute de pilote car ils fonctionnent probablement très bien avec un PC Gnu/Linux...

[2] Kyocera Android/iOS, Minolta Android/iOS, ... une recherche dans les magasins d'applications ou sur le site du constructeur du copieur permet de trouver les applis.

Transformer un panoramique au format 2:1

Waielbi — 2021-03-15T20:47:12Z

Utiliser une image panoramique et la transformer au format 2:1 pour pouvoir l'utiliser avec certaines applications web.

Pourquoi ?
Avec XnView MP
Avec Gimp
Avec PhotoFiltre

Pourquoi ?

On vient de créer une image panoramique, c'est à dire une image dont la largeur dépasse le standard 3:2 des photographes pour aller jusqu'à 1:3, 1:5,... (trois fois plus large que haute, 5 fois plus large que haute,...). Voire créer une image « en 360° » c'est à dire la capture des 360° d'angle de vue qui entourent le photographe. C'est facile avec les appareils photos des smartphones et tablettes.

On souhaite à présent utiliser cette image dans une application telle Thinglink pour l'animer. Et là... ça ne fonctionne pas on me demande une image en 2:1.

On va donc ajouter des bandes noires (ou blanches...) au-dessus et en-dessous de l'image pour atteindre ce format 2:1 dans rogner dans l'image.


Transformer un panoramique au format 2:1

Avec XnView MP

Lancer XnView et ouvrir l'image à modifier :

Lancer XnView et ouvrir l'image panoramique
Redimensionner l'image sans déformation pour que la largeur soit paire et inférieure au maximum imposé par l'appli dans laquelle on compte l'utiliser :

Redimensionner l'image à une largeur paire
Menu « Image » → « Recadrage... » :

« Recadrage... » par le menu « Image »
Décocher « Conserver le ratio » et entrer la moitié de la largeur comme valeur de hauteur (ici 3500 pixels de haut pour 7000 de large), vérifier que la couleur de fond est bien le noir et régler la position sur « Centré » :

Redimensionner le canevas en 2:1
Enregistrer une copie de l'image avec « Enregistrer sous... » :

Enregistrer le résultat sans écraser l'original

Avec Gimp

Lancer Gimp et ouvrir l'image à modifier :

Lancer Gimp et ouvrir l'image panoramique
Redimensionner l'image sans déformation pour que la largeur soit paire et inférieure au maximum imposé par l'appli dans laquelle on compte l'utiliser :

Redimensionner l'image à une largeur paire
Par le menu « Image » → « Taille du canevas... », redimensionner en 2:1 en entrant une valeur de hauteur moitié de la largeur, décocher la chaîne qui lie les valeurs largeur et hauteur si elle était cochée, cliquer sur « Centrer » pour que la photo soit centrée verticalement dans l'image. Choisir « Couleur d'arrière-plan » dans « Remplir avec » et régler la couleur d'arrière-plan sur noir :

Redimensionner le canevas en 2:1
Si le haut et le bas de l'image sont transparents (damier), choisir « Aplatir l'image » dans le menu « Image » en ayant soins de régler la couleur d'arrière plan (sur noir par exemple) :

Applatir l'image
Exporter l'image en jpg avec « Fichier » → « Exporter sous... »

Avec PhotoFiltre

Lancer PhotoFiltre et ouvrir l'image à modifier :

Lancer PhotoFiltre et ouvrir l'image panoramique
Redimensionner l'image sans déformation pour que la largeur soit paire et inférieure au maximum imposé par l'appli dans laquelle on compte l'utiliser :

Redimensionner l'image à une largeur paire
Par le menu « Image » → « Taille de la zone de travail... », redimensionner en 2:1 en entrant une valeur de hauteur moitié de la largeur, cliquer sur le carré du centre dans « Position » pour que la photo soit centrée verticalement dans l'image. Choisir la couleur d'arrière-plan dans « Fond » :

Transformer un panoramique au format 2:1
Enregistrer une copie de l'image avec « Enregistrer sous... » :

Enregistrer le résultat sans écraser l'original

Édition d'images

Waielbi — 2017-12-09T15:20:36Z

Des modes opératoires illustrés de copies d'écrans et commentés pour se faire la main sur l'édition basique d'images numériques. La première partie de cette page décrit trois logiciels faciles d'accès puis détaille leur installation (Windows) et leur prise en main.

Ensuite, on décrit les principales transformations simples d'images et les modalités pour les mettre en œuvre sur ces trois logiciels.

Les fichiers de cette page ont été faits pour un parcours en ligne sur les images numériques qui commençait par des généralités sur les images numériques (images matricielles vs vectorielles, paramètres de qualité des images matricielles). Vers la page d'accueil du parcours dans un nouvel onglet.

Quelques logiciels simples d'accès pour éditer les images

Dans le diaporama interactif ci-dessous, sont présentées quelques caractéristiques des trois logiciels choisis (PhotoFiltre, XnViewMP et GIMP) afin d'aider le choix. En cliquant sur l'icône de ces logiciels on accède à un diaporama sur l'installation et la prise en main du logiciel. Pour avancer le diaporama cliquer/taper sur la diapo ; reculer : Clic-droit ; zoomer/dézoomer : molette ou pince. Les liens sont en général signalés en bleu...

Quelques logiciels pour l'édition d'images - Clic pour afficher dans cette page

Quelques transformations simples

Une fois le logiciel installé et apprivoisé, passons aux transformations. Le diaporama ci-dessous apporte quelques explications sur les transformations les plus simples et permet d'afficher des modes opératoires pour chacun des trois logiciels. Les transformations abordées ici sont :

la conversion (transcodage) des images numériques ;
le redimensionnement ;
le recadrage ;
les rotations (90-180°) et les symétries ;
la rotation « libre » d'une image ;
le « noir et blanc » ou plus exactement le passage en niveaux de gris.

À la fin de chaque pas-à-pas, on peut télécharger un fichier pdf qui reprend les étapes.

Quelques transformations d'images - Clic pour afficher dans cette page

Documents au format pdf

Transformations des images - Les liens ci-dessous ouvrent un diaporama interactif Sozi.
Exporter et convertir une image d'un format de fichier à un autre - Transcoder Clic pour afficher dans cette page	GIMP - Exporter et convertir des images	XnView MP - Exporter et convertir des images	PhotoFiltre - Exporter et converir des images
Redimensionner une image Clic pour afficher dans cette page	GIMP - Redimensionner une image	XnView MP - Redimensionner une image	PhotoFiltre - Redimensionner une image
Recadrer une image Clic pour afficher dans cette page	GIMP - Recadrer une image	XnView MP - Recadrer une image	PhotoFiltre - Recadrer une image
Opérer une rotation de 90°-180° ou une symétrie sur une image Clic pour afficher dans cette page	GIMP - Rotations et symétries	XnView MP - Rotations et symétries	PhotoFiltre rotations et symétries
Rotation libre d'une image, rétablir l'horizon Clic pour afficher dans cette page	GIMP - Rotation libre sur une image	XnView MP - Rotation libre sur une image	PhotoFiltre - Rotation libre sur une image
Transformer une image couleur en niveaux de gris Clic pour afficher dans cette page	GIMP - Convertir en niveaux de gris	XnView MP - Convertir en niveaux de gris	PhotoFiltre - Convertir en niveaux de gris

Produire un format vidéo bizarre...

Waielbi — 2017-08-26T16:55:44Z

Faire une vidéo dont les dimensions ne sont pas standards (par exemple la vidéo de couverture de Facebook, 820x312 pixels, soit une forme bien plus large que du 16:9...) en utilisant un gabarit. Pour cela il nous faut un logiciel de montage multi-piste qui supporte le redimensionnement des vidéos. Ici on utilise Kdenlive, mais cela fonctionne aussi très bien avec Adobe Premiere Element. Pour la dernière étape on utilise FFmpeg, pour la création du gabarit on utilise Gimp.

Créer le gabarit de montage

La première étape du projet est de fabriquer le gabarit de montage. On utilise Gimp [1] . On crée une image de 1920x1080 pixels avec un fond transparent. 1920x1080 c'est le format d'origine de notre vidéo, évidemment on adapte aux autres formats (1920x1440, 1280x720,...) en fonction de notre appareil de capture vidéo. Si l'on souhaite réaliser un montage à partir de vidéos dans des formats différents, c'est tout à fait possible, il suffit de choisir le format de gabarit le plus adapté à notre projet.


Créer une image avec transparence

Puis on rempli cette image avec du noir :


Remplir avec le pot de peinture

On crée une sélection rectangulaire de 820x312 pixels que l'on positionne à 550 et 384 pixels (au centre de notre gabarit). Pour cela on se sert des options de l'outil de sélection rectangulaire :


Positionner la sélection


Sélectionner les 820x312 pixels centraux

Évider cette sélection pour créer la fenêtre (touche suppr) :


Création de la fenêtre dans le gabarit

Enfin on rend le tout légèrement transparent, à l'aide de l'outil calque et de son curseur « Opacité » :


Rendre le gabarit transparent (60%)

Voici donc notre gabarit que l'on va pouvoir importer dans le logiciel de montage, ici Kdenlive [2] :


Gabarit de montage à importer dans le logiciel de montage vidéo

Si nos fichiers vidéos ne sont pas de 1920x1080 mais de 1920x1440 par exemple, il faudra adapter le gabarit.

Voici le fichier xcf (Gimp) avant export en png :


Gabarit de recadrage avant export en png

Montage

On lance Kdenlive, puis on vérifie que les réglages du projet (Menu « Project » → « Project settings » ) correspondent à ce qu'on souhaite (ici 1920x1080)


Propriétés du projet

Ensuite on importe nos « clips » par le menu « Project ». On prend soin de placer le gabarit au premier plan (piste vidéo1), il doit être sur le haut de la pile.


Les vidéos sous le gabarit

On étire la durée de notre gabarit autant que nécessaire, puis on place les vidéos dans les pistes sous-jacentes. On voit la vidéo à travers la fenêtre et on visualise ce qui sera hors-cadre grâce à la transparence du gabarit.


Effet Pan/Zoom

On ajoute l'effet « Pan / Zoom » : clic-droit sur le clip sans la table de montage puis « Add Effect » → « Crop and Transform » → « Pan and Zoom ». Alors des poignées apparaissent sur la vidéo dans le « Project Monitor » et on peut redimensionner et déplacer notre vidéo par rapport au gabarit pour y faire apparaître ce que l'on souhaite


Redimensionnement et déplacement de notre vidéo

Une fois notre montage terminé, on supprime le gabarit de la piste 1, ou on le réduit pour qu'il ne dépasse pas la durée de montage :


Adapter la durée du gabarit à celle du projet ou supprimer le gabarit

Puis on demande un rendu avec le menu « Project » → « Render »


Réglages de rendu de la vidéo

On gagne du temps en enregistrant notre fichier vidéo dans le dossier personnel car on va utiliser le terminal pour découper le gabarit avec FFmpeg.


Rendu en cours

Une fois le fichier vidéo créé, il ressemblera à cela :

Résultat du montage en 1920x1080

Affiché en 640x360, utiliser le lien ci-dessous télécharger le fichier.


Résultat du montage en 1920x1080

Crop

On va se servir de FFmpeg [3] pour retailler l'image, le but étant de supprimer tout ce qui est autour de notre fenêtre. Pour cela on utilise la commande suivante

ffmpeg -i vid_couv.mp4 -vf crop=820:312:550:384 -strict -2 vid_couv_cropped.mp4

Les paramètres de crop correspondent à la dimension de la vidéo finale et aux coordonnées du coin haut gauche en pixels, ici x=550 pixels et y=384 pixels

Exemple

On peut tout à fait combiner les pistes de différentes façons pour créer une mosaïque, comme dans cet exemple :

Vidéo de couverture pour une page Facebook

[1] Gimp : logiciel libre d'édition d'images. https://www.gimp.org/fr/

[2] Kdenlive : logiciel d'édition vidéo libre, https://kdenlive.org/

[3] FFmpeg est une collection d'outils libres pour l'édition et la conversion vidéo, https://ffmpeg.org/