Enseignement de l'informatique et du numérique au lycée Boissy d'Anglas
https://icn-isn-boissy.yj.fr/wp/2018/01/07/activite-n1-creer-un-gif-anime-avec-le-logiciel-gimp/
Export date: Tue Apr 23 15:22:00 2024 / +0000 GMT

Activité n°1 : Créer un GIF animé avec le logiciel GIMP


Nous utiliserons le logiciel d'édition et de retouche d'image GIMP. GIMP est un logiciel gratuit et libre diffusé sous la licence GPLv3 1 disponible pour la plupart des systèmes d'exploitation.
Logo GIMP
Logo GIMP

1ère étape : Ouvrir le logiciel GIMP

Ouvrir le logiciel GIMP, qui se trouve sur le disque virtuel V:, dans le répertoire GIMP 2.

Conseil : GIMP ouvre par défaut des fenêtres de partout. Il est possible de les organiser plus clairement en sélectionnant dans le menu Fenêtres le "Mode fenêtre unique".

2ème étape : Créer un premier GIF animé

Télécharger les quatre images ci-dessous :
Image n°1 Image n°2 Image n°3 Image n°4
Artiste, image 1 Artiste, image 2 Artiste, image 3 Artiste, image 4
Puis réaliser, à partir du tutoriel n°3, du tutoriel d'initiation à GIMP du Lycée Général et Technologique de Lorgues 3 2 le GIF animé ci-dessous.

Attention : avec la version utilisée au lycée, pour obtenir un GIF il faut choisir Fichier / Exporter sous (et non Fichier / Enregistrer sous).

Il est cependant conseillé d'enregistrer également votre travail au format utilisé par gimp, le format XCF. Pour cela choisir Fichier / Enregistrer sous.

Voici le premier GIF animé à réaliser :
1er GIF animé à réaliser
1er GIF animé à réaliser

3ème étape : Ajouter un fond transparent

Il est préférable pour une illustration destinée à intégrer une page web d'utiliser un fond transparent. À partir du tutoriel n°1, du tutoriel d'initiation à GIMP du Lycée Général et Technologique de Lorgues 3 2 rendre le fond des calques transparent. Le GIF doit maintenant ressembler à cela :
2ème GIF animé à réaliser
2ème GIF animé à réaliser

4ème étape : Gérer les paramètres d'affichage des calques

Le GIF réalisé à l'étape 3 ne va pas : les images des différents calques se superposent. Pour avoir ce que l'on veut, il faut ajouter au nom des calques les mots-clés :
  • (replace) : pour que chaque image remplace la précédente.
  • ou (combine) : pour que chaque image se rajoute à la précédente.
De plus, il est possible de changer la durée d'affichage d'un calque en indiquant le temps entre parenthèse. Par exemple pour qu'un calque remplace l'image précédente et s'affiche pendant 500 milliseconde, lui donner comme nom :

nom du calque (replace) (500ms)

Utiliser ces paramètres pour obtenir un GIF animé qui ressemble à ça :
3ème GIF animé à réaliser
3ème GIF animé à réaliser

Pour les plus rapides : essayer de reproduire le GIF animé suivant (noter l'apparition et la disparition de la tâche rouge).

GIF animé, variante
GIF animé, variante

Pour les curieux : vous pouvez consulter le site bestanimations.com 4 (d'où sont tirées les images de cette activité) pour découvrir des œuvres d'art célèbres transformées en GIF animé.

Puis passer à l'activité suivante. 5
Links:
  1. https://www.gnu.org/licenses/quick-guide-gplv3.fr. html
  2. http://ap.seconde.lorgues.free.fr/Documents/Gimp/I nitiation_Gimp.pdf
  3. http://ap.seconde.lorgues.free.fr/Documents/Gimp/I nitiation_Gimp.pdf
  4. http://bestanimations.com/Careers/Art/Art.html
  5. http://icn-isn-boissy.yj.fr/wp/2018/01/07/activite -n2-retoucher-une-peinture-celebre/
Post date: 2018-01-07 22:04:22
Post date GMT: 2018-01-07 21:04:22

Post modified date: 2019-01-17 17:33:02
Post modified date GMT: 2019-01-17 16:33:02

Export date: Tue Apr 23 15:22:00 2024 / +0000 GMT
This page was exported from Enseignement de l'informatique et du numérique au lycée Boissy d'Anglas [ https://icn-isn-boissy.yj.fr/wp ]
Export of Post and Page has been powered by [ Universal Post Manager ] plugin from www.ProfProjects.com