STIC:STIC I - exercice 2 (Stella)

Cette page fait partie des cours STIC I et STIC II

Objectifs

Tutoriels Flash

Savoir faire des dessins avec Flash CS4 (modes de dessin, transformations, couleurs)

Utilisation de clip art (importation de SVG) ?

Faire des animations avec CS4: image par image, interpolations de mouvement, morphing.

Programme

L'univers Flash et le desktop

• Handout: Flash - (Flash)
• Handout: Univers Flash CS4 - (Flash CS4 desktop tutorial)
• Handout: Flash CS3 keyboard shortcuts
• Handout: Flash - dictionnaire anglais français

Le dessin

• Handout: Flash CS4 - Créer des dessins avec les outils de dessin - (Flash drawing tutorial)
  • Modes de dessin (object vs. merge)
  • Palette des outils de dessin
  • Couleurs et textures
• Handout: Flash CS3 - Créer et modifier les calques et les images - (Flash layers tutorial)
  • Savoir s'organiser: layers, layer folders, la librairie, les scènes
• Handout: Flash CS4 - Arranger des dessins - (Flash arranging objects tutorial)
  • Différence entre shapes, simple graphics, composite graphics, symbols, etc.
  • Transformations vers différents types de "display elements"
  • Alignement et snapping
• Handout: Flash CS4 - Transformer des dessins - (Flash object transform tutorial)
  • Select tool
  • Free Transform Tool (y compris ses différents modes)
• Handout: Flash CS4 - Couleurs et gradients - (Flash colors tutorial)
  • Types de couleurs
  • Color Gradient Transform Tool
• Resource: Clipart and texture
  • Importation de graphismes vectoriels (Note: SVG via Illustrator or WMF).

Animation

Introduction

• Flash CS4 - Principes de l'animation
• Flash CS4 - Symboles et clips. (Première partie. Dans ce cours on créera des animations à l'intérieur de symboles de type "movie clip").

Frame-by-frame animation

• Previews: Shakin hello,
• Handout: Flash CS4 - Animation image par image - (Flash frame-by-frame animation tutorial)

Motion animation - Interpolation de movement

• Preview: flash-cs-4-motion-tweening.html, Clip penguin,
• Flash CS4 - Interpolation de mouvement

Motion animation (classic)

• Previews: Animation nuages etc., Animation et Pinguin, Moving cat, Moving, changing cat, Flying Rocket
• Handout: Flash CS4 - Interpolation de mouvement classique - (Flash motion tweening tutorial)

Morphing / Shape tweening - Interpolation de forme

• Previews: Simple shape morph, Simple shape and motion morph, traced bitmaps morph, Shape tweening in motion
• Handout: Flash CS4 - Morphing - (Flash shape tweening tutorial)

Résumé animation

• Flash CS4 - Principes de l'animation
• Voir aussi (outils CS3 seulement): Flash animation summary

Exercice à rendre

A rendre: Dimanche soir avant la période 2 (un retard entraîne un pénalité de 1 point)

Tâche

(1) Faites une animation qui comprend au moins:

1. un objet "movie clip" qui contient un motion tween (donc une animation à l'intérieur d'une interpolation d'animation)
2. un objet "movie clip" qui contient une frame-by-frame animation
3. un objet "movie clip" qui contient une interpolation de forme

Le sujet de l'animation doit être en rapport avec une thématique "MALTT"

(2) Documentez brièvement dans Modify->Document en utilisant le schéma suivant à copier/coller.

=== Auteur et date ===

=== Objectifs ===
 
=== Crédits ===

Ressources externes

• Vous pouvez utiliser du "artwork" externe (mais pas plus que 50%)
• Vous devez citer les sources !

A rendre

Le dispositif (code source et swf) est à mettre en ligne avec un petit rapport qui se trouvera ici:

/etu-maltt/______/____/stic-1/ex2
/etu-maltt/______/____/stic-1/ex2 

Cette page de rapport doit inclure:

• Auteur et date
• Objectifs
• Pas de longue explication de la production, mais un petit (!) résumé
• Difficultés
• Auto-évaluation
• Références
• Un lien vers le dispositif Flash
• Un lien vers une contribution wiki

Evaluation

Voici en gros les critères d'évaluation pour les exercices.

(1) Dispositif

1. But - est-ce l'animation correspond à vos objectis: -/0/+
2. Thématique MALTT -/0/+
3. Artwork - qualité esthétique --/0/+/++
4. Complexité: -/0/+/++
5. Respect des contraintes: --/-/0/+
6. Documentation - Qualité de la documentation: --/0/+
7. Documentation dans Flash - layer et symbol names par exemple: -/0
8. Erreurs - Présence/absence d'erreurs (notamment je veux voir aucun tween objet dans votre library !!: --/-/0
9. Cohérence globale: +

(2) Contribution Wiki

1. Utilité/quantité et qualité

(3) Rapport

1. Présence des éléments requis
2. Réflextions et contributions conceptuelles

Aide

Utilisez la page discussion de cette page pour poser des questions.

Pour insérer un nouveau titre, utilisez simplement le "+" ou cliquer sur "Ajouter un sujet".

Important: Si vous cliquez sur l'étoile ("Ajouter cette page à votre liste de suivi"), le wiki vous enverra un mail après chaque modification de la page.

Liens et Bibliographie

Ressources graphiques

• Clipart (ressources ClipArt, EduTechwiki Anglais)

Liens Flash

• Flash (fr, liens divers)
• en:Flash and AS3 links

Livre recommandé (en Anglais)

Chris Grover (2010). Flash CS5: The Missing Manual. O'Reilly Media / Pogue Press, ISBN 1-4493-8025-5