Import Images for Flash CS5 Button States in Catalyst - dummies

Import Images for Flash CS5 Button States in Catalyst

By Jennifer Smith, Christopher Smith, Fred Gerantabee

If you created images for each Flash CS5 button state in Photoshop or Illustrator, you can import them into Adobe Flash Creative Suite 5 Catalyst as long as they are in one of the following formats: PNG, GIF, or JPG. To import an image, follow these steps:

  1. Select the button and choose Modify→Edit Component.

  2. The four states of the button (Up, Over, Down, and Disabled) appear in the Pages/States panel.

  3. In the Pages/States panel, click the state that you want to edit.

  4. In the Artboard, delete the button or part of the button.

  5. Choose File→Import→Image.

  6. Select the image file and click Open.

  7. The new image replaces the button for the state you selected.

  8. Test your new button state by clicking the Play button at the top of the Timelines panel, or by choosing File→Run Project.

  9. If you choose File→Run Project, your web site opens in a browser window. Check out your new button state with the animation.

  10. Exit the Component Editing mode; choose Modify→Exit Editing.

You can set up your Photoshop or Illustrator file that you import to include button states that are stacked in layers, similar to how you stack your pages in layers. If you do that, then when you convert your artwork to a button using the HUD, be sure to select all the different states on the different layers before you convert it. Then select your button, choose Modify→Edit Component, and choose a state in the Pages/States panel. You can show the artwork for that state by clicking the Eye in the layers panel, and hide the other layers that you don’t want to show.