Petite astucienne | [hello][hello] Bonjour à tous,
Ca y est, je me lance ...
Ci dessous un petit tuto pour créer des gifs animés...
Ce tuto est fait par une débutante pour les débutants et n'a en aucun cas la prétention d'apprendre
à faire des gifs animés professionnels par conséquents,
toutes vos questions, remarques et améliorations sont les bienvenues [bigsmile][bigsmile][bigsmile]
Merci à Marie Jo pour m'avoir suggéré de me lancer dans la
rédaction d'un tuto et Merci au bipède jaunâtre sans qui je
n'aurai jamais fait un gif animé [bigsmile][bigsmile][bigsmile]
N'oubliez pas de consulter :
[url="https://forum.pcastuces.com/sujet.asp?SUJET_ID=103339"]Mettre image en signature, capture d'écran etc...[/url] par Marie Jo
[url="https://forum.pcastuces.com/sujet.asp?SUJET_ID=149085"] Liste d'hebergeurs d'images,icones,avatars,etc... [/url] par Griggione
Pour faire un gif animé, il vous faut :
1 logiciel de retouches d'images (type photoshop ou photofiltre qui lui est gratuit)
télécharger photofiltre ici : http://www.pcastuces.com/logitheque/photofiltre.htm
1 logiciel pour animer des gifs (type Gif Movie Gear (payant) ou Gif animator (gratuit).
télécharger Gif Movie Gear (GMG) ici : http://www.pcastuces.com/logitheque/gifmoviegear.htm
ou
télécharger Microsoft Gif Animator ici : http://manuelsdaide.com/Multimedia/GifAnim/GifAnimator.htm
NB : il est évident que ce ne sont pas les seuls logiciels, vous en trouverez une multitude sur le net
2 possibilités : 1. DEPART D'UNE IMAGE FIXE Prenons par exemple, la tête de ce pauvre Homer [img]http://img160.imageshack.us/img160/3576/homercrie1bb.gif[/img] NB : pensez à augmenter la taille de la zone de travail si vous voulez faire un déplacement vertical et/ou horizontal... Ouvrir le logiciel de retouches d'images et découper l'image comme ça par exemple : IMG 1 : [img width=500 height=209]http://img369.imageshack.us/img369/3074/winco13mb.gif[/img] IMG 2 : [img width=500 height=209]http://img369.imageshack.us/img369/1083/winco21jp.gif[/img] IMG 3 : [img width=500 height=209]http://img369.imageshack.us/img369/9436/winco39xp.gif[/img] IMG 4 : [img width=500 height=209]http://img122.imageshack.us/img122/4439/winco47qy.gif[/img] IMG 5 : [img width=500 height=209]http://img122.imageshack.us/img122/9848/winco57ld.gif[/img] IMG 6 : [img width=500 height=209]http://img122.imageshack.us/img122/9149/winco64do.gif[/img] IMG 7 : [img width=500 height=209]http://img122.imageshack.us/img122/9292/winco77ts.gif[/img] ensuite, Ouvrir ces gifs à la suite dans le logiciel d'animation et définir un timing (pour info, sur cette image, le timing est de 25, sauf pour la première et la dernière qui sont à 100), ce qui va donner cette image : [img width=500 height=151]http://img356.imageshack.us/img356/5756/decap11yh.gif[/img] ==> NB, cette animation est fortement séquencée, vous pouvez obtenir quelque chose de similaire avec beaucoup moins d'images ... Par exemple, cette animation est faite avec les images 1 - 2 - 3 - 6 - 7 : [img width=500 height=151]http://img6.imageshack.us/img6/7905/decap20df.gif[/img] 2. AJOUTER UN ELEMENT A UN GIF ANIME Vous avez trouvé un super gif animé sur le web pour utiliser comme signature mais vous voudriez ajouter votre pseudo ... [img]http://img123.imageshack.us/img123/3545/chat108uy.gif[/img] Ouvrir le gif animé dans le logiciel d'animation... Dans ce cas précis, le gif animé contient 42 séquences ... Nous allons donc en sélectionner 9 pour obtenir le gif suivant : [img]http://img277.imageshack.us/img277/8374/chatbis7dm.gif[/img] Dans ce cas précis, les deux prémières séquences restent en l'état, nous allons donc travailler sur les séquences 3 à 9... copier les cadres (ctrl + c) et les coller dans le logiciel de retouches d'images (ctrl + v) Nous obtenons donc les gifs suivants : IMG 3 : [img]http://img277.imageshack.us/img277/8734/chat034qx.gif[/img] IMG 4 : [img]http://img217.imageshack.us/img217/3347/chat044fv.gif[/img] IMG 5 : [img]http://img217.imageshack.us/img217/7811/chat051qk.gif[/img] IMG 6 : [img]http://img217.imageshack.us/img217/9889/chat061ix.gif[/img] IMG 7 : [img]http://img139.imageshack.us/img139/2921/chat078cy.gif[/img] IMG 8 : [img]http://img342.imageshack.us/img342/6600/chat088xi.gif[/img] IMG 9 : [img]http://img342.imageshack.us/img342/5526/chat098ju.gif[/img] Retourner les coller dans GMG, en dessous des 2 premières que nous avons gardées en l'état. Définir le timing : Il s'agit de la vitesse de l'animation [img]http://img203.imageshack.us/img203/8849/timing0rn.gif[/img] Elle est exprimée en 100ème de secondes Dans le cas de notre chat nous avons : 25 pour les 1, 2 , 3 , 4, 5, 6, 7, 8, et 60 pour la 9 On obtient le gif suivant : [img]http://img342.imageshack.us/img342/6601/pseudo9wy.gif[/img] POUR COPIER / COLLER UNE IMAGE DE GIF MOVIE GEAR VERS PHOTOFILTRE DANS GIF MOVIE GEAR Cliquer sur la première image, elle va être entourée d"un cadre rouge Faire click droit : frame properties et regarder les caractéristiques de l'image la hauteur et la longeur. Dans ce cas précis, on a largeur 100 pixels et hauteur 66 pixels. Ensuite, Edition > copy DANS PHOTOFILTRE Fichier > Nouveau > Rentrer les caractéristiques de l'image : 66 en hauteur et 100 en largeur. Coller l'image (crtl + v ou edition coller) Dans ce cas précis, nous allons rajouter le texte à droite donc, on va dans : Image > Taille de la zone de travail et on remplace 100 par 300 ATTENTION, Dans la fenêtre Taille zone de travail, mettre l'image dans le coin supérieur gauche comme dans indiqué ci-dessous : [img]http://img367.imageshack.us/img367/7600/gmgzonetravail9oj.gif[/img] Pour insérer le texte, Cliquer sur le T, choisir la police et saisir le texte dans la zone prévue à cet effet [img width=500 height=476]http://img80.imageshack.us/img80/2834/texte4gn.gif[/img] Bon Courage !!! [bigsmile][bigsmile][bigsmile] | |||||||
Publicité | ||||||||
| ||||||||
Astucienne |
[hello] Eh bien tu vois que tu y es arrivÚe [top] [fete]
Bon, me reste plus qu'Ó potasser tout þa [idee] [pleurer]
J'ai dÚja photofiltre et je vais tÚlÚcharger Gif Animator [approuve]
| |||||||
Petite astucienne |
Merci Marie Jo
[merci]
[bigsmile][bigsmile][bigsmile]
| |||||||
Petite astucienne | Oulla Svirginie,
Je viens de lire tes explications!!!!!!!!! Alors lÓ comme dis marie jo il faut que je potasse aussi car j'ai rien compris ouai
je suis nulle mais il faut que j'y arrive Ó le faire mince alors je ne suis pas plus bÛte que les autres!!!!!!!![approuve]
A+++ | |||||||
Petite astucienne | cajoline06 a Úcrit :
[hello][hello]
Qu'est-ce que tu n'as pas compris ?
Oulla Svirginie, Je viens de lire tes explications!!!!!!!!! Alors lÓ comme dis marie jo il faut que je potasse aussi car j'ai rien compris ouai je suis nulle mais il faut que j'y arrive Ó le faire mince alors je ne suis pas plus bÛte que les autres!!!!!!!![approuve] A+++ | |||||||
Petite astucienne | 2. AJOUTER UN ELEMENT A UN GIF ANIME
C'est þa que je comprends pas et tu parles de gmg pour moi dÚsolÚe je ne sais pas ce que veut dire.
Sur mon tuto tu as mis Cajoline animÚ Ó cotÚ du dauphin c'est þa que je veux. Oui je vois que tu expliques pseudo avant le chien qui cours mais gif animator je l'avais installer hier mais je n'y arrivais pas alors je l'ai supprimer!!!!![boom]
VoilÓ lÓ j'espÞre de bien m'Ûtre expliquÚ.
A+++
| |||||||
Astucienne |
[hello] cajoline,
Faut pas partir dÚfaitiste [nonnon] [bigsmile] tu rÚinstalles gif animator et photofiltre et tu les explores Ó tÛte reposÚe.
Ce n'est pas le marathon, tu vas Ó ton rythme [approuve] Ne cherche pas Ó faire une BD tout de suite [birthday]
| |||||||
Petite astucienne | lolllllll Marie jo photofiltre je l'ai oui mais gif animator
quand je l'ouvre je ne sais mÛme pas comment cela fonctionne! Ok je vais le rÚinstaller et je vais essayer de lire mieux.
Je vais aller tout doucement pour mieux comprendre.
A++ | |||||||
Petite astucienne | cajoline06 a Úcrit :
Ok alors GMG = Gif Movie Gear, c'est le logiciel que j'utilise pour l'animation (mÛme utilitÚ que Gif Animator)
Un gif animÚ est constituÚ de plusieurs gifs (mÛme principe que les dessins animÚs).
Quand tu enregistres un gif animÚ pour avoir la dÚcomposition, il faut que tu l'ouvres soit avec Gif Movie Gear, soit avec Gif Animator et tu obtiens þa :
[img]http://img9.imageshack.us/img9/9706/gmg2jr.gif[/img]
Pour ta signature, et le gif que j'ai fais avec ton pseudo, j'ai retirÚ l'image 2 et l'image 5 donc je garde ces sÚquences :
[img]http://img55.imageshack.us/img55/3112/gmg26dz.gif[/img]
Ó partir de lÓ, tu copies chaque image dans photoshop ou photofiltre et tu rajoutes Ó chaque fois ton texte dans un sens diffÚrent ...
tu enregistres les 3 images par exemple : cajoline01.gif cajoline02.gif cajoline03.gif
tu fais fichier nouveau pour gif animator et tu remets ces trois images þa devrait te donner quelque chose comme þa :
[img]http://img55.imageshack.us/img55/2482/gmg34qj.gif[/img]
tu n'as plus qu'Ó mettre le temps que tu veux (pour info, pour ta signature, j'ai mis 16 Ó chaque image)
2. AJOUTER UN ELEMENT A UN GIF ANIME C'est þa que je comprends pas et tu parles de gmg pour moi dÚsolÚe je ne sais pas ce que veut dire. Sur mon tuto tu as mis Cajoline animÚ Ó cotÚ du dauphin c'est þa que je veux. Oui je vois que tu expliques pseudo avant le chien qui cours mais gif animator je l'avais installer hier mais je n'y arrivais pas alors je l'ai supprimer!!!!![boom] VoilÓ lÓ j'espÞre de bien m'Ûtre expliquÚ. A+++ | |||||||
Petite astucienne | Ok Svirginie lÓ je comprends mieux ok je vais essayÚ de le faire. Et dÞs que je l'aurais fait je vous le montrerais.
Mais dis moi gif animator il est gratuit pour quelques jours si ma mÚmoire est bonne ? Ou gratuit tout le temps ?
Bon je vais aller potasser merci Svirginie [rougir][bigsmile]
A ++ | |||||||
Petite astucienne | cajoline06 a Úcrit :
Non gif animator est, je crois, gratuit tout le temps ...
Gif Movie Gear est "gratuit" 30 jours
viens nous montrer ton gif dÞs que tu l'as fait
Ok Svirginie lÓ je comprends mieux ok je vais essayÚ de le faire. Et dÞs que je l'aurais fait je vous le montrerais. Mais dis moi gif animator il est gratuit pour quelques jours si ma mÚmoire est bonne ? Ou gratuit tout le temps ? Bon je vais aller potasser merci Svirginie [rougir][bigsmile] A ++ | |||||||
Petite astucienne | ok pas de problÞme mais au faite je le met comment dans signature je refais comme pour le dauphin l'installation ?
| |||||||
Petite astucienne | cajoline06 a Úcrit :
Oui exactement
ok pas de problÞme mais au faite je le met comment dans signature je refais comme pour le dauphin l'installation ? | |||||||
Petit astucien | Bonjour Cajoline [hello]
Tu fais le bon choix en dÚcidant de faire des essais.
C'est le meilleur moyen de progresser.
Publie les ensuite ici, on te dira ce qui cloche (si quelque chose cloche bien s¹r)... ce sera plus facil pour nous d'appliquer des corrections sur un travail fourni par toi.
Pour ce qui est de GMG (Gif Movie Gear) en effet c'est un log payant, mais tu peux l'utiliser assez longtemp avant d'etre obligÚ de le payer.
þa te laisse largement le temps d'apprendre, te perfectionner et de faire ta signature.
A bientot et post nous vite tes gifs. [hello]
| |||||||
Astucien | [hello] svirginie [smack]
Ouuufff ! Quel toopiiiiccc [happy]
Super explicite, trÞs bien fait les explications en images,
Chapeau bas Madame de bouriquette [top][top][top][top][top][smack][smack] | |||||||
Petite astucienne | tjlouis a Úcrit :
Merci Tjlouis [smack] [chinois][chinois][chinois]
[bigsmile][bigsmile][bigsmile][bigsmile]
[hello] svirginie [smack] Ouuufff ! Quel toopiiiiccc [happy] Super explicite, trÞs bien fait les explications en images, Chapeau bas Madame de bouriquette [top][top][top][top][top][smack][smack] | |||||||
Groupe Sécurité | [hello] Tout le monde, je suis un dÚbutant en gif mais je ne comprend rien du tout, quand je veux enregistrer mon gif, il y a toujours un poteau qui apparait sur la trajectoire de mon aigle [bigsmile][bigsmile]
Comment cela ce fait ? [bigsmile][bigsmile][bigsmile] | |||||||
Petite astucienne | desch a Úcrit :
Euh, þa c'est normal ...
Aigle Borgne [bigsmile][bigsmile][bigsmile]
[hello] Tout le monde, je suis un dÚbutant en gif mais je ne comprend rien du tout, quand je veux enregistrer mon gif, il y a toujours un poteau qui apparait sur la trajectoire de mon aigle [bigsmile][bigsmile] Comment cela ce fait ? [bigsmile][bigsmile][bigsmile] | |||||||
Groupe Sécurité | Mais pourquoi ?[dent] | |||||||
Astucien | desch a Úcrit :
tel ta devise "Droit au poteau" [bigsmile][bigsmile][bigsmile]Mais pourquoi ?[dent] | |||||||
Petite astucienne | desch a Úcrit :
Euh ben parce que tu es myope et borgne
[bigsmile][bigsmile][bigsmile][bigsmile]
Mais pourquoi ?[dent] | |||||||
Petite astucienne | Ouinnnnnnn j'arrive plus a tÚlÚcharger gif animator il me met directement dans zip(winace Archiver V2.2) et je ne sais pas m'en servir de ce zip je n'ai jamais fait[boom] Au secours aidez moi je sais plus koi faire.
J'ai des logiciels comme microsoft photo editor, photfiltre et Nvu cela peut remplacer gif animator ou je dois le mettre et s'il faut le mettre comment je fais pour ce zip de malheur inconnu moi ce zip.[bombe] | |||||||
Petite astucienne | cajoline06 a Úcrit :
Tu as essayÚ en cliquant sur le lien que je donne ???
Tu devrais tÚlÚcharger un point exe... [bigsmile][bigsmile][bigsmile]
Ouinnnnnnn j'arrive plus a tÚlÚcharger gif animator il me met directement dans zip(winace Archiver V2.2) et je ne sais pas m'en servir de ce zip je n'ai jamais fait[boom] Au secours aidez moi je sais plus koi faire. J'ai des logiciels comme microsoft photo editor, photfiltre et Nvu cela peut remplacer gif animator ou je dois le mettre et s'il faut le mettre comment je fais pour ce zip de malheur inconnu moi ce zip.[bombe] | |||||||
Petite astucienne | Ok c'est bon Svirginie j'y suis arrivÚe a installer gif animator, maintenant je vais suivre tes explications plus haut et je te tiens au courant.[smile]
A++ | |||||||
Astucienne | Salut svirginie!
Bravo pour ton tuto![top]
Dans ton premier exemple o¨ tu coupes la tÛte de Winco [bigsmile][bigsmile][bigsmile] tu dis de dÚcouper l'image mais tu ne prÚcises pas avec quel outil et comment tu mets le sang...Ó moins que le sang vient tout seul![bigsmile][bigsmile][bigsmile]
[bisous] | |||||||
Petite astucienne | fleuretta a Úcrit :
Merci Fleuretta [chinois][chinois][chinois]
Je fais þa avec photoshop mais photofiltre va aussi trÞs bien.
J'aurai prÚferÚ que le sang vienne tout seul mais non, il faut juste faire des "formes rouges" .... (toujours sous photoshop)...
[bigsmile][bigsmile][bigsmile]Salut svirginie! Bravo pour ton tuto![top] Dans ton premier exemple o¨ tu coupes la tÛte de Winco [bigsmile][bigsmile][bigsmile] tu dis de dÚcouper l'image mais tu ne prÚcises pas avec quel outil et comment tu mets le sang...Ó moins que le sang vient tout seul![bigsmile][bigsmile][bigsmile] [bisous] Modifié par svirginie le 07/09/2005 06:22 | |||||||
Petite astucienne | Bonjour tout le monde,
Merci Virginie pour le tuto, je verrais cela Ó tete reposÚe.
Coucou Mjo toujours la forme !
[smack] | |||||||
Petite astucienne | [hello][hello] Salut Soazig
[bigsmile][bigsmile][bigsmile] | |||||||
Petite astucienne | YÚssssssssssss Svirginie je crois que c'est bon dis moi si cela va bien?
Oufffffff bin c'est pas Úvident[fete]
Aller je t'offre un bon cafÚ on le mÚrite tu crois pas et de plus toi tu le mÚrite quelle patience que tu as [clindoeil]
Tiens moi au courant
A++ | |||||||
Petite astucienne | cajoline06 a Úcrit :
Super Cajoline [top]
Bravo !!!!
Il y a un truc que l'on peut faire si tu veux, c'est enlever le fond blanc
YÚssssssssssss Svirginie je crois que c'est bon dis moi si cela va bien? Oufffffff bin c'est pas Úvident[fete] Aller je t'offre un bon cafÚ on le mÚrite tu crois pas et de plus toi tu le mÚrite quelle patience que tu as [clindoeil] Tiens moi au courant A++ | |||||||
Petite astucienne | Kikou winco[smile]
Excuse moi de ne t'avoir pas rÚpondu j'Útais plongÚe dans la crÚation du gif animÚ[rougir]
Merci de m'encourager voilÓ je l'ai fais [chinois]
Mais on peut dire un grand chapeau Ó Svirginie avec toutes ces explications et de sa gentillesse et ainsi sans oubliÚ Marie Jo.
Je vous dis un grand grand[merci]aux astuciennes et astuciens.
[happy]
| |||||||
Petite astucienne | ah oui et comment lollllll que je suis gourmande dans les explication mais j'aime comprendre et Úvoluer dans ce qui est en informatique je ne veux pas mourrir bÛte (humour)[langue] | |||||||
Petite astucienne | cajoline06 a Úcrit :
Alors,
tu retournes dans photofiltre, il va falloir que tu fasse cette manip pour tous les gifs que tu as utilisÚ :
Alors, on va prendre le premier en exemple :
Tu ouvres ton gif via fichier > ouvrir
Tu cliques sur l'icone "couleur de transparence"
tu as un message de confirmation qui s'affiche tu dis OK.
[img]http://img365.imageshack.us/img365/3043/fond15on.gif[/img]
Juste aprÞs, tu vas avoir cette fenÛtre qui va s'ouvrir :
[img]http://img365.imageshack.us/img365/7426/fond23gr.gif[/img]
Tu obtiens une image comme þa le fond avec les carreaux signifie qu'il est transparent.
[img]http://img365.imageshack.us/img365/6543/fond31gf.gif[/img]
tu rÚitÞre l'opÚration pour tous les gifs et ensuite tu retournes les ouvrir sous gif movie gear (il faudra que tu remettes ton timing)
[bigsmile][bigsmile][bigsmile]ah oui et comment lollllll que je suis gourmande dans les explication mais j'aime comprendre et Úvoluer dans ce qui est en informatique je ne veux pas mourrir bÛte (humour)[langue] | |||||||
Petite astucienne | Ok Svirginie mais au faite c'est koi timing?
Moi pas conna¯tre [tropbu] | |||||||
Petite astucienne | cajoline06 a Úcrit :
DÚsolÚe, j'aurai du prÚciser
C'est la vitesse de l'animation (dans gif movie gear)
[img]http://img203.imageshack.us/img203/8849/timing0rn.gif[/img]
Elle est exprimÚe en 100Þme de secondes [bigsmile][bigsmile]
Ok Svirginie mais au faite c'est koi timing? Moi pas conna¯tre [tropbu] | |||||||
Petite astucienne | Ouin j'ai tout perdu mÛme mon dauphin je n'ai plus qu'a rechercher mon dauphin sur le site que j'avais trouvÚ et je ne sais plus lequel site[boom]
Bon je vais chercher
A++ | |||||||
Petite astucienne | cajoline06 a Úcrit :
Non, je les ai sauvegardÚes ...
TU fais clic droit > enregistrer l'image sous :
[img]http://img214.imageshack.us/img214/426/cajoline0134mi.gif[/img]
[img]http://img214.imageshack.us/img214/7500/dauphin5bg4nf.gif[/img]
Ouin j'ai tout perdu mÛme mon dauphin je n'ai plus qu'a rechercher mon dauphin sur le site que j'avais trouvÚ et je ne sais plus lequel site[boom] Bon je vais chercher A++ | |||||||
Petite astucienne | Ah merci tu es une mÞre pour moi [bigsmile]
Je rigole maintenant il faut que je refasse tout ben tant pis pour moi [bombe]
Et pourtant j'avais enregistrer mais une mauvaise manipulation
normal je suis en[dormir]
A++ | |||||||
Petite astucienne | Je comprends plus maintenant il y les 3 dessins j'arrive plus Ó le faire grrrrrrrrrrrrr
Aide moi Svirginie stp
A++
| |||||||
Petite astucienne | cajoline06 a Úcrit :
Alors, il y a 2 petites choses Ó modifier dans Gif Movie Gear:
1. Pour chaque "sÚquence", tu cliques sur l'image et tu vas cliquer sur l'icone avec un carrÚ jaune (voir ci dessous).
2. Pour le nombre d'itÚrations (voir aussi ci dessous) il faut que tu le passes Ó 0 pour que le gif soit lu en boucle
[img]http://img32.imageshack.us/img32/8149/animation6ee.gif[/img]
Je comprends plus maintenant il y les 3 dessins j'arrive plus Ó le faire grrrrrrrrrrrrr Aide moi Svirginie stp A++ | |||||||
Petite astucienne | J'ai pas gmg j'ai gif animator et ce n'est pas pareille regarde un peu je ne sais plus comment j'ai fas la premiÞre fois et la je n'y arrive plus
| |||||||
Les bons plans du moment PC Astuces | Tous les Bons Plans | ||||||||||||||||||
|