ATELIER MULTIMEDIA

Atelier Multi-Médias / Multi-Formats

Mardi après-midi en deux groupes de (13h30 à 17h30)
Pour trouver toutes les ressources concernant les logiciels étudiés durant l’Atelier vous pouvez vous reporter sur une de mes pages Scoop it (pensez à bien utiliser les tags)
Atelier Multimédia >> Ressources

L’animation Vectorielle.

Adobe Flash (anciennement Macromedia Flash ; nom original FutureSplash Animator), ou simplement Flash, se réfère à Adobe Flash Player et à un logiciel multimédia utilisé pour créer le contenu de Adobe Engagement Platform (tel qu’une application Internet, jeux ou vidéos). Flash Player, développé et distribué par Macromedia (racheté en 2005 par Adobe Systems), est une application client fonctionnant sur la plupart des navigateurs Web. Ce logiciel permet la création de graphiques vectoriels et de bitmap animés par un langage script appelé ActionScript, et la diffusion de flux (stream) bi-directionnels audio et vidéo.

Pour être bref, Adobe Flash est un environnement de développement intégré (IDE), une machine virtuelle utilisée par un player Flash ou serveur flash pour lire les fichiers Flash. Mais le terme « Flash » peut se référer à un lecteur, un environnement ou à un fichier d’application.

Depuis son lancement en 1996, la technologie Flash est devenue une des méthodes les plus populaires pour ajouter des animations et des objets interactifs à une page web ; de nombreux logiciels de création et OS sont capables de créer ou d’afficher du Flash. Flash est généralement utilisé pour créer des animations, des publicités ou des jeux vidéo. Il permet aussi d’intégrer de la vidéo en streaming dans une page, jusqu’au développement d’applications Rich-Media.

Les fichiers Flash, généralement appelés « animation Flash » portent l’extension .swf. Ils peuvent être inclus dans une page web et lus par le plugin Flash du navigateur, ou bien interprétés indépendamment dans le lecteur Flash Player.

 

Séance du 11/10

Découverte de l’interface utilisateur du logiciel.
Qu’est ce que Flash Pro ? [EN VIDÉO].
L’écran d’accueil de Flash [EN VIDÉO].

Séance du 18/10

Découverte de l’animation (interpolation de mouvement ou de formes) et l’animation classique.

INTERPOLATION FORME => OBJETS DÉGROUPÉS
INTERPOLATION MOUVEMENT => OBJETS GROUPÉS

Les 3 types d’animations [EN VIDÉO].
L’utilisation de l’éditeur de mouvement  [EN VIDÉO].
Les interpolations de mouvement [EN VIDÉO] 

Exercice pour le 08/11/2011 (3 semaine de travail)
Réaliser une animation avec Flash CS5 comprenant du vectoriel, du Bitmap, du son.
(ne pas oublier la methodologie : Synopsis / Story-board…) Format PAL (720 / 576 pixels)
La thématique : Primaires

Quelques liens utiles
> Une très bonne banque de son et de bruitages, et une autre.
> Une banque d’images gratuite 

Séance du 08/11

Correction de l’exercice Primaires avec mise au point des problèmes rencontrés.
> Les types de fichiers FLASH [EN VIDÉO]
> Gestion des publications [EN VIDÉO]
> Gestion des exportations vidéo [EN VIDÉO]
> Gestion des pistes audio [EN VIDÉO]

Séance du 15/11

Bouclage de l’exercice Primaires et apprentissage de techniques plus “réalistes” d’animation.

> Technique d’animation images par images.
http://www.puce-et-media.com/Flash-Animation/les-bases-de-flash-part-ii-interpolation-et-imbrication.html
http://video.google.com/videoplay?docid=-8738679541005065050
http://help.adobe.com/fr_FR/flash/cs/using/WS4C0E4220-5C0C-44c0-B58D-496A5424C78B.html

> Animation d’un squelette. Fichiers resources
 http://tv.adobe.com/fr/watch/apprendre-flash-professional-cs5/la-cinmatique-inverse/

Exercice pour le 22/11/2011 (1 semaine de travail)
Choisir une personnalité dans l’actualité de la semaine et l’animer avec la technique du squelette.
Tous types de média utilisables (photographie / dessins vectoriel ou non / bande son…)
Format PAL (720 / 576 pixels)

Séance du 22/11

Correction de l’exercice Squelette.
> Apprentissage des outils segment et liaison.
http://tv.adobe.com/fr/watch/apprendre-flash-professional-cs4/la-cinmatique-inverse/
> Les présélections de mouvements
http://tv.adobe.com/fr/watch/apprendre-flash-professional-cs4/les-prslections-de-mouvement/


Pour le 29/11/2011 (1 semaine de travail)
Entrainez vous à l’animation avec les multiples techniques enseignées (interpolations / mouvement / squelette…).
Tous types de média utilisables (photographie / dessins vectoriel ou non / bande son…)

Séance du 29/11

> Outils Déco et remplissage
http://tv.adobe.com/fr/watch/apprendre-flash-professional-cs4/utilisation-des-outils-de-dessin/
Calage des derniers problèmes rencontrés avec Flash.

 

Le Stop-Motion

L’animation en volume, ou animation image par image, (stop motion et go motion en anglais) est une technique d’animation permettant de créer un mouvement à partir d’objets immobiles.
Le concept est proche de celui du dessin animé : une scène (en général constituée d’objets) est filmée à l’aide d’une caméra capable de ne prendre qu’une seule image à la fois (c’est une photographie sur pellicule de film). Entre chaque image, les objets de la scène sont légèrement déplacés. Lorsque le film est projeté à une vitesse normale, la scène semble animée.

Séance du 06/12

Historique : 1908 –Emile CohlLe cauchemar de Fantoche http://www.youtube.com/watch?v=gJw0vIsO_no
Historique : 1930 –Ladislas StarevitchLe Roman de Renard  http://www.youtube.com/watch?v=yzm5HR4ecYM
Historique :  1965 – Jiri TrnkaLa main http://www.youtube.com/watch?v=_qzvCZojnWQ

Parmi les films récents  utilisant ces techniques :
L’Étrange Noël de Monsieur Jack et Les Noces Funèbres de Tim Burton
les réalisations des studios Aardman Animations (Wallace et Gromit et Chicken Run…)
Coraline de Henry Selick
Fantastic Mr. Fox de Wes Anderson
Le sens de la vie pour 9 dollars 99 de Tatia Rosenthal.

Presentation des notions de base :
http://hchampion.net/2009/10/le-stop-motion/
http://www.evasion.cc/blog/comments/motion-design-stop-motion/

Tutoriels de base :
http://www.youtube.com/watch?v=MbF6m3BeGUQ&feature=player_embedded#!
http://www.youtube.com/watch?v=4uG-ZIOXZ7w&feature=related
http://www.youtube.com/user/StopmoNick?feature=watc
http://www.youtube.com/user/stopmotionmagazine?feature=watch

Exemple de Stop-Motion
Her Morning Elegance / Oren Lavie : http://www.youtube.com/user/QuarterPastWonderful#p/u/0/2_HXUhShhmY
La parodie : http://www.youtube.com/user/mohawkdog#p/a/f/1/rvp7PgWGQzA
Le collectif  Bluhttp://vimeo.com/blu/videos
Hudson – Against The Grain http://vimeo.com/31939621
Moleskine – MINI PLANNERS http://vimeo.com/17398038
Machinima -Insert Coin (+Making Off) http://www.youtube.com/watch?v=7PjlnK1iWj8
This Is Where We Live (+Making Off) http://www.25thestate.com/
Keith’s Loutit – Small Worlds Project http://keithloutit.com et http://vimeo.com/keithloutit
Kristen Lepore – http://vimeo.com/kirstenlepore/
Kunal Sen – Intervelometer : http://vimeo.com/2359930
Music Painting – Glocal Sound – Matteo Negrin http://vimeo.com/user5512945
Greg Jardin – Kina Grannis’ “In Your Arms” (+Making Off)  http://www.slrlounge.com/stop-motion-video

Séance du 13/12

> Stop Motion sur iPhone ou iPod touch:
StopMotion recorder => http://www.youtube.com/watch?v=ZK2RDu6cYRY
iMotion => http://www.youtube.com/watch?v=XMltRao9PXg

> séance de travail sur le banc titre
A voir : http://fr.wikipedia.org/wiki/Banc-titre – http://www.fangpo1.com/Banc_titre/ – http://www.ina.fr/

> Travail avec Dragon StopMotion
http://www.dragonframe.com/
http://www.youtube.com/user/dragonstopmotion

Exercice pour le 30/01/2012
Concevoir et réaliser une Bande Annonce pour l’année 2012
Vous pouvez utiliser une technique ou les mixer
(interpolations / mouvement / squelette / image par image / StopMotion…).
Tous types de média utilisables (photographie / dessins vectoriel ou non / bande son / Vidéo / Typographie…)
Format HD 16/9 (1280 / 720 pixels)

Séance du 03/01

Stop Motion Montage et travail sur projet

Séance du 10/01

Stop Motion Montage et travail sur projet

Séance du 17/01

Rattrapage sur Banc-Titre et travail sur projet

Séance du 31/01

Clôture de l’atelier 1er semestre

Pour trouver toutes les ressources concernant les logiciels étudiés durant l’Atelier vous pouvez vous reporter sur une de mes pages Scoop it (pensez à bien utiliser les tags)
Atelier Multimédia >> Ressources