Faire un GIF animé (version Photofiltre & Unfreez)

[Tyne]

<p style="text-align:center;">Ah que coucou tout le monde!</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Alors comme il n'y a pas encore énormément de tutos de graphisme je me suis dit qu'il fallait y remédier. Donc aujourd'hui je vais vous apprendre (ou vous faire revoir selon les personnes) à faire un GIF animé.</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><span style="font-size:14px;"><em>GIF: Le <b>Graphics Interchange Format</b> (littéralement « format d'échange d'images »), plus connu sous l'acronyme <b>GIF</b> [<span style="font-family:'DejaVu Sans', 'Doulos SIL', 'Lucida Grande', 'Segoe UI', 'Arial Unicode MS', 'Adobe Pi Std', 'Lucida Sans Unicode', 'Chrysanthi Unicode', Code2000, Gentium, GentiumAlt, 'TITUS Cyberbit Basic', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode', sans-serif;">ʒif</span>] (« jif », selon son créateur), est un format d'image numérique couramment utilisé sur la Toile.</em></span></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Comme je suis particulièrement flemmarde je vais reprendre le GIF animé de ma signature, et donc vous montrer pas à pas comment la refaire avec Photofiltre et Unfreez. (Vous verrez plus tard fleurir la version Gimp d'un GIF animé ainsi que la version Photoshop, histoire de le faire avec un peu tout)</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Tout d'abord il faut savoir qu'une image format GIF ne peut pas être "lisse" comme une image vectorielle, en gros si vous avez une image trop "nette" trop "parfaite" attendez vous à voir sa version GIF beaucoup plus pixelisée.</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><u><strong>Etape 1</strong></u>: Choisir une image que l'on souhaiterai animer</p>
<p style="text-align:center;">Ici je vais prendre mon petit diable que je vais coller sur une nouvelle page photofiltre</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><img alt="nlx1.png" src="https://imagizer.imageshack.us/v2/374x189q90/21/nlx1.png"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><u><strong>Etape 2</strong></u>: Choisir un texte à mettre en dessous (ou non, au choix), en ce qui me concerne j'ai choisi "Tyne is watching you. Always." Je l'ai donc écrit juste en dessous, comme ceci:</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><img alt="97y.gif" src="https://imagizer.imageshack.us/a/img855/7852/97y.gif"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><strong><u>Etape 3</u></strong>: Décomposer le GIF animé (la partie la plus longue et la plus <strike><span style="font-size:12px;">chiante</span></strike> pénible, surtout quand vous avez décidé, comme moi de faire un effet "J'écris un texte" <strong><u>ET</u></strong> que vous utilisez Photofiltre qui ne gère pas les calques) Il faut 1 image par lettre, plus les points... Donc 25 images.</p>
<p style="text-align:center;">Alors c'est très simple vous allez dupliquer votre image "finale" 25 fois (ctrl + U) et vous allez effacer 1 lettre ou 1 point à chaque image. Ensuite vous allez <strong>enregistrer</strong> tout en format <strong>GIF</strong> (sinon ça n'a aucun intérêt) ça à chaque étape comme ceci:</p>
<p style="text-align:center;"><img alt="1xc.gif" src="https://imagizer.imageshack.us/a/img27/1413/1xc.gif"/></p>
<p style="text-align:center;"><img alt="1f2.gif" src="https://imagizer.imageshack.us/a/img35/1912/1f2.gif"/></p>
<p style="text-align:center;"><img alt="xigz.gif" src="https://imagizer.imageshack.us/a/img703/6964/xigz.gif"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Pour rajouter un petit "plus" dans l'animation j'ai décidé de donner un effet miroir à mon diable pour faire comme si il dansait toute les deux lettres. Pour cela je sélectionne mon diable très près:</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><img alt="vgrq.png" src="https://imagizer.imageshack.us/v2/500x300q90/31/vgrq.png"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Puis je clique sur :</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><img alt="fua2.png" src="https://imagizer.imageshack.us/v2/100x100q90/819/fua2.png"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Et ça me donne:</p>
<p style="text-align:center;"><img alt="swxg.png" src="https://imagizer.imageshack.us/v2/374x221q90/854/swxg.png"/></p>
<p style="text-align:center;">(vous noterez le "faux raccord" car comme je viens de le re-modifier en live le diable est de nouveau dans sa position originale.)</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><strong><u>Etape 4</u></strong>: Une fois les 25 images terminées cela nous donne un dossier bien rempli. On peut alors ouvrir Unfreez qui se présente de cette manière:</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><img alt="iw66.png" src="https://imagizer.imageshack.us/v2/364x245q90/401/iw66.png"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Ensuite c'est très simple, on dépose en glissant les images que l'on veut assembler (dans l'ordre) et on choisit le Frame delay! J'ai choisi 30cs. (à vous de tester ce qui vous convient le mieux)</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><img alt="dcjr.png" src="https://imagizer.imageshack.us/v2/364x245q90/842/dcjr.png"/></p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"> </p>
<p style="text-align:center;"><strong><u>Etape 5</u></strong>: Cliquez sur "Make Animated GIF" et admirez le résultat! </p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Voilà le tuto est terminé, alors certes il est plus long que si on l'avait fait avec Gimp ou Photoshop mais j'aime bien bosser sur mes classiques de temps en temps... Et surtout je n'ai pas encore remis Photoshop sur mon PC, ni Gimp...XD</p>
<p style="text-align:center;"> </p>
<p style="text-align:center;">Si un jour vous testez ou si vous avez déjà testé, montrez le moi! Et si vous avez des questions n'hésitez pas non plus.</p>

[Indiablex]

<p>cool !!! Moi qui avait toujours voulu apprendre comment faire </p>

[Azad]

<p>Sais-tu comment faire un gif d'un extrait de vidéo ? <br/>
Bon tutoriel, +1 Rep.</p>

[Tyne]

<blockquote class="ipsQuote" data-cite="Azad" data-ipsquote="" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="3453" data-ipsquote-contentid="271" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1395697008" data-ipsquote-username="Azad"><div>
<div>
<p>Sais-tu comment faire un gif d'un extrait de vidéo ? </p><p>
Bon tutoriel, +1 Rep.</p>
</div>
</div></blockquote>
<p>Oui c'est très simple, il y a un logiciel pour ça, QGifer! Je pourrais faire un tuto dessus aussi si tu veux.</p>

[Azad]

<p>Bonne idée, ça. </p>