Tour d'horizon : Flash CS3
Écrit par DickRivers | 26-06-2007

Flash CS3

 

 

Flash CS3 arrive en version française,

faisons un petit tour des nouveautés qui nous attendent dans cette nouvelle mouture.

Démarrage 

Commençons par le panneau nouveau document, présent ci-dessous :

 
nouveau_document.jpg

 

Celui-ci intègre quelques nouveautés comme la possibilité de créer trois types de documents différents. Un document qui sera codé en ActionScript 3 (AS 3.0), ou bien en ActionScript 2 (AS2.0) ou encore Flash Lite (Mobile).
Attention, un projet ActionScript 3 ne pourra contenir que de l’ActionScript 3. Contrairement aux projets ActionScript 2 qui pouvaient contenir de l’ActionScript 1.

Outre ces nouveautés rien de particulier, les 3 colonnes « Ouvrir un élément récent », « Créer » et « Créer à partir d’un modèle » restent inchangés.

Import de fichiers Illustrator / Photoshop

Nous allons nous pencher sur les nouveautés orientées graphisme. La principale révolution concerne l’import de fichiers Illustrator ou Photoshop dans Flash CS3. Vous avez désormais la possibilité d’importer directement des fichiers .ai ou .psd. Lors de l’importation d’un tel fichier, le panneau suivant s’ouvre et indique tout les éléments présents dans un fichier (.ai) Illustrator :

 

import_cs3.jpg

Libre à vous de sélectionner l’élément qui vous intéresse dans la partie gauche. Chaque élément est accompagné d’une icône permettant de savoir quel type d’objet est présent sur chacun des calques. Vous pouvez spécifier dans le panneau de droite sous quelle forme vous souhaitez importer l’objet graphique. L’objet graphique pourra alors être aplati, conservé afin d’être toujours modifiable dans Flash, ou transformé en clip d’animation avec un nom d’occurrence spécifique.
Les filtres peuvent être aussi conservés et modifiables sous Flash CS3 rendant l’intégration Illustrator/Flash très souple. Il est aussi possible d’adapter la taille du document Flash CS3 à celle du document Illustrator pour travailler dans le même espace, ou bien aplatir la totalité de vecteurs en une seule image Bitmap.
Pour l’import de fichiers (.psd) Photoshop. Le panneau diffère quelque peu :

import_cs3_psd.jpg

 
Toujours sur le même concept, chaque calque est visible par calque, dans la partie droite vous pouvez spécifier de nouveaux paramètres comme le taux de compression de chaque bitmap importé. Contrairement à l’import de fichiers Illustrator, les filtres associés à certains objets ne seront plus modifiable car aplati sous forme Bitmap une fois importé dans Flash CS3.

Nouveaux outils

Il est important de signaler que le comportement de la plume de Flash CS3 est désormais le même que Illustrator et PhotoShop. Les graphistes n’auront plus à s’adapter à chaque logiciel pour utiliser la plume. Toutes les plumes de la suite CS3 ont désormais le même comportement.
Voici un aperçu des nouveaux outils du panneau outil :

 
outils_primitifs.jpg

 
L’outil « Primitive » permet de modifier plus facilement un rectangle ou un ovale à l’aide de nouvelles poignées.
Autre petite nouveauté pratique concernant les filtres. Il est désormais possible de copier coller des filtres entre plusieurs objets graphiques. Cela permet de gagner du temps lorsque vous souhaitez copier un ensemble de filtres et les affecter à un autre objet. Vous avez la possibilité de copier la sélection ou un ensemble de filtres comme l’illustre la figure ci-dessous.

 
filtres.jpg

Vidéo

Pour les amoureux de la vidéo dans Flash, rien d’exceptionnel si ce n’est quelques nouvelles fonctionnalités qui se font très discrètes mais demeurent très pratique. Lors de l’import de fichier vidéo, Flash vous permettait d’intégrer un lecteur FLV automatiquement. L’enveloppe de ce lecteur était prédéfinie parmi différents modèles. Vous avez désormais la possibilité de sélectionner la couleur de chaque modèle, permettant une intégration optimale de votre lecteur vidéo.

 
capture_import_flv.jpg

Autre nouveauté pour l’insertion de points de repère dans une vidéo, fonctionnalité utilisée par exemple pour l’affichage de sous-titres. Nous avons désormais la possibilité de charger un fichier XML de définition pour ajouter les points de repère. Beaucoup plus pratique qu’une saisie directe dans la fenêtre.

 
import_xml.jpg


Pour les personnes travaillant avec des sous-titres, le nouveau composant FLVPlaybackCaptioning va vous faciliter la tâche en chargeant un fichier XML de description avec des balises Timed Text. Vous pourrez au sein de ce XML définir la police, sa taille, sa couleur et tout un ensemble de styles. En regroupant ce composant avec le composant FLVPlayback Adobe a fait un bel effort conçernant l'intégration vidéo. Cerise sur le gateau le lecteur Flash intègre depuis quelques temps la lecture en plein écran.

Mouvement et XML 

Pour les développeurs, première chose intéressante, la possibilité d’exporter des animations créées en dur avec l’option « Exporter le mouvement dans XML ». Le mouvement est alors exporté sous la forme de fichier XML réutilisable à tout moment sur d’autres projets et autres objets avec la commande inverse appelée « Importer le mouvement XML ». En lisant le contenu du XML exporté on se rend bien compte de la souplesse de ce système.

<Motion duration="30" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*">
<source>
<Source frameRate="12" x="146.45" y="202.5" scaleX="1" scaleY="1" rotation="0" elementType="movie clip" symbolName="Symbole 1">
<dimensions>
<geom:Rectangle left="-70.5" top="-58.5" width="141" height="117"/>
</dimensions>
<transformationPoint>
<geom:Point x="0.5" y="0.5"/>
</transformationPoint>
</Source>
</source>

<Keyframe index="0">
<tweens>
<SimpleEase ease="0"/>
</tweens>
</Keyframe>

<Keyframe index="29" x="269" y="-80"/>
</Motion>

On peut imaginer des applications utilisant des mouvements générées dynamiquement par un serveur.
L’introduction de l’ActionScript 3 ouvre de nouvelles possibilités en termes de performances. L’exécution du code AS3 est environ 10 fois plus rapide que les anciennes générations d’ActionScript.

ActionScript 3 :

Lorsque vous créez un nouveau document Flash CS3 pour ActionScript 3 un champ intitulé « Classe du document » est disponible. Ce champ nous permet de spécifier une classe externe qui sera attachée à la scène. Cette fonctionnalité facilite l’accès à la scène au sein de classes pour les développements orientés objets en ActionScript. Voici le champ en question :

 
document_class.jpg

 
Ici nous spécifions une classe appelée MaClasse qui deviendra la scène. Un nouveau débogueur est aussi présent, permettant enfin un débogage en temps réel sans de pénibles ralentissements que nous avions avec les précédentes versions.
Autre point intéressant, Flash CS3 intègre une nouvelle génération de composants. Ces derniers sont entièrement modifiables. Les composants de Flash MX 2004 qui n’étaient pas modifiable font partie du passé. Un simple double clic sur une occurrence de composant vous permet de l’éditer.

Ci-dessous un aperçu d’édition du composant ComboBox.

 

cs3_composants.jpg


Seul point noir, ces composants sont entièrement développés en ActionScript 3 et ne peuvent être utilisés que dans des projets ActionScript 3. C’est une raison de plus de migrer vers la nouvelle génération d’ActionScript.

Device Central

Dernier point important concernant le développement pour les périphériques mobiles. Un environnement de simulation appelé Device Central permet de tester notre application Flash au sein d’un périphérique spécifique. Cette fois, il s’agit d’une réelle émulation hardware de chaque périphérique rendant les développements plus optimisé. A noter que Device Central est un logiciel à part, permettant la simulation de différents contenus au sein de périphériques mobiles. Dreamweaver CS3 ou bien PhotoShop CS3 intègrent aussi un mode de publication vers Device Central.

Ci-dessous un aperçu de l’application en question :

capture_device_central.jpg

En conclusion :

Flash CS3 n’est pas une véritable nouveauté pour les graphistes. L’import de fichiers Illustrator et Photoshop est la seule grande nouveauté qui justifie la mise à jour. Pour les développeurs l’introduction d’ActionScript 3 est une révolution. Les performances du lecteur Flash 9 avec ActionScript 3 ouvrent de nouveaux horizons. Toutes les nouveautés orientées programmation sont réservées à l’ActionScript 3. Il ne reste plus qu’à pratiquer !

 
Dernière mise à jour : 28-06-2007