How to open vector AI or EPS files in Photoshop

We received a lot of e-mails about how you can open AI and EPS files with Photoshop and how to use them without losing the quality of the vector in the process.
Whether you are using a PC or a Mac, the process is similar, the only difference is you will use “Cmd” instead of “CTRL”. Thus said, let’s get straight to the point!

Open Photoshop, then go to File > Open… and select your vector file. We will need a test subject for this, so we’ll use one of our vector packs: Mythical Creatures Vector Pack 1.

1 How to open vector AI or EPS files in Photoshop

Unlike a regular raster file, the .ai and the .eps files will prompt you to input a file size before it will be opened. This step is very important, because Photoshop will open the file as raster, not as vector or as a Smart Object (we’ll discuss this type of file a bit later).
I recommend you input a fairly large size, then you can scale it down without losing quality.

2 How to open vector AI or EPS files in Photoshop

Now we have the full vector file converted to raster (don’t worry, you original vector file is intact!) and able to use it as raster.
But now we have an entire pack and we want just a shape.

2.1 How to open vector AI or EPS files in Photoshop

Some vectors may have a background, because some vectors use transparency that requires a background (Multiply for example, inherits a darker tone of the flat color below it). What do we do then? Don’t panic, I’m here to explain that too.
In the original file, grab the Magic Wand Tool (W), select the background color and hit Delete. Hit CTRL+D to deselect.

2.2 How to open vector AI or EPS files in Photoshop

Here’s what to do: Grab the Rectangular Marquee Tool (M) , select your shape and copy it (CTRL+C). Now go to your document (CTRL+Tab) and paste it in.

31 How to open vector AI or EPS files in Photoshop

Hit CTRL+T (Free Transform Mode), hold the SHIFT key and scale it to fit your design. Hit Enter to exit this mode.

4 How to open vector AI or EPS files in Photoshop

The downside for this workaround with vectors is the inability to rescale the elements to a larger size after you’ve shrunk it. But there is a way to do this if you copy a vector from Illustrator and paste it as Smart Object.

The Smart Object thingy is actually a vector file with scalable properties. If you double-click it, it will automatically open it in Illustrator and will allow you to fully edit it, just like a normal vector. Let’s scale them down, then scale them up to and see what happens!

6 How to open vector AI or EPS files in Photoshop
As you can see, the smart object preserves its quality, unlike the raster version, which dramatically gets ruined. I’ve exaggerated a bit with the scaling so the difference would be more obvious.

There is another way you can convert vectors into a scalable Photoshop – Compound Shapes. This technique converts your vector shapes into Photoshop shapes (yes, the ones you usually create using the Path Tool).
Here’s how you convert them! (by the way, for this one, you’ll need Illustrator).

Open your vector file in Illustrator (File > Open…). Select the vector you want, copy it and create a new document (File > New…). Paste in the vector.

7 How to open vector AI or EPS files in Photoshop

7.1 How to open vector AI or EPS files in Photoshop

Grab the Magic Wand Tool (Y), hit Enter and set the “Tolerance” value to “0″.

8 How to open vector AI or EPS files in Photoshop

Select the outline and go to the Pathfinder window (Window > Pathfinder) and access the floating menu. Select “Make Compound Shape”. Repeat this for every color in the vector.

9 How to open vector AI or EPS files in Photoshop

To verify if you’ve done this for all shapes, expand the layer, then the group and check if there are any “Path” sub-layers. If there are, click the small circles near the layer and convert them to compound shapes, like before. In the end, you should have only “Compound Shape” layers.
9.1 How to open vector AI or EPS files in Photoshop

Now we have compound shapes ready to be exported to Photoshop!
Go to File > Export, select .PSD in the file type, name it, set location to Desktop and hit OK.
10 How to open vector AI or EPS files in Photoshop

10.1 How to open vector AI or EPS files in Photoshop

Double-click the newly created .PSD file to open it in Photoshop. But wait, now instead of having a single layer with a vector, there are now more layers, each with its own editable color, and organized nicely into a group. More so, this file is also scalable, just like a vector and you can change each color with just a few clicks: simply double-click the square layer thumbnail and select the color.
11 How to open vector AI or EPS files in Photoshop

11.1 How to open vector AI or EPS files in Photoshop

11.2 How to open vector AI or EPS files in Photoshop
Pretty cool, huh?

That’s about it on how to use vectors in Photoshop. If you have any questions or you didn’t fully understand this article, let me know in a comment or via e-mail. I’d be happy to help you, once I’ve cleaned the coffee spilled on my keyboard (again!).

0saves


If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Related Posts

pixel77-free-vector-doodle-restaurant-menu-0517-220

Free Vector of the Day #338: Doodle Restaurant Menu

pixel77-free-vector-real-estate-logo-0516-220

Free Vector of the Day #337: Real Estate Logo

pixel77-free-vector-owl-0515-220

Free Vector of the Day #336: Owl

Illustrator-Photoshop-tutorials-roundup-april-2013-THUMB

Illustrator and Photoshop Tutorials Roundup – April 2013

18 Comments

  1. W.K

    02.14.2012

    Reply

    Thanks for the tutorial! I have been looking for this for quite a time!

  2. Nora Reed

    02.15.2012

    Reply

    Great job! I tried so many times to make this! But thanks for this tuto!!

  3. Wendy Bromilow

    03.06.2012

    Reply

    Hi there, thankyou so much for this Tut, I only use photoshop so learning to open Ai files in photoshop is great, am learning myself photoshop and this something I had tried to do in past to no success. This Tut is fantastic.

    Hugs
    Wendy xx

    • Ahmed

      06.09.2012

      Reply

      Wow.. You have great post with great knowledge..Thanks for shainrg with…. It’s really good informative post. We offer / / Magento / WordPress / Blogger / Zencart / Cube cart/ Drupal / osCommerce or PSD to CSS conversion quick services with hand coded facilities.

  4. Светлана Крупения

    04.10.2012

    Reply

    This Tut is fantastic.Svetlana Vygon.

  5. Imran Haider

    04.13.2012

    Reply

    Nice and easy tut.

  6. Deepak

    04.26.2012

    Reply

    Hi Doink – I am very THANKFUL to u as u shared very useful info with us , – u solved my problem of working with VECTOR files PS in very easy way – really thanx – I tried what u said above and got the desired results with vector files, REALLY THANX

  7. Tunde Salami

    05.07.2012

    Reply

    Hw to Open a AI or eps vector file on photoshop.

  8. Anonymous

    05.13.2012

    Reply

    Very good tutorial..thanx.

  9. Ushan Jin

    07.22.2012

    Reply

    grate.

  10. Don

    08.18.2012

    Reply

    Good tutorial, thanks for sharing.

  11. Thank you – very informative article!

  12. Shreya

    12.04.2012

    Reply

    Thaaaankyou!

  13. Thanks a lot!

  14. Surya

    02.28.2013

    Reply

    Thanks a lot!

  15. scarlett

    05.03.2013

    Reply

    Hi there, I tried what you said and got… Could not complete your request because Photoshop was unable to parse the PostScript…

    I’ve got an eps file downloaded from shutterstock and so I’m trying to bring in not only as a vector file but to access the layer where there is type so I can change it, but it when I do bring into photoshop or illustrator there are no layers…can you help?

    • Doink

      05.07.2013

      Reply

      For Type layers, the process is different. Go to File > Export and make sure the “Write Layers” is checked, as well as the checkboxes below it (preserve text editability is a must). This feat is influenced by the document’s color mode, so if you want the .psd file to be in CMYK, make sure you convert the vector file to CMYK first.

Leave a Reply









Read Next