Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Bonjour chers amis zéros
, nous allons apprendre, dans ce petit tuto, à réaliser un bouton animé à l'aide de Photofiltre...
Pour réaliser ce tuto, vous aurez bien sûr besoin de télécharger Photofiltre
et UnFREEz (gratuit et ultra léger
) qui servira à animer notre bouton
.
UnFREEz : Téléchargez-le.
Après avoir téléchargé
UnFREEz, décompressez-le, allez dans le dossier où il a été décompressé et copiez le fichier. Collez-le dans le bureau (ce n'est pas obligatoire de faire ça mais je trouve ça plus pratique
).
Bon maintenant commençons. Créer un nouveau document de
88*31.
J'insiste bien sur le fait que si vous voulez créer un bouton, la taille est de 88*31.
Tout le monde a survecu jusqu'ici?
On va lui appliquer un dégradé pour qu'il soit plus joli :
On clique sur ce qui est entouré en rouge, cette fenètre apparaît :
Laissez le style en
bichrome, la direction de
gauche/droite, par contre la
couleur 1 et la
couleur 2 vous pouvez la changer. Moi, j'ai choisi du rose. Voici quelques exemples de dégradés :
Après avoir créé la base du bouton, on va s'occuper de ses différentes parties. Ce sont en clair, les différentes images de l'animation.
On va appliquer du texte. Cliquez donc sur l'îcone
texte :
Choisissez la police que vous souhaitez. Par contre, pour la taille, mettez
8 ou 10 pour avir assez de place. Ici, j'ai écris
SDZ (Site du Zér0 vous n'aviez pas compris
) :
La taille de la police dépend de la taille du texte que vous souhaitez écrire. Ici, pour SDZ, j'ai utilisé du 13 pixels. Comme c'est un court texte, il occupe aisément la place du bouton, et il n'y a pas de soucis !
Enregistrez le bouton sous le nom "
sdz.gif" puis, revenez sur votre bouton et faites annuler :
Votre bouton redevient vide. Vous l'avez surement compris, il faut écrire un autre texte. Moi, je vais mettre "
la référence" :
Pareil, enregistrez en
.gif avec comme nom "
ref.gif". Répètez l'annulation, et réécrivez du texte
:
Enregistrez toujours en
.gif : "
prog.gif" par exemple, et on continue :
Idem, répètez l'opération une dernière fois, en n'ommettant pas d'enregistrer en
.gif. Par exemple, "
crea.gif"
:
Enregistrez encore une fois en
.gif : "
site.gif", par exemple.
On va attaquer la plus complexe...
. Ne paniquez pas, vous vous en sortirez
!
Désormais, nous avons tout ce qu'il faut pour réaliser l'animation. Ouvrez
UnFREEz qui se trouve sur votre bureau (normalement, si vous avez bien fait comme je l'ai conseillé...
), cliquez deux fois dessus.
Ensuite, ouvrez le dossier où vus avez enregistré vos animations. Glissez/déplacez les différents
gifs dans
UnFREEz. On commence par
SDZ.gif, puis
ref.gif,
prog.gif,
créa.gif, et enfin
site.gif.
Je vais essayé d'illustrer au mieux comment faire :
Voilà comment ça se présente. Sélectionnez le gif
SDZ.gif.
Laissez appuyer le bouton gauche de la souris sur l'icône du gif et glissez-le dans
UnFREEz :
Puis mettez-le dans l'espace blanc du logiciel. A la fin, ça doit donner ça :
Enfin, mettez
50 dans la case
Frame delay (elle sert à déterminer le temps d'écoulement entre chaque image de l'animation). Cliquez sur
Make Animated GIF. Le logiciel va vous demander sous quel nom voulez vous enregistrer l'animation, à vous de choisir.
De mon coté, ça donne ça :
Tutoriels
Communauté
Mon compte
Recherche
Livre d'or
Publicité
230 Zéros connectés |
8 requêtes |
0.0227s (0.0128s)
