Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash

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

Marco et moi avons créer

Un site en flash

« 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