Embed Size (px)
Citation preview
Accès aux Métiers de l’Informatique
Projet de Marco et Éric
Macromedia
Flash
Bonjour à tousPour concrétiser notre projet nous avons
commencé par ...
Après lecture d’un livre sur flash8
J’ai réalisé notre première animation en flash
J’ai donc commencé par créer une surface de travail plus petite
Clique Droit sur la surface de travail puis propriétés du document Ensuite réglage sur 550 pixels sur 50 pixels.
Voila le plan de travail délimité
Etape suivante cliquer sur A et taper le texte
L’outil Flèche
Ensuite cliquer sur l’outil flèche pour pouvoir sélectionner le texte
La conversion en symbole
Clique droit sur le texte . Dans le menu choisir conversion en symbole
Renommer le symbole
Renommer et cliquer sur OK
2ème images clés
Clique droit sur insérer un image clé
Extrapolation du mouvement
Sur l’image 20 clique droit sur créer un extrapolation de mouvement
Choix du mouvement
Sélectionner vers la droite dans le menu rotation
Vérification du mouvement
Cliquer sur une image intermédiaire pour voir si le symbole bouge
Test de l’animation
Dans le menu contrôle choisir tester l’animation
Test Ok
Voici la première partie de l’animation
Animation suivante
Clique droit sur l’image 40 pour créer une image clé
Déplacement horizontal
Clique gauche sur le symbole et le tirez dans l’autre coin
Ca continue
Ensuite même chose que l’étape 1 et 2
Test et résultat
Menu contrôle puis tester l’animation
Voilà notre première animationterminée
Le symbole tourne ,se déplace ,retourne et reviens a la 1ère place le tous en boucle.
Pendant ce temps Marco
Fait des recherches sur internet
Et….. Bingo il a trouvé…
Un site avec des tutoriels vidéo qui explique flash
Après beaucoup de temps
Et de travail sur l’ordinateur
« Le FLASH ».
by Marco
Bonjours et bienvenue.
Je vais vous présenter le programme « Flash Professional 8 ».
Ensuite je vous expliquerais les bases pour réaliser une petite animation.
Etes vous prêt?
Alors c’est partis……..
Tout d’abord, nous allons créer un nouveau document.
Pour ce faire, vous devez cliquez ici!
Voici le plan de travail.
Je vais vous expliquez un peu notre espace de travail!
Les outils de dessins.
D’autres outils sous forme d’onglets.
Ici vous avez la ligne de temps, ou nous allons insérer des images.
Voilà, nous avons vu ensemble l’aspect de notre plan de travail.
Nous allons donc passer au chose sérieuse, cette à dire créer une petite animation.
Je vous propose donc de dessiner une boule de billard par exemple, pour ensuite la faire rouler d’un coin à un autre.
Ici nous pouvons modifier les propriétés du plan de travail.
Pour commencer, comment modifier les propriétés du plan de travail?
On va changer la couleur du fond en noir.
Commençons enfin à créer notre animation!
Sélectionnez cette outils.
Cliquez également ici, nous y reviendrons après.
Dessinez un cercle grâce à l’outil que nous avons sélectionné.
Ensuite choisissez une couleur de remplissage sur le bouton que nous avions activé juste avant.
Voilà, pour ma part j’ai choisi du jaune.
Sélectionnez cette outils, pour pouvoir remplir votre cercle avec la couleur que vous avez choisis.
Sélectionnez ensuite cette outils et cliqué sur votre cercle pour le sélectionner.
Sélectionnez ensuite l’onglet « Couleur »
Dans cette onglet, sélectionner un ‘Type’ : Linéaire
N’ayez pas peur, le cercle va changer de couleur, on va rechanger cela de suite.
Cliquez ici pour changer les couleurs!
Utilisez le blanc pour le reflet, et le jaune.
Dessinez à nouveau un cercle après avoir choisi un fond de remplissage blanc.
On déplace avec l’outil de sélection le cercle blanc au milieu de notre boule jaune.
Nous allons à présent y mètre un numéro en utilisant l’outils de texte.
Une fois la zone de texte tracée, on tape le chiffre, et on choisi une taille de police adaptée.
Avec l’outils de sélection, vous sélectionnez la boule complète.
Pour l’instant, cette boule est composée de trois élément. Le cercle jaune, le blanc, et le chiffre. Nous allons donc associer les trois pour qu’ils ne fasse plus qu’un!
1
2
Ici, vous pouvez après avoir sélectionné la boule, déplacé celle-ci sur la gauche.
Commençons à présent notre petite animation!
Nous allons insérer une image clé, à la 30 ème image. Clic droit, puis « Insérer une image clé ».
Voilà, nous avons inséré 30 images identiques à la suite les unes des autres.
Placez vous sur la 30 ème image, ensuite sélectionnez la boule pour la déplacer sur la droite.
Nous allons maintenant créer une interpolation de mouvement.
Faite un clic droit entre la 1 ère et la 30 ème image, puis « Créer une interpolation de mouvement ».
Vous pouvez voir ici que l’interpolation c’est bien déroulée, car il y a une flèche entre la 1 ére et la 30 ème image.
Nous allons indiquer que la rotation doit être « Vers la droite ».
Ensuite précisez le nombre de tours à effectuer pendant l’animation. 4 ici dans l’exemple.
Pour l’instant, la boule roule de la gauche vers la droite. Nous allons à présent créer le retour de la boule à son point d’origine.
Clique droit sur la 60 ème image, puis « Insérer une images clé ».
Placez vous sur la 60 ème image, ensuite sélectionnez la boule pour la déplacer sur la gauche.
Faite un clic droit entre la 30 éme et la 60 ème image, puis « Créer une interpolation de mouvement ».
Nous allons indiquer que la rotation doit être « Vers la gauche».
Ensuite précisez le nombre de tours à effectuer pendant l’animation. 4 ici dans l’exemple.
Nous avons terminé l’animation, il ne reste plus qu’a la tester.
VOILA LE RESULTAT
Voilà, je terminerais par vous remercier pour votre attention, et vous invite vivement à tester par vous-
même et d’essayer de vous lancer dans la réalisation d’animation en « Flach ».
Nous allons à présent vous présenter notre site en ligne afin de vous donner une idée précise de ce qu’on peut faire pour intégrer de l’animation sur un site web.
Merci
Vers le site en ligne
