« STIC:STIC I - exercice 2 (Stella) » : différence entre les versions
mAucun résumé des modifications |
|||
Ligne 4 : | Ligne 4 : | ||
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">Tutoriels Flash</categorytree> | <categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">Tutoriels Flash</categorytree> | ||
# Créer des dessins avec CS5 (modes de dessin, transformations, couleurs) | |||
# Utilisation de clip art (importation d'images SVG via un autre programme) | |||
# Créer des animations avec CS5: image par image, interpolations de mouvement (motion tweening), morphing (shape tweening). | |||
== Programme == | == Programme == | ||
Ligne 65 : | Ligne 65 : | ||
== Exercice à rendre == | == Exercice à rendre == | ||
''' | '''Deadline''': Dimanche soir avant la période 2 (un retard entraîne un pénalité de 1 point) | ||
=== Tâche === | === Tâche === | ||
Ligne 71 : | Ligne 71 : | ||
(1) Faites une animation qui comprend '''au moins''': | (1) Faites une animation qui comprend '''au moins''': | ||
# un objet "movie clip" qui contient un motion tween (donc une animation à l'intérieur d'une interpolation d'animation) | # un objet "movie clip" qui contient un motion tween (donc une animation à l'intérieur d'une interpolation d'animation) | ||
# un objet "movie clip" qui contient une frame-by-frame | # un objet "movie clip" qui contient une animation image par image (frame-by-frame) | ||
# un objet "movie clip" qui contient une interpolation de forme | # un objet "movie clip" qui contient une interpolation de forme | ||
Le sujet de l'animation doit être en rapport avec une thématique "MALTT" | 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. | (2) Documentez '''brièvement''' votre code dans ''Modify->Document'' en utilisant le schéma suivant à copier/coller. | ||
<pre> | <pre> | ||
<nowiki> | <nowiki> | ||
Ligne 89 : | Ligne 89 : | ||
=== Ressources externes === | === Ressources externes === | ||
* Vous pouvez utiliser du "artwork" externe (mais pas plus que | * Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %) | ||
* Vous devez citer les sources ! | * Vous devez citer les sources dans le fichier Flash et dans votre rapport ! | ||
=== A rendre === | === A rendre === | ||
Le dispositif (code source et swf) est à mettre en ligne | Le dispositif (code source *.fla et code compile *.swf) est à mettre en ligne accompagné d'un petit rapport qui se trouvera ici: | ||
/etu-maltt/ | Répertoire: /web/etu-maltt/____/____/stic-1/ex2/ | ||
/etu-maltt/ | URL: http://tecfaetu.unige.ch/etu-malt/____/____/stic-1/ex2/ | ||
Veuillez strictement garder ces noms de répertoires. | |||
Bien: | |||
/etu-maltt/querty/dupont/stic-1/ex2/welcome.html | |||
Mauvais à pleurer (3 erreurs): | |||
/etu-maltt/querty/dupont/stic 1/Exercice-2/rapport.html | |||
Cette page de rapport doit inclure: | Cette page de rapport doit inclure: | ||
Ligne 128 : | Ligne 134 : | ||
(3) Rapport | (3) Rapport | ||
# Présence des éléments requis | # Présence des éléments requis | ||
# | # Réflexions et contributions conceptuelles | ||
== Aide == | == Aide == | ||
Utilisez la page discussion de '''cette page''' pour poser des questions. | Utilisez la page discussion de '''cette page''' pour poser des questions concernant l'exercice. Je ne répondrais pas au e-mail. | ||
Pour insérer un nouveau titre, utilisez | Pour insérer un nouveau titre, utilisez le "+" ou cliquez 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. | '''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. | ||
Ligne 140 : | Ligne 146 : | ||
== Liens et Bibliographie == | == Liens et Bibliographie == | ||
; Ressources graphiques | ; Ressources graphiques vectorielles | ||
* [[:en:Clipart|Clipart]] (ressources ClipArt, EduTechwiki Anglais) | * [[:en:Clipart|Clipart]] (ressources ClipArt, EduTechwiki Anglais) |
Version du 30 septembre 2010 à 21:38
Objectifs
- Créer des dessins avec CS5 (modes de dessin, transformations, couleurs)
- Utilisation de clip art (importation d'images SVG via un autre programme)
- Créer des animations avec CS5: image par image, interpolations de mouvement (motion tweening), morphing (shape tweening).
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
- 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
Deadline: 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:
- un objet "movie clip" qui contient un motion tween (donc une animation à l'intérieur d'une interpolation d'animation)
- un objet "movie clip" qui contient une animation image par image (frame-by-frame)
- 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 votre code 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 66 %)
- Vous devez citer les sources dans le fichier Flash et dans votre rapport !
A rendre
Le dispositif (code source *.fla et code compile *.swf) est à mettre en ligne accompagné d'un petit rapport qui se trouvera ici:
Répertoire: /web/etu-maltt/____/____/stic-1/ex2/ URL: http://tecfaetu.unige.ch/etu-malt/____/____/stic-1/ex2/
Veuillez strictement garder ces noms de répertoires. Bien:
/etu-maltt/querty/dupont/stic-1/ex2/welcome.html
Mauvais à pleurer (3 erreurs):
/etu-maltt/querty/dupont/stic 1/Exercice-2/rapport.html
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
- But - est-ce l'animation correspond à vos objectis: -/0/+
- Thématique MALTT -/0/+
- Artwork - qualité esthétique --/0/+/++
- Complexité: -/0/+/++
- Respect des contraintes: --/-/0/+
- Documentation - Qualité de la documentation: --/0/+
- Documentation dans Flash - layer et symbol names par exemple: -/0
- Erreurs - Présence/absence d'erreurs (notamment je veux voir aucun tween objet dans votre library !!: --/-/0
- Cohérence globale: +
(2) Contribution Wiki
- Utilité/quantité et qualité
(3) Rapport
- Présence des éléments requis
- Réflexions et contributions conceptuelles
Aide
Utilisez la page discussion de cette page pour poser des questions concernant l'exercice. Je ne répondrais pas au e-mail.
Pour insérer un nouveau titre, utilisez le "+" ou cliquez 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 vectorielles
- 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. Aussi disponible comme E-book/PDF