- Accueil
-
Actualité Joomla
- S'informer
- Apprendre
- En savoir plus
-
Joomea
- Pour commencer
- Nos tutoriels
- En savoir plus
- Formations Joomla
- Ressources
- Contact
News Joomla 
Tests d'extensions 
Outils pour Joomla 
Astuce Joomla 
Tutoriels libres 
SEO Joomla 
Dossiers 
Références Joomla 
Glossaire 
Support / Forum 
Guide pour débutants 
F.A.Q 
Tutoriels Joomla vidéos 
Joomea c'est quoi ? 
Nos Abonnements 
Formations e-Learning 
Formation Joomla à Paris 
Pour 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.
Créer un défilement d'images avec Flash CS4
Aidez-nous à nous améliorer en votant !
Créer un défilement d'images avec Flash CS45.00 sur 50 basé sur 1 votants.
Voici un nouveau tutorial qui cette fois-ci concerne le logiciel Flash CS4. Je vais vous expliquer comment créer très simplement un défilement d'images grâce à la technologie flash. Flash CS4 permet de réaliser de nombreuses animations de la plus simple à la plus complexe, le défilement d'images que je vous propose d'apprendre à faire est une animation simple comme vous pourrez le constater.
Créer un défilement d'images
1ère étape - Créer un nouveau document
Comme d'habitude, la première étape consiste à créer un nouveau document comme avec Photoshop ou Fireworks. Commencez par cliquer sur le raccourci ctrl+N, ensuite, vous deviez voir que par défaut "Fichier Flash (AS 3.0)" est séléctioné, ne changez rien et cliquez directement sur OK.
Il faut ensuite modifier les dimensions du document, pour cela, cliquez droit sur le document et séléctionnez "Propriétés du document..." et rentrez les mêmes informations que sur l'image suivante :
Enfin, réglez le zoom sur 50% pour obtenir le document vierge suivant :
2ème étape - Création du fond de l'animation
Avant de passer à la suite, je voudrais préciser qu'il faut mettre le mode d'affichage sur "Animateur". La prochaine étape consiste donc à créer le fond sur lequel défileront les images. Il faut tout d'abord définir les paramètres graphiques de ce fond, un dégradé radial bleu sans contour, voilà ce que ça donne :
Ensuite, séléctionnez l'outil création de forme rectangle 
et dessinez en un de la même taille que la scène. Maintenant, vous pouvez personnaliser votre fond en changeant les couleurs et la forme du dégradé. Pour cela, rien de plus simple, il suffit de changer les paramètres du dégradé. Vous pouvez choisir les couleurs que vous voulez cela n'a pas d'importance. Enfin, séléctionnez l'outil de transformation libre 
et retournez votre rectangle comme sur l'image qui suit :
et dessinez en un de la même taille que la scène. Maintenant, vous pouvez personnaliser votre fond en changeant les couleurs et la forme du dégradé. Pour cela, rien de plus simple, il suffit de changer les paramètres du dégradé. Vous pouvez choisir les couleurs que vous voulez cela n'a pas d'importance. Enfin, séléctionnez l'outil de transformation libre et retournez votre rectangle comme sur l'image qui suit :
3ème étape - Importation des images
La prochaine étape consiste à importer les images que vous allez faire défiler. Allez dans Fichier > Importer > Importer dans la bibliothèque..., choisissez le nombre d'images que vous souhaitez, elles doivent apparaîtrent en bas à droite dans votre bibliothèque. Maintenant, créez un nouveau calque et renommez les deux comme sur cette image :
Séléctionnez toutes les images de votre bibliothèque et faites un glisser-déposer de ces dernières sur la scène. Ensuite, il ne reste plus qu'à les mettre à la même taille et à les aligner. Pour la taille, vérifier bien que le verrou est fermé afin que la hauteur et la largeur de vos images soient proportionnelles. Enfin, réduisez le zoom une nouvelle fois afin de voir la scène dans son ensemble. Si vous êtes perdu, regardez les images suivantes :
4ème étape - Création de l'interpolation
Les prochaines étapes vont consister à créer l'animation flash à proprement dit. Tout d'abord, séléctionnez toutes vos images et cliquez sur F8 afin de les convertir en symbole. Entrez les paramètres suivants :
Ensuite, il faut créer une image-clé sur la 100ème image de chacun des deux calques (fond et images). Pour ce faire, placez vous sur la 100ème image, faites clique droit et choisissez "insérer une image-clé". Restez sur cette 100ème image et déplacez vos images complètement à gauche de la scène. Comme d'habitude une petite image pour vous guider :
Nous avons bientôt terminé, il ne reste plus qu'à créer l'interpolation de mouvement. Pour cela, cliquez droit n'importe où entre l'image 1 et 100 du calque "images" et choisissez "Créer une interpolation classique". Une flèche devrait apparaître pour symboliser cette interpolation. Utilisez le raccourci ctrl+Entrer pour vérifiez que tout fontionne bien. Enfin une dernière petite chose, vous pouvez régler l'accélération de l'animation, par exemple, les images peuvent être ralenties lorsqu'elles passent sur le fond. Il suffit de modifier la courbe comme vous pouvez le voir sur l'image suivante :
La dernière chose à faire est d'exporter votre animation au format .swf. Encore une fois, c'est une opération très simple, rendez vous dans Fichier > Exporter > Exporter l'animation..., choisissez un emplacement et appuyez sur Entrer.
Résultat final :
- Articles sur le même sujet
- Articles en rapportInsérer un clickTAG dans votre pub Adwords (3215 Vues)Astuce JoomlaGrâ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...HikaShop - Créer une nouvelle catégorie (2617 Vues)Tutoriels Joomla 2.5Derniè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...Configurer simplement Ozio Gallery 2 (5803 Vues)Tutoriels Joomla 2.5Ozio 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...Tutorial Joomla - Créer un nouvel article (2655 Vues)Tutoriels Joomla 2.5Pour 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...Phoca Gallery - Créer une nouvelle catégorie (2757 Vues)Tutoriels Joomla 2.5Phoca 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 articlesLes plugins JCE 2.0 : RokBox et LightBox (3552 Vues)Test Extensions JoomlaL'extension RokBox de RocketTheme (2092 Vues)Test Extensions JoomlaComme 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...Et les gagnants des J!Oscar 2012 sont... (35 Vues)News JoomlaPour 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...Le composant communauté JomSocial 2.6.1 (5571 Vues)Test Extensions JoomlaCe 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 &...Joomla à travers le monde... (17 Vues)Le CMS JoomlaComme 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égorieAcyMailing - Envoyer sa première newsletter (6663 Vues)Tutoriels Joomla 2.5Comme 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.5Nous 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...Comment installer Joomla 2.5.x (chez 1and1.fr) (10489 Vues)Tutoriels Joomla 2.5Durant 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...Mettre en place le module Image Scroller (1493 Vues)Tutoriels Joomla 2.5Lorsque 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...Mettre en place Site Corner Image (795 Vues)Tutoriels Joomla 2.5Dans 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 lusComment installer Joomla 2.5.x (chez 1and1.fr) (10489 Vues)Tutoriels Joomla 2.5Durant 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 JoomlaPhoca 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 JoomlaSi 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...Joomfish 2.1.5 - Comment ça marche ? (7017 Vues)Tutoriels Joomla 2.5Le 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....Créer un gif animé avec Fireworks CS4 (6854 Vues)Tutoriels Joomla 2.5Ce 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...
Catégorie : Tutoriels Joomla 2.5
Publié le lundi 4 janvier 2010 15:59
Affichages : 5881
Nous contacter
Coordonnées
01 82 52 19 12
06 83 50 11 44
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
Nous écrire
NosyWeb
31 Bis rue du Réveillon
91800 Brunoy
Copyright
NosyWeb®
Copyright contenu : 6KKB1B1
Déclaration CNIL n°1413668
Commentaires