Les GIF animés font partis depuis plusieurs années du paysage internet, et sont également très utilisés dans les présentations. Ce tutorial vous permettra d'apprendre simplement à assembler plusieurs images afin de créer un GIF ... animé !
Bien sûr, pour créer votre propre GIF, vous devez partir d'une idée. Il y a deux sortes de GIF : les réels et les dessins. Les réels sont composés de "vrais" images, scannées ou importées numériquement, à ce moment là le GIF resemble plutôt à un film, en voici un exemple : Le GIF ressemble plutôt à un court-métrage :) Débutant s'abstenir. Vous allez donc concevoir un GIF de type dessin: C'est de suite plus facile, il vous faut donc penser à un GIF ne comprenant pas trop d'images (une vingtaine tout au plus) et qui peut se dessiner facilement.
Tout d'abord un peu de vocabulaire : les "images" qui compose le GIF et qui, en se succédant, forment l'animation s'appelle des frames.
Voici un exemple de GIF avec 8 frames :
Le poid du GIF va dépendre de 3 paramètres : La taille des frames (qui sera donc la taille du GIF), le nombre de frames et le nombre de couleurs de chaque frames. Le poid du GIF doit dépendre de son utilisation : Sur un site, il faut éviter les GIFs de plus de 10 Ko, et éviter surtout leur surnombre. Pour une application ou pour un usage personnel, peu importe son poid.
Vous avez votre idée, c'est bien, maintenant il va falloir se fixer une taille de frame en pixels, qui devra rester constante pour chaque frame. Ne perdez pas de vue que la taille du GIF est un des paramètre de son poid, donc n'ayez pas la souris trop lourde, limitez vous à des GIFs d'une taille convenable sous peine de ne plus en voir la fin.
C'est maintenant que vos outils graphiques entrent en jeu. Si vous avez un logiciel professionnel, comme par exemple PhotoShop ou PhotoExpress ou n'importe quoi d'autre, c'est bien, vous allez enfin pouvoir l'utiliser (si vous savez le faire bien sûr). Si vous n'avez rien de tous çà, utilisez Paint, il est fourni avec Windows. Si vraiment vous débutez en graphisme et que vous ne savez pas utiliser Paint, allez voir sur cette page. Vous allez donc dessiner une par une chacune de vos frames en vérifiant bien qu'elles s'enchaînent correctement. Je vous rassure c'est le plus difficile à faire, après cette étape la création du GIF ira très vite. Choisissez judicieusement les couleurs de votre GIF, si le poid doit être limité, sélectionnez-en qu'une vingtaine. N'oubliez pas de bien vous fixer une taille et de ne plus en changez, le mieux étant une frame terminée, enregistrez là puis partez de cette dernière pour créer la suivante, vous garderez ainsi la taille et vous pourrez toujours vous servir des éléments dejà présents. Enregistrez bien sûr toutes vos images au format GIF.
Vous avez toutes vos images, il va falloir maintenant les regrouper. Maios avant çà intéréssons nous au fond : Vous avez une couleur d'arrière plan pour toutes vos frames, vraisemblablement le blanc. Le problème concernant les GIFs à destination d'une page Web, c'est que le fond de votre page ne sera pas, lui, forcément blanc. Pour palier à ce petit détail technique, les concepteurs du format GIF ont eu une idée, vous pouvez sélectionnez une couleur qui servira d'arrière plan, et qui sera transformée en "couleur" transparente. Ces zones disparaîtront alors pour faire place à la couleur de fond. Nous allons donc laisser la partie graphique pour le moment pour faire place à la partie logiciel.
Il va donc vous falloir un éditeur de GIF, son rôle est simple, il prend toutes vos frames, ils vous demande quelques paramètres, ils les met les unes derrière les autres et il crée le GIF. Il est très probable, voir certain que vous n'ayez pas de logiciel adéquate, téléchargez donc GIF animator, qui est performant, simple et gratuit.
Réunissez toutes vos images dans un même répertoire, si possible sur le bureau, question de simplicité, puis exécutez GIF animator, là sélectionnez toutes vos images puis faites un glisser-déplacer sur GIFanimator jusqu'à obtenir une petite croix, Vous voyez une liste avec toutes vos images, replacez-les dans l'ordre en les glissant ou en utilisant les flèches du menu.
Quand toutes vos images sont dans l'ordre, allez dans l'onglet 'animation' puis cochez 'looping' puis 'repeat forever'. Passez ensuite à l'onglet 'image', là vous devez régler le temps d'apparition de chaque image avec 'duration', vous pouvez bien entendu sélectionner toutes les images en même temps. Je ne vous conseille pas de mettre le temps minimum car la vitesse dépendra alors du PC de l'utilisateur. Choisissez judicieusement ce temps.
Cochez ensuite 'transparency' puis cliquez sur la couleur qui est à côté : Sélectionnez alors la couleur qui deviendra transparente. Cliquez ensuite sur 'Restore Background' dans le menu 'undraw method'. Glissez enfin un petit mot doux dans le formulaire 'comment'.
Ca y est, vous n'avez plus qu'à enregistrer votre GIF. Vous avez aussi la possibilité de l'enregistrer au format .mov, mais il ne sera pas compatible avec Internet. C'est cependant un bon moyen de stocker des animations de type réel.
Sachez que ce logiciel est un très bon éditeur de GIF, et que son utilisation dépasse le cadre de ce tutorial. Cependant vous pouvez toujours tenter de nouvelles fonctionnalités, et pourquoi pas m'envoyer un tutorial sur ce logiciel. Je le diffuserai sur ce site.
Une fois vos GIFs terminés, envoyez-moi les meilleurs à darkervein@hotmail.com, ils pourront servir d'exemple pour ce tutorial.
