<?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>IllustratorHints &#187; Offset Path</title>
	<atom:link href="http://www.illustratorhints.com/tag/offset-path/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.illustratorhints.com</link>
	<description>Tips, tricks and tutorials for Illustrator</description>
	<lastBuildDate>Tue, 29 Nov 2011 18:24:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fill in the counters on live text</title>
		<link>http://www.illustratorhints.com/2010/05/fill-in-the-counters-on-live-text/</link>
		<comments>http://www.illustratorhints.com/2010/05/fill-in-the-counters-on-live-text/#comments</comments>
		<pubDate>Sun, 30 May 2010 04:47:28 +0000</pubDate>
		<dc:creator>Jesse</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Appearance]]></category>
		<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Offset Path]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.illustratorhints.com/?p=240</guid>
		<description><![CDATA[Here&#8217;s another post drawing on the strength of the Appearance Panel (previously explained here, here and here)  This one to help you automagically fill in or close the counters on live text.


What&#8217;s a counter?
First off, a counter is the opening in a letter; The center of an &#8220;o&#8221;, the opening in an &#8220;e&#8221;, those are counters. [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s another post drawing on the strength of the Appearance Panel (previously explained <a href="http://www.illustratorhints.com/2010/04/the-appearance-panel/">here,</a> <a href="http://www.illustratorhints.com/2010/04/the-appearance-panel-part-2/">here</a> and <a href="http://www.illustratorhints.com/2010/04/the-appearance-panel-part-3/">here</a>)  This one to help you automagically fill in or close the counters on live text.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/05/Picture-10.png" rel="lightbox[240]"><img class="alignnone size-full wp-image-241" title="Picture 10" src="http://www.illustratorhints.com/wp-content/uploads/2010/05/Picture-10.png" alt="" width="640" height="400" /></a></p>
<p><span id="more-240"></span></p>
<h3>What&#8217;s a counter?</h3>
<p>First off, a counter is the opening in a letter; The center of an &#8220;o&#8221;, the opening in an &#8220;e&#8221;, those are counters.  This trick will also serve to fill in any spaces in a fill such as those created when a &#8220;stroke&#8221; in text meets between 2 lines of text.</p>
<h3>What&#8217;s the trick?</h3>
<p>There&#8217;s no trick to it &#8211; it&#8217;s just a simple trick.  I put stroke in quotes up there because this is one of the places we use the Offset Path effect to fake a stroke to add capability not allowed on an ordinary stroke.</p>
<p><a href="http://illustratorhints.com/samplefiles/fillcounters.ai.zip">Here&#8217;s the file</a>, if you want to play along at home.</p>
<p>Apply all of your attributes at the Type layer, leaving your character level with no fill and no stroke.</p>
<p>Add a fill, in this case a red fill.</p>
<p>Add a second fill, and move it below the red fill.  Apricot, in this example.  With that lower fill applied, apply the offset path effect to it by going to Effect -&gt; Path -&gt; Offset Path&#8230; I set mine to 3.5 pt, rounded.  This should get you to the upper version of the text &#8211; with all the holes in it.</p>
<p>Next &#8211; the trick.  Still on that lower fill, after the Offset Path, apply Effect -&gt; Pathfinder -&gt; Divide to it.  Nothing should happen just yet. Now in your appearance panel, click on that effect to edit it.  UN-check &#8220;Divide and Outline Will Remove Unpainted Artwork&#8221; so that your Pathfinder Options look like these:</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/05/Picture-11.png" rel="lightbox[240]"><img class="alignnone size-full wp-image-243" title="Picture 11" src="http://www.illustratorhints.com/wp-content/uploads/2010/05/Picture-11.png" alt="" width="589" height="500" /></a></p>
<p>Easy-peasy.</p>
<p>I should add that this will also work in any circumstance where Effect -&gt; Offset Path leaves holes that you want to fill, not just with text, though that is where I see the need most often.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.illustratorhints.com/2010/05/fill-in-the-counters-on-live-text/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Offset path</title>
		<link>http://www.illustratorhints.com/2010/03/offset-path/</link>
		<comments>http://www.illustratorhints.com/2010/03/offset-path/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 04:18:25 +0000</pubDate>
		<dc:creator>Jesse</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Offset Path]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.illustratorhints.com/?p=115</guid>
		<description><![CDATA[I use it for die lines and for margins among other things. You&#8217;ll find uses for it. I use it often enough that I&#8217;ve given it a keyboard shortcut.

I should add &#8211; this post is referring to the offset path command, not the offset path effect.  That&#8217;s a whole other post that I will get [...]]]></description>
			<content:encoded><![CDATA[<p>I use it for die lines and for margins among other things. You&#8217;ll find uses for it. I use it often enough that I&#8217;ve given it a keyboard shortcut.</p>
<p><span id="more-115"></span></p>
<p>I should add &#8211; this post is referring to the offset path <em>command</em>, not the offset path <em>effect</em>.  That&#8217;s a whole other post that I will get to soon. This is the one that&#8217;s located in the Object menu under path.</p>
<p>What it does is to take the bounds of your object and make a new object either inside or outside of your existing object.  It will not work on text unless you&#8217;ve created outlines (Type -&gt; Create Outlines).</p>
<p>Example &#8211; you have a die line and you want to set up margins. (See the previous post on <a href="http://www.illustratorhints.com/2010/03/non-printing-layers/">non-printing layers</a> to see how to incorporate them as well)</p>
<p>Here&#8217;s the dieline:</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/offsetpath_before.png" rel="lightbox[115]"><img class="alignnone size-medium wp-image-116" title="offsetpath_before" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/offsetpath_before-300x200.png" alt="" width="300" height="200" /></a></p>
<p>Now, select all the panels you want to make margins for and, from the Object menu, go to Path -&gt; Offset Path&#8230;</p>
<p>You&#8217;ll see the Offset Path dialog, asking you how far you want the offset to be (in this case, .125 in. <em>inwards</em>, so a negative offset), the way it should treat the corners (in this case Miter, which will leave them square) and in this example, we can ignore the miter limit since we&#8217;re working on rectangles.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/Picture-3.png" rel="lightbox[115]"><img class="size-medium wp-image-117 alignnone" title="Picture 3" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/Picture-3-300x166.png" alt="" width="300" height="166" /></a></p>
<p>Viola &#8211; margins, which I&#8217;ve made cyan so you can barely see them in the screenshot.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/offsetpath_after.png" rel="lightbox[115]"><img class="size-medium wp-image-119 alignnone" title="offsetpath_after" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/offsetpath_after-300x200.png" alt="" width="300" height="200" /></a></p>
<p>Not so difficult an operation to do manually if you were so inclined, but a big time-saver if you do it on every file you make.</p>
<p>That&#8217;s about it.  Pretty simple but very useful at times.</p>
<p>The different Join types determine what Illustrator will do at a &#8220;corner&#8221;</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/offsetpath_types.png" rel="lightbox[115]"><img class="alignnone size-medium wp-image-122" title="offsetpath_types" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/offsetpath_types-212x300.png" alt="" width="212" height="300" /></a></p>
<p>And the Miter Limit  controls when a corner gets mitered (pointy) as opposed to beveled (squared off).  In my experience, it really only comes into play with very acute angles.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/offstepath_miterlimit.png" rel="lightbox[115]"><img class="alignnone size-medium wp-image-123" title="offstepath_miterlimit" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/offstepath_miterlimit-80x300.png" alt="" width="80" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.illustratorhints.com/2010/03/offset-path/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

