<?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>BittBox &#187; Alignment</title>
	<atom:link href="http://www.bittbox.com/tag/alignment/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bittbox.com</link>
	<description>Free high quality design resources, tutorials and tips for graphic and web designers</description>
	<lastBuildDate>Tue, 07 Feb 2012 16:01:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Illustrator: How to average points for perfect alignment</title>
		<link>http://www.bittbox.com/illustrator/illustrator-how-to-average-points-for-perfect-alignment</link>
		<comments>http://www.bittbox.com/illustrator/illustrator-how-to-average-points-for-perfect-alignment#comments</comments>
		<pubDate>Wed, 24 Aug 2011 23:59:19 +0000</pubDate>
		<dc:creator>Jay Hilgert</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Alignment]]></category>
		<category><![CDATA[Average]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[Paths]]></category>

		<guid isPermaLink="false">http://www.bittbox.com/?p=3726</guid>
		<description><![CDATA[I&#8217;ve only recently been using this Illustrator feature, but I&#8217;ve found it to be very useful for really precise drawing. In my case, when I draw fonts. I want to show you how to use the Illustrator &#8220;Average&#8221; feature to get perfect point alignment during drawing. As you can see in the image above, I have two pieces of a lowercase &#8220;f&#8221; that I want to merge together with pathfinder. Below I have the two pieces lined up where I want them, and If I simply use pathfinder now and merge them, I will get more than one point on the bottom left curve, where the arrow is. I want to have a nice clean curve there, so I&#8217;m going to use the &#8220;Average&#8221; function. As you can see here, in wireframe mode zoomed way in, the 2 points are not exactly lined up. Step 1: As pictured above, use the Direct Select Tool (white arrow) and select the 2 points you want to align. Step 2: Go to Object > Path > Average, and select &#8220;both,&#8221; then hit ok. And that&#8217;s it. Now your points are in exactly the same x,y coordinates, so when you use pathfinder, the result is only a single point, not two. Now I have my nice clean path outline to work with!]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve only recently been using this Illustrator feature, but I&#8217;ve found it to be very useful for really precise drawing. In my case, when I draw fonts. I want to show you how to use the Illustrator &#8220;Average&#8221; feature to get perfect point alignment during drawing.</p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_1.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_1.jpg" alt="" title="average_points_1" width="488" height="578" class="alignnone size-full wp-image-3727" /></a></p>
<p><span id="more-3726"></span></p>
<p>As you can see in the image above, I have two pieces of a lowercase &#8220;f&#8221; that I want to merge together with pathfinder. Below I have the two pieces lined up where I want them, and If I simply use pathfinder now and merge them, I will get more than one point on the bottom left curve, where the arrow is. I want to have a nice clean curve there, so I&#8217;m going to use the &#8220;Average&#8221; function.</h3>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_3.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_3.jpg" alt="" title="average_points_3" width="471" height="415" class="alignnone size-full wp-image-3728" /></a></p>
<p>As you can see here, in wireframe mode zoomed way in, the 2 points are not exactly lined up.</p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_4.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_4.jpg" alt="" title="average_points_4" width="498" height="507" class="alignnone size-full wp-image-3729" /></a></p>
<h3>Step 1:</h3>
<p>As pictured above, use the Direct Select Tool (white arrow) and select the 2 points you want to align.</p>
<h3>Step 2:</h3>
<p>Go to Object > Path > Average, and select &#8220;both,&#8221; then hit ok.</p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_5.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_5.jpg" alt="" title="average_points_5" width="493" height="322" class="alignnone size-full wp-image-3730" /></a></p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_6.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_6.jpg" alt="" title="average_points_6" width="434" height="342" class="alignnone size-full wp-image-3731" /></a></p>
<p>And that&#8217;s it. Now your points are in exactly the same x,y coordinates, so when you use pathfinder, the result is only a single point, not two.</p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_7.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_7.jpg" alt="" title="average_points_7" width="476" height="287" class="alignnone size-full wp-image-3732" /></a></p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_8.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_8.jpg" alt="" title="average_points_8" width="485" height="364" class="alignnone size-full wp-image-3733" /></a></p>
<p>Now I have my nice clean path outline to work with! </p>
<p><a href="http://www.bittbox.com/wp-content/uploads/average_points_9.jpg"><img src="http://www.bittbox.com/wp-content/uploads/average_points_9.jpg" alt="" title="average_points_9" width="470" height="592" class="alignnone size-full wp-image-3734" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bittbox.com/illustrator/illustrator-how-to-average-points-for-perfect-alignment/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Illustrator: Align to Key Object [HD Video Tutorial]</title>
		<link>http://www.bittbox.com/illustrator/illustrator-align-to-key-object-hd-video-tutorial</link>
		<comments>http://www.bittbox.com/illustrator/illustrator-align-to-key-object-hd-video-tutorial#comments</comments>
		<pubDate>Mon, 14 Feb 2011 19:08:21 +0000</pubDate>
		<dc:creator>Jay Hilgert</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Align]]></category>
		<category><![CDATA[Alignment]]></category>
		<category><![CDATA[keuy object]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.bittbox.com/?p=3139</guid>
		<description><![CDATA[I&#8217;ve got a super-useful Illustrator tip today. How to align to a &#8220;key object.&#8221; This is my first HD video, so it&#8217;s best viewed in full screen mode. I hope this tip saves some people a little headache Illustrator: Align to Key Object [HD] from Jay Hilgert on Vimeo.]]></description>
			<content:encoded><![CDATA[<h4>I&#8217;ve got a super-useful Illustrator tip today. How to align to a &#8220;key object.&#8221; This is my first HD video, so it&#8217;s best viewed in full screen mode. I hope this tip saves some people a little headache</h4>
<p><iframe src="http://player.vimeo.com/video/19940602?portrait=0&amp;color=ffffff" width="485" height="273" frameborder="0"></iframe>
<p><a href="http://vimeo.com/19940602">Illustrator: Align to Key Object [HD]</a> from <a href="http://vimeo.com/user687701">Jay Hilgert</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bittbox.com/illustrator/illustrator-align-to-key-object-hd-video-tutorial/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Illustrator 101: Perfect Path Alignment</title>
		<link>http://www.bittbox.com/illustrator/illustrator-101-perfect-path-alignment</link>
		<comments>http://www.bittbox.com/illustrator/illustrator-101-perfect-path-alignment#comments</comments>
		<pubDate>Wed, 29 Dec 2010 18:12:31 +0000</pubDate>
		<dc:creator>Jay Hilgert</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Alignment]]></category>
		<category><![CDATA[points]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.bittbox.com/?p=3027</guid>
		<description><![CDATA[Today I have a simple but important tip when drawing in Illustrator. Have you ever needed 2 points to be perfectly aligned but nudging simply won&#8217;t work? Well, you can align points, just like you can align objects. In this example I&#8217;m going to use some outlined text. Let&#8217;s get started. Ok, take a close look at the screenshot above. You&#8217;ll notice that the line I circled is not perfectly horizontal. You can tell by the steps in the path. Sometimes you can adjust your keyboard nudge increment in the preferences, select one of the points, and nudge it to where it needs to be. But another way to make a perfect alignment between 2 points is using the Align palette and the direct select tool, just like you would for 2 objects. Here&#8217;s how: 1. Open the &#8220;Align&#8221; palette and make sure you have &#8220;Align to Selection&#8221; checked. 2. Using the Direct Select tool (White Arrow) select both of the points you want to align, the hit the &#8220;Vertical Align Center&#8221; button in the Align palette. Now both points will be perfectly aligned, thus, your path will be perfectly strait. This can come in pretty handy on those paths that you need to be perfect, like designing fonts or cutting out stickers for example. Hope some of you find it useful :)]]></description>
			<content:encoded><![CDATA[<h4>Today I have a simple but important tip when drawing in Illustrator. Have you ever needed 2 points to be perfectly aligned but nudging simply won&#8217;t work? Well, you can align points, just like you can align objects. In this example I&#8217;m going to use some outlined text. Let&#8217;s get started.</h4>
<p><img src="http://www.bittbox.com/wp-content/uploads/2010/12/align_points_1.jpg" alt="Illustrator 101: Perfect Point Alignment" title="Illustrator 101: Perfect Point Alignment" /></p>
<p><span id="more-3027"></span></p>
<p>Ok, take a close look at the screenshot above. You&#8217;ll notice that the line I circled is not perfectly horizontal. You can tell by the steps in the path. Sometimes you can adjust your keyboard nudge increment in the preferences, select one of the points, and nudge it to where it needs to be. But another way to make a perfect alignment between 2 points is using the Align palette and the direct select tool, just like you would for 2 objects. Here&#8217;s how:</p>
<p>1. Open the &#8220;Align&#8221; palette and make sure you have &#8220;Align to Selection&#8221; checked.</p>
<p><img src="http://www.bittbox.com/wp-content/uploads/2010/12/align_points_2.jpg" alt="Illustrator 101: Perfect Point Alignment" title="Illustrator 101: Perfect Point Alignment" /></p>
<p>2. Using the Direct Select tool (White Arrow) select both of the points you want to align, the hit the &#8220;Vertical Align Center&#8221; button in the Align palette. Now both points will be perfectly aligned, thus, your path will be perfectly strait.</p>
<p><img src="http://www.bittbox.com/wp-content/uploads/2010/12/align_points_3.jpg" alt="Illustrator 101: Perfect Point Alignment" title="Illustrator 101: Perfect Point Alignment" /></p>
<p>This can come in pretty handy on those paths that you need to be perfect, like designing fonts or cutting out stickers for example. Hope some of you find it useful :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bittbox.com/illustrator/illustrator-101-perfect-path-alignment/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Illustrator 101: Superfast Spacing with the Blend Tool (Video)</title>
		<link>http://www.bittbox.com/illustrator/illustrator-101-superfast-spacing-with-the-blend-tool-video</link>
		<comments>http://www.bittbox.com/illustrator/illustrator-101-superfast-spacing-with-the-blend-tool-video#comments</comments>
		<pubDate>Thu, 10 Sep 2009 19:40:27 +0000</pubDate>
		<dc:creator>Jay Hilgert</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Alignment]]></category>
		<category><![CDATA[Blend tool]]></category>
		<category><![CDATA[spacing]]></category>

		<guid isPermaLink="false">http://www.bittbox.com/?p=2394</guid>
		<description><![CDATA[Here&#8217;s a quick and dirty way to space objects using Illustartor&#8217;s Blend tool. Havent done a video in a while, or an Illy post, so it&#8217;s back to the basics this week! Hope you like it :) Illustrator: Blend Tool Spacing from Jay Hilgert on Vimeo.]]></description>
			<content:encoded><![CDATA[<h4>Here&#8217;s a quick and dirty way to space objects using Illustartor&#8217;s Blend tool. Havent done a video in a while, or an Illy post, so it&#8217;s back to the basics this week! Hope you like it :)</h4>
<p><object width="485" height="364"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6520999&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6520999&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="485" height="364"></embed></object>
<p><a href="http://vimeo.com/6520999">Illustrator: Blend Tool Spacing</a> from <a href="http://vimeo.com/user687701">Jay Hilgert</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><span id="more-2394"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bittbox.com/illustrator/illustrator-101-superfast-spacing-with-the-blend-tool-video/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Illustrator: Rock-Solid Alignment using Anchor Points</title>
		<link>http://www.bittbox.com/os-x/illustrator-rock-solid-alignment-using-anchor-points</link>
		<comments>http://www.bittbox.com/os-x/illustrator-rock-solid-alignment-using-anchor-points#comments</comments>
		<pubDate>Wed, 07 Nov 2007 01:21:58 +0000</pubDate>
		<dc:creator>Jay Hilgert</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[OS X]]></category>
		<category><![CDATA[Align]]></category>
		<category><![CDATA[Alignment]]></category>
		<category><![CDATA[Anchor Points]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.bittbox.com/illustrator/illustrator-rock-solid-alignment-using-anchor-points/</guid>
		<description><![CDATA[We all know that alignment is a huge part of any design. The more control we have over alignment, the better. After a certain point, 100% alignment control gives way to new opportunities to make Illustrator even more useful, like making seamless patterns for example. I want to show you how &#8220;anchor points&#8221; work in Illustrator, and hopefully send you into control-freak bliss. Understand this first: 1. If you noticed from the screenshot above, you can access Illustrator&#8217;s anchor points from the Transform palette. (or the horizontal quick menu in some of the latest versions of Illy) 2. Using Anchor Points to align objects only works when numeric values (x, y coordinates) are entered into the Transform Palette. (i.e., choosing an anchor point and then using the Align palette will not work.) Get to Know the Artboard: Here is an example of a default coordinate system on a 400 X 400px Illustrator artboard. Since you must use the (x, y) coordinate system to enjoy this feature, it&#8217;s important to familiarize yourself with, at the very least, where Illustrator puts (0, 0) Example 1: In this example (from the Transform palette) I chose the bottom left anchor point to do my alignment. I then entered in the x and y coordinates (0, 0) and I&#8217;m instantly able to be 100% sure that my shape is perfectly aligned to the bottom left corner. You might look at the example above and say to yourself, &#8220;You can do that with the Align palette.&#8221; In this case you would be correct, but in example 2 below, you&#8217;ll see something that the align palette can&#8217;t do. Example 2: In this example, I chose the center anchor point, and aligned my object to the upper left corner by entering a 0(zero) x value, and 400 y value. Now my circle&#8217;s exact center is exactly aligned to the upper left corner. Why is this so special? Well, for one thing, this amount of control is great for making seamless patterns. And seamless patterns are file-size reducers, as well as time savers in most cases.]]></description>
			<content:encoded><![CDATA[<h4>We all know that alignment is a huge part of any design. The more control we have over alignment, the better. After a certain point, 100% alignment control gives way to new opportunities to make Illustrator even more useful, like making seamless patterns for example. I want to show you how &#8220;anchor points&#8221; work in Illustrator, and hopefully send you into control-freak bliss.</h4>
<p><img TITLE="Illustrator: Rock-Solid Alignment using Anchor Points" ALT="Illustrator: Rock-Solid Alignment using Anchor Points" SRC="/wp-content/uploads/2007/11/illustrator_alignment_3.png" /><br />
<span id="more-296"></span></p>
<h2>Understand this first:</h2>
<h4>1. If you noticed from the screenshot above, you can access Illustrator&#8217;s anchor points from the Transform palette. (or the horizontal quick menu in some of the latest versions of Illy)</h4>
<h4>2. Using Anchor Points to align objects only works when numeric values (x, y coordinates) are entered into the Transform Palette. (i.e., choosing an anchor point and then using the Align palette will not work.)</h4>
<h2>Get to Know the Artboard:</h2>
<p>Here is an example of a default coordinate system on a 400 X 400px Illustrator artboard. Since you must use the (x, y) coordinate system to enjoy this feature, it&#8217;s important to familiarize yourself with, at the very least, where Illustrator puts (0, 0)</p>
<p><img TITLE="Illustrator: Rock-Solid Alignment using Anchor Points" ALT="Illustrator: Rock-Solid Alignment using Anchor Points" SRC="/wp-content/uploads/2007/11/illustrator_alignment_4.png" /></p>
<h2>Example 1:</h2>
<p>In this example (from the Transform palette) I chose the bottom left anchor point to do my alignment. I then entered in the x and y coordinates (0, 0) and I&#8217;m instantly able to be 100% sure that my shape is perfectly aligned to the bottom left corner.</p>
<p><img TITLE="Illustrator: Rock-Solid Alignment using Anchor Points" ALT="Illustrator: Rock-Solid Alignment using Anchor Points" SRC="/wp-content/uploads/2007/11/illustrator_alignment_1.png" /></p>
<p>You might look at the example above and say to yourself, &#8220;You can do that with the Align palette.&#8221; In this case you would be correct, but in example 2 below, you&#8217;ll see something that the align palette can&#8217;t do.</p>
<h2>Example 2:</h2>
<p>In this example, I chose the center anchor point, and aligned my object to the upper left corner by entering a 0(zero) x value, and 400 y value. Now my circle&#8217;s exact center is exactly aligned to the upper left corner. Why is this so special? Well, for one thing, this amount of control is great for making seamless patterns. And seamless patterns are file-size reducers, as well as time savers in most cases.</p>
<p><img TITLE="Illustrator: Rock-Solid Alignment using Anchor Points" ALT="Illustrator: Rock-Solid Alignment using Anchor Points" SRC="/wp-content/uploads/2007/11/illustrator_alignment_2.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bittbox.com/os-x/illustrator-rock-solid-alignment-using-anchor-points/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

