Préparation de Flash CS5 Illustration pour Catalyst - Mannequins

Dans Adobe Flash Creative Suite 5, une préparation soigneuse de votre design dans Photoshop ou Illustrator est la clé pour obtenir de bons résultats dans Catalyst - et ne pas vous décoiffer! Vous devrez peut-être travailler un peu différemment de ce que vous avez l'habitude de faire pour que Catalyst comprenne le fichier de conception.

Créer des objets uniques

Pour que Catalyst reconnaisse les boutons et autres objets, toute l'illustration qui va devenir un bouton ou un autre composant doit être un objet unique sélectionnable. (Bien sûr, vous pouvez utiliser plusieurs objets, tels qu'un rectangle et du texte.)

Ceci est important dans Photoshop ou Illustrator, où il est facile d'ignorer ce principe. Si vous créez une série de boutons, par exemple, en ajoutant du texte et des séparations sur un arrière-plan, lorsque vous apportez le fichier dans Flash Catalyst, vous n'avez aucun objet unique à sélectionner. Donc, assurez-vous que chaque bouton peut être sélectionné individuellement ou en tant que groupe d'objets constituant ce bouton.

Organisez vos couches

Si vous créez vos calques dans Photoshop ou Illustrator de la même manière que vous envisagez de travailler avec eux dans Catalyst, vous aurez beaucoup plus de facilité à créer votre projet. L'idée est de pouvoir basculer sur la visibilité des calques pour révéler chaque page du site. La figure montre un ensemble de calques dans Photoshop qui illustrent ce principe. Nous recommandons ce qui suit:

• Créez un dossier pour chaque page de votre site Web; et dans chaque dossier, placez les calques avec le design unique pour chaque page.

• Créez un dossier comme couche supérieure, qui contient vos boutons de navigation et tout ce qui ne change pas d'une page à l'autre, comme votre logo. Vous pouvez appeler ce dossier quelque chose de descriptif, tel que Navigation.

• Affectez à votre calque d'arrière-plan une couleur qui apparaît si vous perdez ou fondez une page. (Certaines d'entre elles peuvent également apparaître si vos pages ne couvrent pas entièrement l'arrière-plan.)

  

Étiquetez toujours chaque couche de manière aussi descriptive que possible, en particulier si vous envisagez de travailler avec un développeur utilisant Flash Builder. Le développeur peut avoir besoin d'utiliser les noms des couches dans le code.

Ajouter des looks pour les états de boutons

Vous pouvez créer différents styles pour vos états de boutons (ou états d'autres composants) de plusieurs manières:

• Empilez les états de vos boutons sur des calques individuels dans Photoshop ou Illustrator et étiquetez les calques soigneusement pour expliquer ce qu'ils sont. Vous pouvez ensuite désactiver la visibilité des couches pour définir les différents états dans Catalyst.

• Ajoutez des états de bouton dans Catalyst (plutôt que d'ajouter les looks dans Photoshop ou Illustrator), en utilisant des lumières, des ombres portées, un redimensionnement ou plus dans Catalyst.

• Exportez un état de bouton depuis Photoshop ou Illustrator en tant que fichier PNG, JPG ou GIF et importez-le dans le nouvel état de Catalyst.