<?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>416 Studios &#187; Photoshop</title>
	<atom:link href="http://www.416studios.co.uk/journal/category/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://www.416studios.co.uk/journal</link>
	<description>Web design Articles, Tips and Musings</description>
	<lastBuildDate>Thu, 12 Jan 2012 12:12:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Pixel perfect shapes.</title>
		<link>http://www.416studios.co.uk/journal/2009/pixel-perfect-shapes</link>
		<comments>http://www.416studios.co.uk/journal/2009/pixel-perfect-shapes#comments</comments>
		<pubDate>Wed, 02 Sep 2009 13:46:40 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[line tool]]></category>
		<category><![CDATA[photoshop tips]]></category>
		<category><![CDATA[shape tool]]></category>
		<category><![CDATA[snap to pixel]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.416studios.co.uk/journal/?p=61</guid>
		<description><![CDATA[Every program has it's foibles, and photoshop is no exception. In this post we will show you how to get pixel perfect lines with the shape tools.]]></description>
			<content:encoded><![CDATA[<p>Have you ever tried adding a stoke to a rectangle in photoshop only to find out that it not even all the way around? No— well I have, and sometimes it&#8217;s the little things that make the difference.</p>
<p>The solution is found in the rounded rectangle options,</p>
<p><img class="alignnone size-full wp-image-79" title="snap-to-pixels-tool" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/snap-to-pixels-tool.gif" alt="snap-to-pixels-tool" width="400" height="250" /></p>
<p><strong>Rectangle snap to pixels</strong> — Snaps edges of a rectangle or rounded rectangle to the pixel boundaries.</p>
<p><a rel="attachment wp-att-64" href="http://www.416studios.co.uk/journal/2009/pixel-perfect-shapes/snap-to-pixels-1"><img class="alignnone size-full wp-image-64" title="snap-to-pixels-1" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/snap-to-pixels-1.jpg" alt="snap-to-pixels-1" width="400" height="250" /></a></p>
<p>The image above shows two square created with the shape tool, the shape on the left was done with the snap to pixel option checked, while the one on the right wasn&#8217;t.At this size there is no difference between the 2 shapes, but we can zoom in to see what really going on.</p>
<p><img class="alignnone size-full wp-image-70" title="snap-to-pix-zoom" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/snap-to-pix-zoom.gif" alt="snap-to-pix-zoom" width="400" height="250" /></p>
<p>Add a single pixel stoke to the shape and it really goes haywire.</p>
<p><img class="alignnone size-full wp-image-73" title="large-stroke" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/large-stroke.gif" alt="large-stroke" width="400" height="250" /></p>
<p>Notice how the stoke at the bottom is much thinner than the other sides. This is not magnified just a single pixel stroke on a rectangle created without the rectangle shape snap to pixel option.</p>
<p>Compare the two below.</p>
<p><img class="alignnone size-full wp-image-80" title="stroke-zoom" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/stroke-zoom1.gif" alt="stroke-zoom" width="400" height="250" /></p>
<p>The same option is available for the rounded rectangle tool as compared below</p>
<p><img class="alignnone size-full wp-image-75" title="snap-to-pix-curve" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/snap-to-pix-curve.gif" alt="snap-to-pix-curve" width="400" height="250" /></p>
<p>Now for the grand finale, it should be a snap to make a 1px line. Select line tool , set the weight to 1px and voila a perfect 1px line  —of course not.</p>
<p><img class="alignnone size-full wp-image-76" title="snap-to-pix-lines" src="http://www.416studios.co.uk/journal/wp-content/uploads/2009/09/snap-to-pix-lines.gif" alt="snap-to-pix-lines" width="400" height="155" /></p>
<p>There is no snap to pixel option with the line too, so how to fix this?</p>
<p>Ok so I cheated, this happens when you attempt to use the line tool with the document zoomed to more than 100%. Just make sure when you&#8217;re drawing that 1px line that the document is at 100% or less.</p>
<p>Hope you&#8217;ll find this post useful.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.416studios.co.uk/journal/2009/pixel-perfect-shapes/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

