Skip to Content »

FlashApe » Flash CS3 Photoshop import

 Flash CS3 Photoshop import

  • April 22nd, 2007
  • 5:15 pm

Outstanding. One of the things I’ve always hated most in the flash workflow is importing assets from a psd into flash. Flash CS3’s new psd import is friggin sweet. I’ve used PSD2FLA in the past, but this goes way beyond that (or at least, the last version of psd2fla that I used). This is the type of integration I hoped for with ‘the big acquisition’.

You can go layer-by-layer and choose options for each one (or choose not to import the layer at all). For text layers, you can opt to import the layer as editable text, vector outlines or a bitmap image:

Text Layer Import

For bitmap layers, you can choose to import a flattened bitmap of the layer, or import the layer as a bitmap image with editable layer styles…awesome. I didn’t test every layer style, but from what I did test, everything seemed dead on upon import:

Bitmap Layer Import
In both cases, whether importing a text or bitmap layer, a simple checkbox click will convert the imported layer to a movieclip, and you can give the instance name right there on the import screen:

import to movieclip

A few other nice options for psd import are checkboxes for setting the stage to the same stage as the psd being imported, and placing the import layers at their original positions. You can also choose to merge layers before importing as well.

***UPDATE: was reading up on psd import in the flash help, some interesting notes about it:

  • Flash can import the following photoshop blend modes, and maintain their editability: Normal, Darken, Multiply, Lighten, Screen, Hard Light, Difference, and Overlay.
    If you use a blend mode that Flash does not support, you can rasterize the layer to maintain its visual appearance, or remove the blend mode from the layer.
  • Image and Fill layers are always rasterized when imported into Flash.
  • When importing objects containing transparent areas as flattened bitmaps, any objects on the layers behind the transparent portion of the object will be visible through the transparent area—assuming the objects behind the object containing transparency are also being imported. To prevent this, import only the transparent object as a flattened bitmap.
    To import multiple layers and maintain transparency without having any visible remnants of the layers behind the transparency, import the PSD file using the Bitmap Image With Editable Layer Styles option. This will encapsulate the imported objects as a movie clip, and use the movie clip’s transparency. This is particularly useful if you need to animate the different layers in Flash.

9 People had this to say...

Gravatar

This was what i’ve been waiting for all along.. it will make Flash so much more easier to work with! :)

Gimme more…

Gravatar
  • rich
  • April 22nd, 2007
  • 8:16 pm

I should also mention that the psd I was bringing in was from an eaarlier version of photoshop…i’m not sure if it was cs or cs2.

Gravatar
  • Brian!
  • April 24th, 2007
  • 2:21 am

I am sort of disappointed about the PSD importer. A major missing feature that I would REALLY, REALLY like to see is the ability to update! If I go and change my PSD, I have to re-import and manually replace all my art as the update function does not work. Something like After Effects would work, where you can refresh the import.

The second big omission I would like to see is a global scale variable. That way I could layout my photoshop file at a large rez and upon import scale it to the size I want.

These two features, especially the first, would make it a tool I will use all the time. However, as it stands, I don’t think I will use the import much. Right now it is better to still save out .png files that way if I want to change/update one I can use the update in flash properly.

Gravatar
  • rich
  • April 24th, 2007
  • 9:02 am

hmm…you have good points. the ability to update would be defintitely be cool. Though i don’t think you’d need to manually update ALL of your artwork if you make a change in your psd, just the layers you changed (of course, you’re winding up with duplicate symbols then).

Overall though, the import feature, at least to me, rocks so hard and is SUCH a timesaver that it far outweighs not being able to use the update feature of the library.

The global size feature would be a nice touch, but that’s not something I am disappointed about not seeing in there.

Gravatar

Ya, in this case, I can only see one way of pseudo-updating yoru psd assets: you have to re-import the PSD but only check off the layers you want to “update…

I was really excited about the psd import feature, however, now I am kinda bummed about it. I mean, it’s still really really awesome… but at the same time, it’s lacking obvious features.

I think they will probably add that in an update soon. …hopefully…

Gravatar
  • shan
  • August 23rd, 2007
  • 11:16 pm

I’ve been having problems with transparency.. Flash seems to be inserting a lot of artifact junk into the transparencies. I have followed the advice above, but can’t seem to get anything acceptable.
Anyone else had issues??

Gravatar

I’ve been getting a lot of artifact junk as well when uploading. I noticed it clears up a bit when I convert everything into a movie clip but some of the junk is still there. Hopefully this is something they’re working on for their next release. I like that feature though.

Gravatar
  • Luis Giron
  • January 25th, 2008
  • 8:11 am

Refrain from using the PSD importer. I’ve had nothing but headaches with this thing. For some reason when trying to manipulate or animate stuff imported using this, make flash crash and do all kinds of wacky stuff…Sorry adobe, sounds great on paper but…. :(

Gravatar
  • Jens MIkkelsen
  • April 11th, 2008
  • 4:12 am

CS 3 have som really nice features no doubt.

But how do i fix following problem?

I have imported a PSD file into flash and then i go back to Photoshop edit it and then i want to update my flash with the new version. How can i do that?

It doesnt ask to overwrite my existing files :(

Want your say?

* Required fields. Your e-mail address will not be published on this site


You can use the following XHTML tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>