<?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>Andrew's Home On The Web &#187; bezier</title>
	<atom:link href="http://www.ahotw.com/tag/bezier/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ahotw.com</link>
	<description>A blog of my random adventures with technology.</description>
	<lastBuildDate>Sun, 27 Sep 2009 20:04:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>GIMP &#8211; Using the Path Tool</title>
		<link>http://www.ahotw.com/2008/08/09/gimp-using-the-path-tool/</link>
		<comments>http://www.ahotw.com/2008/08/09/gimp-using-the-path-tool/#comments</comments>
		<pubDate>Sun, 10 Aug 2008 03:22:51 +0000</pubDate>
		<dc:creator>Andrew</dc:creator>
				<category><![CDATA[GIMP]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[bezier]]></category>
		<category><![CDATA[Bezier Tool]]></category>
		<category><![CDATA[gimp beginner]]></category>
		<category><![CDATA[gimp tutorial]]></category>
		<category><![CDATA[path tool]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.ahotw.com/?p=62</guid>
		<description><![CDATA[In the last tutorial, I covered the basics of cropping an image for the web. This tutorial assumes that you know what was covered in the previous one. When preparing a picture for the web, often you don&#8217;t want to include the background. In the last tutorial, the background of my desk was quite obvious. [...]]]></description>
			<content:encoded><![CDATA[<p>In the last tutorial, I covered the basics of <a href="http://www.ahotw.com/2008/08/09/gimp-image-cropping-for-web/">cropping an image for the web</a>.  This tutorial assumes that you know what was covered in the previous one.</p>
<p>When preparing a picture for the web, often you don&#8217;t want to include the background.  In the last tutorial, the background of my desk was quite obvious.  Lets use the path tool to remove it.<br />
<span id="more-62"></span><br />
We are going to start with the same base image from last time.</p>
<p><img src="http://www.ahotw.com/wp-content/uploads/2008/08/mousecrop01.jpg" alt="" title="mousecrop01" width="500" height="279" class="alignnone size-full wp-image-38" /></p>
<p>In the last tutorial, I showed one way to zoom in on an image.  A faster, and much more convenient way is to hold &#8220;Ctrl&#8221; and scroll up to zoom in, or down to zoom out.  In order to put a path around the mouse, we are going to zoom in on the mouse.</p>
<p>After zooming in on the object that we are about to put the path around, we will select the path tool.</p>
<p><img src="http://www.ahotw.com/wp-content/uploads/2008/08/mousepath01.jpg" alt="" title="mousepath01" width="329" height="172" class="alignnone size-full wp-image-70" /></p>
<p>The path tool is a bit tricky to figure out, but once you understand it, it is very easy to use.  The following screen capture shows me quickly putting a path around the mouse.  Following the video, I explain exactly what I&#8217;m doing.</p>
<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1500423&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1500423&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object></p>
<p>The first thing to do is select the major corners if there are any and the parts where curves change.  To close the path, hold &#8220;Ctrl&#8221; and click on the first point.  Once the rough path is complete, extra points are added in the curve by holding &#8220;Ctrl&#8221;, clicking on the line, and dragging out to the edge of the mouse.  When these points are added, we can use the adjusting handles to adjust the curve.  If &#8220;Shift&#8221; is being held, both handles will move together.</p>
<p>A curve can also be put in just by dragging the line without holding &#8220;Ctrl&#8221;.  This generally produces a steeper curve, but once again, can be adjusted using the same adjustment handles, but from either size point.</p>
<p>Additionally, holding &#8220;Ctrl&#8221; and dragging from any point will add the handles for further adjustments.</p>
<p>After the path is finalized, it is time to turn the path into a selection.  This is easily done by selecting the &#8220;Selection from Path&#8221; button.</p>
<p><img src="http://www.ahotw.com/wp-content/uploads/2008/08/mousepath02.jpg" alt="" title="mousepath02" width="338" height="262" class="alignnone size-full wp-image-71" /></p>
<p>With just the object selected, we will crop the image down to just the selected object.  Just like in the last tutorial, select &#8220;<u>I</u>mage&#8221; then &#8220;<u>C</u>rop to Selection&#8221;.  The outlying image is cropped down to just a rectangle around the selected object.</p>
<p>Next, it is time to remove the rest of the area.  The first thing to do is to select the area we want to delete.  Currently, the object is selected.  To do this, we want to invert the selection.  Select this from the menu as seen below, or &#8220;Ctrl+I&#8221;.</p>
<p><img src="http://www.ahotw.com/wp-content/uploads/2008/08/mousepath03.jpg" alt="" title="mousepath03" width="425" height="309" class="alignnone size-full wp-image-72" /></p>
<p>Once the outlying area is selected, hit Delete.  You will be left with a white background.  At this point, you can save for web as shown in the last tutorial.</p>
<p><img src="http://www.ahotw.com/wp-content/uploads/2008/08/mousepath04.jpg" alt="" title="mousepath04" width="500" height="308" class="alignnone size-full wp-image-73" /></p>
<p>A few side notes:  You may notice the brown tint around the completed image above.  This was caused by reflection of light off the desk.  Most of the time when I do this I use a white background instead of a desk or other color for this reason.  It can be adjusted, but that is beyond the scope of this tutorial.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.ahotw.com%2F2008%2F08%2F09%2Fgimp-using-the-path-tool%2F&amp;linkname=GIMP%20%26%238211%3B%20Using%20the%20Path%20Tool"><img src="http://www.ahotw.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.ahotw.com/2008/08/09/gimp-using-the-path-tool/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.491 seconds -->
