Animate has had special importers for both Photoshop and Illustrator in the past - and they’ve taken on varying levels of complexity depending upon release. With this new version of Animate CC, these importers have once again been given an overhaul.
- [Voiceover] Animate has had special importers for both Photoshop and Illustrator in the past. And they've taken on varying levels of complexity depending upon release. With this new version of Animate CC these importers have once again been given an overhaul. So let's go ahead and import a Photoshop document to see the new importer dialogue. Here we're going to be constructing a simple ad so some of the elements we bring in from the PSD are going to be elements for that ad.
Let's go ahead and choose File, Import, and choose to Import to Stage. Here we'll select our background element's PSD file and hit Open. So here we have the import Photoshop document dialogue. And from here we're able to do a number of different things in order to choose the options for specific elements in our PSD. The first option here is grayed out. This is the ability to select a layer comp.
I don't happen to have any layer comps inside of this PSD so it's disabled for me. I can choose to select all layers or not, or individually select specific layers to import. You'll notice that we have entire folders from Photoshop that we can bring in. And these are actually collapsible just as they are inside of Photoshop itself. And for each of these I can choose how I import the layer.
I can choose to bring it in as editable paths and layer styles or as flattened bitmap images. In either case I can also create a movie clip symbol and name that movie clip symbol as well as give it a specific registration point. So for instance, if I want to bring these in as editable paths and layer styles, I can just click that to do so. For the entire group, I could always create a movie clip symbol of that group.
And even provide an instance name and a registration alignment. Our background texture is meant to be just that, a texture. So we can bring that in as a flattened bitmap image. And we can even choose to use lossy or lossless compression on that bitmap, and customize the particular level of compression that's being applied as well as calculate the bitmap size. We'll just use the publish setting. When it brings these Photoshop layers into Animate, it's going to give us a choice on how to convert those layers.
So we can bring them in as Animate layers, we can collapse everything into a single Animate layer, or we can choose to spread them across keyframes on the timeline. I'm going to choose to just simply bring in each of these PSD layers as a single Animate layer. We can also, if desired, choose to import everything as a single bitmap image. So in this case it will flatten everything out, which we don't want.
So I'm going to uncheck that box. And we can choose whether to place the objects at the original position from the PSD, or not. And you can see that my stage size, inside of Animate, is actually the same exact stage size as the Photoshop canvas. But if we wanted to we could choose to have Animate actually adapt its own stage size to the Photoshop canvas on import. When we're ready all we have to do is hit import, and everything appears on our stage.
Notice that we have our bottle layer here and our background layer. Additionally we have that original layer, Layer 1, which we can always simply delete if we don't need it. Going into the library, we can see that everything comes in in a folder named for the particular PSD that has been brought in. And then we have our background texture as a bitmap. Here is our bottle folder, along with all the different elements that we've seen here including the movie clip symbol that we created for this.
The amount of control we have over each layer coming into Animate is a huge improvement.
- Importing artwork from Photoshop and Illustrator
- Using the new pattern brushes
- Controlling layer and stage transparency
- Pinning scripts in the Actions panel
- Responsive scaling
- Publishing enhancements