SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
Flash CS4
   Nouveautés
Nicolas Gans - Formateur regart.net
Nouveau modèle d’animation
    Animation basée sur les objets
‣

    Création d’interpolations sur la scène,
‣
    directement sur les objets
    Trajectoire et objet animé = deux entités
‣
    complètement séparées
    Ancien modèle toujours disponible
‣
Modifications d’animation
     Modification des trajectoires sur la scène =
 ‣
     édition d’un tracé vectoriel
     Remplacement d’objets par drag n’drop
 ‣

     Repositionnement facile d’une animation
 ‣

     Modification sur le scénario toujours possible
 ‣

     Images-clés itinérantes
 ‣
L’éditeur de mouvement
    Contrôle avancé des animations à l’aide de
‣
    courbes de mouvement (à la After Effects)
    Chaque propriété interpolable possède sa propre
‣
    courbe
    Edition vectorielle d’une courbe : ajout de points
‣
    par Ctrl + clic, conversion de points par Alt + clic
    Ajout de courbes d’accélération : à utiliser
‣
    prudemment !
Présélections de mouvement
    Animations types pré-enregistrées et applicables
‣
    d’un clic
    Possibilité d’éditer
‣

    Sauvegarde de ses propres animations
‣
La 3D native
     Plutôt de la “2.5D” : pas de vrais objets 3D, mais
 ‣
     ajout de profondeur et de perspective à des
     plans 2D
     Ne remplace pas des solutions comme
 ‣
     Papervision3D, Sandy3D, Away3D...
     Performant, car implémentation au niveau du
 ‣
     lecteur Flash 10
L’espace 3D dans Flash
Transformations 3D
    Outils rotation 3D et translation 3D
‣

    Inspecteur de propriété et panneau transformer
‣

    Caméra : point de fuite et focale
‣

    Travailler avec des conteneurs : effet parallaxe
‣
Cinématique inverse : segments
     cinématique inverse : créer un squelette avec
 ‣
     des “os” reliés entre eux -> le mouvement d’un
     segment entraîne celui des segments liés
     Segments fonctionnent sur les formes et les
 ‣
     symboles
     Manipulation des segments : contrainte et
 ‣
     translation
     Exportation : heure de création ou exécution
 ‣
L’outil Déco
     Création de motifs récursifs à partir de symboles
 ‣
     animés ou non
     Création de grilles
 ‣

     Création de motifs symétriques
 ‣
L’outil Pinceau pulvérisateur
     Projection d’occurrences de symboles pour
 ‣
     remplir un espace aléatoirement
     Ajout d’aléatoire pour la taille, la rotation...
 ‣

     Fonctionne avec symboles animés ou codés
 ‣
     ex : effet neige
Métadonnées et swf
    Injection de métadonnées au format XMP
‣
    (Extensible Metadata Platform)
    Basé sur XML, donc extensible
‣

    Disponible pour de nombreux formats (Jpeg,
‣
    PSD, PDF...)
    Reconnu par nombre de logiciels de gestion de
‣
    média (dont Bridge CS4 ou Windows Vista)
Le format XFL
    Nouveau format pour les fichiers Flash
‣

    Mêmes infos qu’un .FLA, mais au format XML
‣

    XFL = jeu de fichiers XML + assets (images,
‣
    vidéos, sons...) dans un fichier compressé
    unique
    Export XFL dans InDesign et After Effects
‣

    Pas d’enregistrement XFL dans Flash CS4 :(
‣
Vidéo : la “HD” dans Flash
     Nouveaux codecs : H264 pour la vidéo, AAC
 ‣
     pour le son
     Intérêt : performance en haute résolution,
 ‣
     standards de l’industrie, lisibilité
     Adobe Media Encoder
 ‣
Merci :)
 nicolas@regart.net
   www.regart.net
www.flashxpress.net

Contenu connexe

Similaire à Nouveautes Flash CS4, par Nicolas Gans - Regart.net formations

Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...Horacio Gonzalez
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...Horacio Gonzalez
 
Services multimedia en ligne version 2017
Services multimedia en ligne version 2017Services multimedia en ligne version 2017
Services multimedia en ligne version 2017URFIST de Paris
 
Tour D Horizon Des Drawables
Tour D Horizon Des DrawablesTour D Horizon Des Drawables
Tour D Horizon Des DrawablesCyril Mottier
 
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et JavascriptCodedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascriptcodedarmor
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013MBA Multimedia
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013Julien LE THUAUT
 
Développement de jeux 2D avec HTML5
Développement de jeux 2D avec HTML5 Développement de jeux 2D avec HTML5
Développement de jeux 2D avec HTML5 Microsoft
 
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites WebHTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites WebMicrosoft
 
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveauxMobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveauxFrédéric Harper
 
Release note de 4D_Additive 1.4
Release note de 4D_Additive 1.4Release note de 4D_Additive 1.4
Release note de 4D_Additive 1.4CORETECHNOLOGIE
 
Projet javascript
Projet javascriptProjet javascript
Projet javascriptsfs
 

Similaire à Nouveautes Flash CS4, par Nicolas Gans - Regart.net formations (20)

Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
 
Services multimedia en ligne version 2017
Services multimedia en ligne version 2017Services multimedia en ligne version 2017
Services multimedia en ligne version 2017
 
Tour D Horizon Des Drawables
Tour D Horizon Des DrawablesTour D Horizon Des Drawables
Tour D Horizon Des Drawables
 
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et JavascriptCodedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
 
Toonpadessentiel2
Toonpadessentiel2Toonpadessentiel2
Toonpadessentiel2
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentiel
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
 
Développement de jeux 2D avec HTML5
Développement de jeux 2D avec HTML5 Développement de jeux 2D avec HTML5
Développement de jeux 2D avec HTML5
 
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites WebHTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
 
WPF.pptx
WPF.pptxWPF.pptx
WPF.pptx
 
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveauxMobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
 
Release note de 4D_Additive 1.4
Release note de 4D_Additive 1.4Release note de 4D_Additive 1.4
Release note de 4D_Additive 1.4
 
Projet javascript
Projet javascriptProjet javascript
Projet javascript
 
Le graphisme
Le graphismeLe graphisme
Le graphisme
 
Skiasharp meetup
Skiasharp meetupSkiasharp meetup
Skiasharp meetup
 
3Dviewstation
3Dviewstation3Dviewstation
3Dviewstation
 

Nouveautes Flash CS4, par Nicolas Gans - Regart.net formations

  • 1. Flash CS4 Nouveautés Nicolas Gans - Formateur regart.net
  • 2. Nouveau modèle d’animation Animation basée sur les objets ‣ Création d’interpolations sur la scène, ‣ directement sur les objets Trajectoire et objet animé = deux entités ‣ complètement séparées Ancien modèle toujours disponible ‣
  • 3. Modifications d’animation Modification des trajectoires sur la scène = ‣ édition d’un tracé vectoriel Remplacement d’objets par drag n’drop ‣ Repositionnement facile d’une animation ‣ Modification sur le scénario toujours possible ‣ Images-clés itinérantes ‣
  • 4. L’éditeur de mouvement Contrôle avancé des animations à l’aide de ‣ courbes de mouvement (à la After Effects) Chaque propriété interpolable possède sa propre ‣ courbe Edition vectorielle d’une courbe : ajout de points ‣ par Ctrl + clic, conversion de points par Alt + clic Ajout de courbes d’accélération : à utiliser ‣ prudemment !
  • 5. Présélections de mouvement Animations types pré-enregistrées et applicables ‣ d’un clic Possibilité d’éditer ‣ Sauvegarde de ses propres animations ‣
  • 6. La 3D native Plutôt de la “2.5D” : pas de vrais objets 3D, mais ‣ ajout de profondeur et de perspective à des plans 2D Ne remplace pas des solutions comme ‣ Papervision3D, Sandy3D, Away3D... Performant, car implémentation au niveau du ‣ lecteur Flash 10
  • 8. Transformations 3D Outils rotation 3D et translation 3D ‣ Inspecteur de propriété et panneau transformer ‣ Caméra : point de fuite et focale ‣ Travailler avec des conteneurs : effet parallaxe ‣
  • 9. Cinématique inverse : segments cinématique inverse : créer un squelette avec ‣ des “os” reliés entre eux -> le mouvement d’un segment entraîne celui des segments liés Segments fonctionnent sur les formes et les ‣ symboles Manipulation des segments : contrainte et ‣ translation Exportation : heure de création ou exécution ‣
  • 10. L’outil Déco Création de motifs récursifs à partir de symboles ‣ animés ou non Création de grilles ‣ Création de motifs symétriques ‣
  • 11. L’outil Pinceau pulvérisateur Projection d’occurrences de symboles pour ‣ remplir un espace aléatoirement Ajout d’aléatoire pour la taille, la rotation... ‣ Fonctionne avec symboles animés ou codés ‣ ex : effet neige
  • 12. Métadonnées et swf Injection de métadonnées au format XMP ‣ (Extensible Metadata Platform) Basé sur XML, donc extensible ‣ Disponible pour de nombreux formats (Jpeg, ‣ PSD, PDF...) Reconnu par nombre de logiciels de gestion de ‣ média (dont Bridge CS4 ou Windows Vista)
  • 13. Le format XFL Nouveau format pour les fichiers Flash ‣ Mêmes infos qu’un .FLA, mais au format XML ‣ XFL = jeu de fichiers XML + assets (images, ‣ vidéos, sons...) dans un fichier compressé unique Export XFL dans InDesign et After Effects ‣ Pas d’enregistrement XFL dans Flash CS4 :( ‣
  • 14. Vidéo : la “HD” dans Flash Nouveaux codecs : H264 pour la vidéo, AAC ‣ pour le son Intérêt : performance en haute résolution, ‣ standards de l’industrie, lisibilité Adobe Media Encoder ‣
  • 15. Merci :) nicolas@regart.net www.regart.net www.flashxpress.net