Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.
-
Upload
agnes-galland -
Category
Documents
-
view
105 -
download
0
Transcript of Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.
![Page 1: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/1.jpg)
Accès aux Métiers de l’Informatique
Projet de Marco et Éric
Macromedia
Flash
![Page 2: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/2.jpg)
Bonjour à tousPour concrétiser notre projet nous avons
commencé par ...
![Page 3: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/3.jpg)
Après lecture d’un livre sur flash8
![Page 4: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/4.jpg)
J’ai réalisé notre première animation en flash
![Page 5: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/5.jpg)
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.
![Page 6: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/6.jpg)
Voila le plan de travail délimité
Etape suivante cliquer sur A et taper le texte
![Page 7: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/7.jpg)
L’outil Flèche
Ensuite cliquer sur l’outil flèche pour pouvoir sélectionner le texte
![Page 8: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/8.jpg)
La conversion en symbole
Clique droit sur le texte . Dans le menu choisir conversion en symbole
![Page 9: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/9.jpg)
Renommer le symbole
Renommer et cliquer sur OK
![Page 10: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/10.jpg)
2ème images clés
Clique droit sur insérer un image clé
![Page 11: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/11.jpg)
Extrapolation du mouvement
Sur l’image 20 clique droit sur créer un extrapolation de mouvement
![Page 12: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/12.jpg)
Choix du mouvement
Sélectionner vers la droite dans le menu rotation
![Page 13: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/13.jpg)
Vérification du mouvement
Cliquer sur une image intermédiaire pour voir si le symbole bouge
![Page 14: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/14.jpg)
Test de l’animation
Dans le menu contrôle choisir tester l’animation
![Page 15: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/15.jpg)
Test Ok
Voici la première partie de l’animation
![Page 16: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/16.jpg)
Animation suivante
Clique droit sur l’image 40 pour créer une image clé
![Page 17: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/17.jpg)
Déplacement horizontal
Clique gauche sur le symbole et le tirez dans l’autre coin
![Page 18: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/18.jpg)
Ca continue
Ensuite même chose que l’étape 1 et 2
![Page 19: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/19.jpg)
Test et résultat
Menu contrôle puis tester l’animation
![Page 20: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/20.jpg)
Voilà notre première animationterminée
Le symbole tourne ,se déplace ,retourne et reviens a la 1ère place le tous en boucle.
![Page 21: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/21.jpg)
Pendant ce temps Marco
Fait des recherches sur internet
![Page 22: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/22.jpg)
Et….. Bingo il a trouvé…
Un site avec des tutoriels vidéo qui explique flash
![Page 23: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/23.jpg)
Après beaucoup de temps
Et de travail sur l’ordinateur
![Page 25: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/25.jpg)
« Le FLASH ».
by Marco
![Page 26: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/26.jpg)
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……..
![Page 27: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/27.jpg)
Tout d’abord, nous allons créer un nouveau document.
Pour ce faire, vous devez cliquez ici!
![Page 28: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/28.jpg)
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.
![Page 29: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/29.jpg)
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.
![Page 30: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/30.jpg)
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.
![Page 31: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/31.jpg)
Commençons enfin à créer notre animation!
Sélectionnez cette outils.
Cliquez également ici, nous y reviendrons après.
![Page 32: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/32.jpg)
Dessinez un cercle grâce à l’outil que nous avons sélectionné.
![Page 33: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/33.jpg)
Ensuite choisissez une couleur de remplissage sur le bouton que nous avions activé juste avant.
![Page 34: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/34.jpg)
Voilà, pour ma part j’ai choisi du jaune.
![Page 35: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/35.jpg)
Sélectionnez cette outils, pour pouvoir remplir votre cercle avec la couleur que vous avez choisis.
![Page 36: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/36.jpg)
Sélectionnez ensuite cette outils et cliqué sur votre cercle pour le sélectionner.
Sélectionnez ensuite l’onglet « Couleur »
![Page 37: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/37.jpg)
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.
![Page 38: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/38.jpg)
Cliquez ici pour changer les couleurs!
Utilisez le blanc pour le reflet, et le jaune.
![Page 39: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/39.jpg)
Dessinez à nouveau un cercle après avoir choisi un fond de remplissage blanc.
![Page 40: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/40.jpg)
On déplace avec l’outil de sélection le cercle blanc au milieu de notre boule jaune.
![Page 41: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/41.jpg)
Nous allons à présent y mètre un numéro en utilisant l’outils de texte.
![Page 42: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/42.jpg)
Une fois la zone de texte tracée, on tape le chiffre, et on choisi une taille de police adaptée.
![Page 43: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/43.jpg)
Avec l’outils de sélection, vous sélectionnez la boule complète.
![Page 44: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/44.jpg)
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
![Page 45: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/45.jpg)
Ici, vous pouvez après avoir sélectionné la boule, déplacé celle-ci sur la gauche.
![Page 46: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/46.jpg)
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é ».
![Page 47: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/47.jpg)
Voilà, nous avons inséré 30 images identiques à la suite les unes des autres.
![Page 48: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/48.jpg)
Placez vous sur la 30 ème image, ensuite sélectionnez la boule pour la déplacer sur la droite.
![Page 49: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/49.jpg)
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 ».
![Page 50: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/50.jpg)
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.
![Page 51: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/51.jpg)
Nous allons indiquer que la rotation doit être « Vers la droite ».
![Page 52: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/52.jpg)
Ensuite précisez le nombre de tours à effectuer pendant l’animation. 4 ici dans l’exemple.
![Page 53: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/53.jpg)
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é ».
![Page 54: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/54.jpg)
Placez vous sur la 60 ème image, ensuite sélectionnez la boule pour la déplacer sur la gauche.
![Page 55: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/55.jpg)
Faite un clic droit entre la 30 éme et la 60 ème image, puis « Créer une interpolation de mouvement ».
![Page 56: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/56.jpg)
Nous allons indiquer que la rotation doit être « Vers la gauche».
![Page 57: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/57.jpg)
Ensuite précisez le nombre de tours à effectuer pendant l’animation. 4 ici dans l’exemple.
![Page 58: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/58.jpg)
Nous avons terminé l’animation, il ne reste plus qu’a la tester.
![Page 59: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/59.jpg)
VOILA LE RESULTAT
![Page 60: Accès aux Métiers de lInformatique Projet de Marco et Éric Macromedia Flash.](https://reader036.fdocument.pub/reader036/viewer/2022081518/551d9d93497959293b8c98ad/html5/thumbnails/60.jpg)
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