Tips & Astuces JoomlaPour ceux à qui cela aurait échappé, les traductions d'extensions Akeeba se gèrent manuellement et des pages spéciales "Translations" ont été mises à disposition par Akeeba pour AkeebaBackup et AdminTools
Un problème avec Joomla ? Un problème avec une extension Joomla ? Postez sur notre forum et l'un de nos experts Joomla vous aidera à le résoudre. Inscrivez-vous sur le forum.

Interpolations de base avec Flash CS4


Aidez-nous à nous améliorer en votant !
92
com_content.article
(0 votes, moyenne 0 sur 5)
Interpolations de base avec Flash CS40 sur 50 basé sur 0 votants.


Logo Flash Ce nouveau tutorial est destiné à tous ceux qui débute avec Flash, je vous propose donc de voir comment créer des animations basiques qui pourront déjà vous servir pour donner du dynamisme à votre site web. Pour ce tutorial, je précise que j'utilise Flash CS4 d'Adobe.

 

L'interpolation de mouvement

1ère étape - Créer une forme

Commençons par créer un nouveau document, utilisez  le raccourci ctrl+N, séléctionnez "Fichier Flash (AS 3.0)" puis cliquez sur OK.

Nouveau document Flash

Ensuite, créez une forme Rectangle Flashde votre choix (un carré par exemple) puis appuyez sur F8 afin de le convertir en symbole. Choisissez "Bouton" et cliquez sur OK pour valider. Vous venez de donc de créer un bouton qui se trouve sur l'image 1 de votre ligne de temps. Jetez un oeil sur l'image ci-dessous pour vous aider :

Créer symbole Flash

2ème étape - Créer l'interpolation de mouvement

Maintenant, placez vous sur la 15ème image de votre ligne de temps, appuyez sur F6 pour créer une nouvelle image-clé. Restez sur cette 15ème image et déplacez votre bouton sue la scène. Enfin, cliquez droit sur votre ligne de temps n'importe où entre la 1ère et la 15ème et choisissez "Créer une interpolation classique". Si tout se passe bien, une flèche sur fond bleu doit apparaître entre la 1ère et la 15ème image. Comme d'habitude, cliquez sur l'image pour voir le résumé :

 Interpolation Flash

Résultat final

Donc si tout c'est bien passé, vous devez obtenir ceci :

 

L'interpolation de couleur

Changement de couleur

Ce second type d'interpolation est aussi simple à réaliser que la première, vous pouvez le faire à partir de l'interpolaion de mouvement que vous venez de créer. Placez vous sur la 15ème image, cliquez sur votre forme et modifiez les paramètres de couleurs afin d'obtenir le résultat suivant :

Interpolation couleur Flash

Changement d'opacité

Vous pouvez également jouer sur l'opacité de votre forme en changeant la luminosité comme sur l'image suivante :

 

 

 

L'interpolation de forme

1ère étape - Créer une forme

Ce nouveau type d'interpolation permet de transformer un carré en rond par exemple. Pour cela, rien de plus simple, créez un nouveau document (comme indiqué au début du tutorial) et dessinez une forme (un carré par exemple). Mais cette fois-ci, il ne faut pas convertir votre forme en symbole, créez directement une image-clé (raccourci F6) sur la 15ème image. Ensuite, restez sur cette 15ème image, effacez votre forme carré, dessinez en une autre (un rond par exemple) et placez la à l'opposé de l'ancien carré. Si vous avez suivi jusqu'ici, vous devez obtenir ceci :

Formes Flash

2ème étape - Créer l'interpolation de forme

Ensuite, il suffit de créer une interpolation de forme, pour cela, cliquez droit n'importe où entre l'image 1 et l'image 15 et choisissez "Créer une interpolation de forme". Comme pour l'interpolationn classique, une flèche doit apparaître avec un fond vert cette fois-ci. Et voilà le résultat :

Interpolation forme Flash

Flèche Flash

Derniers Articles
Derniers articles
Blog Joomea
Joomea est heureux de mettre à disposition de sa communauté la première formation complète sur AcyMailing. En effet, suite à de nombreux votes sur le dernier sondage que nous vous avons...
Blog Joomea
Grande nouvelle ! NosyWeb possède désormais sa propre application mobile où vous pourrez retrouver toute l'actualité Joomla par l'intermédiaire des réseaux sociaux (Facebook et Twitter)....
Test Extensions Joomla
Voici une très belle alternative à l'extension e-Commerce VirtueMart en la personne de HikaShop. Construit sur la même ergonomie que AcyMailing, donc autant dire d'excellente facture, ce tout...
Astuce Joomla
Dans ce tutoriel, nous allons voir ensemble comment convertir votre ancien template Joomla 1.5 en template compatible avec Joomla 2.5. Nous allons prendre comme exemple, le template par défaut...
Blog Joomea
Notre objectif chez NosyWeb est de vous faire profiter de notre expérience avec Joomla et de vous aider à créer votre site web. C'est pour cela que nous vous proposons des tutoriels vidéos sur...
Articles de la même catégorie
Articles de la même catégorie
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...
Tutoriels Joomla 2.5
Ce petit tutoriel est destiné à ceux qui débutent avec Joomla et qui peuvent se demander comment mettre à jour leur version de Joomla. En effet, cette opération relativement simple n'est pas...
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


Catégorie : Tutoriels Joomla 2.5
bouton formation elearning

Sur quelle extension souhaiteriez-vous avoir un tutoriel vidéo ?

Kunena (Forum) - 9.5%
JomSocial (Communauté) - 9.5%
RSForm! Pro (Formulaire) - 3.2%
AcyMailing (Newsletter) - 17.5%
AdsManager (Petites annonces) - 12.7%
Community Builder (Communauté) - 15.9%
RocketTheme (Template) - 14.3%
PhocaGallery (Galerie) - 17.5%

Total des votes: 63
Le vote pour ce sondage est terminé à: 10 Mai 2012 - 10:26
telechargement joomla
Retrouvez les meilleures extensions Joomla dans notre centre de téléchargement

La Newsletter




feedback