50
TEST
FLASH CS3
Vers de nouveaux
horizons interactifs Fort du rachat de Macromedia en 2005, Adobe marque un grand coup avec cette mise à jour. En effet, Flash CS3 est désormais parfaitement intégrée à Photoshop et Illustrator. La nouvelle version du langage de programmation ActionScript 3, plus stable et plus rapide, offre des performances
Q
accrues avec le lecteur Flash 9.
ue vous soyez graphiste ou développeur, difficile de résister
à cette nouvelle mouture même si celle-ci gagne également en complexité avec l’ActionScript 3. Ce virage annoncé depuis la version MX confirme aujourd’hui la suprématie d’une technologie supportée par plus de 98 % des navigateurs Web.
Import de calques Photoshop et Illustrator CS3 Importer ses calques Photoshop et Illustrator dans Flash ? Les graphistes en rêvaient et Adobe l’a fait. Lors de l’importation de fichiers .ai, une nouvelle fenêtre apparaît afin de sélectionner chacun des calques
à importer. Une icône située devant chaque calque permet de visualiser rapidement le type d’objet présent. Vous pourrez ensuite choisir le mode d’importation de votre image, aplatie ou non, afin d’effectuer des modifications dans Flash. Pour plus de souplesse, il est également possible de conserver et de modifier vos filtres sous Flash CS3, mais il est également possible de réaliser des copier/coller, directement d’une application à l’autre. Un rapport d’incompatibilité signale les éléments qui ne sont pas pris en compte par Flash, tel que le mode de couleurs CMJN, par exemple. L’importation de fichiers .psd fonctionne sur le même principe. Il est possible de définir un taux de compression distinct pour chaque Un taux de compression distinct peut être appliquée aux bitmaps de votre fichier PSD
L’insertion de fichiers Illustrator dans Flash se déroule grâce à une fenêtre dédiée qui permet de régler les options d’importations de chaque calque
CréaNum — nº128 — octobre-novembre 2007
51
TEST
par Karine Warbesson
élément de votre image. Par contre il ne sera pas possible de conserver les filtres aplatis automatiquement, lors de l’importation et du passage en bitmap dans Flash.
De nouveaux outils pour les graphistes L’utilisation de l’outil Plume, qui existe dans Illustrator, Photoshop et Flash, différait toutefois dans sa prise en main, jusqu’à cette nouvelle version. Désormais l’outil Plume répond de la même façon dans les trois applications !
L’outil Plume est désormais commun à Photoshop, Flash et Illustrator
De nouveaux outils font également leur apparition, parmi lesquels l’outil Primitive, qui permet de modifier plus facilement un rectangle, ou un ovale, grâce à de nouvelles poignées et la possibilité de rapidement copier/coller un ou plusieurs filtres, d’un symbole à un autre, depuis la fenêtre des Propriétés.
Action Script 3 : complexe et complet L’ActionScript 3 constitue l’évolution majeure de Flash CS3, avec une exécution environ dix fois plus rapide, par rapport aux versions précédentes. Des composants entièrement personnalisables par un simple double-clic sont intégrés à Flash CS3. Cependant, ils pourront être intégrés uniquement au sein de projets ActionScript 3. En effet, contrairement à l’ActionScript 2 qui acceptait le code De nouveaux composants édita- ActionScript 1, il est bles sont disponibles dans Flash impossible d’insérer des CS3 mais ils ne peuvent être exploifonctions d’une version tés qu’avec des projets AS3 antérieure, dans un projet Action Script 3. C’est sûrement une raison supplémentaire d’encourager les développeurs à se familiariser rapidement avec l’ActionScript 3, mais cela risque d’en rebuter certains, car les règles diffèrent grandement dans cette nouvelle version. Ainsi, par exemple, il n’est plus possible d’ajouter directement au sein de la fenêtre Actions, les évènements de boutons, mais ils devront obligatoirement être placés sur une image du scénario, ou dans un fichier externe. Plutôt déroutante dans un premier temps, la prise en main d’ActionScript 3 séduit au fur et à mesure de son apprentissage, grâce à la puissance des classes. Ainsi, lors de la création d’un nouveau document ActionScript 3, il est désormais possible de spécifier une classe externe attachée à votre scène, afin d’en faciliter le développement objet en ActionScript.
Une interface de développement revue et corrigée
Depuis la fenêtre de propriétés, il est possible de copier rapidement d’un symbole à un autre une sélection de filtres
Avec l’apparition d’une nouvelle version d’ActionScript, l’application offre désormais une interface de programmation à la hauteur des exigences exprimées par la communauté Flash. La navigation dans le code se déroule beaucoup plus facilement, grâce à la possibilité d’afficher, ou de cacher une partie du code, mais également d’insérer plus facilement des commentaires à une ligne, ou un bloc de code, pour optimiser le travail en équipe. Il suffit de sélectionner le code, puis de cliquer sur l’icône correspondante, simple et efficace ! Le débuggeur s’est également amélioré et la fenêtre de sortie permet, en un clic, de retrou-
CréaNum — nº128 — octobre-novembre 2007
52
TEST
Flash CS3
Un nouvel habillage pour la vidéo
Il est possible de zipper et dézipper une partie de son code au sein de la fenêtre d’Actions et d’y ajouter beaucoup plus facilement des commentaires pour optimiser le travail en équipe
Avec l’explosion du haut débit et l’arrivée du Web 2.0, l’intégration de la vidéo dans Flash constitue un élément incontournable. Si cette version de CS3 n’apporte rien de révolutionnaire, il est néanmoins possible de personnaliser l’habillage du lecteur FLV, généré automatiquement lors de l’import d’une vidéo dans Flash, pour une meilleure intégration avec une charte graphique cohérente. Lors de l’import, vous pourrez insérer des points de repère via un fichier XML, afin d’ajouter par exemple, commentaires et sous-titres, au lieu d’une saisie auparavant imposée dans l’interface de Flash.
ver la ligne de programme ActionScript posant problème, pour effectuer les modifications nécessaires.
Convertir ses animations d’interpolation en ActionScript3 et XML Mais si le développement de l’ActionScript 3 constitue sans conteste le point fort de Flash CS3, les graphistes n’ont pas non plus été oubliés, puisqu’ils pourront en un clic de souris convertir leurs interpolations en ActionScript 3 ou en XML ! La manipulation est enfantine : un clic droit dans le scénario sur l’interpolation permet de sélectionner la commande Copier le mouvement en ActionScript 3. L’exportation du mouvement au format XML est accessible depuis le menu Commandes.
L’insertion de points de repère via un fichier XML lors de l’importation de vidéos Flash facilite notamment l’insertion de sous-titres
Parmi les nouveaux composants, FLVPlaybackCaptioning offre davantage d’interactivités en permettant à l’utilisateur de basculer facilement vers le mode de sous-titrage, mais il facilite surtout l’insertion de soustitres, grâce à la prise en charge du format XML Timed Text, permettant de définir les options de styles, telles que police, les couleurs, etc.
Quand Flash devient mobile Un clic suffit pour convertir son animation d’interpolation en Action Script 3 ou XML
Le code obtenu peut être facilement appliqué à d’autres projets, ou à d’autres éléments de votre animation en utilisant la commande d’importation. Le gain de temps et les possibilités d’interactivité ainsi générées sont infinies et l’on peut désormais imaginer des applications Flash animées dynamiquement par un serveur.
Flash ne se limite pas au Web et s’est également beaucoup développé sur les périphériques mobiles. Device Central, l’application externe commune à Photoshop, à Illustrator et à Flash, est une base d’informations sur de nombreux périphériques mobiles et un véritable émulateur compatible avec Adobe Flash Lite. Il est ainsi possible de tester son projet Flash au sein de multiples modèles de téléphones portables référencés dans l’application, afin d’en vérifier l’affichage et le fonctionnement. (image 10) Studio de développement exclusivement dédié à la technologie Flash, Madeinédit travaille pour le compte des plus grandes agences
CréaNum — nº128 — octobre-novembre 2007
53
TEST H e d i Ta h a r
Device Central est une base de données et un émulateur qui permet de tester ses animations Flash pour les périphériques mobiles
de publicités (TWA c’est pas TBWA ? Duke, Carré Noir…) et de clients prestigieux (L’Oréal, Nissan, Adidas…).
fondateur et directeur de création du Studio Madeinédit
Le site Web du studio Madeinédit
www.madeinedit.fr
composée de graphistes et d’ingénieurs spécialisés en ActionScript, bien au contraire ! « Les nouvelles perspectives offertes par l’application et plus particulièrement par l’ActionScript3 vont nous permettre de faire face à des exigences d’interactivité toujours plus fortes de la part de nos clients. Aujourd’hui, notre principal défi c’est surtout de recruter de nouveaux talents ! n
F I C H E t ech n i q u e
Le site Studio Line de L’oréal (www.lorealparis.fr/minisites/ studio/) et Nissan Quashkai (www.nissan.fr/home/microsite/ qashqai/fullscreen/index.html?In=/fr_FR) ont été intégralement développés en Flash par le studio Madeinédit pour le compte de l’agence Duke
Utilisateur de Flash depuis sa version 3, la complexité parfois reprochée à la version CS3 n’effraie pas Hedi Tahar et son équipe de freelances
Logiciel : Adobe Flash CS3 Professionnal Editeur : Adobe Site Web : http://www.adobe.fr Configuration : Processeur Intel Pentium 4, Intel Centrino, Intel Xeon ou Intel Core™ Duo (ou équivalent), 512 Mo de RAM (1 Go recommandé), 2,5 Go d’espace disque disponible (espace supplémentaire requis durant l’installation) - Processeur PowerPC® G4 ou G5 ou Intel® multicœur à 1 Go, Mac OS X v.10.4.8 capacités équivalents au PC Prix : Env. 840E en version complète et une màj autour de 297E
Disponible également dans les Suites Web Premium, Web Standard et Master Collection Editions
CréaNum — nº128 — octobre-novembre 2007