« 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
 
(169 versions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Incomplet}}
{{Tutoriels Flash|CC|Débutants}}
{{Tutoriels Flash|CS4 et CS3|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] du 12 au 16 octobre 2009


Programme provisoire
'''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)
 
'''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 10 : 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 l'environnement Adobe Flash 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 28 : Ligne 37 :
* Quelques connaissances de base en programmation ainsi que des notions d'Anglais seraient un atout supplémentaire, mais ne sont pas obligatoires.
* 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 ==
== 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 CS4]] et [[Univers Flash CS3]] (Flash Professional)
* [[Univers Flash CC]] (Flash Professional)
** Petite comparaison entre 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 CS4
** Outils et panneaux de Flash CS5


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


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


* [[Flash CS4 - Créer des dessins avec les outils de dessin]]  
* [[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 53 : Ligne 62 :
** Exploration de quelques outils de dessin
** Exploration de quelques outils de dessin


* [[Flash CS3 - Créer et modifier les calques et les images|Créer et modifier les calques et les images]] (layers et frames)  
* [[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 CS4 - Transformer des dessins]]
* Utilisation de clipart (Quelques ressources sont identifiés dans [[:en:Clipart]])
* [[Flash CS4 - Arranger des dessins]]
* [[Flash CS4 - Transformer des dessins]] (Kalli)
* [[Flash CS4 - Couleurs et gradients]] (CS3 compatible)
* [[Flash CS4 - Arranger des dessins]] (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)
 
(si le temps permet,si non, on trouvera un moment un autre jour)
* [[Storyboard]]s avec une grille simple
* [[: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]
** [[Tutoriel CompendiumLD]] sur Edutechwiki (fr)
** [http://compendiumld.open.ac.uk/documentation/version1.0/tutorials/ Tutoriel Compendium LD] de Compendium (en)
 
== Mardi ==


=== Créer des animations en Flash ===
=== Créer des animations en Flash ===
Ligne 62 : Ligne 84 :
(mardi A,B - DKS)
(mardi A,B - DKS)


* [[Flash CS4 - Principes de l'animation]] (types d'animations et la notion de keyframe)
* [[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, 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'')  
* [[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'')  
(mardi C - Kalli)
* [[Flash CS4 - Son]] Utilisation et édition du son (déplacer ?)
* [[Flash CS4 - Morphing]] (Interpolation de forme, ''shape tweening'') (Kalli)


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


(mardi C,D - DKS)
(mardi D - Ioana)
* [[Flash CS4 - Boutons]]
* [[Flash CS4 - Boutons]]
** Utiliser des boutons Flash
** Utiliser des boutons Flash
** Créer des boutons Flash
** Créer vos propres boutons Flash
* Premier contact avec ActionScript (navigation dans la timeline)
** [[Flash CS5 - Editeur ActionScript et fragments de code]]
** Introduction à ActionScript (gestion d'événements, navigation dans le scénario, play/stop)
** Introduction à ActionScript (gestion d'événements, navigation dans le scénario, play/stop)
** Sites web avec Flash (menus de navigation)
** Création de "sites web" avec Flash (menus de navigation)


* [[FLash CS4 - Symboles et clips]]
== Mercredi ==
** Les symboles Flash (objets de bibliothèque)
** Le ''registration point''
** Editer un symbole


=== Créer des animations en Flash et dessin (suite) ===
=== Les boutons composants ===


(mercredi A,B - Kalli)
(mercredi A - Ioana)


* [[Flash CS4 - Cinématique inversée]] (Inverse kinematics)
* [[Flash CS5 - Composant bouton]] ([[Flash CS4 - Composant bouton|CS4]]) (une alternative simple aux boutons "traditionnels")
* Animation 3D dans Motion tweening (à confirmer)
** 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 C,D - DKS)
(mercredi B - DKS)
* [[Flash CS4 - Interpolation de mouvement]] (rappel)
** 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)
** Start/stop de clips (on va insérer une de vos animations dans une scène en tant que clip)
 
=== Interactivité ===


* [[FLash CS4 - Symboles et clips]]
(mercredi C - Ioana)
* [[Flash CS4 - Boutons]] (faire ses propres boutons)
* [[Flash AS3 - Objets interactifs]]  
* Créer et utiliser des '''movie clips''' internes (par exemple une animation image par image dans une interpolation de movement)
** 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, s'il reste du temps)


=== Piloter des clips avec ActionScript ===
=== 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 A - DKS)
== Jeudi ==


* [[Flash CS4 - Composant bouton]] (à utiliser avec les clips)
=== Les vidéos ===
* [[FLash CS4 - Symboles et clips]] (2ème partie - les avions et cerf-volants)


=== Les médias externes ===
(jeudi A/B - DKS)


(jeudi 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
** 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)
 
; Importation d'une vidéo dans la timeline ou dans un clip
 
* Mettre une '''petite''' video dans la timeline et ajouter des animations
* Mettre une '''petite''' video dans la timeline et ajouter des animations
* [[Flash CS4 - Utilisation et modification de bitmaps]] (si temps)
** Vous pouvez reprendre la vidéo utilisée dans l'exemple précédant


=== Les composantes ===
; 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/
 
; Vidéos augmentés
* [[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 et timer ===


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


* [[Flash CS4 - Composants]] (petit survol)
* [[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]]


* [[Flash CS4 - Composants videos]] (partie II, Vidéos interactives).
=== Dessin, texte, bitmaps ===
: 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. [http://edutechwiki.unige.ch/en/Flash_video_component_tutorial#Making_use_of_captions Making use of captions] - [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-simple-server-caption.fla flash-cs3-video-simple-server-caption.fla])
(jeudi D DKS)
** Les cue points pour naviguer (c.f. [http://edutechwiki.unige.ch/en/Flash_video_component_tutorial#Using_cue_points_for_navigation_and_to_trigger_animations Using cue points for navigation and to trigger animations] - [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-goto-cues.fla flash-cs3-video-goto-cues.fla])
** Les cue points pour animer des effets: [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-cue-events.fla flash-cs3-video-cue-events.fla] - [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/office-dks3.flv office-dks3.flv]


=== ActionScript ===
* [[Flash CS4 - Texte]] (très brièvement !)
* [[Flash CS4 - Utilisation et modification de bitmaps]]


(vendredi A - DKS)
=== Les composantes ===
 
(jeudi D - DKS ))
 
* [[Flash CS4 - Composants]] (petit survol pour info, sans plus !)


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


=== Dessin et effets spéciaux ===
=== Animations Flash (suite) ===


(vendredi B - Kalli/DKS)
(Vendredi A - Kalli)


* Dessin avec l'outil pen (stylo)
* [[Flash CS4 - Cinématique inversée]] (Inverse kinematics)
* Filtres pour les clips (déjà fait)
 
* [[Flash CS4 - Texte]]
=== Option: Animation (suite) ===
 
(vendredi B DKS)
 
* [[Flash CS4 - Graphiques 3D]]
* Motion presets (c.f. [[Flash CS4 - Interpolation de mouvement]])
* Les filtres (petit rappel, c.f. [[Flash CS4 - Couleurs et gradients]])
* [[Flash CS4 - Calques de masque]]
* [[Flash CS4 - Calques de masque]]
* Motion presents
* [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]])
* Masques
** Source: [http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/flash-as3-trees-generated.fla flash-as3-trees-generated.fla]
* 3D


=== Publication du contenu Flash ===
=== Option: Programmation avec des classes ===


(vendredi C - DKS)
(vendredi B Ioana)


* [[Flash - Bonnes pratiques]]
* [[Flash AS3 - Programmer avec une classe]]
* [[Flash - dictionnaire anglais français]]
 
* Options de publication
=== ActionScript - librairies ===
* Intégration dans HTML
 
(vendredi B/C)
* 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
* [[Flash CS4 - Utilisation de librairies]]
* [[:en:Flash using ActionScript libraries tutorial|Flash using ActionScript libraries tutorial]]
* [[: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":
* http://tecfa.unige.ch/guides/flash/ex5/greensock
* http://tecfa.unige.ch/guides/flash/ex4/tween-lite/ (CS4)
* 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)
 
'''La librairie Flint''' (Particle physics)
* Visite de http://flintparticles.org/examples
* Téléchargez la librairie et copiez/collez un exemple ....
 
'''Autres exemples'''
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)
 
* Génération d'objets / Cinématique inverse:
** http://tecfa.unige.ch/guides/flash/ex5/inverse-kinematics/


=== A définir ===
=== Publication du contenu Flash & ressources ===
(vendredi D - DKS)


(vendredi D)
* [[Flash AS3 - Chargement de fichiers SWF et d'images]] (à titre d'information)
* Options de publication, Intégration dans HTML, etc.
** 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]]


* [[Flash CS4 - Utilisation de librairies]]
; Pour aller plus loin
* Sujets à reprendre, projets personnels
* [[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 168 : 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]]


; Manuels les plus importants chez Adobe
; Manuels les plus importants chez Adobe
Ligne 183 : Ligne 285 :
=== Outils ===
=== Outils ===


On travaillera avec Adobe Flash CS3 et CS4, 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
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.
participants peuvent amener leur propre ordinateur portable (à condition d'avoir Flash CS3 ou CS4 installé)


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


; '''Dates'''
; '''Dates'''
: Lundi à Vendredi 12 au 16 octobre 2009
: 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 201 : Ligne 301 :
; '''Evaluation et crédits'''
; '''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.
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 ».  
Une simple attestation est fournie en cas de participation « normale ».  


; 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)
: Directement le [http://tecfa.unige.ch/formcont/webmaster2009/A5-animation-flash.pdf PDF] (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 de participants est fixé à 16. Les demandes sont enregistrées par ordre d'arrivée. La formation aura lieu à partir de 6 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'''
; '''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 »