Accès aux Métiers de l’Informatique Macromedia Flash Projet de Marco et Éric

Nous poser beaucoup de question Bonjour à tous Pour concrétiser notre projet nous avons commencé par ... Nous poser beaucoup de question

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

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 et cliquer sur OK Renommer le symbole Renommer et cliquer sur OK

Clique droit sur insérer un image clé 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

Sélectionner vers la droite dans le menu rotation 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

Dans le menu contrôle choisir tester l’animation Test de l’animation Dans le menu contrôle choisir tester l’animation

Voici la première partie de l’animation Test Ok Voici la première partie de l’animation

Clique droit sur l’image 40 pour créer une image clé 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

Ensuite même chose que l’étape 1 et 2 Ca continue Ensuite même chose que l’étape 1 et 2

Menu contrôle puis tester l’animation Test et résultat Menu contrôle puis tester l’animation

Voilà notre première animation terminée Le symbole tourne ,se déplace ,retourne et reviens a la 1ère place le tous en boucle.

Fait des recherches sur internet Pendant ce temps Marco Fait des recherches sur internet

Un site avec des tutoriels vidéo qui explique flash 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

Présentation de mon project. A.M.I. Présentation de mon project. « 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!

Je vais vous expliquez un peu notre espace de travail! Ici vous avez la ligne de temps, ou nous allons insérer des images. D’autres outils sous forme d’onglets. Voici le plan de travail. Les outils de dessins.

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.

Pour commencer, comment modifier les propriétés du plan de travail? On va changer la couleur du fond en noir. Ici nous pouvons modifier les propriétés du plan de travail.

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 l’onglet « Couleur » Sélectionnez ensuite cette outils et cliqué sur votre cercle pour le sélectionner.

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 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 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 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 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