Quick Tip: Illustrator to Photoshop

Quick Tip: Illustrator to Photoshop

There may be times when you want to open an Illustrator file in Photoshop. Perhaps you want to add some raster effects to it, or incorporate the vector file into a Photoshop composite. Or perhaps you need to send the file to a friend who doesn’t have — or doesn’t know how to use — Illustrator. Whatever the reason, there are ways to import and export the file that will ensure maximum quality and compatibility. Let’s have a look.


Opening Illustrator Files in Photoshop

In Photoshop, simply go to File> Open and navigate to your Illustrator document. Photoshop will choose the format for you, in this case calling it "Photoshop PDF".

When you click OK, you’re presented with some import options. On the left, you’ll see a thumbnail preview of the file. You can change the size of the thumbnail in the drop-down menu below it. On the right, under Page Options, you can give the file a new name and choose how it appears on the page. In most cases, you’ll use Bounding Box, which simply crops to the illustration itself. This method eliminates any extraneous white space, as well as any elements outside the Illustrator Artboard. Check Anti-Aliasing to prevent jagged edges.

Next, enter the image size. This can be as small or as large as your project requires. Of course, if you choose an enormous file size and/or resolution, it may take a while to open. Check Constrain Proportions, otherwise the image’s aspect ratio will be distorted.

If the preview doesn’t look right, it’s likely that the illustration is falling outside the Illustrator artboard. In this case, you’ll have to go back to Illustrator and adjust the image or the artboard dimensions.

The new Photoshop file will have a transparent background and be on a transparent (i.e., non-Background) layer. From here you can use the image in a composite, use it as a mask, apply Photoshop filters to it, etc.


Exporting an Illustrator file to Photoshop

It’s easy to export an Illustrator file (EPS or native AI) to Photoshop. This will give you more flexibility than simply importing it in Photoshop. If the Illustrator file is built with layers, those can be preserved in the export, as can any live type. In this example, each county of the map is on its own layer. In addition, there are separate layers for the state outline and the text.

In Illustrator, choose File>Export. Select Photoshop (psd) as the format.

In the next dialog box, enter

the resolution, then select Write Layers and Maximum Editability. Note that these options are only available when you choose CMYK or Grayscale color modes, not RGB.

Now when you open the newly-exported file in Photoshop, you’ll see the same named layers that were in the Illustrator file, including any sub-layers.

From here, you can select the layers individually and apply filters and effects, show/hide each layer, or rearrange them to your liking.

You can also edit the type. Each type object gets exported as its own layer in a layer group, and can be modified with Photoshop’s Type tool.


Conclusion

Follow these simple tips, and in no time, you’ll be in the import/export business!

Tags: Tips
  • http://www.code.my devlim

    Nice tip, especially export from AI to PSD,

  • Jay

    Good reminder. Thanks!

  • http://www.black_cardinal.co Tia

    Thanks for the tip. I could never understand why I was not given the option to write layers in illustrator psd export. Now I know it cannot be in RGB only CMYK. This helped a lot.

    • http://www.jasonwarth.com Jason

      Tia / Cheryl: I’ve just discovered something important:

      - The rule is NOT— “you must export your PSD in CMYK in order to have those options.”
      - Rather, it’s— “you must export your PSD using the **same color mode** as your Illustrator file in order to have those options.”

      In Illustrator, I work largely in RGB, and I noticed that I had the full options (contrary to the info above) when I exported a PSD file from AI in RGB mode. (I thought it seemed really odd that RGB would be limited in this way, and it turns out it’s not).

      One unrelated thought: this method isn’t as useful for me as I’d originally thought when I first read Cheryl’s tutorial. (Nothing against you, Cheryl—I really love your stuff.) I was (falsely) under the impression that the vectors would remain vectors—in the same way that type remains editable—after exporting and opening in PS. Unfortunately, the non-type vectors get rasterized, which is a deal-breaker for me. Looks like it’s back to copying and pasting into PS as Smart Objects.

      -J

  • sidman26

    Wow! I didnt know that. I just copy and paste this whole time
    this is very useful tip
    Thank you :)

  • agnes luvisotto

    Thanks for this very imprtant tip. This will help a lot.

    :D

  • Jason

    I spend 40+ hours a week creating graphics with AI and PS, and all this time, I had no idea that this was possible. I’ve always just created my resources in AI, and copy>pasted them into PS—even type. Until now, editing type in my PS document involved double-clicking the type in PS, which would then trigger AI to open it, where I could edit, save and return to PS. Looking forward to shaving off several steps with this tip. Thanks!

  • Dwight Hipp

    When i want to move only a selection within an image from Photoshop to Illustrator i follow these instructions:
    I make my selection in Photoshop then choose Edit > Cut. Next choose Edit > Paste. In the Layers palette, turn off the visibility of all layers except for the one your selection is on. You should see a checkered background around your selection which indicates transparency.

    Navigate to File > Save As. Save your file in native Photoshop (PSD) format.

    In Illustrator, choose File > Open and select the PSD file. A Photoshop import options dialog box should appear. Make sure you have “Convert Photoshop layers to objects” selected and then click OK to open the file. To confirm there is transparency around your selection, choose View > Show transparency Grid.

  • nico

    this is so great
    im also doing the same thing with sidman26 before but now i am more faster to work ^^, thanks for this tips..

  • Laura

    Hi there, thanks so much for this great tip!!!! I have just discovered your site!!! Woohoo!
    I have done all you have said, but I get a box that then says ‘…some items will be flattened…’ which then
    makes the image that I exported from Illustrator to PS black and white. How do I get the colour back? Did I do something wrong or missed a step somewhere??? I really hope that you can help me???
    thanks once again.

  • sofia

    ok, I have a problem, I can use the write layers options with RGB, but my “preserve text editability” is like disabled, it’s not working with RGB neither with CMYK, What’s the problem? please help!! I have to export an illustrator file with multiple layers and editable text to a PSD file, but I can’t find a way to do this!
    I have checked the profiles and they match. HELP!