Home / Articles / Adobe Illustrator / Round Trip Between Illustrator/Photoshop and Flash Catalyst

Round Trip Between Illustrator/Photoshop and Flash Catalyst

Article Description

What’s easier than creating the content (look and feel) for your project in Illustrator and/or Photoshop, then bringing that directly into Flash Catalyst? Okay, if it was created for you, that would be easier… Brian Wood shows you how Flash Catalyst enables you to add interactivity to that content and export it in the correct format or hand it over to an Adobe Flex developer to add database integration, and much more.

Like this article? We recommend

Adobe Illustrator CS5 Classroom in a Book

Adobe Illustrator CS5 Classroom in a Book

$43.99 (Save 20%)

Edit Flash Catalyst Content in Illustrator or Photoshop

Edit Flash Catalyst Content in Illustrator or Photoshop

What’s really great is that you can edit Flash Catalyst vector content in Illustrator and raster content in Photoshop pretty easily. If you select content in Flash Catalyst, you can right-click or choose Modify > Edit in Adobe Illustrator CS5 or Edit in Adobe Photoshop CS5 to edit the content in those programs, save it, and update it in Flash Catalyst.

Flash Catalyst shows you either menu item depending on the content you select. In other words, select Vector Content and you see the Edit in Adobe Illustrator CS5 option; select Raster Images and you see Edit in Adobe Illustrator CS5 and Edit in Adobe Photoshop CS5. I suggest opening raster content (created in Photoshop) in Photoshop, not Illustrator. If you select multiple objects that are a mix of raster and vector, you can choose in which application to open the content.

Editing Flash Catalyst in Illustrator

So let’s edit some Flash Catalyst content in Illustrator, first:

  1. With the Selection tool (or Direct Selection tool) in Flash Catalyst, select some vector content. Right-click that content and choose Edit in Adobe Illustrator CS5 or choose Modify > Edit in Adobe Illustrator CS5.
  2. Figure 8 Warning dialog about optimized graphics.

  3. Notice that when you are taken to Illustrator, only the selected content is editable. Make some changes and save the file, or click Done in the Editing from Adobe Flash Catalyst bar at the top of the Document window (see Figure 9). When the FXG Options dialog box appears, click OK (after analyzing the options), as shown in Figure 10. Flash Catalyst should appear, and the changes should be made.

If you added new content in Illustrator, that content will appear in Flash Catalyst as well.

Figure 9 Editing the content in Illustrator.

Figure 10 The FXG Options dialog box.

Editing Flash Catalyst in Photoshop

Now let’s edit some content in Photoshop.

  1. With the Selection tool (or Direct Selection tool) in Flash Catalyst, select some raster content (only), such as an image. Right-click that content and choose Edit in Adobe Photoshop CS5 or choose Modify > Edit in Adobe Photoshop CS5.
  2. A warning dialog box will appear telling you that you need to install the FXG extension for Photoshop first. If you haven’t installed the extension, click the link (see Figure 11). This should open a browser and take you to the Adobe Labs page.
  3. Figure 11 The Edit In Adobe Photoshop warning dialog box.

  4. After installing the extension and restarting Photoshop, click OK in the Edit in Adobe Photoshop dialog box that appears in Flash Catalyst, and the selected content will open in Photoshop. Notice that the layers are different than the layers in Flash Catalyst.
  5. Make and edit to the file, then choose File > Scripts > Simply Layers for FXG.
  6. Save the file and close it.
  7. Back in Flash Catalyst, you will see the edit.
3. Import Illustrator or Photoshop Files into Flash Catalyst | Next Section Previous Section