Animation basique d'un titre très simple en 10 étapes.
Ceci peut être fait à partir de la version 3 de Flash.
(Télécharger cette page (106kb)--> Multimania-tutorial-flash.zip

1- Ouvrir un nouveau document. Aller dans "Modifier" et changez le en (30 images/sec, 400x300 pixels, fond noir), et dans "Affichage" police lissée, zone de travaille.
2- Créer 2 couches. Nommer les "Texte" et "Txt-Couleurs", (Couche Texte au dessus).
3- Sur la couche "Texte", sélectionner l'outil texte, police Arial puis entrer votre texte. ex: MULTIMANIA.
4- Sur la couche "Txt-Couleurs", dessiner un rectangle sans bord avec comme couleur de fond le dégradé radial noir & blanc.
5- Changer les propriétés de la couche Texte en la transformant en masque. Aller sur la couche et faite un clic droit (avec Flash 4).
6- Pour voir le résultat vous devez verrouiller les couches ("im1").

(im1)

7- Ensuite créer de nouvelles images clefs sur la ligne de temps. Cliquez sur les cases images en dessous de 60 et presser la touche F6 (Placer le curseur dans la petite case sous 60 en cliquant simplement le petit rectangle gris et presser la touche de fonction F6 en haut de votre clavier). Faites ceci pour les deux couches.

8- Revenez sur la couche "Txt-Couleurs" image 1. Sélectionner le pot de peinture. Déverrouiller la couche si elle l'est. Sélectionner ensuite l'outil pour régler le dégradé (en bas à gauche, "im2"). Cliquer sur le rectangle et ajuster le dégradé comme sur l'image "im3". Puis déplacer votre ellipse complètement sur la droite "im4". Créer une image clef sur la couche "Txt-Couleurs" en 20. Déplacer votre ellipse radiale complètement à gauche. Puis recommencer sur l'image 40, en créant une nouvelle image clef et en redéplaçant l'ellipse radiale à droite.


(im2)


(im3)



(im4)

9- Sélectionner l'image 1 de la couche "Txt-couleurs", faite un clic droit et sélectionner un déplacement de forme dans le menu "Déplacement" (en anglais: Tweening --> Tweening shape). Faite de même sur l'image 20. Ce qui donne l'image "im5". A ce stade si vous voulez voir un aperçu de ce que vous avez fait, verrouiller les deux couches, positionnez vous sur la couche 1, puis appuyer sur "Entrer". Ce qui donne une animation comme "Anim-1".


(im5)


(Anim-1)



10- Comme à l'étape 8, créer une nouvelle image clef en 41. Déplacer le dégradé radiale du rectangle en dessous de celui-ci comme en "im6". (N'oublier pas de déverrouiller la couche si vous l'aviez fait auparavant). De même faites une image clef en 60 et faite un dégradé radiale comme en "im7". Créer un déplacement de forme de l'image 41 à 60. Pour visualiser le résultat faite comme l'étape 9 (Anim-2).


(im6)


(im7)


(Anim-2)

 

Ensuite libre à vous de continuer sur le même principe cette petite animation.
Amusez vous bien :)

Bazard.