 GifBuilder HotPatatoes |
Mettez de la vie dans votre site avec GifBuilder...
Réaliser un gif animé s'avère extrèmement simple : un logiciel du type ClarisWorks et GifBuilder suffisent à concevoir sa première animation.
L'animation en bandeau présentée ci-dessus est une suite de 21 images, toutes réalisées avec le module dessin vectoriel de ClarisWorks.
Toutes ces images sont enregistrées au format au format PICT et regroupées au sein d'un même dossier. Le nom choisi (ici des valeurs numériques en ordre croissant pérénise l'ordre d'affichage.
Dans notre exemple,
0 correspond au fond vert
1 correspond à la lettre I
2 à la lettre N
...
à noter que la lettre E qui se répète 3 fois n'utilise qu'un seul fichier le 4.
13 correspond aux lettres IN
...
20 correspond au mot INTEREDUC
21 correspond au sigle INTEREDUC.NETLe fond vert est un rectangle verrouillé afin d'éviter tout déplacement involontaire. Les lettres s'écrivent au fur et à mesure dans un bloc de texte dont les attributs de police (Bodoni), de taille (36), d'alignement (centré) et de couleur (rouge) ont été définis sur le sigle complet (soit la dernière image du montage). Cette précaution évitera notamment que le rectangle de texte soit plus grand que celui du fond sur lequel il se positionne.
Pour transformer ces fichiers Pict en un fichier Gif animé, nous utiliserons l'application contributielle GifBuilder.
Par un simple Glisser-Déposer (sélectionner les fichiers de votre dossier et les déplacer dans la fenêtre du logiciel en maintenant le bouton de la souris appuyé), vous intégrerez vos images dans le générateur d'animation.
Les fichiers identiques (le 4 qui correspond à la lettre E) sont dupliqués (menu édition) puis positionnés à la main en toute simplicité.
Une fenêtre de visualisation permet à tout moment une visualisation. En vous déplaçant avec la "flèche bas" de votre clavier, vous simulerez une animation, suite des écrans graphiques et vérifierez ainsi l'ordre mis en place.
Le menu animation permet la visualisation de l'animation en continu.
Un certain nombre de paramètres sont réglables. Vous les découvrirez dans le menu Option et les manipulerez sans aucun problème.
Il est également possible de peaufiner son animation en intégrant un effet visuel entre deux images, dans l'exemple proposé un "pousser" entre l'image 20 et l'image 21 soit une transition de INTEREDUC à INTEREDUC.NET.
Un petit dessin animé valant souvent mieux qu'un long discours verbeux,
vous pouvez aller piocher dans cette banque d'images...
Disponible sur le net, un petit éditeur d'activités html très intéressant parce qu'il est efficace, parce qu'il réalise pleinement ce pourquoi il a été conçu et parce qu'il est libre de droit et d'utilisation.
Doté de 5 modules, cet outil propose de réaliser en deux coups de cuillère à pot (ustensile ménager rarement utilisé pour les pommes de terre), des modules d'exercices html :
- un questionnaire à choix multiples
- un mot croisé
- un closure
- une reconstitution de phrase
- un quizVous trouverez dans les pages suivantes quelques réalisations rapides, moins de 10 minutes pour chacune d'entre elles, qui vous permettront de mieux comprendre les possibilités et l'intérêt de ces "Patates chaudes".
QCM Mot Croisé Closure Reconstitution Téléchargement
