AI: Exporting a layered PSD from Illustrator

Illustrator has an option to export a file as a .psd file while keeping layers intact. First, you need to keep one thing in mind, you need to decide first if you will be working on it in RGB or CMYK colorspace in photoshop. Illustrator only lets you export layered psd’s from RGB to RGB or from CMYK to CMYK, not across colorspaces.

For instance, to export a file as a layered RGB file you first need to check if your Document Color Mode within Illustrator is set to the correct value. Go to File>Document Color Mode and make shure it is set to RGB.

Then make sure you have a few layers to export, and keep in mind that multiple objects on the same layer will export as one layer. If you need to break down your illustration to a few layers you can use the Layers palette to create new layers and cut/paste your objects on the new layers (keep in mind that the Paste in Front & Paste in Back functions in the Edit menu will paste objects in exactly the same location on a new layer as they were cut from).

After you make shure you have some layers to export, go to File>Export… and in the dialog box select Photoshop (psd) from the Format dropdown list. Then name your file and click Export.

Now, “Photoshop Export Options” should pop up and you can select a variety of options. At the top of the dialog box you should see a Color Model dropdown list. Make shure this is set to the same setting as the Document Color Mode setting if you want to export as layers. We are now looking at RGB, so select that from the list. The same dropdown menu also has an option to export to Grayscale, using that setting will have the option to export to layers no matter what Document Color Mode you are working on.

Make sure you select Photoshop CS2 from the “Export As” dropdown list (or CS depending on your version), and also make sure Write Layers is selected. If you have some text you can choose to keep it editable within Photoshop by selecting Preserve Text Editability.

Click OK and you’re done.

Now open your exported file in Photoshop and make sure it has your layers intact.

CMYK exporting works the same way, just make sure you have it set correctly in Document Color Mode and select CMYK in the Color Model dropdown list.

UPDATED: It has come to my attention that in some cases Illustrator will give an error while exporting or Photoshop will give an error while opening such a file. In this case it may be that you have a bunch of items around your artboard that you don’t want to export but Illustrator will try to do it anyway.

It is important to remember that Illustrator will not only confine the PSD export to the artboard, but will export everything within the file. Before exporting a PSD you could try cleaning up your file and get rid of things you don’t need to export that are perhaps around the artboard. If not, chances are you’ll get an export error.

UPDATE 2: Since this post has been quite popular and people are having trouble with this I have gone through this process again with CS3.
Illustrator CS3 will export a single layer to PSD to a photoshop layer group. That means all of your art on a single layer in illustrator will export as a layer group with sublayers intact. However if you have compound paths or open shapes on some layers, exporting will likely merge those layers. To export your elements to layers, simply group the ones you want to have as a layer (yes group single shapes too), ann export as shown above. I will post a revised version of this with step by step images soon.

Scrubby Sliders

In all Adobe programs scrubby sliders let you have the option of setting a value or dragging a slider without having to actually grab the slider. Simply place your mouse over the name of the value (for instance the Opacity value in the Layers palette), click and drag from left to right to set the value. This works with most values, not all, and is really a great time saver if you get the hang of it. You can also hold SHIFT while dragging to set the value by ten.

And a related tip: To set the value of a setting using the keyboard simply click the name to highlight it (or click the number), and use the up & down arrows on your keyboard to increment the value up and down. Hold SHIFT to increment values by ten.

Dragging in place

Try holding SHIFT while dragging a layer, or a set of layers, between two open documents to have it place itself in exactly the same place in the target document. This may be an obvious tip, but it’s quite useful.

Selecting Layers

You probably know by now that you can Right Click (Option+Click) on a layer to select it directly on your photoshop canvas. But if you Right Click AGAIN and hold SHIFT while selecting another layer you can add that layer to your selection, selecting multiple layers at once.

Guide Snapping

PhotoShop: To have guides snap to the ruler’s units while dragging, hold SHIFT while dragging a guide. To have it snap accutately to every pixel of an image, set the ruler units to pixels and zoom in about 500% so you can see every pixel in the ruler.

To have the guides snap to a layer, just select that layer and drag the guide over it. The guide will snap to the left/right sides, and the top/bottom sides. Plus, the guides will also snap to the horizontal and vertical middle of the layer. However if you have a selection, the guides will snap to the selection  in the same way by default, and ignore the layer boundraries.

To have the guides completely ignore all snapping (like snapping to guides, layers and selections) hold the ALT key while dragging a guide.

Layer masks using Channels

PhotoShop: In this example I will show you how you can make a background of an image transparent, for instance if you want to make a path around a product but still use it’s shadow to overlay underlying images. This is also known as an “Alpha channel”.

This first image is the image I want to use, and as you can see it has a white background with an overlying shadow of the product.

Start by selecting a path around the product using your masking tool of choice, preferably the pen tool. But also note that some supplied product images have already an embedded path, you can find those in the Paths palette in most cases.

With the path selected, create a new layer by pressing CTRL+J, this will create a new layer from your selection.

Now create a “Solid Color” adjustment layer and select black for the base color. Your layers palette should now look something like this:

Select the backbround layer and press CTRL+A (select all) and then copy it (CTRL+C). You now have the original image in the clipboard. Select the black adjustment layer again.
Now go to the Channels palette which should be right next to the layers palette and you can see in the bottom of the palette there is a hidden channel called “Color Fill 1 Mask”, select it and make it visible by pressing the “eye” icon.
With the channel selected, paste your clipboard by pressing CTRL+V. Right after pasting, press CTRL+I to invert the image you pasted into the channel. Your channels palette should now look something like this:

Still in the Channels palette, select the eye icon next to the “Color Fill 1 Mask” layer to hide it.
Now select the Layers palette and you will see that an image mask has been created for the black adjustment layer. You can now just delete the background layer as you will not need it anymore. Now your layer palette should look something like this:

And your finished image should look something like this:

As you can see the shadow is transparent, so to finish it up, link the two layers together or merge them (a good rule is to have these layers seperate and select a Multiply blending mode for the shadow layer). You can now drag these layers to another open image and see the effect of your overlaying transparent shadow.

Color space copy

 

Photoshop: When copying from illustrator or freehand and pasting into photoshop and your color comes out differently than you intended, try to change the color space of Illustrator into the colorspace you have currently set in Photoshop. Matching colorspace (RGB to RGB or CMYK to CMYK) copying will produce better results for your designs in photoshop.

Zooming

PhotoShop: Holding SHIFT while zooming in and out with the zoom tool, will affect all your open documents in PhotoShop.

Layer Styles

PhotoShop: Creating layer styles is a useful design tool. While creating a layer style you can set various setting within the style by click-dragging over the image itself. For instance, create a new drop shadow style and with the Layer Style window open, you can drag the shadow to a desired place on the image.
Also regarding layer styles you can go to “Scale Effects” by right clicking on a layer style in the layers list. Within the Scale Effects dialog box, you can scale the styles for a selected layer, by percentage.

On that note, remember you can copy a layer style between layers by…:
CS1: Dragging the style in the layer palette to a different layer.
CS2: Hold ALT and drag the style icon to a the desired layer (In CS2, dragging the style will simply move it between layers).

More or less Nudge

InDesign/Illustrator: Nudging a few pixels or units using the cursor keys during design is extremely useful. Furthermore you can hold SHIFT while nudging to nudge even further (normally one Nudge times ten). Hold SHIFT+ALT (SHIFT+Option) to copy your object that distance. This will work for most graphic programs including Photoshop, Illustrator, InDesign and Flash.
In InDesign you can also hold SHIFT+Ctrl (SHIFT+Command) while nudging with the cursor keys and you will move your object even shorter than a normal nudge (one Nudge / 10)

You can also set your nudge distance:

In InDesign: Open ‘Preferences’ and select the ‘Units & Increments’ tab, under ‘Keyboard Increments’ you can insert a number for ‘Cursor Key’. The number you set is the distance an object is moved with the cursor key (based on your unit settings).

In Illustrator: Open ‘Preferences’ and select the ‘General’ tab, there you can insert a number for ‘Keyboard Increment’. The number you set is the distance an object is moved with the cursor key (based on your unit settings).