« Atelier WebMaster 2012: Animation et interaction avec Flash » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
 
(98 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Tutoriels Flash|CS5, CS4 et CS3|Débutants}}
{{Tutoriels Flash|CC|Débutants}}
[http://tecfa.unige.ch/formcont/ Cours de formation continue offert par TECFA], Université de Genève
[http://tecfa.unige.ch/formcont/ Cours de formation continue offert par TECFA], Université de Genève


'''Prochaines éditions de la formation Flash à Genève''': 18-22 octobre 2010 / printemps 2011. La formation aura lieu à partir de 4 inscriptions. Pour vous inscrire,  [http://www.unige.ch/formcont/animationflash.html téléchargez la brochure + formulaire] du site de la formation continue.
'''Prochaines éditions de la formation Animate CC à Genève''':  
* '''juin 2017''' (si au moins 2-3 personnes manifestent leur intérêt ....)
* [http://www.unige.ch/formcont/animationflash.html Animation et interaction avec Flash] (Ancienne brochure et formulaire d'inscription/inscription en ligne)


''Programme provisoire''
'''Matériel d'enseignement''' (voir aussi et surtout le programme détaillé ci-dessous)
* [[EduTech Wiki:Livres/Tutoriels Flash|Notes de cours en format PDF ou imprimé/broché via Pediapress]]
* [[Tutoriels Flash]] (inventaire systématique des notes de cours)
 
'''Ancien programme'''
 
Le nouveau programme sera adapté aux possibilités de Animate CC, c-a-d le développement pour HTML5/JavaScript


== Description ==
== Description ==
Ligne 11 : Ligne 19 :


:Conception et réalisation d'animations et de programmes interactives avec Flash.
:Conception et réalisation d'animations et de programmes interactives avec Flash.
:Maîtriser les environnements Adobe Flash CS5, CS4 et CS3;
:Maîtriser l'environnement Adobe Animate CC;
:Produire des dessins et des animations;  
:Produire des dessins et des animations;  
:Travailler avec des images, du son et de la vidéo;
:Travailler avec des images, du son et de la vidéo;
Ligne 31 : Ligne 39 :
== Lundi ==
== Lundi ==


=== L'univers Flash ===
=== L'univers Animate CC ===
(lundi A - DKS)
(lundi A - DKS)


* La stratégie [[Flash]] de Adobe
* La stratégie HTML5/[[Flash]] de Adobe
** Les clients Flash et Air. Flash, ActionScript et Flex. Les outils Flash Professional et Flex Builder
** Les clients Flash et Air. Flash, ActionScript et Flex. Les outils Flash Professional et Flex Builder


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


=== Dessiner en Flash  ===
=== Dessiner en Flash  ===


(lundi B,C,D - DKS/Kalli)
(lundi B,C,D - Kalli)


* [[Flash CS4 - Créer des dessins avec les outils de dessin]](DKS)
* [[Flash CS4 - Créer des dessins avec les outils de dessin]]
** configuration de l'environnement pour le dessin - le properties panel
** configuration de l'environnement pour le dessin - le properties panel
** ''Strokes'' et ''fills'' (traits et remplissages)
** ''Strokes'' et ''fills'' (traits et remplissages)
Ligne 55 : Ligne 63 :


* [[Flash CS3 - Créer et modifier les calques et les images|Créer et modifier les calques et les images]] (layers et frames)(DKS)
* [[Flash CS3 - Créer et modifier les calques et les images|Créer et modifier les calques et les images]] (layers et frames)(DKS)
* Utilisation de clipart (Quelques ressources sont identifiés dans [[:en:Clipart]])
* [[Flash CS4 - Transformer des dessins]] (Kalli)
* [[Flash CS4 - Transformer des dessins]] (Kalli)
* [[Flash CS4 - Arranger des dessins]] (Kalli)
* [[Flash CS4 - Arranger des dessins]] (Kalli)
* [[Flash CS4 - Couleurs et gradients]] (Kalli)
* [[Flash CS4 - Couleurs et gradients]] (Kalli)
* [[Flash CS5 - Dessin avec l'outil plume]] (Kalli)
* Une petite animation pour terminer (c.f. programme de mardi)


* Une petite animation pour terminer (c.f. programme de mardi) (DKS)
(si le temps permet,si non, on trouvera un moment un autre jour)
(si le temps permet,si non, on trouvera un moment un autre jour)
* [[Storyboard]]s avec une grille simple
* [[Storyboard]]s avec une grille simple
* [http://edutechwiki.unige.ch/en/Flow_chart Flow chart] et [[UML]]
* [[:en:Flow chart|Flow Chart]] (Angl.) et [[:en:UML activity diagram|UML activity diagram]]
* Décrire des activités avec [http://compendiumld.open.ac.uk/ Compendium LD]  
* Décrire des activités avec [http://compendiumld.open.ac.uk/ Compendium LD]  
** [[Tutoriel CompendiumLD]] sur Edutechwiki (fr)  
** [[Tutoriel CompendiumLD]] sur Edutechwiki (fr)  
Ligne 71 : Ligne 82 :
=== Créer des animations en Flash ===
=== Créer des animations en Flash ===


(mardi A,B,C - DKS/Kalli)
(mardi A,B - DKS)


* [[Flash CS4 - Principes de l'animation]] (types d'animations et la notion de keyframe) (DKS)
* [[Flash CS4 - Principes de l'animation]] (types d'animations et la notion de keyframe)  
* [[Flash CS4 - Symboles et clips]] (clips imbriqués, animations dans des animations)
* [[Flash CS4 - Symboles et clips]] (clips imbriqués, animations dans des animations, première partie seulement !)
* [[Flash CS4 - Animation image par image]] (''frame-by-frame animation'')
* [[Flash CS4 - Animation image par image]] (''frame-by-frame animation'')
* [[Flash CS4 - Interpolation de mouvement]] (''motion tweening'')(Kalli)
* [[Flash CS4 - Interpolation de mouvement]] (''motion tweening'')
* [[Flash CS4 - Morphing]] (Interpolation de forme, ''shape tweening'') (DKS)
 
* [[Flash CS4 - Interpolation de mouvement classique]] (''motion tweening de CS3'', si temps) (Kalli/DKS)
(mardi C - Kalli)
* [[Flash CS4 - Morphing]] (Interpolation de forme, ''shape tweening'') (Kalli)


=== Les boutons et les événements  ===
=== Les boutons et les événements  ===


(mardi D - Kalli/DKS)
(mardi D - Ioana)
* Storyboarding
* [[Flash CS4 - Boutons]]
* [[Flash CS4 - Boutons]]
** Utiliser des boutons Flash
** Utiliser des boutons Flash
** Créer vos propres boutons Flash
** Créer vos propres boutons Flash
* [[Flash CS4 - Composant bouton]] (une alternative simple)
* Premier contact avec ActionScript (navigation dans la timeline)
* Premier contact avec ActionScript (navigation dans la timeline)
** [[Flash CS5 - Editeur ActionScript et fragments de code]]
** [[Flash CS5 - Editeur ActionScript et fragments de code]]
Ligne 94 : Ligne 104 :


== Mercredi ==
== Mercredi ==
=== Les boutons composants ===
(mercredi A - Ioana)
* [[Flash CS5 - Composant bouton]] ([[Flash CS4 - Composant bouton|CS4]]) (une alternative simple aux boutons "traditionnels")
** Répétition de la séance D du mardi avec d'autres boutons
** Exemple: [http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.html flash-cs4-simple-slide-show-menu-fewcode.html] - [http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.fla flash-cs4-simple-slide-show-menu-fewcode.fla]


=== Les clips ===
=== Les clips ===


(mercredi A - DKS)
(mercredi B - DKS)
 
* [[Flash CS4 - Interpolation de mouvement]] (rappel)
* [[Flash CS4 - Symboles et clips]] et suite boutons
** Exemple pinguin: [http://tecfa.unige.ch/guides/flash/ex4/embedded-movie-clips/penguin-clip.swf penguin-clip.swf] - [http://tecfa.unige.ch/guides/flash/ex4/embedded-movie-clips/penguin-clip.fla penguin-clip.fla]
* [[Flash CS4 - Symboles et clips]]  
** Repenser un fichier Flash comme un assemblage d'objets (encore)
** Repenser un fichier Flash comme un assemblage d'objets (encore)
** Start/stop de clips
** Start/stop de clips (on va insérer une de vos animations dans une scène en tant que clip)


=== Interactivité ===
=== Interactivité ===
(mercredi B,C,D - DKS)


* [[Flash AS3 - Objets interactifs]] (DKS)
(mercredi C - Ioana)
* [[Flash AS3 - Objets interactifs]]  
** Simple interactivité et animation avec ActionScript (changer la position, la taille etc. d'un objet).
** Simple interactivité et animation avec ActionScript (changer la position, la taille etc. d'un objet).
* [[Flash tutoriel drag and drop|Drag and drop]] (glisser/poser)
* [[Flash tutoriel drag and drop|Drag and drop]] (glisser/poser, s'il reste du temps)
 
=== Animation ===
(mercredi D - DKS ... s'il reste du temps)
* [[Flash CS4 - Interpolation de mouvement classique]] (''motion tweening de CS3'') (DKS)
* [[:en:Flash classic motion tweening tutorial]] (en Anglais, pour les motion guides ....)


== Jeudi ==
== Jeudi ==


=== Les médias externes ===
=== Les vidéos ===


(jeudi A - DKS)
(jeudi A/B - DKS)
 
; Simple utilisation d'une vidéo


* Télécharger des vidéos (visite d'un site / outils)
* [[Flash CS4 - Composants videos]] (première partie)  
* [[Flash CS4 - Composants videos]] (première partie)  
* Conversion et édition légère de vidéos avec l'outil ''Adobe Media Encoder''
** Utiliser une vidéo avec ce composant
* Mettre une '''petite''' video dans la timeline et ajouter des animations
** Conversion et édition légère de vidéos avec l'outil ''Adobe Media Encoder''
** A télécharger: [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/Ratatouille.mp4 Ratatouille.mp4]
* Télécharger des vidéos
** [https://addons.mozilla.org/en-US/firefox/addon/video-downloadhelper/ Video DownloadHelper] (extension Firefox)
** [https://addons.mozilla.org/en-US/firefox/addon/download-youtube-videos/ Download YouTube Videos + Flash Video Downloader / Download-Helper] (extension alternative)


=== Les composantes ===
; Importation d'une vidéo dans la timeline ou dans un clip


(jeudi B - DKS ))
* Mettre une '''petite''' video dans la timeline et ajouter des animations
** Vous pouvez reprendre la vidéo utilisée dans l'exemple précédant


* [[Flash CS4 - Composants]] (petit survol)
; Sous-titres (captions)
* [[Flash CS5 - Vidéos augmentées]]
** [[Flash_CS5_-_Vidéos_augmentées#Exemple_simple_sous-titres_avec_timed_text|Exemple simple sous-titres avec timed text]] (exemple discuté en classe)
** http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/office-dks3.flv
** Répertoire d'exemples: http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/


* [[Flash CS5 - Vidéos augmentées]] (technique ...)
; Vidéos augmentés
** On utilise les exemples ici: http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/
* [[Flash CS5 - Vidéos augmentées]]  
** [http://edutechwiki.unige.ch/fr/Flash_CS5_-_Vid%C3%A9os_augment%C3%A9es#Sauts_vers_des_points_de_rep.C3.A8re Sauts vers des points de repère]
** [http://edutechwiki.unige.ch/fr/Flash_CS5_-_Vid%C3%A9os_augment%C3%A9es#Gestion_d.27.C3.A9v.C3.A9nements_de_la_vid.C3.A9o Gestion d'événements de la vidéo]


=== Manipulation de son ===
=== Manipulation de son et timer ===


(jeudi C - DKS)
(jeudi C - DKS)


* [[Flash CS4 - Son]] (Utilisation et édition du son)
* [[Flash CS4 - Son]] (Utilisation et édition du son)
* [http://tecfa.unige.ch/guides/flash/ex/sound-intro/flash-cs3-cloud-animation-sound.fla flash-cs3-cloud-animation-sound.fla]
* Utilisation d'un timer pour lancer une musique au bout de 5 secondes: [[Flash CS5 - Timer]]
=== Dessin, texte, bitmaps ===
(jeudi D DKS)
* [[Flash CS4 - Texte]] (très brièvement !)
* [[Flash CS4 - Utilisation et modification de bitmaps]]


=== Animations Flash (suite) ===
=== Les composantes ===


(jeudi C - Kalli)
(jeudi D - DKS ))


* [[Flash CS4 - Cinématique inversée]] (Inverse kinematics)
* [[Flash CS4 - Composants]] (petit survol pour info, sans plus !)
* [[Flash CS4 - Graphiques 3D]] (Suite interpolation de movement)


== Vendredi ==
== Vendredi ==


=== Dessin, texte, bitmaps ===
=== Animations Flash (suite) ===


(vendredi A DKS)
(Vendredi A - Kalli)


* [[Flash CS5 - Dessin avec l'outil plume]] (pen)
* [[Flash CS4 - Cinématique inversée]] (Inverse kinematics)
* [[Flash CS4 - Texte]] (très brièvement !)
* [[Flash CS4 - Utilisation et modification de bitmaps]]


=== Animation (suite) ===
=== Option: Animation (suite) ===


(vendredi B DKS)
(vendredi B DKS)


* [[Flash CS4 - Graphiques 3D]]
* Motion presets (c.f. [[Flash CS4 - Interpolation de mouvement]])
* Motion presets (c.f. [[Flash CS4 - Interpolation de mouvement]])
* Les filtres
* Les filtres (petit rappel, c.f. [[Flash CS4 - Couleurs et gradients]])
* [[Flash CS4 - Calques de masque]]
* [[Flash CS4 - Calques de masque]]
* [http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/flash-as3-trees-generated.html la forêt] (Exemple d^' utilisation clips de library, décrit dans [[AS3 - Survol du langage ActionScript]])
** Source: [http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/flash-as3-trees-generated.fla flash-as3-trees-generated.fla]
=== Option: Programmation avec des classes ===
(vendredi B Ioana)
* [[Flash AS3 - Programmer avec une classe]]


=== ActionScript - librairies ===
=== ActionScript - librairies ===


(vendredi C)
(vendredi B/C)
* Principes de la programmation ActionScript (fichiers *.as) et utilisation de grandes librairies ActionScript (interpolation, 3D, particules, etc.)  
* Principes de la programmation ActionScript (fichiers *.as) et utilisation de grandes librairies ActionScript (interpolation, 3D, particules, etc.)  
* Définition d'un classpath pour une librairie
* Définition d'un classpath pour une librairie
Ligne 169 : Ligne 220 :
* [[:en:Flash using ActionScript libraries tutorial|Flash using ActionScript libraries tutorial]]
* [[:en:Flash using ActionScript libraries tutorial|Flash using ActionScript libraries tutorial]]
* [[:en:AS3 tweening platform]]
* [[:en:AS3 tweening platform]]
'''La librarairie Greensock''' (tweening)
* http://www.greensock.com/v11/ (téléchargement)
* Ensuite vous devez extraire le fichier greensock.swc du *.zip
* Utilisez les explorers dans: http://www.greensock.com/tweenmax/
* Ensuite vous pouvez modifier l'exemple [http://tecfa.unige.ch/guides/flash/ex5/greensock/canon2.fla canon2.fla]


Répertoires avec des exemples "Greensock":
Répertoires avec des exemples "Greensock":
Ligne 174 : Ligne 231 :
* http://tecfa.unige.ch/guides/flash/ex4/tween-lite/ (CS4)
* http://tecfa.unige.ch/guides/flash/ex4/tween-lite/ (CS4)
* http://tecfa.unige.ch/guides/flash/ex/greensock/ (CS3)
* http://tecfa.unige.ch/guides/flash/ex/greensock/ (CS3)
* Exemple ludiciels:
** http://tecfa.unige.ch/guides/flash/ex5/counting-games/
** [http://tecfaetu.unige.ch/etu-maltt/pixel/ghebali4/clef/greensock-as3/turbo_escargot_vfinale.swf version originale] (C. Pelletier)


Fichier exemple:
'''La librairie Flint''' (Particle physics)
* [http://tecfa.unige.ch/guides/flash/ex5/greensock/flash-cs5-greensock-tweenmax1.fla flash-cs5-greensock-tweenmax1.fla]
* Visite de http://flintparticles.org/examples
* Téléchargez la librairie et copiez/collez un exemple ....


Répertoire démo génération d'objets
'''Autres exemples'''
* http://tecfa.unige.ch/guides/flash/ex5/inverse-kinematics/
Il existe des dizaines de librairies puissantes et intéressantes
* Voir par exemple [[:en:Flash_and_AS3_links#Reusable_AS_components_and_libraries|notre petite liste]] (Edutechwiki Anglais)


=== Publication du contenu Flash ===
* Génération d'objets / Cinématique inverse:
** http://tecfa.unige.ch/guides/flash/ex5/inverse-kinematics/


=== Publication du contenu Flash & ressources ===
(vendredi D - DKS)
(vendredi D - DKS)


* [[Flash - Bonnes pratiques]]
* [[Flash AS3 - Chargement de fichiers SWF et d'images]] (à titre d'information)
* Options de publication, Intégration dans HTML, etc. (si questions)
* Options de publication, Intégration dans HTML, etc.  
* Sujets à reprendre ? / Questions
** En gros: Choisissez vos options dans File->Publish settings (le HTML nécessaire sera crée automatiquement)
** [http://kb2.adobe.com/fr/cps/415/tn_4150.html Syntaxe de la balise Objet]
** [http://help.adobe.com/fr_FR/flash/cs/using/WSd60f23110762d6b883b18f10cb1fe1af6-7bd1a.html#WSd60f23110762d6b883b18f10cb1fe1af6-7bcca Options de publication] (chez Adobe)
* [[Adobe AIR]]
 
; Pour aller plus loin
* [[Flash - Bonnes pratiques]] (rappel de quelques principes)
* ActionScript: [[AS3 - Survol du langage ActionScript]], [[Flash AS3 - display list]], [[Flash AS3 - Programmer avec une classe]] etc.
* [[Flash CS4 - Ressources]]


== Ressources ==
== Ressources ==
Ligne 194 : Ligne 266 :


* [[Tutoriels Flash]] (index des ressources Flash dans ce wiki)
* [[Tutoriels Flash]] (index des ressources Flash dans ce wiki)
* [[EduTech Wiki:Livres/Tutoriels Flash|"Livre" PDF/Pediapress]]


* [[Flash - dictionnaire anglais français]]
* [[Flash - dictionnaire anglais français]]
Ligne 213 : Ligne 287 :
On travaillera avec Adobe Flash CS5, version Anglaise
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é)
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.5 ou CS5 installé). Si disponible en juin, on montrera également CS6.


=== Dates et horaires ===
=== Dates et horaires ===


; '''Dates'''
; '''Dates'''
: 18-22 octobre 2010, '''à partir de 4 inscriptions'''
: 4-8 juin 2012
 
; '''Horaires'''
; '''Horaires'''
: 9h00 - 12h30 et 14h-17h00 (cours et travaux pratiques)
: 9h00 - 12h30 et 14h-17h00 (cours et travaux pratiques)
Ligne 232 : Ligne 305 :
; Inscription
; Inscription
: [http://www.unige.ch/formcont Service formation continue]
: [http://www.unige.ch/formcont Service formation continue]
: Sophie KNUPFER
: Université de Genève 1211 Genève 4
: Université de Genève 1211 Genève 4
: Tél.: 022 / 379 78 33 Fax: 022 / 379 78 30
: Tél.: 022 / 379 78 42 Fax: 022 / 379 78 30
: E-mail: sophie-knupfer@formcont.unige.ch
: E-mail: christelle.germann@unige.ch


;'''Téléchargement de la jolie brochure et du formulare d'inscription'''
;'''Téléchargement de la jolie brochure et du formulaire d'inscription'''
: Depuis le site de la formation continue: [http://www.unige.ch/formcont/animationflash.html Animation et interaction avec Flash]
:[http://www.unige.ch/formcont/animationflash.html Animation et interaction avec Flash] (brochure et formulaire d'inscription/inscription en ligne)
: ([http://tecfa.unige.ch/formcont/webmaster2010/A5-animation-flash.pdf Copie du programme/formulaire] sur le site de TECFA)
<!-- : ([http://tecfa.unige.ch/formcont/webmaster2010/A5-animation-flash.pdf Copie du programme/formulaire] sur le site de TECFA) -->


; '''Nombre de participants'''
; '''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.
: Le nombre max. de participants est fixé à 6 (on peut éventuellement doubler ce nombre à condition de le savoir 2 mois en avant, c-a-d. il va falloir engager des encadreurs supplémentaires et trouver une salle). Les demandes sont enregistrées par ordre d'arrivée. La formation aura lieu à partir de 3-4 participant(e)s inscrit(e)s.


; '''Lieu''' (à confirmer, car TECFA déménagera probablement en octobre)
; '''Lieu'''  
: TECFA, FPSE, Université de Genève
: TECFA, FPSE, Université de Genève
: 54, rue des Acacias,
: '''Uni Pignon''', Salle S-01 (sous-sol)
: 1227 Genève
: '''42 bd. du Pont d'Arve'''
: 1205 Genève


; '''Finance de participation'''
; '''Finance de participation'''

Dernière version du 27 septembre 2016 à 10:07

Tutoriels Flash

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

Prochaines éditions de la formation Animate CC à Genève:

Matériel d'enseignement (voir aussi et surtout le programme détaillé ci-dessous)

Ancien programme

Le nouveau programme sera adapté aux possibilités de Animate CC, c-a-d le développement pour HTML5/JavaScript

Description

Objectifs
Conception et réalisation d'animations et de programmes interactives avec Flash.
Maîtriser l'environnement Adobe Animate CC;
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.

Lundi

L'univers Animate CC

(lundi A - DKS)

  • La stratégie HTML5/Flash de Adobe
    • Les clients Flash et Air. Flash, ActionScript et Flex. Les outils Flash Professional et Flex Builder
  • Univers Flash CC (Flash Professional)
    • Petite comparaison entre CC, CS6, CS5.5, 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 de Flash CS5

Dessiner en Flash

(lundi B,C,D - Kalli)

  • Une petite animation pour terminer (c.f. programme de mardi)

(si le temps permet,si non, on trouvera un moment un autre jour)

Mardi

Créer des animations en Flash

(mardi A,B - DKS)

(mardi C - Kalli)

Les boutons et les événements

(mardi D - Ioana)

Mercredi

Les boutons composants

(mercredi A - Ioana)

Les clips

(mercredi B - DKS)

Interactivité

(mercredi C - Ioana)

Animation

(mercredi D - DKS ... s'il reste du temps)

Jeudi

Les vidéos

(jeudi A/B - DKS)

Simple utilisation d'une vidéo
Importation d'une vidéo dans la timeline ou dans un clip
  • Mettre une petite video dans la timeline et ajouter des animations
    • Vous pouvez reprendre la vidéo utilisée dans l'exemple précédant
Sous-titres (captions)
Vidéos augmentés

Manipulation de son et timer

(jeudi C - DKS)

Dessin, texte, bitmaps

(jeudi D DKS)

Les composantes

(jeudi D - DKS ))

Vendredi

Animations Flash (suite)

(Vendredi A - Kalli)

Option: Animation (suite)

(vendredi B DKS)

Option: Programmation avec des classes

(vendredi B Ioana)

ActionScript - librairies

(vendredi B/C)

La librarairie Greensock (tweening)

Répertoires avec des exemples "Greensock":

La librairie Flint (Particle physics)

Autres exemples Il existe des dizaines de librairies puissantes et intéressantes

Publication du contenu Flash & ressources

(vendredi D - DKS)

Pour aller plus loin

Ressources

Manuels les plus importants chez Adobe

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.5 ou CS5 installé). Si disponible en juin, on montrera également CS6.

Dates et horaires

Dates
4-8 juin 2012
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
Université de Genève 1211 Genève 4
Tél.: 022 / 379 78 42 Fax: 022 / 379 78 30
E-mail: christelle.germann@unige.ch
Téléchargement de la jolie brochure et du formulaire d'inscription
Animation et interaction avec Flash (brochure et formulaire d'inscription/inscription en ligne)
Nombre de participants
Le nombre max. de participants est fixé à 6 (on peut éventuellement doubler ce nombre à condition de le savoir 2 mois en avant, c-a-d. il va falloir engager des encadreurs supplémentaires et trouver une salle). Les demandes sont enregistrées par ordre d'arrivée. La formation aura lieu à partir de 3-4 participant(e)s inscrit(e)s.
Lieu
TECFA, FPSE, Université de Genève
Uni Pignon, Salle S-01 (sous-sol)
42 bd. du Pont d'Arve
1205 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
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=Atelier_WebMaster_2012:_Animation_et_interaction_avec_Flash&oldid=62557 »