Une animation gif est une série d'images statiques de type gif. Dans ces animation les images gif sont appelées cadres. Chaque cadre d'une animation gif est composé d'une image gif et d'imformation comme de la transparence et la période d'affichage de cette image. Presque toute les applications de traitement d'image peuvent traiter et créer des images gif. Cependant, créer une animation demande un logiciel plus spécialisé. Pour ceux qui veulent me le demander, je n'ai pas essayé tout ces logiciels même si j'ai essayé beaucoup d'entre eux.
Gif movie gear : Il est super pour l'animation 2D, c'est lui que je recomande. Il y a un toturiel très efficace.
http://www.visic.com/gifmoviegear/
Lview Pro : Attention, il
est dangereux à installer. Il fait disparaître les icônes des autres
traîtements d'images si on a le malheur de les associer. Par la suite,
il est très difficile de les faire réaparaître. Cependant, le logiciel
est bon puisque'il permet aussi de dessiner.
http://www.lview.com/index800.htm
Crystal 3d impact Pro : Il très
bon pour du texte animés en 3D et les formes géométriques.
Je l'utile également.
http://www.crystalgraphics.com/weblink.3dipro.home.html
Animator Pro (Paint Shop Pro) : Ce logiciel
très peu convival et son travail est seulement acceptable. Toute fois
je le recommende tout de même pour Paint Shop Pro qui est un bon éditeur
d'image.
http://www.jasc.com/
Infini-D 4.5 : Pour le 3D
http://www.amazon.com/exec/obidos/ASIN/188934740X/inktomi-bkasin-20/102-4990972-0720115
Cool3D : Très facile pour
l'animation de texte 3D
http://www.ulead.com/cool3d/runme.htm
Gif Animator : Animation 2d
http://www.ulead.com/products/main_web/web.htm
Flash : En créant la
première image et la dernière image d'une animation, le logiciel
construit les images entre les deux. Ce logiciel peux faire beaucoup
plus que des simples animation gifs car il a été mis au point pour
fabriquer des sites web animés et sonore.
http://www.iis.fhg.de/amm/
FireWorks : Ce logiciel a
été conçu pour créer des images et des animations pour le web mais il
fait plus. Il est capable de créer le desing de vos pages web. C'est à
mon avis un très bon locgiciel.
http://www.macromedia.com/software/fireworks/
ImageReady : Est le digne accompagnateur du plus grand le logiciel de retoutche d'image PhotoShop mais aussi un logiciel indispasable à cause de ses larges possibilités. En autre celui de créer le desing de vos pages web.
ATTENTION : Acheter les locigiels suivant juste pour faire du gif animé c'est comme acheter un chateau d'Espagne juste pour avoir une deuxième toilette. Je ne recommende aucun d'eux sauf si vous avez l'intention de faire du 3D professionnel. Ce sont des logiciel vraiment très dispendieux !
3DSMax : http://www.discreet.com/products/3dsmax/
Plasma : C’est un 3DSMax simplifié.
http://www.discreet.com/products/plasma/
Maya : http://www.aliaswavefront.com/en/products/maya/whatsnew/v4.5/index.shtml
Studio3D : http://www.studio3d.com/
Il en existe d'autres ; pour en trouver un qui soit satisfaisant il suffit juste de chercher.
![]()
À Chaqu'un sa techniques pour faire des animations sur ordinateur:
Il est très facile de créer une animation en modifiant une autre. Exemple : en changeant le personnage qui exécute l'action. Cependant, la méthode classique (pas la meilleur) consiste à créer toute les images de l'animation avec un logiciel de traitement d'image et d'enregistrer séparément toutes ces images sous format gif dans un même dossier réservé à cet effet. Pour que ce soit plus facile je recommende de nommer les images 01, 02, 03, 04, ... ainsi de suite. Avec un logiciel de création de gif animé, il est ensuite facile de superposé ces images dans l'ordre.
Parfois, il est bon de commencer les différents dessins de l'animation sur du papier. En scannant ensuite ces images on peut les rassembler pour en construire l'animation. Cette méthode est particulièrement bonne pour ceux qui ont davantage de talent avec les crayons qu'avec la souris.
Certains logiciels fait tout : dessin, traitement d'image et montage animé, avec ce genre de logiciel il est très facile de créer une animation à partir d'une image qu'on aura fait soi-même ou trouver sur internet (attention aux droits d'auteur).
Pour commencer ça première animation internet offres des sprites : des images représentant un personnage dans différentes poses. Il suffit de bien découper ces images et de bien les placer pour obtenir une animation fluide. C'est animation peuvent cependant manqué d'originalité. Trop facile à faire les retrouvera partout. Une autre façon d'optenir une animation réussit avec peu d'effort est de faire bouger les yeux la bouge ou un bras. Faire marcher et courrir demande une étude du mouvement ou un bon stencil. Un autre problème que l'on voit souvent est l'animation qui tremble. Ce problème est du a une mauvaise superposition des images. Pour essayer de régler ce problème utilisé les gros plan, le zoom avancé. Choisisez un pixel qui est sur toute les images comme un point de couleur appartetant au vetêment ou a un meuble et assurez vous que ce point soit toutjours à la même position sur toute les images.
Avec une application comme GifBuilder (Mac), Gif movie gear (Pc) c'est simple d'ajouter une animation à une page web. les animations agrémente internet, cependant il est important de prêter attention à la taille de l'animation choisie. Peu importe si l'animation est cool si elle est plus de 200Kb elle est peut-être trop grosse. Une animation trop grosse va ralentir l,affichage de la page, c'est la même choses pour les grandes images. De plus certains visiteurs peuvent être agacés par un trop grand nombre d'animations. Il n'est pas conseillé de mettre plus de six animations par page web. Le visiteur peut ne pas avoir le temps de tout voir et il va cliquer ailleur avant que soit totalement affiché. Quand vous faites une animation faites la petite. Si vous créez ou utilisez une animation plus de 200Kb elle devra être la seule animation sur la page. 12 cadres ou 12 images superposés pour 30Kb est une bonne moyenne pour un fichier gif animé.
Une fois l'animation assemblé il y a de forte change qu'il y est encore des ajustements à faire comme par exemple choisir le temps d'aparution de chaque images. La plupart des animations auront des images avec un temps d'aparition égal. La qualité de l'animation dépendra du nombre d'images. Plus il y aura d'images plus l'animation sera de bonne qualité (bon) et plus elle sera lourde (mauvais). Alors il faut choisir le juste milieu entre la qualité et la légèreté (aussi nommé optimisation)
Pour que l'animation soit exactement comme elle a été imagininé
il n'est parfois pas suffisant de superposer des images. Pour avoir un bon résultat
il est parfois nesscessaire de ruser. Les moments d'intences activités
sont parfois représent par l'écrasement, l'étirement et
l'anticipation.
Étirement et écrasement
![]() |
||
| 1-Voici une balle | 2- Voici la balle qui rebondi | |
![]() |
![]() |
|
| 3- À sa descente la balle accélère. À ce moment là les différences entre les images sont plus grandes. Les images de la balle qui change de direction (avant de redescendre) se ressemble davantage car pour changer de direction la balle doit dabord ralentir. | 4- Quand la balle accélaire, pour plaire au yeux, elle est étiré. Ou c'est peut-être juste parce qu'elle est en caoutchouc ? C'est un peu comme si le devant de la balle entraine l'arrière qui résiste un peu. | |
![]() |
![]() |
|
| 5- En frappant le sol, la balle de caoutchouc est écrasé par son propre poid. Plus elle tombera de haut plus elle s'écrasera. | 6- En reprenant sa vrai forme elle repousse le sol. C'est pour ça qu'elle remonte. Plus elle a été écrasé plus elle aura de force pour remonter. Pour bien montrer cet action on l'étire de nouveau. C'est encore pour que les yeux comprennent bien :) |
La rapidité excessive.
![]() |
| Les images qui défilent rapidement ce n'est pas
assez rapide pour Sonic. Ce qui est à son niveau c'est la rapidité
excessive. Il est là. OOps! Il n'est plus là. Juste le faire
disparaître ne donne pas un bon résultat. Cette animation à
quatre images dont deux seulement pour le départ qui est pourtant
si rapide. 1- Sonic qui ne bouge pas (550) |
![]() |
| Départ en force : Voilà une image que l'on voit à peine et pourtant c'est la plus important. Elle dit tout, elle est complète par elle même. Les autres images ne font qu'ajouter à celle-ci. Il s'agit de Sonic mais la seule façon de le reconnaître est de conserver ses couleurs. |
![]() |
![]() |
|
| Le réveil matin sonne à 5 h
00 AM, trop tôt pour Knuckles. Fort comme un cheval, il frappe avec
une violence et une force incroyable brisant aussi sa table de chevet.
Les murs de pierres ne lui résistent pas, alors ce qui est des meubles de bois et des réveil matins... |
Au moment où le réveil matin sonne le marteau frappe très
rapidement les deux cloches. Le mouvement est vraiment trop rapide pour
être dessiné. J'ai simplement remplacé le marteau par
une zone grise et de petites lignes plus foncé. L'image du cadran qui sonne prends le temps de plusieurs images, le temps que Knuckles se réveil en colère ;-) |
Le point de Knuckles est abaissé si
rapidement qu'il apparaît immédiatement dans sa position final.
Pour garder illision du mouvement j'ai inséré une image : le point avec et de la couleur qui aparaît pendant une seconde. |
Transparent ou opaque ?
Les animations opaques sont ceux qui ont un arrière plan visible. Même s'il est possible d'avoir un paysage comme l'arrière plan d'un fichier gif la plus part auront une couleur uniforme. Les couleurs uniforme facilite, d'une certaine manière, la création de gif animé au contour transparent. Tout les gifs ont un arrière plan. Certains ont un contour d'une couleur qui a été déterminé comme valeur de transparence par son concepteur. L'effet est plus impressionnant. Cependant une animation avec un contour transparent est plus difficile à optimiser, elle sera plus lourd... c'est le prix de la qualité.
| 1- |
2- |
Si ce qui est demander me convient je le ferais et vous l'enverrais par courrier
électronique.
Pour que je travail gratuitement pour vous ... Acceptez de ne pas avoir
l'exclusivité car toutes mes créations sont offertes à
qui veut les prendres.
Il est définitivement plus facile de créer une animation
avec une image. Les gif, jpg et petite image bmp sont acceptés.
|