: Illustrator to photoshop export I am having problems with some illustrator files (I'm a developer more than a graphic designer). Basically, I can't seem to get around two things. Firstly, I

@Welton168

not sure if you're still having problems with this, but the newer versions of Illustrator have options for creating web-based images. Solves a lot of issues you've listed. Check out: tv.adobe.com/watch/max-2013/using-illustrator-for-web-design-and-graphics/

Vote Up Vote Down

@BetL875

Here's how I would approach the problem.


If (sadly typical, which is why I mention it) your AI document is all on one layer, your first step is to move all the text onto at least one, possibly more than one individual layers. Name them appropriately so it's easy to keep track of them.
Next, bring the AI document into Photoshop as a Smart Object (use `File > Place') and get the background exactly placed. Don't fret the text at this point.
Make a copy of this layer as a new Smart Object using Layer > Smart Objects > New Smart Object via Copy. This is important. You want two independent Smart Objects, not a straight copy that would cause them to update in synch.
Open the one you first placed (double-click on the layer icon), turn off the text layer(s), save and close.
Now open the second copy similarly, and turn off the background.


At this point, your text is only showing in the second layer, and you should be able to fine tune the position from there.

Conditional: If nudging all of the text at once doesn't get you the result you need, you may have to put individual text segments on their own layers, make multiple Smart Objects, and adjust the individual text blocks independently.

The alternative approach, which would give you ultimate control, is to create the background SO as before, but then copy the text piece by piece from the AI file into new text layers in Photoshop. To make this work, you have to create a text frame in Photoshop, flip over to Illustrator, select the text, copy, then paste it into the Photoshop text frame.

This has the advantage that you now have live text in Photoshop, which you can even onion-skin over the original text if need be (by turning on the text layer in the AI file temporarily, reducing the opacity of the live text in the PSD and fine-tuning that way). This method will also keep any kerning, glyph substitution or other OpenType features intact when the text comes into Photoshop. That may be necessary if the layout needs to be very precise, but I would try the first method first.

Vote Up Vote Down

@Jessie844

Current versions of Ill have "snap to pixel" mode: help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-636da.html.
Edit: Here's an example how image looks like in Ill when pixel preview is accordingly on and off:



In first case when also "Snap to pixels" is on, nodes will be snapped to pixel grid.

Vote Up Vote Down