Atelier WebMaster 2012: Animation et interaction avec Flash

Cours de formation continue offert par TECFA, Université de Genève

Prochaine édition formation Flash à Genève: 18-22 octobre 2010. La formation aura lieu à partir de 4 inscriptions. Pour vous inscrire, téléchargez la brochure + formulaire du site de la formation continue.

Programme provisoire

Description

Objectifs

Conception et réalisation d'animations et de programmes interactives avec Flash.

Maîtriser les environnements Adobe Flash CS5, CS4 et CS3;

Produire des dessins et des animations;

Travailler avec des images, du son et de la vidéo;

Créer des petites applications interactives avec ActionScript 3

Utiliser des composants et des librairies Flash

Public

Ce cours est particulièrement destiné aux enseignants, aux documentalistes, aux spécialistes multimédia et aux concepteurs web. Il est également adapté à tout public désirant perfectionner ses connaissances techniques dans le domaine du multimédia.

Prérequis

• Utilisation de Windows
• Quelques connaissances de base en programmation ainsi que des notions d'Anglais seraient un atout supplémentaire, mais ne sont pas obligatoires.

Eléments du programme

L'univers Flash

(lundi A - DKS)

• La stratégie Flash de Adobe
  • Les clients Flash et Air. Flash, ActionScript et Flex. Les outils Flash Professional et Flex Builder

• Univers Flash CS4 (Flash Professional)
  • Petite comparaison entre CS5, CS4 (Flash 10) et CS3 (Flash 9)
  • Panorama des outils Flash et les scénarios d'utilisation de Flash
  • Configuration de l'espace de travail Flash
  • Outils et panneaux des logiciels Flash CS5

Dessiner en Flash

(lundi B,C,D - DKS)

• Flash CS4 - Créer des dessins avec les outils de dessin
  • configuration de l'environnement pour le dessin - le properties panel
  • Strokes et fills (traits et remplissages)
  • Le tools panel
  • Les modes de dessin (fusion/forme vs. objet)
  • Exploration de quelques outils de dessin

• Créer et modifier les calques et les images (layers et frames)
• Flash CS4 - Transformer des dessins
• Flash CS4 - Arranger des dessins
• Flash CS4 - Couleurs et gradients (CS3 compatible)

Créer des animations en Flash

(mardi A,B - DKS)

• Flash CS4 - Principes de l'animation (types d'animations et la notion de keyframe)
• Flash CS4 - Animation image par image (frame-by-frame animation)
• Flash CS4 - Interpolation de mouvement (motion tweening)
• Flash CS4 - Interpolation de mouvement classique (motion tweening de CS3)
• Flash CS4 - Morphing (Interpolation de forme, shape tweening)
• Flash CS4 - Son Utilisation et édition du son (déplacer ?)

Les boutons et les événements

(mardi C,D - DKS)

• Flash CS4 - Boutons
  • Utiliser des boutons Flash
  • Créer des boutons Flash
  • Introduction à ActionScript (gestion d'événements, navigation dans le scénario, play/stop)
  • Sites web avec Flash (menus de navigation)

• Flash CS4 - Symboles et clips
  • Les symboles Flash (objets de bibliothèque)
  • Le registration point
  • Editer un symbole

Créer des animations en Flash et dessin (suite)

(mercredi A,B - Kalli)

• Flash CS4 - Cinématique inversée (Inverse kinematics)
• Animation 3D dans Motion tweening (à confirmer)

Les clips

(mercredi C,D - DKS)

• Flash CS4 - Symboles et clips
• Flash CS4 - Boutons (faire ses propres boutons)
• Créer et utiliser des movie clips internes (par exemple une animation image par image dans une interpolation de movement)

Piloter des clips avec ActionScript

(jeudi A - DKS)

• Flash CS4 - Composant bouton (à utiliser avec les clips)
• Flash CS4 - Symboles et clips (2ème partie - les avions et cerf-volants)

Les médias externes

(jeudi B - DKS)

• Télécharger des vidéos (visite d'un site / outils)
• Flash CS4 - Composants videos (première partie)
• Conversion et édition légère de vidéos avec l'outil Adobe Media Encoder
• Mettre une petite video dans la timeline et ajouter des animations
• Flash CS4 - Utilisation et modification de bitmaps (si temps)

Les composantes

(jeudi C - DKS)

• Flash CS4 - Composants (petit survol)

• Flash CS4 - Composants videos (partie II, Vidéos interactives).

Répertoire: http://tecfa.unige.ch/guides/flash/ex/component-video-intro/

XML: http://tecfa.unige.ch/guides/flash/ex/component-video-intro/timed-text.xml

• • Ajouter des captions avec "Timed Text" (fichier XML) - (c.f. Making use of captions - flash-cs3-video-simple-server-caption.fla)
  • Les cue points pour naviguer (c.f. Using cue points for navigation and to trigger animations - flash-cs3-video-goto-cues.fla)
  • Les cue points pour animer des effets: flash-cs3-video-cue-events.fla - office-dks3.flv

ActionScript

(vendredi A - DKS)

• Flash AS3 - Objets interactifs‎‎ (Simple interactivité et animation avec ActionScript (drag/drop; changer la position, la taille etc. d'un objet).

Dessin et effets spéciaux

(vendredi B - Kalli/DKS)

• Dessin avec l'outil pen (stylo)
• Flash CS4 - Texte
• Flash CS4 - Calques de masque
• Motion presets (c.f. Flash CS4 - Interpolation de mouvement)
• Flash CS4 - Calques de masque
• Flash CS4 - Graphiques 3D

ActionScript - librairies

(vendredi C)

• Principes de la programmation ActionScript (fichiers *.as) et utilisation de grandes librairies ActionScript (interpolation, 3D, particules, etc.) .... à reprendre l'après-midi
• Définition d'un classpath pour une librairie
  • Flash CS4 - Utilisation de librairies
  • Flash using ActionScript libraries tutorial
• Exemple pour info: Importation de données depuis un fichier XML et la différence entre Flash et Flex
  • l'exemple utilisation de la composante datagrid: Flash datagrid component tutorial

Publication du contenu Flash

(vendredi D - DKS)

• Flash - Bonnes pratiques
• Flash - dictionnaire anglais français
• Options de publication
• Intégration dans HTML
• Sujets à reprendre ?

Ressources

• Flash CS4 - Ressources (Liens vers d'autres sites)

• Tutoriels Flash (index des ressources Flash dans ce wiki)

Manuels les plus importants chez Adobe

• Using Adobe Flash CS4 Professional (Adobe)
• Utilisation d'Adobe Flash CS4 Professional (pour la version française...)

Organisation

Cette formation est offerte par TECFA, l'unité des technologies éducatives de la Faculté de psychologie et des sciences de l'éducation.

Ce cours est dispensé sous forme de travaux pratiques.

Outils

On travaillera avec Adobe Flash CS5, version Anglaise

Les matériaux de cours seront disponibles en ligne et on mettra à disposition des ordinateurs pour les travaux pratiques. Les participants peuvent amener leur propre ordinateur portable (à condition d'avoir Flash CS4 ou CS5 installé)

Dates et horaires

Dates

18-22 octobre 2010, à partir de 4 inscriptions

Horaires

9h00 - 12h30 et 14h-17h00 (cours et travaux pratiques)

17h00 - 19h00 (pratique libre)

Renseignements pratiques

Evaluation et crédits

Les participants peuvent obtenir 2 crédits ECTS. L’évaluation portera sur des exercices exécutés durant la pratique libre et sur un petit projet d’environ 16h de travail à rendre 2 semaines après le cours. Une simple attestation est fournie en cas de participation « normale ».

Inscription

Service formation continue

Sophie KNUPFER

Université de Genève 1211 Genève 4

Tél.: 022 / 379 78 33 Fax: 022 / 379 78 30

E-mail: sophie-knupfer@formcont.unige.ch

Téléchargement de la jolie brochure et du formulare d'inscription

Depuis le site de la formation continue: Animation et interaction avec Flash

PDF (Copie sur le site de TECFA)

Nombre de participants

Le nombre max. de participants est fixé à 16. Les demandes sont enregistrées par ordre d'arrivée. La formation aura lieu à partir de 4 participant(e)s inscrit(e)s.

Lieu (à confirmer, car TECFA déménagera probablement en octobre)

TECFA, FPSE, Université de Genève

54, rue des Acacias,

1227 Genève

Finance de participation

CHF 1950.- (avec attestation)

CHF 2450.- (2 Crédits ECTS)

à verser dès réception de la confirmation de l'inscription.

Informations et renseignements sur le contenu

Daniel.Schneider@unige.ch (Daniel K. Schneider)

Tél.: 022 / 379 93 77