[Fireworks]Creer une animation

Dans cette partie vous apprendrez à créer une animation image par image

1) Créer un nouveau document, Fichier > Nouveau ou Ctrl+N


2) Une fois le document crée vous faites la première image de votre animation:


3) Pour ajouter une nouvelle image dans l'animation vous allez dans l'onglet "Frames and History" et vous voyez "Frame 1". Donc pour ajouter une "Frame" vous cliquez sur l'icône ajouter une nouvelle frame comme sur l'image:



4) La nouvelle frame apparaît vous y mettez la 2eme image de votre animation.



5) Vous ajoutez autant de frames que vous souhaitez dans votre animation.

6) Une fois toutes les images mises on va régler le temps d'apparition de chaque image, pour cela il faut double cliquer sur le chiffre a droite du nom de la frame où vous souhaitez changer le temps d'apparition comme sur l'image ci-dessous:





7) pour pouvoir enregistrer l'animation, il faut au préalable l"optimiser", pour cela ouvrez l'onglet "optimize" il faut choisir "Animated GIF" ,pour conserver l'animation, puis si vous souhaitez un fond transparent en dessous choisissez "Index transparency" a la place de "Alpha Transparency".



8) Pour enregistrer l'animation après l'avoir optimiser il faut faire Fichier > Exporter et ensuite vous choisissez le nom de votre animation et l'endroit ou elle sera enregistrer puis faites "Enregistrer"



Et voila l'animation que j'ai faite

Grâce à cette partie vous pourrez faire déplacer une image, un texte sans avoir besoin de le faire frame par frame vous pourrez aussi faire apparaître progressivement votre objet, le faire disparaître le tout en tournant.

1) Pour commencer vous créez un nouveau document et vous insérez votre image ou texte comme décrit dans la première partie.

2) Une fois que vous avez votre image dans sa position initiale. (Si vous souhaitez déplacer l'image du dehors du document vers l'intérieur comme cette image
vous calculez le déplacement a effectuer horizontalement ou verticalement entre le lieu ou vous souhaitez qu'elle soit a la fin de l'animation et la où elle sera au début.)
Coordonnées position finale:

Coordonnées position initiale:


On a ici un déplacement de 96 pixels vers la droite.


3) Sélectionner l'image à animer puis faites "Modify > Animation > Animate sélection.



4) Remplir la description de l'animation:
Frames:Nombre d'image que contiendra l'animation.
Move: Déplacement qu'effectuera l'image durant l'animation en pixel.
Direction: Direction vers laquelle l'image se dirigera, 0 pour la droite, 270 vers la bas, 180 a gauche et 90 vers le haut.
Scale:Taille de l'image à la fin de l'animation.
Opacity:Transparence de l'image initialement et a la fin de l'animation , si au début vous mettez 0 et 100 a la fin, l'image apparaîtra progressivement.
Rotate:Rotation qu'effectuera l'image, il vaut mieux choisir 360 degrés
comme ça a la fin, l'image sera dans le même sens qu'au début, CW signifie dans le sens des aiguilles d'une montre et CCW sens contraire.
Vous remplissez donc les champs, si vous ne souhaitez pas que l'animation bouge mettez 0 dans "Move", puis vous cliquez sur OK.



5) Une alerte apparaîtra peut être à l'écran vous demandant si vous souhaitez ajouter les frames automatiquement, cliquez sur OK

6) Maintenant vous voyez les frames à droite dans l'onglet "frames and history" vous pouvez tester l'animation en cliquant sur la flèche en bas de la fenêtre du document.

Une fois ces étapes faites, reprenez la première partie à partir de l'étape 6)

Et voila vous pouvez avoir une animation comme cella la: