Cours Flash Ppp
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Cours Flash Ppp

on

  • 4,555 views

 

Statistics

Views

Total Views
4,555
Views on SlideShare
4,493
Embed Views
62

Actions

Likes
3
Downloads
171
Comments
0

2 Embeds 62

http://www.dyalo.com 56
http://www.slideshare.net 6

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cours Flash Ppp Presentation Transcript

  • 1. Formation au logiciel Flash Macromédia MX Menasri Sabrina Mai 2007
  • 2. Sommaire
    • Introduction
    • L’interface de flash
    • L’interpolation de mouvement
    • L’interpolation de forme
    • L’animation de texte
    • Formats et publication
  • 3. Introduction
    • Macromedia Flash est un logiciel graphique développé par Macromedia servant à produire des documents animés destinés à être diffusés sur internet.
    • Cette application à l'avantage de posséder à la fois une interface graphique ressemblant à un logiciel de traitement d’images ( photoshop, gimp, …) et un éditeur de code script (Actionscript ) proche du javascript permettant la programmation.
    • Il permet d'autre part de créer du dessin animé et des jeux.
  • 4. L’interface de Flash: les principaux éléments
    • La scène
    • La boite à outils
    • Les panneaux
    • La fenêtre scénario (timeline)
    • Les propriétés du document
    • La palette des propriétés
  • 5. L’interface de Flash La scène Actionscript Boite à outils Les panneaux Les propriétés La fenêtre scénario
  • 6. La scène
  • 7. La boite à outils            outil flèche ,       outil flèche sous-sélection et outil lasso pour saisir, sélectionner, et déplacer          outil ligne          outil texte pour insérer du texte dans votre animation.           outil ovale outil rectangle pour dessiner des formes          outil crayon pour dessiner à la main des lignes droites ou des courbes.          outil pinceau pour remplir ou peindre des zones avec une couleur unie.         outil pot de peinture pour remplir une zone avec une couleur.           outil pipette pour récupérer la couleur.          outil gomme pour effacer.          outil main pour se déplacer autour de votre animation.          outil zoom pour zommer vers l'avant ou vers l'arrière .
  • 8. Les panneaux Le mélangeur permet de choisir la couleur de remplissage et du trait . Le nuancier affiche la palette de couleur spécifique au fichier ouvert, le nuancier par défaut est celui des couleurs web.
  • 9. Les propriétés du document
    • Il faut obligatoirement avant de commencer toute animation définir la taille et la cadence.
    Il faut choisir les dimensions en pixels (ou pouces) et la couleur d'arrière plan . La cadence , correspond au nombre d'image par seconde.
  • 10. La palette des propriétés
    • La palette «Propriétés» sert à paramétrer la sélection. Elle s’adapte à l’objet sélectionné.
    • Lorsque vous sélectionnez du texte, une scène, une image clé,… la fenêtre des propriétés s'adapte et affiche différentes configurations.
  • 11. La palette des propriétés
    • Texte
    Formes Image clé
  • 12. La fenêtre scénario (timeline)
    • La timeline contrôle vos animations.
  • 13. La fenêtre scénario : Calques (1) Astuces : Pour renommer un calque faire un double clic sur le nom Gestion des calques :        Créer un nouveau calque         Ajouter un guide de mouvement à un calque.        Créer un dossier afin de regrouper des calques.        Supprimer un calque.
  • 14. La fenêtre scénario : Calques (2) Oeil : Permet d'afficher ou masquer un calque. Cadenas : Permet de verrouiller un calque. Carré : Permet de visualiser le contour du contenu des calques.
  • 15. La fenêtre scénario : Calques (3) Lorsque votre animation contient un nombre important de calques, vous pouvez regrouper certains calques dans un même dossier.
  • 16. La fenêtre scénario (timeline) Timeline : si vos animations contiennent trop d'images, vous pouvez changer l'échelle du scénario afin de visualiser plus d'images. Astuces : Un clic sur le bouton à droite de la timeline permet de modifier son échelle
  • 17. Images et images clés (1)
    • Un film est composé d’une suite d’images. Dans la timeline chaque cellule correspond à une image.
    • Une image peut contenir plusieurs plans et ou plusieurs personnages, objets, d’où la présence des calques pour composer une image.
      • Sur la timeline ci-dessous:
      • l’image 1 contient un fond + du texte.
      • l’image 5 par contre ne contient que le fond
      • l’image 10 est vide et ne contient ni fond ni texte
  • 18. Images et images clés (2)
    • Insertion sur la timeline d’une image clé
    • Effectuez un clic-droit (PC) CTRL-clic (Mac) sur une image
    • Sélectionnez "Insérer une image clé"
    • OU
    • Sélectionnez une image de la timeline
    • Tapez F6
    Définitions : une image clé correspond à un moment clé dans l’animation (point avant une modification du scénario)
  • 19. Interpolation
    • Définitions:
    • Les interpolations permettent d’effectuer des déplacements sur une scène, des rotations, des agrandissements, …
    • Il existe 2 types d’interpolations:
      • Les interpolations de mouvement
      • les interpolations de forme
  • 20. Interpolation de mouvement
    • Définitions:
    • L'interpolation de mouvement permet de faire bouger des objets, de les faire changer de forme, tout ceci dans un laps de temps donné.Voici les étapes:
    • créer un objet dans un calque (par exemple un carré).
    • dans la timeline, sélectionner un laps de temps (par exemple 40), puis dans le menu "insertion" et cliquez sur «Images clés»
    • Sélectionner les images du calque puis faites un clic droit et choisissez le menu « créer une interpolation de mouvement »
    • Désélectionner la ligne et se positionner sur l’image clé
    • Utiliser l’outil flèche pour déplacer votre forme (ici notre carré)
    • Cliquer ensuite dans le menu sur «contrôle», «tester l’animation»
    • Vous verrez votre carré se déplacer sur la scène 
  • 21. Interpolation de mouvement
  • 22. Interpolation de mouvement
  • 23. Interpolation de mouvement
  • 24. Interpolation de mouvement
  • 25. Interpolation de mouvement
  • 26. Interpolation de mouvement Voir un exemple animé http:// www . cyberformateur . com /support/flash/index. htm
  • 27. Animation de texte Pour animer un texte, vous devez utiliser l’interpolation de mouvement (voir explication précédente en remplaçant la forme par du texte) Vous pourrez ainsi faire défiler un texte et même transformer sa taille, faire une rotation. Avant chaque changement, vous devez insérer une image clé.
  • 28. Animation de texte
  • 29. Animation de texte
  • 30. Interpolation de forme
    • Définitions: Cette interpolation s'applique à peu près comme l'interpolation de mouvement. Elle permet à la différence de transformer une forme en un autre (exemple un rond en carré avec une modification de la couleur).
    • créer un objet dans un calque (par exemple un rond).
    • dans la timeline, sélectionner un laps de temps (par exemple 40), puis dans le menu "insertion" et cliquez sur «Images clés»
    • Sélectionner les images du calque puis dans les propriétés (en bas) choisissez « créer une interpolation de forme »
    • Désélectionner la ligne et se positionner sur l’image clé
    • Supprimer le rond (touche « supp » sur le clavier)
    • Dessiner un carré de couleur différente n’importe où sur la scène Cliquer ensuite dans le menu sur «contrôle», «tester l’animation»
    • Vous verrez votre rond se déplacer, changer de couleur et se transformer en carré sur la scène 
  • 31. Interpolation de forme
  • 32. Interpolation de forme
  • 33. Interpolation de forme
  • 34. Interpolation de forme
  • 35. Interpolation de forme
  • 36. Interpolation de forme
  • 37. Interpolation de forme Voir un exemple animé http:// www . cyberformateur . com /support/flash/index. htm
  • 38.
    • Lorsque vous enregistrerez vos animations (fichiers), vous obtiendrez le format de fichier .fla .
    • Lorsque vous publierez celles-ci, le format sera alors un .swf .
    • La publication permet à l’utilisateur d’insérer son animation flash sur une page web
    • Icône d'un fichier au format .fla (format de travail)
    • Icône d'un fichier au format .swf (format de publication sur une page web)
    Formats et publication
  • 39. Formats et publication Pour publier un document flash, il faut cliquer sur paramètres, puis publier
  • 40. Conclusion
    • Vous trouverez la dernière version de Flash sur le site www . macromedia .com . Pour un essai vous pouvez télécharger la version 30 jours
    • Pour toutes questions
    • [email_address]