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 (2/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

Cette seconde partie du didactitiel a pour but de vous aider à mieux appréhender le logiciel BanerZest et vous rendre compte de sa simplicité d'utilisation. Nous avions abordé précédemment lors du tutoriel : Création d'une bannière Flash avec BannerZest Pro (1/2), les grandes étapes de la réalisation d'une bannière Flach pour votre site internet, blog, site commerciaux.... Sans aucune maîtrisé de l'application Adobe Flash. Voyons à présent 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.

4. Différents onglets de BannerZest Pro pour une personnalisation

Comme vous pourrez le constater sur la copie d'écran ci-dessous, les onglets de la fenêtre Média se retrouvent aussi au centre pour une plus grande flexibilité et surtout facilité d'utilisation. Vous pourrez à tout moment accéder directement sur l'un des quatre onglets : Média, Thèmes, Réglages et Publication.

tutoriel informatique création banniere Flash BannerZest Pro image 14

 

5. Onglets des Thèmes proposés par BannerZest Pro ou Standard

Vous avez la possibilité en cliquant sur l'onglet Thèmes de sélectionner le thème de votre choix pour votre animation Flash.

tutoriel informatique création banniere Flash BannerZest Pro image 15

 

6. Onglets Réglages de BannerZest Pro ou Standard

Puis cliquez sur l'onglet Paramètres pour personnaliser les paramètres d'un thème sélectionné de BannerZest Pro ou Standard. Vous aurez la possibilité de personnaliser le Thème choisi, pour l'adapter au mieux à votre site internet, blog, site commercial... Vous retrouverez ainsi des grands thèmes de réglage comme : Écran de chargement, Taille, Bordure, Title (Titre), Sous-titre, Couleurs, Animation, Média et enfin le Son. N'hésitez pas à faire des essais et à tester plusieurs combinaisons. Vous aurez toujours la possibilité de voir le rendu immédiatement en cliquant sur le bouton Rafraîchir...

tutoriel informatique création banniere Flash BannerZest Pro image 16

 

6. Onglets Publication de BannerZest Pro ou Standard

Une fois que vous serez satisfait de votre bannière Flash, cliquez sur l'onglet Publier.

tutoriel informatique création banniere Flash BannerZest Pro image 17

Sélectionnez votre serveur pour la publication en cliquant sur Serveur (FTP / SFTP), puis sur Définir

tutoriel informatique création banniere Flash BannerZest Pro image 18

Une nouvelle fenêtre de Préférences s'ouvre... Cliquez sur le + (Plus) pour ajouter un nouveau serveur pour la publication.

tutoriel informatique création banniere Flash BannerZest Pro image 19

Puis vous devrez indiquer les informations de connexion de votre compte FTP de votre hébergement...

tutoriel informatique création banniere Flash BannerZest Pro image 20

Dans notre exemple nous avons choisi d'utiliser un compte perso de Free. Pour nous souvenir et surtout pour une question de simplicité, nous allons indiquer un nom simple mais clair du compte FTP. Celui-ci apparaîtra dans BannerZest dans la zone des Serveurs Disponibles. Pour cela nous avons choisi de prendre ce Nom : Kachouri.com (Chez Free). Sélectionnez le Type de Serveur, vous aurez le choix entre Serveur SFTP ou Serveur FTP. Pour notre compte Free, il s'agit d'un serveur FTP. Nous allons donc sélectionner Serveur FTP. Puis indiquez le Nom d'utilisateur et le Mot de passe de votre compte FTP (Si vous ne possédez pas ces informations contacter votre hébergeur de site internet ou directement la personne qui s'occupe de votre site Internet.). Une fois tous les champs remplis, cliquez sur Tester la connexion... Ceci dans un but de vérifier que nos informations saisies sont correctes et fonctionnelles.

tutoriel informatique création banniere Flash BannerZest Pro image 21

Si tout se passe bien... Vous obtiendrez cet écran avec ce message : Connexion réussie. Dans le cas contraire vous devrez vérifier que vous avez bien rentrer tous les éléments nécessaires à une connexion FTP.

tutoriel informatique création banniere Flash BannerZest Pro image 22

Nous allons définir un dossier sur notre serveur FTP, pour transférer les fichiers de notre animation. Cliquez sur Définir

tutoriel informatique création banniere Flash BannerZest Pro image 23

Vous devrez préalablement à l'aide d'un logiciel de FTP (Client FTP) créer un dossier sur votre serveur FTP (Voir le tutoriel sur un client FTP : FileZilla un client FTP gratuit). BannerZest ne permet pas à sa version 1.0 sous Windows de réaliser cette manipulation. Sélectionnez le dossier de votre serveur distant. Dans notre exemple, nous avons créé un dossier du nom de : bannerzest-tutoriel. Sélectionnez le dossier bannerzest-tutoriel, puis cliquez sur Select (Choisir)

tutoriel informatique création banniere Flash BannerZest Pro image 24

Dans la zone Réglages vous avez plusieurs éléments intéressants comme le niveau de qualité des images, la possibilité de les convertir au format image de votre choix (JPEG ou PNG), la possibilité de générer un fichier SWF unique (BannerZest Pro uniquement)... Bref à vous de découvrir les différents réglages que vous offre BannerZest Pro.

tutoriel informatique création banniere Flash BannerZest Pro image 25

Cliquez sur Publier. Vous pouvez cliquer sur Afficher HTML pour afficher le code HTML ou Afficher un aperçu de votre bannière dans votre navigateur.

tutoriel informatique création banniere Flash BannerZest Pro image 26

La publication de votre bannière Flash est en cours...

tutoriel informatique création banniere Flash BannerZest Pro image 27

Une fois le transfert terminé, votre bannière Flash peut être prévisualisée dans votre navigateur préféré...

 

7. Visualiser en ligne le rendu de votre bannière Flash

Pour visualiser le rendu de notre bannière nous vous proposons de consulter celle-ci directement sur les pages perso de Free, voici l'adresse :

http://kachouri.com.free.fr/

Conclusion

Nous avons pu voir qu'avec BannerZest Pro ou Standard, réaliser une bannière sous Flash devient un jeu d'enfants. Le logiciel BannerZest Pro ou Standard vous donnera pleinement satisfaction pour animer et égayer votre site internet, blog, site professionnel... Voilà un moyen simple et peu onéreux de réaliser de belles animations Flash. N'hésitez pas à nous laisser un message ci-dessous pour nous donner vos impressions sur cette seconde partie...