Tutorial Gimp : creer un gif animé avec Gimp

Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Fil RSS Infetech
The Gimp : Tous les tutoriaux!
Accueil
Tutorial Gimp : creer un gif animé avec Gimp
creer un gif animé facilement avec gimp
mardi 10 janvier 2006
Annonces Google
Logiciel Gimp Gratuit
Programme de création graphique et de retouche
photo très puissant !
www.Super-Logiciel.com/Gimp
Graphisme
Création d'Images Gif
Crée Facilement des Animations Gif Télécharge
Gratuitement le Logiciel
eoRezo.com/Creation_Gif
Gimp les tutoriaux the gimp
Illustrator
Paintdotnet: tutorial paint.net
Painter
Photoshop
Ressources graphiques
Création Sites Web
Votre site internet sur mesure au meilleur prix ! Devis
gratuit
Logiciel d'aérographie
Simple et rapide à utiliser Testez-le
gratuitement !
www.PortraitPro.fr
www.votreboite.fr
Guide et outil referencement
Logiciels et sites divers
1 sur 14
Nous allons dans ce tutorial creer un gif animé facilement en 10-15 min chrono.
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
Materiel
carte graphique
Disques durs
Graveurs lecteurs cd et dvd
Memoire vive
Processeur
http://www.infetech.com/article.php3?id_article=88
Avant de commencer ce tutorial, je vous conseille de réaliser en premier ce
tutorial (plus simple) pour creer un gif animé à partir de plusiseurs de vos
images : creer gif animé simple
Zone annuaire
Annuaire des sites
Zone liens externes
Rechercher
Les tutoriaux The gimp
Tutorial The Gimp : Pixel stretching
Tutoriel carte cliquable avec the gimp
( image map )
Tutorial the gimp : montage photo
telephone portable
Tuto gimp : peinture sur corps
(spécial coupe du monde !)
Tutorial Gimp : aura autour d’un
personnage
Telecharger The Gimp
Tutorial Gimp : texture acier brossé
The gimp tutorial : effet photo
polaroid
The gimp tutorial : faire un code
barre
Tutorial Gimp : Changez la couleur de
votre voiture avec les masques de
calque !
Un peu de pratique ! Si vous voulez créer un GIF animé, GIMP est l’outil ultime.
Voilà comment il fonctionne :
Une possibilité des calques est de pouvoir creer une image gif. Ainsi, chaque calque
representera une image. En enchainant les calques on va donner l’illusion du
mouvement. Dans cet exemple, nous allons réaliser un logo tournant sur lui même.
Pour se familiariser avec les calques, vous pouvez consulter ce tutorial : tutorial
calque
Nous allons voir comment creer un gif animé de ce type :
1- Configuration de Gimp :
On ouvre gimp et on fait apparaitre la boite de dialogue calque en faisant :
Articles aléatoires
Tutorial photoshop : colorier la peau
www.boursier.com
Tutorial gimp realiser une banniere
electro
Faire un gif animé avec ImageReady
Logiciels de benchmark
Tutorial gimp : recadrer une photo
2 sur 14
Fichier->Dialogue->Calque
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Mettre le logiciel paint.net en
français.
Partenaires
Faire un echange de lien
Heberger Images
Tutorial Photoshop
Aide Informatique
Kit Graphique .Net
Partage de fichiers
Location Vacances
Disque dur
Tutoriaux Photoshop
Smtechnologie
Annuaire web
Referencement
Referencement Page1
échantillons gratuits
rencontre
chat
Annuaire generaliste
Gagner des cadeaux
La boite suivante s’affiche alors :
3 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Cette boite nous servira à manipuler les différents calques qui composeront le gif
animé.
2- Réalisation du gif animé.
Nous ouvrons pour l’exemple l’image qui sera appliquée sur toutes les faces du cube :
En l’ouvrant, celle-ci apparait automatiquement dans la liste des calques comme
calque d’arriere plan :
4 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Comme on l’a dit, c’est l’enchainement des calques qui va produire le mouvement, on
crée donc un nouveau calque en dupliquant le premier (vous me suivez toujours ?).
Pour duplique le premier calque, il suffit de faire un clic droit dessus et choisir
dupliquer le calque :
5 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
6 sur 14
http://www.infetech.com/article.php3?id_article=88
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Ce calque sera notre premiere image, et sera donc sur la premiere face du cube. On
recommence l’opération 7 fois pour obtenir au final 9 calques. Si, il y a un calque en
trop, vous pouvez l’effacer en faisant un clic droit dessus et supprimer le calque.
Maintenant que tous nos calques sont prets, on peut commencer à transformer chaque
calque en une image du cube en rotation. On selectionne le premier calque en cliquant
dessus :
On va alors transformer ce calque en faisant |filtre->carte->plaquer sur un objet|
7 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Une boite de dialogue s’ouvre, on décoche creer une nouvelle image et on choisit
parallelepipede (ouf...) rectangle.
8 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
On va ensuite dans l’onglet orientation pour définir le sens dans lequel va tourner le
cube (le parall...). Pour l’exemple on va faire tourner la boite (plus facile à écrire...) de
haut en bas, il faudra donc modifier le valeur de x à chaque image. Comme c’est la
premiere image, on passe x à -10 (la derniere image sera à -89,5 vous verrez
pourquoi).
9 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
En validant, gimp applique alors le filtre au nouveau calque. Victoire, voici une image
de faite ! Plus que 700 ! Non je rigole, pour que l’animation soit suffisamment
"legere", on va décomposer le mouvement en 9 images (une tous les 10°).
Deuxieme image, on selectionne le deuxieme calque en cliquant dessus et à nouveau
on fait :
filtre->carte->appliquer sur objet
Dans le menu orientation, on choisit x= -20.
On reproduit la même opération jusqu’au dernier calque avec x=-89.5. On met 89.5
car il semble y avoir un petit bug lorsque le cube est parfaitement de face. La
différence de 0.5° sera invisible lors de l’animation.
Voilà, maintenant nous avons nos neuf calques. on peut jouer l’animation en faisant :
10 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
filtre->animation-> rejouer l’animation
On peut alors visionner le resultat afin de verifier que le mouvement est bien fluide en
faisant jouer.
11 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Si tout marche, nous pouvons enregistrer notre fichier au format gif en faisant :
fichier->enregistrer sous et choisir le formar gif. Si tout va bien, vous devriez obtenir
ça :
Pour tout problème contactez nous. Nous ajouterons les solutions ici :
Conseils :
Si il y a un probleme, vous pouvez faire un pas à pas afin de voir quel(s) calque(s) il
faut retoucher avec l’outil rejouer l’animation.
Vous pouvez travailler sur le mauvais "calque" dessus en cliquant dessus dans la boite
calque. Si vous voulez voir le calque, il faut "cacher" le temps de la retouche les
calques qui sont au dessus de lui. Vous pourrez les ré-afficher plus tard.
12 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
Un bug dans le tutorial a été rapporté par "omalibu" :
Problème constaté : En suivant scrupuleusement le tutoriel on obtient effectivement
un gif animé mais l’image ne remplie pas complètement les cotés du paralépipède :
L’opération qui pose problème est le changement d’orientation de chaque claque.
Curieusement, il n’y a qu’un seul calque dont l’image remplie complètement le
paralépipède, le premier (-10°), tous les autres calques posent problème. J’ai fait des
13 sur 14
25/05/2009 16:25
Tutorial Gimp : creer un gif animé avec Gimp
http://www.infetech.com/article.php3?id_article=88
essais durant plusieurs heures pour me rendre compte au final qu’il falait commencer
par le bas pour que ce problème n’apparaisse pas (calque -89,5°, puis -80°, etc).
Articles liés à Tutorial Gimp : creer un gif animé avec Gimp:
Tutorial Gimp : aura autour d’un personnage
The gimp, nouvelle version
The gimp : effet vapeur
Tutorial Gimp : retoucher les yeux rouges.
Tutorial Gimp : texture acier brossé
Tutorial gimp : recadrer une photo
Tutorial Gimp : Changez la couleur de votre voiture avec les masques de calque !
Tutorial The Gimp : Pixel stretching
Tous les articles de la rubrique
14 sur 14
25/05/2009 16:25