<?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; Align</title>
	<atom:link href="http://www.illustratorhints.com/tag/align/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>The align panel &#8211; Part one</title>
		<link>http://www.illustratorhints.com/2010/03/the-align-panel-part1/</link>
		<comments>http://www.illustratorhints.com/2010/03/the-align-panel-part1/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 03:11:43 +0000</pubDate>
		<dc:creator>Jesse</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Align]]></category>
		<category><![CDATA[Palette]]></category>
		<category><![CDATA[Panel]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.illustratorhints.com/?p=69</guid>
		<description><![CDATA[A nice, detailed look at the Align Panel.

Open the panel from the window menu (Window -&#62; Align) and make sure the whole panel is visible by clicking either on the little arrows to the left of the word ALIGN or by using the flyout menu option &#8220;Show Options&#8221; (shown as &#8220;Hide Options&#8221; in the screenshot [...]]]></description>
			<content:encoded><![CDATA[<p>A nice, detailed look at the Align Panel.</p>
<p><span id="more-69"></span></p>
<p>Open the panel from the window menu (Window -&gt; Align) and make sure the whole panel is visible by clicking either on the little arrows to the left of the word ALIGN or by using the flyout menu option &#8220;Show Options&#8221; (shown as &#8220;Hide Options&#8221; in the screenshot since it&#8217;s already visible)</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignpanel.png" rel="lightbox[69]"><img class="alignnone size-medium wp-image-70" title="alignpanel" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignpanel-300x130.png" alt="" width="300" height="130" /></a></p>
<p>So now you see that it&#8217;s actually 2 tools tucked in one interface &#8211; Align and Distribute.</p>
<h2>Starting with the basic Align:</h2>
<p>You can either align based on your objects or based on the artboard.  You choose that using the &#8220;Align To:&#8221; button in the lower right of the panel.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignpanelfocus.png" rel="lightbox[69]"><img class="alignnone size-medium wp-image-71" title="alignpanelfocus" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignpanelfocus-300x175.png" alt="" width="300" height="175" /></a></p>
<p>(To start with, be sure that the &#8220;Align To:&#8221; button is set to &#8220;Align to Selection&#8221;)</p>
<p><span style="font-style: normal;">The &#8220;Align to Selection&#8221; behavior of Align (the default behavior) is pretty straightforward.  Each of the buttons will align either to an edge (left, right, top or bottom) or the center (vertical or horizontal)</span></p>
<p><span style="font-style: normal;">Here&#8217;s a few objects to demonstrate Align to Selection with -</span></p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/unaligned.png" rel="lightbox[69]"><img class="alignnone size-medium wp-image-73" title="unaligned" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/unaligned-300x193.png" alt="" width="300" height="193" /></a></p>
<p>And here are those objects aligned using each of the 6 align buttons.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignednokey.png" rel="lightbox[69]"><img class="alignnone size-large wp-image-74" title="alignednokey" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignednokey-1024x471.png" alt="" width="581" height="267" /></a></p>
<p>By default, the objects will align relative to the bounding box of all the selected objects &#8211; in practical terms, that means that if you&#8217;re aligning to the left, the leftmost object will stay put and all the others will shift over to that object and if you&#8217;re center-aligning, it will align to the average center point.</p>
<h3>You can also align to a specific object.</h3>
<p>You can fix the position of one of your objects and align the rest of the selected objects in relation to it.  Do this by defining that object as the Key Object.  To do so, you select all the objects you want to align and then just click again on the object you want to be the key object.  (Regular click, not shift click &#8211; That&#8217;ll just deselect it.)</p>
<p>The method has been the same for as far back as I know, but as of CS4, there is actually a way to tell which object you&#8217;ve selected &#8211; it gets a bolder selection line around it and the &#8220;Align To:&#8221; button changes to &#8220;Align to Key Object&#8221;  This still works in previous versions but there is no visual feedback for the key object.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/keyobjectselected.png" rel="lightbox[69]"><img class="alignnone size-medium wp-image-72" title="keyobjectselected" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/keyobjectselected-300x201.png" alt="" width="300" height="201" /></a></p>
<p>Align works the same with a key object defined as without, it just keeps the key object locked in place and moves all the others in relation to the key object instead of moving all the objects.</p>
<h3>You can also align to the artboard.</h3>
<p>Aligning to the artboard is essentially calling the artboard your key object and will move everything based on the boundaries of the artboard.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/aligntoartboard.png" rel="lightbox[69]"><img class="alignnone size-full wp-image-80" title="aligntoartboard" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/aligntoartboard.png" alt="" width="421" height="485" /></a></p>
<p>(It&#8217;s hard to see in my cropped screenshot, but those objects are actually aligned to the artboard)</p>
<h3>You can also align points to points</h3>
<p>To do so, use the direct select tool (the white or hollow arrow) and the last point you select will be considered the key object (though there is no visual feedback)</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignpoints.png" rel="lightbox[69]"><img class="alignnone size-full wp-image-83" title="alignpoints" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/alignpoints.png" alt="" width="533" height="172" /></a></p>
<h3>&#8220;Use Preview Bounds&#8221;</h3>
<p>Way up there in the first screenshot, you see the option to &#8220;Use Preview Bounds&#8221;.  This will consider the stroke width instead of the center of the stroke itself as the edge of the alignment.</p>
<p>Here&#8217;s an example of aligning an object with a 10 point stroke.</p>
<p><a href="http://www.illustratorhints.com/wp-content/uploads/2010/03/usepreviewbounds.png" rel="lightbox[69]"><img class="alignnone size-full wp-image-89" title="usepreviewbounds" src="http://www.illustratorhints.com/wp-content/uploads/2010/03/usepreviewbounds.png" alt="" width="584" height="302" /></a></p>
<p>Use Preview Bounds will also change the information that you get from the Transform Panel to consider the added dimensions of the stroke (or the added or subtracted dimensions of any effects)</p>
<p>I&#8217;ll get to the distribute section of the panel in a later post &#8211; it&#8217;s past my bedtime.</p>
<address></address>
]]></content:encoded>
			<wfw:commentRss>http://www.illustratorhints.com/2010/03/the-align-panel-part1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

