<?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>Veracity Solutions Blog &#187; Adobe Illustrator</title>
	<atom:link href="http://blogs.veracitysolutions.com/tag/adobe-illustrator/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogs.veracitysolutions.com</link>
	<description>Software Consulting That Rocks</description>
	<lastBuildDate>Thu, 22 Apr 2010 17:21:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adobe Illustrator To XAML Conversion Options</title>
		<link>http://blogs.veracitysolutions.com/adobe-illustrator-to-xaml-conversion-options/</link>
		<comments>http://blogs.veracitysolutions.com/adobe-illustrator-to-xaml-conversion-options/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 18:53:06 +0000</pubDate>
		<dc:creator>Matthias Shapiro</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[WPF]]></category>
		<category><![CDATA[XAML]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[export]]></category>
		<category><![CDATA[Expression Blend]]></category>
		<category><![CDATA[import]]></category>
		<category><![CDATA[Mike Swanson]]></category>
		<category><![CDATA[Path]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://blogs.veracitysolutions.com/?p=642</guid>
		<description><![CDATA[One of the things that I’ve been doing as I was working on my Florida Crime Rate data visualization was finding vector maps of the US and converting them into XAML. Pretty much everything I found that was free was in SVG format, so I would pull that into Adobe Illustrator and then export into [...]]]></description>
			<content:encoded><![CDATA[<p>One of the things that I’ve been doing as I was working on my <a href="http://blogs.veracitysolutions.com/florida-crime-rates-an-information-visualization-in-silverlight/">Florida Crime Rate data visualization</a> was finding vector maps of the US and converting them into XAML. Pretty much everything I found that was free was in SVG format, so I would pull that into Adobe Illustrator and then export into XAML using <a href="http://www.mikeswanson.com/xamlexport/">Mike Swanson’s really awesome Adobe Illustrator to XAML export plug-in</a>. But I wanted to take a moment and say why I’m still using this plug-in instead of the default Expression Blend Import for Illustrator.</p>
<p>As a case study, let’s look at an SVG file of the US counties. (You can find <a href="http://commons.wikimedia.org/wiki/File:USA_Counties_with_names.svg">a link to the SVG here</a>. Here is <a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/USA_Counties_with_names_AI_Export.xaml">the file converted to XAML</a> if you just want to download that and not mess with any of this other stuff. Special thanks to Nathan Yau of Flowing Data and @SimonRegenbogen for helping me find this.)</p>
<p><a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image0015.png"><img style="border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px" border="0" alt="clip_image001[5]" src="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image0015_thumb.png" width="565" height="360" /></a></p>
<p>The SVG is about 1.6 MB, but when I convert it to XAML, it sees a size reduction of about 20-25%.</p>
<p><a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image001.png"><img style="border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px" border="0" alt="clip_image001" src="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image001_thumb.png" width="392" height="92" /></a></p>
<p>You’ll notice that the Adobe Illustrator-to-XAML export is about 100 KB smaller than the Expression Blend Illustrator Import. What’s the difference?</p>
<ol>
<li><b>AI-to-XAML preserves path layers and grouping</b> – In the native import version, all the paths are imported into a single Canvas. This makes it really hard to isolate paths and work with them individually. The AI export version groups into separate Canvases so that each state is it’s own canvas. Very handy.</li>
<li><b>AI-to-XAML preserves some metadata</b> – all the paths in the AI-to-XAML version have a comment preceding the path that contains some (not all) of the naming metadata from the SVG file.</li>
<li><b>AI-to-XAML spaces code out better</b> – Here is a sample of the data from the AI-to-XAML version:</li>
<p><a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image0019.png"><img style="border-bottom: 0px;border-left: 0px;border-top: 0px;border-right: 0px" border="0" alt="clip_image001[9]" src="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image0019_thumb.png" width="350" height="120" /></a>      <br />And here is the same path in the native import.</p>
<p><a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image0017.png"><img style="border-bottom: 0px;border-left: 0px;border-top: 0px;border-right: 0px" border="0" alt="clip_image001[7]" src="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image0017_thumb.png" width="383" height="53" /></a></p>
<p>You’ll notice three things: the first is the metadata (already noted). The second is that the export plug-in has spaced the paths to make them easier to read. The third is something you’ll notice if you’ve spent a lot of time working with XAML paths… the point data is spaced out in a way that makes it much more readable.&#160; Overall a much better XAML experience. </p>
<li><b>AI-to-XAML maintains less path data fidelity</b> – The AI-to-XAML converts to 3 decimal places, while the native import converts to 4 decimal places. But this isn’t necessarily a bad thing. Here is a corner of Sacramento County zoomed in 6400%.</li>
<p><a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image00111.png"><img style="border-bottom: 0px;border-left: 0px;border-top: 0px;border-right: 0px" border="0" alt="clip_image001[11]" src="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image00111_thumb.png" width="144" height="90" /></a></p>
<p>Now let’s change the path data by a hundredth of a unit, from X=35.366 to X=35.376</p>
<p><a href="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image00115.png"><img style="border-bottom: 0px;border-left: 0px;border-top: 0px;border-right: 0px" border="0" alt="clip_image001[15]" src="http://www.designersilverlight.com/wp-content/uploads/2009/09/clip_image00115_thumb.png" width="145" height="75" /></a></p>
<p>The difference is almost imperceptible… even at this level of magnification. Changing it by a thousandth of a unit is going to make almost no difference that users will be able to see.</p>
</ol>
<p><b>Conclusion:</b> I’m going to continue using Mike Swanson’s Adobe Illustrator to XAML Export plug-in because it is awesome. If you don’t have or can’t afford Adobe Illustrator, the default import isn’t bad, but it is missing a good deal of potentially valuable functionality.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.veracitysolutions.com/adobe-illustrator-to-xaml-conversion-options/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
