Imprimer le tutoriel
Fermer la fenêtre

kachouri.com sensible à l'écologieAdoptez l’éco-attitude.
N’imprimez cette page que si cela est vraiment nécessaire

cours et aide informatique
http://www.kachouri.com

Création d'une bannière Flash avec BannerZest Pro (1/2)

Tutoriel réalisé par: Mehdi Kachouri Ajouté le 28 Avril 2010
Comment générer une animation Flash en deux clics de souris avec BannerZest Pro

Introduction à la création de bannière Flash

Nous avons vu précédemment un tutoriel sur l'installation et l'interface de BannerZest Pro : BannerZest Pro : Générer des animations pour le Web sous Windows 7. Rappelons que BannerZest Pro est une application qui vous permettra de réaliser des bannières Flash rapidement et avec un rendu professionnel. Si vous avez envie de créer une animation pour votre site web en quelques clics de souris... Ne cherchez plus vous venez de trouver le logiciel qui vous conviendra. Avec BannerZest Pro, vous allez pouvoir réaliser des animations vectorielles Flash. BannerZest vous permet de mettre vos idées en mouvement et créer de surprenantes animations pour votre site web, blog, site vitrine, e-commerce, ect. en quelques clics. Vous n’avez besoin ni de connaître Flash, ni même de l’avoir en votre possession le logiciel d'Adobe. BannerZest et BannerZest PRO vous offriront des thèmes personnalisables dans lesquels il vous suffira d’ajouter votre création... Voyons dans ce didactitiel comment réaliser une jolie bannière en Flash.

tutoriel informatique creation banniere flash BannerZest Pro et Standard logo officiel

Le Site officiel : http://www.aquafadas.com/fr/bannerzest

1. Création d'une bannière Flash avec BannerZest Pro

Nous avons vu lors de notre précèdent tutoriel l'interface de BannerZest Pro, si vous ne l'avez pas consulté veillez vous référer à cette article avant de commencer celui-ci. Voici la fenêtre Explorer, celle-ci va vous donner accès à votre bibliothèque d'images, photos ou réalisations... Cliquez sur Pictures (Images)

tutoriel informatique création banniere Flash BannerZest Pro image 1

Puis à l'aide de votre souris faites défiler les différents répertoires que contient votre bibliothèque d'images, photos...

tutoriel informatique création banniere Flash BannerZest Pro image 2

Nous avons préalablement créé un dossier du nom de Tutoriel Kachouri BannerZest, avec des copies d'écran de plusieurs sites (4 au total). Sélectionnez le dossier du nom Tutoriel Kachouri BannerZest (Ceci est un exemple)

tutoriel informatique création banniere Flash BannerZest Pro image 3

Une fois le dossier Tutoriel Kachouri BannerZest sélectionné donc ouvert, vous aurez dans la partie Explorer de BannerZest les images, photos que contient le dossier...

tutoriel informatique création banniere Flash BannerZest Pro image 4

Il ne vous restera plus qu'à sélectionner une partie ou plusieurs images, photos de ce dossier (Utilisez la combinaison de touche Ctrl+Alt pour sélectionner une partie des images, photos...). Une fois vos images définies et sélectionnées pour votre animation Flash...

tutoriel informatique création banniere Flash BannerZest Pro image 5

Vous avez la fenêtre du nom de Média... (Logiquement si vous avez utilisé la mise en page BannerZest elle sera sur votre Droite).

tutoriel informatique création banniere Flash BannerZest Pro image 6

Nous allons alors réaliser un glisser de vos images depuis la fenêtre Explorer vers la fenêtre Média. Nous avons 4 images, photos copiées...

tutoriel informatique création banniere Flash BannerZest Pro image 7

Lorsque vous relâcherez le clic de votre souris... La fenêtre Média affichera alors vos images, photos sélectionnées... A tout moment vous pourrez soit rajouter des images, photos ou en supprimer...

tutoriel informatique création banniere Flash BannerZest Pro image 8

Votre bannière est alors visible au centre dans la fenêtre Preview (Aperçu) de BannerZest Pro ou Standard...

tutoriel informatique création banniere Flash BannerZest Pro image 9

 

2. Personnalisation de votre bannière Flash avec BannerZest Pro

Vous remarquerez que les titres de notre animation Flash comporte directement une information, celle-ci est dépendante du nom de votre image, photo. Pour notre tutoriel informatique nous avons réalisé des copies d'écran et nous les avons nommées de cette façon : Blackbouler.com.jpg, Kachouri.com.jpg, Necato.com.jpg et magalinette.com.jpg. Dans la fenêtre Media vous pourrez alors simplement donner un titre ou renommer celui-ci, définir un sous-titre pour votre animation Flash (La plupart des thèmes proposés par BanerZest supporte les sous-titres). Par contre en ce qui concerne la possibilité d'ajouter une adresse internet (URL), seule la version BannerZest Pro le permet. Cette option peut être pratique pour rediriger vos visiteurs vers une autre page.

Note : Sachez que vous avez aussi la possibilité de visionner en grand votre image, photo en cliquant sur la flèche en bas à droite avec un symbole de la petite flèche. Vous pouvez aussi modifier le format de vos images, photos en utilisant le bouton Rogner en bas à droite de chaque image, photo.

tutoriel informatique création banniere Flash BannerZest Pro image 10

Voici un exemple de Titre, sous-titre et adresse internet (URL) pour une animation Flash avec le logiciel BennerZest Pro...

tutoriel informatique création banniere Flash BannerZest Pro image 11

A tout moment lors de votre création, vous avez la possibilité de rafraîchir votre composition. Cliquez sur le bouton Rafraîchir pour appliquer et visionner vos modifications

tutoriel informatique création banniere Flash BannerZest Pro image 12

 

3. Mode aperçu de BannerZest Pro pour visualiser le rendu

Une fois que vous aurez appliqué vos modifications en cliquant sur le bouton Rafraîchir, vous aurez la possibilité de voir le résultat instantanément dans la fenêtre Preview (Aperçu)

tutoriel informatique création banniere Flash BannerZest Pro image 13

Conclusion

La première partie de ce tutoriel informatique sur la réalisation de bannière Flash avec le logiciel BannerZest pro, est à présent terminée. Nous avons voulu détailler cette phase le plus possible pour que vous puissiez avoir une idée précise du mode opératoire à suivre. Pour lire la suite, cliquez sur le lien suivant : Création d'une bannière Flash avec BannerZest Pro (2/2). Lors de cette seconde partie du didactitiel, vous aborderez plus en détails comment modifier le thème de BannerZest Pro ou Standard, effectuer des réglages sur votre animation et surtout sa publication sur votre site internet.. N'hésitez pas à nous laisser un message ci-dessous pour nous donner vos impressions sur cette première partie...