Aidez-nous à nous améliorer en votant !
87
com_content.article
(1 vote, moyenne 5.00 sur 5)
Créer un gif animé avec Fireworks CS45.00 sur 50 basé sur 1 votants.
Ce tutorial concerne à nouveau Fireworks CS4, je vais vous expliquer comment créer facilement des gif animé afin d'apporter un peu de vie à votre site internet. Dans cet exemple, je vais vous montrer comment réaliser un bandeau avec un texte clignotant à l'intérieur, ce qui peut vous servir si vous souhaité attirer l'attention des visiteurs de votre site.
Créer un gif animé avec Fireworks
1ère étape - Créer un nouveau document
Commençons par le début, la première étape consiste à créer un nouveau document Fireworks, utilisez le raccourci ctrl+N et rentrez les paramètres suivants :

2ème étape - Créer un dessin à animer
Maintenant, il faut créer le bandeau, séléctionnez l'outil rectangle arrondi
et dessinez en un comme sur l'exemple, vous pouvez choisir les couleurs que vous désirez.

Vous pouvez embellir votre bandeau en appliquant un biseau interne et une ombre portée. Voilà le résulat :

Une fois votre bandeau terminé, créez une zone de texte
à l'intérieur de ce dernier et écrivez ce que vous voulez.

3ème étape - Créer l'animation
A ce stade, nous avons donc un bandeau et un texte mais il n'est pas encore animé, nous allons le faire clignoté dans la prochaine étape. Pour cela, rien de plus simple, commencez par séléctionnez votre rectangle et faites copier (ctrl+C). Ensuite, rendez-vous dans l'onglet "ETATS", cliquez sur
et faites coller (ctrl+V). Vous devez obtenir un "Etat 1" contenant le bandeau + le texte et un "Etat 2" contenant seulement le bandeau. Enfin il faut régler la vitesse du clignotement, double-cliquez sur le chiffre "7" à droite du nom de l'état et écrivez le nombre de ton choix (plus le nombre est élevé plus le clignotement est lent). Cliquez sur
pour vérifier la vitesse de clignotement et pour voir si tout fonctionne bien. Si vous êtes perdu, aidez-vous du schéma suivant pour voir les différentes étapes :
4ème étape - Exporter au format gif animé
Enfin, il faut exporter votre réalisation au format gif, cliquez sur
et sur la droite séléctionnez les paramètres d'exportation suivant :

Pour exporter, utilisez le raccourci ctrl+shift+R.
Résultat final

- Articles sur le même sujet
Articles en rapport
Astuce Joomla
Grâce à Adwords de Google, vous avez la possibilité de publier une annonce pour votre site internet ou autre et ce sous la forme d'une animation flash. Par contre, vous devez respecter certaines...
Tutoriels Joomla 2.5
Dernièrement, nous vous parlions d'un composant qui s'appelle
HikaShop et qui s'avère être une excellente alternative à
VirtueMart. Après l'avoir testé en profondeur, nous proposerons quelques...
Tutoriels Joomla 2.5
Ozio Gallery 2 est un gestionnaire de galeries d'images proposant des effets en flash très dynamique. Dans ce petit tutorial, je vous propose simplement de vous expliquer comment le paramétrer et...
Tutoriels Joomla 2.5
Pour créer un nouvel article (ou page), il faut une fois de plus se rendre dans la section « gestion des articles ». Pour cela, identifiez-vous pour accéder au panneau d’administration de...
Tutoriels Joomla 2.5
Phoca Gallery est l'un des meilleurs composants en matière de galerie d'images. De plus, il est très simple d'utilisation ce qui ne gâche rien. Mais il se peut que ceux qui débutent avec Joomla...
- Derniers Articles
Derniers articles
Test Extensions Joomla
Comme vous le savez peut-être,
RocketTheme propose en plus de ses templates, des extensions qui s'avèrent très utiles pour intégrer certaines fonctionnalités à votre site web Joomla. Comme...
News Joomla
Pour la troisième année consécutive, la conférence internationale J and Beyond a eu lieu du 18 au 20 mi 2012 à Bad Nauheim en Allemagne. A cette occasion des développeurs venus de 30 pays...
Test Extensions Joomla
Ce composant dans sa version 2.6.1 est l'un des outils les plus puissants existants pour Joomla 1.5 et Joomla 2.5. Il est le meilleur dans sa catégorie, à savoir celle des réseaux sociaux &...
Le CMS Joomla
Comme vous le savez, Joomla est un projet bénévole élaboré par des membres motivés de la communauté présente à travers le monde. C’est cette diversité et l’engagement de ces membres...
- Articles de la même catégorie
Articles de la même catégorie
Tutoriels Joomla 2.5
Comme vous avez pu le lire lors de notre article précédent,
AcyMailing permet de gérer ses envois de newsletters et de mailing via son site internet Joomla 1.5. Nous allons donc maintenant...
Tutoriels Joomla 2.5
Nous y voilà, Joomla 2.5 est arrivé. Et il se pose maintenant une question épineuse pour tous ceux qui seraient encore à Joomla 1.5 et qui voient avril 2012 arrivé à grands pas : Comment migrer...
Tutoriels Joomla 2.5
Durant ce tutoriel Joomla, nous allons voir ensemble comme installer le CMS Joomla 2.5 sur un serveur (Ici un serveur mutualisé
1and1) en quatre étapes. Similaire à tout autre CMS cette...
Tutoriels Joomla 2.5
Lorsque vous avez plusieurs partenaires liés à votre activité, il est intéressant de pouvoir faire apparaître leur logo sur votre site web. Pour ce faire, une des solutions est d'utiliser un...
Tutoriels Joomla 2.5
Dans ce petit tutoriel, nous allons vous expliquer comment mettre en place une image sous forme de bandeau dans un des coin de votre site Joomla. Le but principal de ce bandeau est en quelque sorte...
- Articles les plus lus
Articles les plus lus
Tutoriels Joomla 2.5
Durant ce tutoriel Joomla, nous allons voir ensemble comme installer le CMS Joomla 2.5 sur un serveur (Ici un serveur mutualisé
1and1) en quatre étapes. Similaire à tout autre CMS cette...
Test Extensions Joomla
Phoca Gallery est à ce jour le composant Joomla le plus intuitif pour gérer ses galeries, ses photos, ses thumbnails et tout ce qui est relatif à la gestion d'images sur son site Internet.
Outils pour Joomla
Si vous avez les moyens d'investir dans un template (comptez entre 20 $ et 60 $), vous êtes alors en mesure d'habiller votre site web avec ce qu'il se fait de mieux sur Internet. En effet, des...
Tutoriels Joomla 2.5
Le composant Joomla,
JoomFish 2.1.5, permet de traduire votre site internet dans quasiment toutes les langues. Il se base sur les packs de langue Joomla qui sont déjà très nombreux à ce jour....
Tutoriels Joomla 2.5
Ce tutorial concerne à nouveau Fireworks CS4, je vais vous expliquer comment créer facilement des gif animé afin d'apporter un peu de vie à votre site internet. Dans cet exemple, je vais vous...
Ajouter un Commentaire
Publié le vendredi 25 décembre 2009 15:51
Écrit par Jo
Affichages : 6853
Commentaires