Qu'est-ce que Adobe Flash Catalyst CS5? - des mannequins

Adobe Flash Catalyst Creative Suite 5 facilite la création de sites Web Flash. Vous pouvez commencer par créer votre dessin dans Photoshop ou Illustrator et importer le fichier résultant dans Catalyst. Ensuite, vous pouvez faire ce qui suit:

• Créez des boutons qui changent pendant que l'utilisateur passe le curseur de la souris sur eux ou les clique (tout comme les boutons dans Flash).

• Ajoutez des boutons, des curseurs et d'autres composants de l'interface utilisateur qui pointent vers d'autres emplacements ou effectuent d'autres astuces.

• Ajouter une animation, par exemple déplacer des composants sur et hors de l'écran.

• Développez un site entier avec plusieurs pages.

• Ajoutez facilement des transitions animées, telles que le redimensionnement, la rotation ou le déplacement d'objets, ou l'évanouissement d'objets ou de pages.

Dans les projets de plus grande taille qui nécessitent un code de programmation (comme les applications de bureau ou les sites Web gérés par des bases de données), Catalyst facilite l'interaction du concepteur et du développeur. Le développeur peut utiliser les informations de Flash Catalyst directement dans Adobe Flash Builder, un programme d'ajout d'ActionScript. Le concepteur peut ensuite intégrer les modifications apportées dans Builder dans les fichiers Flash Catalyst.

Dans la figure, vous voyez Catalyst avec un exemple de site web conçu dans Photoshop et transformé en un site web interactif. Vous pouvez trouver le site original sur www. tellnshow. com.

Merci à Ellen Finkelstein pour l'autorisation d'utiliser son site web comme exemple.

Si vous travaillez dans Adobe Fireworks, vous pouvez également interagir avec Catalyst en utilisant des fichiers enregistrés au format FXG. (Choisissez Commandes → Exporter vers FXG dans le menu Fireworks.) Toutefois, ces fichiers ne prennent pas en charge les calques pour le moment. Si vous souhaitez utiliser des fichiers Fireworks dans Catalyst, la solution la plus simple consiste peut-être à les exporter au format Photoshop pour conserver les calques avant de les importer dans Catalyst.

L'écran Catalyst est composé des éléments suivants:

• Artboard : Comme la scène dans Flash: où vous faites votre conception principale.

• Affichage tête haute (HUD) : utilisez ce panneau flottant sombre pour convertir facilement des objets. Cela change en fonction de ce que vous sélectionnez.

• Palette d'outils : Conteneur pour les outils de sélection, les formes de base, le zoom, le texte et un outil de rotation.

• Panneau Calques : réorganise, affiche et verrouille les calques, ainsi que d'ajouter et de supprimer des calques. Il se trouve en dessous de la palette d'outils, avec les composants filaires et la bibliothèque.

• Panneau de la bibliothèque (masqué dans la figure): pour les objets que vous prévoyez d'utiliser plusieurs fois, ou les objets que vous importez, tels que les images ou les fichiers SWF.

• Panneau Composants filaire (masqué dans la figure): une sélection de composants d'interface utilisateur que vous pouvez ajouter à votre site Web.

• Panneau Interactions : où vous définissez l'action à effectuer pour les clics sur les boutons et autres interactions.

• Panneau de propriétés : Définit les propriétés pour les objets sélectionnés.

• Breadcrumbs : revenez de travailler avec les états des boutons (ou les états des autres composants) sur le tableau principal. (La figure montre un seul élément de fil d'Ariane.)

• Panneau de chronologie : Spécifie le mouvement des objets, la rotation, les changements d'opacité, le redimensionnement, et plus encore.

• Panneau de données de conception (masqué dans la figure): pour les applications nécessitant des données, vous pouvez ajouter des données d'exemple à l'aide de ce panneau.