Accès aux Métiers de l’Informatique

Présentation au sujet: "Accès aux Métiers de l’Informatique"— Transcription de la présentation:

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

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

3 Après lecture d’un livre sur flash8

4 J’ai réalisé notre première animation en flash

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

6 Voila le plan de travail délimité
Etape suivante cliquer sur A et taper le texte

7 Ensuite cliquer sur l’outil flèche pour pouvoir sélectionner le texte

8 La conversion en symbole
Clique droit sur le texte . Dans le menu choisir conversion en symbole

9 Renommer et cliquer sur OK
Renommer le symbole Renommer et cliquer sur OK

10 Clique droit sur insérer un image clé
2ème images clés Clique droit sur insérer un image clé

11 Extrapolation du mouvement
Sur l’image 20 clique droit sur créer un extrapolation de mouvement

12 Sélectionner vers la droite dans le menu rotation
Choix du mouvement Sélectionner vers la droite dans le menu rotation

13 Vérification du mouvement
Cliquer sur une image intermédiaire pour voir si le symbole bouge

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

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

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

17 Déplacement horizontal
Clique gauche sur le symbole et le tirez dans l’autre coin

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

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

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

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

22 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

23 Après beaucoup de temps
Et de travail sur l’ordinateur

24 Marco et moi avons créer
Un site en flash

25 Présentation de mon project.
A.M.I. Présentation de mon project. « Le FLASH ». by Marco

26 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……..

27 Tout d’abord, nous allons créer un nouveau document.
Pour ce faire, vous devez cliquez ici!

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

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

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

31 Commençons enfin à créer notre animation!
Sélectionnez cette outils. Cliquez également ici, nous y reviendrons après.

32 Dessinez un cercle grâce à l’outil que nous avons sélectionné.

33 Ensuite choisissez une couleur de remplissage sur le bouton que nous avions activé juste avant.

34 Voilà, pour ma part j’ai choisi du jaune.

35 Sélectionnez cette outils, pour pouvoir remplir votre cercle avec la couleur que vous avez choisis.

36 Sélectionnez ensuite l’onglet « Couleur »
Sélectionnez ensuite cette outils et cliqué sur votre cercle pour le sélectionner.

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

38 Cliquez ici pour changer les couleurs!
Utilisez le blanc pour le reflet, et le jaune.

39 Dessinez à nouveau un cercle après avoir choisi un fond de remplissage blanc.

40 On déplace avec l’outil de sélection le cercle blanc au milieu de notre boule jaune.

41 Nous allons à présent y mètre un numéro en utilisant l’outils de texte.

42 Une fois la zone de texte tracée, on tape le chiffre, et on choisi une taille de police adaptée.

43 Avec l’outils de sélection, vous sélectionnez la boule complète.

44 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

45 Ici, vous pouvez après avoir sélectionné la boule, déplacé celle-ci sur la gauche.

46 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é ».

47 Voilà, nous avons inséré 30 images identiques à la suite les unes des autres.

48 Placez vous sur la 30 ème image, ensuite sélectionnez la boule pour la déplacer sur la droite.

49 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 ».

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

51 Nous allons indiquer que la rotation doit être « Vers la droite ».

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

53 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é ».

54 Placez vous sur la 60 ème image, ensuite sélectionnez la boule pour la déplacer sur la gauche.

55 Faite un clic droit entre la 30 éme et la 60 ème image, puis « Créer une interpolation de mouvement ».

56 Nous allons indiquer que la rotation doit être « Vers la gauche».

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

58 Nous avons terminé l’animation, il ne reste plus qu’a la tester.

59 VOILA LE RESULTAT

60 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