« STIC:STIC I - exercice 2 (Stella) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
 
(9 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{stic12}}
{{stic archive}}
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</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>
<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>
Ligne 13 : Ligne 13 :
=== L'univers Flash et le desktop ===
=== L'univers Flash et le desktop ===


* Handout: [[Flash]] - ([[:en:Flash|Flash]])
* Handout: [[Flash]] - ([[:en:Flash|:en:Flash]])
* Handout: [[Univers Flash CS5]] - ([[:en:Flash CS5 desktop tutorial|Flash CS5 desktop tutorial]])
* Handout: [[Univers Flash CS5]] - ([[:en:Flash CS5 desktop tutorial|:en:Flash CS5 desktop tutorial]])
* Handout: [[:en:Flash CS3 keyboard shortcuts|Flash CS3 keyboard shortcuts]]
* Handout: [[:en:Flash CS3 keyboard shortcuts|Flash CS3 keyboard shortcuts]]
* Handout: [[Flash - dictionnaire anglais français]]
* Handout: [[Flash - dictionnaire anglais français]]
Ligne 86 : Ligne 86 :
           --------------------------------
           --------------------------------


Autrement dit: Utilisez seulement le frame 1 de la timeline principale. Bien entendu, les trois objets clip auront une timeline et ces clips peuvent également contenir des clips.
Autrement dit:  
* Utilisez seulement le frame 1 de la timeline principale. Bien entendu, les trois objets clip auront une timeline et ces clips peuvent également contenir des clips.
* Créez directement des animations à l'intérieur d'un symbole de type clip ! N'utilisez '''jamais''' la timeline principale pour créer des animations, sinon il va falloir copier/coller des calques et des images et c'est un peu délicat ....


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"
Ligne 95 : Ligne 97 :
* Objectifs (soyez très courts)
* Objectifs (soyez très courts)
* Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
* Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
(3) Participation rédaction Wiki
* Comme pour chaque exercice Flash ... c.f. la page [[STIC:STIC I|STIC I]].


=== Ressources externes ===
=== Ressources externes ===
Ligne 107 : Ligne 112 :
  URL: http://tecfaetu.unige.ch/etu-malt/____/____/stic-1/ex2/
  URL: http://tecfaetu.unige.ch/etu-malt/____/____/stic-1/ex2/


Veuillez strictement garder ces noms de répertoires.
Veuillez strictement garder ces noms de répertoires, notamment l'élément
/stic-1/ex/
 
Bien:  
Bien:  
  /etu-maltt/qwerty/dupont/stic-1/ex2/welcome.html
  /etu-maltt/stella/dupont/stic-1/ex2/welcome.html
Mauvais (2 erreurs):
/etu-maltt/stella/dupont/stic1/Ex2/welcome.html
Mauvais à pleurer (3 erreurs):
Mauvais à pleurer (3 erreurs):
  /etu-maltt/qwerty/dupont/stic 1/Exercice-2/rapport.html
  /etu-maltt/stella/dupont/stic 1/Exercice-2/rapport.html


Cette page de rapport doit inclure:
Cette page de rapport doit inclure:
Ligne 152 : Ligne 161 :
Pour insérer un nouveau titre, utilisez le "+" ou cliquez sur "Ajouter un sujet".
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''': Dans le menu déroulant en haut (à côté de auteurs), vous pouvez '''suivre une page''' ("Ajouter cette page à votre liste de suivi"). Dans ce cas, le wiki vous enverra un mail après chaque modification de la page en question. Je vous conseille de faire cela pour les pages discussion.


== Liens et Bibliographie ==
== Liens et Bibliographie ==
Ligne 167 : Ligne 176 :


* Chris Grover (2010). Flash CS5: The Missing Manual. O'Reilly Media / Pogue Press, ISBN 1-4493-8025-5. Aussi disponible comme [http://oreilly.com/catalog/0636920000631 E-book/PDF]
* Chris Grover (2010). Flash CS5: The Missing Manual. O'Reilly Media / Pogue Press, ISBN 1-4493-8025-5. Aussi disponible comme [http://oreilly.com/catalog/0636920000631 E-book/PDF]
[[Category: STIC I]]

Dernière version du 26 septembre 2013 à 14:05

Cette page fait partie des archives des cours Cours STIC (STIC I, STIC II,STIC III,STIC IV)

Objectifs

  1. Créer des dessins avec CS5 (modes de dessin, transformations, couleurs)
  2. Utilisation de clip art (importation d'images SVG via un autre programme)
  3. Créer des animations avec CS5: image par image, interpolations de mouvement (motion tweening), morphing (shape tweening).

Programme

L'univers Flash et le desktop

Le dessin

Animation

Introduction
Frame-by-frame animation
Motion animation - Interpolation de movement
Motion animation (classic)
Morphing / Shape tweening - Interpolation de forme
Résumé animation

Exercice à rendre

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

Tâche

(1) Créez un fichier Flash qui comprend au moins les éléments suivants:

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

Schéma du fichier *.fla (exemple !)

          --------------------------------
          image 1 | image 2 ..............
          --------------------------------
 calque 1 clip 1  |
          clip 2  |
          clip 3  |
          --------------------------------
 calque 2 arrière plan
          --------------------------------

Autrement dit:

  • Utilisez seulement le frame 1 de la timeline principale. Bien entendu, les trois objets clip auront une timeline et ces clips peuvent également contenir des clips.
  • Créez directement des animations à l'intérieur d'un symbole de type clip ! N'utilisez jamais la timeline principale pour créer des animations, sinon il va falloir copier/coller des calques et des images et c'est un peu délicat ....

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

(2) Documentez brièvement votre code dans * File-> File Info (CS5) ou Modify->Document (CS3) en y insérant les informations suivantes:

  • Auteur
  • Date
  • Objectifs (soyez très courts)
  • Crédits (si nécessaire, par exemple pour images et clip art réutilisé)

(3) Participation rédaction Wiki

  • Comme pour chaque exercice Flash ... c.f. la page STIC I.

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, notamment l'élément

/stic-1/ex/

Bien:

/etu-maltt/stella/dupont/stic-1/ex2/welcome.html

Mauvais (2 erreurs):

/etu-maltt/stella/dupont/stic1/Ex2/welcome.html

Mauvais à pleurer (3 erreurs):

/etu-maltt/stella/dupont/stic 1/Exercice-2/rapport.html

Cette page de rapport doit inclure:

  • Auteur et date
  • Objectifs du disposif. Il sert à quoi, à qui, etc.
  • Pas de longue explication de la production, mais un petit (!) résumé
  • Difficultés rencontrées
  • Auto-évaluation, pistes de dévelopements futurs
  • Références
  • Un lien vers le dispositif Flash
  • Un lien vers une contribution wiki ou au moins un résumé. Il faut que l'on sache ce qu'il faut compter pour chaque exercice..

Evaluation

Un résult qui correspond à peu près aux attentes vaut 5.

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é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: Dans le menu déroulant en haut (à côté de auteurs), vous pouvez suivre une page ("Ajouter cette page à votre liste de suivi"). Dans ce cas, le wiki vous enverra un mail après chaque modification de la page en question. Je vous conseille de faire cela pour les pages discussion.

Liens et Bibliographie

Ressources graphiques vectorielles
  • Clipart (ressources ClipArt, EduTechwiki Anglais)
Liens Flash
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