<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>illustrator &#8211; John Marstall</title>
	<atom:link href="https://theiconmaster.com/tag/illustrator/feed/" rel="self" type="application/rss+xml" />
	<link>https://theiconmaster.com</link>
	<description></description>
	<lastBuildDate>Sun, 29 Apr 2012 18:54:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>
	<item>
		<title>Exporting Illustrator Paths to Photoshop Shape Layers</title>
		<link>https://theiconmaster.com/2012/02/exporting-illustrator-paths-to-photoshop-shape-layers/</link>
		
		<dc:creator><![CDATA[iconmaster]]></dc:creator>
		<pubDate>Thu, 16 Feb 2012 16:34:56 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[illustrator]]></category>
		<guid isPermaLink="false">http://theiconmaster.com/?p=190</guid>

					<description><![CDATA[Adobe, this should be <em>much</em> easier than it actually is.

Say you've drawn an object in Illustrator and what to use it in Photoshop without flattening it to a bitmap.

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1-300x241.png" alt="" title="Typical Illustrator art" width="300" height="241" class="aligncenter size-medium wp-image-192" /></a>

So you hit File > Export, choose Photoshop format and make sure to select "Maximum Editability."

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/export-psd.png" alt="" title="Photoshop export options" width="317" height="301" class="aligncenter size-full wp-image-306" />

You'll likely get the following result. Paths have been converted to bitmap layers, in spite of your best efforts.

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened-300x186.png" alt="Flattened art" title="flattened" width="300" height="186" class="aligncenter size-medium wp-image-195" /></a>

Unfortunate, and probably a bug. We can wait for Adobe to fix their code (stop laughing!) or figure out a workaround. Creative Suite users, this is what I have accomplished for you.

To ensure paths are maintained, you need to convert every standard path into a compound path. In order to prevent this trick from creating any visible effect, we'll use a very small path -- I prefer a one-pixel square, but in these examples I've gone a bit larger so you can see what's going on -- and combine it with the standard path using a <strong>live</strong> Add pathfinder operation. It's important that you use the live version of this operation -- otherwise you'll just end up with the same standard path with which you started and you'll continue to get bitmap results on export.

After a few Add pathfinder operations, you'll get something like this:

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art-300x241.png" alt="" title="Compound paths" width="300" height="241" class="aligncenter size-medium wp-image-196" /></a>

Export this art, and you'll get the desired shape layers.

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers-300x186.png" alt="" title="True shape layers" width="300" height="186" class="aligncenter size-medium wp-image-197" /></a>

So, why is Photoshop more consistently able to convert complex paths into Shape Layers while choking on the most basic sort of Illustrator art? Without getting into the technical details, <a href="http://www.southparkstudios.com/clips/103454/the-chewbacca-defense">this is the best explanation</a> I've been able to find.]]></description>
										<content:encoded><![CDATA[<p>Adobe, this should be <em>much</em> easier than it actually is.</p>
<p>Say you&#8217;ve drawn an object in Illustrator and what to use it in Photoshop without flattening it to a bitmap.</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1.png"><img fetchpriority="high" decoding="async" src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1-300x241.png" alt="" title="Typical Illustrator art" width="300" height="241" class="aligncenter size-medium wp-image-192" srcset="https://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1-300x241.png 300w, https://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1.png 510w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>So you hit File > Export, choose Photoshop format and make sure to select &#8220;Maximum Editability.&#8221;</p>
<p><img decoding="async" src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/export-psd.png" alt="" title="Photoshop export options" width="317" height="301" class="aligncenter size-full wp-image-306" srcset="https://theiconmaster.com/blog/wp-content/uploads/2012/02/export-psd.png 317w, https://theiconmaster.com/blog/wp-content/uploads/2012/02/export-psd-300x284.png 300w" sizes="(max-width: 317px) 100vw, 317px" /></p>
<p>You&#8217;ll likely get the following result. Paths have been converted to bitmap layers, in spite of your best efforts.</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened.png"><img decoding="async" src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened-300x186.png" alt="Flattened art" title="flattened" width="300" height="186" class="aligncenter size-medium wp-image-195" srcset="https://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened-300x186.png 300w, https://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened.png 580w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Unfortunate, and probably a bug. We can wait for Adobe to fix their code (stop laughing!) or figure out a workaround. Creative Suite users, this is what I have accomplished for you.</p>
<p>To ensure paths are maintained, you need to convert every standard path into a compound path. In order to prevent this trick from creating any visible effect, we&#8217;ll use a very small path &#8212; I prefer a one-pixel square, but in these examples I&#8217;ve gone a bit larger so you can see what&#8217;s going on &#8212; and combine it with the standard path using a <strong>live</strong> Add pathfinder operation. It&#8217;s important that you use the live version of this operation &#8212; otherwise you&#8217;ll just end up with the same standard path with which you started and you&#8217;ll continue to get bitmap results on export.</p>
<p>After a few Add pathfinder operations, you&#8217;ll get something like this:</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art.png"><img loading="lazy" decoding="async" src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art-300x241.png" alt="" title="Compound paths" width="300" height="241" class="aligncenter size-medium wp-image-196" srcset="https://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art-300x241.png 300w, https://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art.png 510w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a></p>
<p>Export this art, and you&#8217;ll get the desired shape layers.</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers.png"><img loading="lazy" decoding="async" src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers-300x186.png" alt="" title="True shape layers" width="300" height="186" class="aligncenter size-medium wp-image-197" srcset="https://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers-300x186.png 300w, https://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers.png 580w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a></p>
<p>So, why is Photoshop more consistently able to convert complex paths into Shape Layers while choking on the most basic sort of Illustrator art? Without getting into the technical details, <a href="http://www.southparkstudios.com/clips/103454/the-chewbacca-defense">this is the best explanation</a> I&#8217;ve been able to find.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
