<?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>Nancy Fusco &#187; graphic design</title>
	<atom:link href="http://nancyfusco.com/wp/index.php/category/tutorials/graphic-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://nancyfusco.com/wp</link>
	<description></description>
	<lastBuildDate>Sun, 29 Apr 2012 14:45:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>Gimp Tip &#8211; Resizing the Selection box</title>
		<link>http://nancyfusco.com/wp/index.php/2012/04/gimp-tip-resizing-the-selection-box/</link>
		<comments>http://nancyfusco.com/wp/index.php/2012/04/gimp-tip-resizing-the-selection-box/#comments</comments>
		<pubDate>Sun, 29 Apr 2012 14:45:01 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[gimp tips]]></category>
		<category><![CDATA[resize]]></category>
		<category><![CDATA[selection box]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=1188</guid>
		<description><![CDATA[Ever try to get the selection box spot on a particular size and having it jump between odd or even numbers when what you really need is the number in the middle? It&#8217;s frustrating indeed. I was trying to resize this selection box and needed to get 1346 x 615. I would drag the selection [...]]]></description>
			<content:encoded><![CDATA[<p>Ever try to get the selection box spot on a particular size and having it jump between odd or even numbers when what you really need is the number in the middle? It&#8217;s frustrating indeed. I was trying to resize this selection box and needed to get 1346 x 615. I would drag the selection box resize handle on the left and it would keep bouncing between 1345 and 1347 no matter how delicately I moved the mouse.</p>
<p>So, I switched to the right hand selection resize handle and voila &#8211; it would increment between even numbers! I tried this out on a few more selections with different images and notice that pretty consistently the left would increment odd numbers and the right would increment even numbers. Try it out and see if you get similar results.</p>
<p><img class="aligncenter size-full wp-image-1189" title="gimp-tips-resizing-selections" src="http://nancyfusco.com/wp/wp-content/uploads/2012/04/gimp-tips-resizing-selections.jpg" alt="" width="586" height="326" /></p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2012/04/gimp-tip-resizing-the-selection-box/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cropping irregular shaped paths in Gimp</title>
		<link>http://nancyfusco.com/wp/index.php/2012/03/cropping-irregular-shaped-paths-in-gimp/</link>
		<comments>http://nancyfusco.com/wp/index.php/2012/03/cropping-irregular-shaped-paths-in-gimp/#comments</comments>
		<pubDate>Sat, 03 Mar 2012 00:27:10 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[bezier]]></category>
		<category><![CDATA[cropping]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[image crop]]></category>
		<category><![CDATA[irregular]]></category>
		<category><![CDATA[path tool]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=1175</guid>
		<description><![CDATA[Thanks Steve for asking about how to crop irregular shapes in Gimp. It&#8217;s possible, though not intuitive, so I&#8217;ll break down the steps. Let&#8217;s open up a test image and click on the Path tool (icon in the Toolbar). It looks like a pen. Now click around the shape you want to crop. Don&#8217;t drag, [...]]]></description>
			<content:encoded><![CDATA[<p>Thanks Steve for asking about how to crop irregular shapes in Gimp. It&#8217;s possible, though not intuitive, so I&#8217;ll break down the steps.</p>
<p>Let&#8217;s open up a test image and click on the Path tool (icon in the Toolbar). It looks like a pen.</p>
<p>Now click around the shape you want to crop. Don&#8217;t drag, just click the various points around the shape &#8211; a line will automatically connect these points.</p>
<p>When you get to the end of clicking out the path points around your shape, press and hold CTRL and click the first point to &#8220;close&#8221; it.</p>
<p style="text-align: center;"><a href="http://nancyfusco.com/wp/wp-content/uploads/2012/03/cropping-with-beizer-paths-1.jpg" target="_blank"><img class="aligncenter size-full wp-image-1176" title="cropping-with-beizer-paths-1" src="http://nancyfusco.com/wp/wp-content/uploads/2012/03/cropping-with-beizer-paths-1.jpg" alt="click image for full size" width="600" height="432" /></a></p>
<p>Now, we&#8217;re cooking because once you close the path you can turn it into a selection. That&#8217;s exactly what we need.</p>
<p>From the Menu bar, choose SELECT | From Path. You will now see the familiar dotted moving line around your shape.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1177" title="cropping-with-beizer-paths-2" src="http://nancyfusco.com/wp/wp-content/uploads/2012/03/cropping-with-beizer-paths-2.jpg" alt="" width="455" height="465" /></p>
<p>Little tricky part here &#8211; to remove around your shape, you need to go back up to the Menu bar and choose SELECT | Invert to now select all the stuff around your shape.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1178" title="cropping-with-beizer-paths-3" src="http://nancyfusco.com/wp/wp-content/uploads/2012/03/cropping-with-beizer-paths-3.jpg" alt="" width="363" height="152" /></p>
<p>Press the Delete key on your keyboard and *bingo* &#8211; you&#8217;re left with your irregular shaped crop.</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2012/03/cropping-with-beizer-paths-4.jpg"><img class="aligncenter size-full wp-image-1184" title="cropping-with-beizer-paths-4" src="http://nancyfusco.com/wp/wp-content/uploads/2012/03/cropping-with-beizer-paths-4.jpg" alt="" width="686" height="566" /></a></p>
<p>Play with the settings on the Select before choosing it to get a &#8220;softer&#8221; cut line. Also, once you close the path, you can now even use the handles to arc and curve around your shape and really refine things.</p>
<p>Happy cropping~!</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2012/03/cropping-irregular-shaped-paths-in-gimp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to batch process images with Gimp</title>
		<link>http://nancyfusco.com/wp/index.php/2011/08/how-to-batch-process-images-with-gimp/</link>
		<comments>http://nancyfusco.com/wp/index.php/2011/08/how-to-batch-process-images-with-gimp/#comments</comments>
		<pubDate>Wed, 31 Aug 2011 00:17:03 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[batch images]]></category>
		<category><![CDATA[gimp batch images]]></category>
		<category><![CDATA[how to resize batch of images]]></category>
		<category><![CDATA[image batch processing]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=1102</guid>
		<description><![CDATA[Let&#8217;s walk thru how to use David&#8217;s Batch Processor add on for Gimp to batch process images in a snap! We&#8217;re going to focus on batch resizing of an entire directory of images but there are a lot of options available in David&#8217;s Batch Processor, such as turn, blur, color, resize, crop, sharpen, and rename. [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s walk thru how to use David&#8217;s Batch Processor add on for Gimp to batch process images in a snap! We&#8217;re going to focus on batch resizing of an entire directory of images but there are a lot of options available in David&#8217;s Batch Processor, such as turn, blur, color, resize, crop, sharpen, and rename. It will take some getting used to on all of the fine details under each tab but well worth the learning curve.</p>
<p>You can download and find install/troubleshooting information on <a href="http://members.ozemail.com.au/~hodsond/dbp.html" target="_blank">David&#8217;s Batch Processor here</a>. You can also send David a donation from that page if you want to send the good karma back.</p>
<p>Once you get it all installed, let&#8217;s get started! Open Gimp. On the main window menu bar you will go to Filters | Batch Process</p>
<p><img class="aligncenter size-full wp-image-1103" title="batch-process-images-1" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-1.png" alt="" width="603" height="475" /></p>
<p>Try to reign in your excitement when you see all the options tabs in this window. I&#8217;ll never admit to spending many a late nerdy nights trying out the options to &#8220;just see what happens&#8221;.</p>
<p>Ok, let&#8217;s add the directory of files we want to batch resize.  Click the Add Files button.</p>
<p><img class="aligncenter size-full wp-image-1104" title="batch-process-images-2" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-2.png" alt="" width="398" height="512" /></p>
<p>You can select individual images or the whole range depending on which one&#8217;s you want to apply the resizing to. I usually click the top image, hold down the SHIFT button, scroll, and click the last image to select them all. If you want to select just individual images, use CTRL-ALT and click the one&#8217;s you want to add.</p>
<p>Once you have them selected, click Add.</p>
<p><img class="aligncenter size-full wp-image-1106" title="batch-process-images-3" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-3.png" alt="" width="649" height="370" /></p>
<p>So. You clicked Add right. And it looked like nothing happened. You will need to click the Close button to close this window.</p>
<p><img class="aligncenter size-full wp-image-1107" title="batch-process-images-4" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-4.png" alt="" width="309" height="64" /></p>
<p>You will now see your added files in the list. To resize all the images in the list, click the RESIZE tab.</p>
<p><img class="aligncenter size-full wp-image-1111" title="batch-process-images-5" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-5.png" alt="" width="402" height="512" /></p>
<p>Again, lots of options. For the purpose of this tutorial we&#8217;re going to keep it simple. Resizing can be relative to the input image size or an absolute size. Check the ENABLE button to &#8220;turn on&#8221; Resizing and  check the box KEEP ASPECT locks the x and y sliders to the same value.  Set the X and Y to .20, this will resize the images to 20% of their original size.</p>
<p><img class="aligncenter size-full wp-image-1110" title="batch-process-images-6" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-6.png" alt="" width="399" height="510" /></p>
<p>While it&#8217;s tempting to click the Start or Test button&#8217;s now, WAIT &#8211; we haven&#8217;t finished our settings! Click the Output tab and in the drop down area, choose JPG. You can modify the settings here as you&#8217;d like, increasing the Quality will increase each individual file size but sometimes that&#8217;s a good trade off. I went with a medium setting of 75.</p>
<p><img class="aligncenter size-full wp-image-1113" title="batch-process-images-7" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-7.png" alt="" width="406" height="510" /></p>
<p>Almost there so let&#8217;s click on the most confusing tab ever, the Rename tab. You&#8217;re just going to have to trust me on this one. If you really want to make yourself crazy, just try and figure out what clicking the Source Dir button does. I&#8217;m not going to torture you, so click the Select Dir and choose the same folder where the original images are. I like to add a prefix to my file names so they will be listed together, as you can see here a &#8220;t-&#8221; will be added to the original filename when it is resized.</p>
<p><img class="aligncenter size-full wp-image-1115" title="batch-process-images-8" src="http://nancyfusco.com/wp/wp-content/uploads/2011/08/batch-process-images-8.png" alt="" width="402" height="513" /></p>
<p>Ignore what the path says after &#8220;Original:&#8221;. Honestly, you&#8217;ll drive yourself crazy trying to sort it. This is easily the most frustrating tab as one errant click here will generate a long and hard to understand error message. If I get that error, I usually close the batch processor and try again.</p>
<p>Click Start and the image batch processing will run until it&#8217;s complete. You&#8217;ve now got a whole set of original files and a whole set of resized images. Well done!</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2011/08/how-to-batch-process-images-with-gimp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quick White Balance Correction in Gimp</title>
		<link>http://nancyfusco.com/wp/index.php/2009/12/quick-white-balance-correction-in-gimp/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/12/quick-white-balance-correction-in-gimp/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 14:32:32 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[white balance]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=910</guid>
		<description><![CDATA[I notice that most of my winter, aka &#8220;snow&#8221;, pictures have this dull gray color to them. For quick white balance correction in Gimp, open the image. Now from the menu on the Image, choose COLOR &#124; AUTO &#124; WHITE BALANCE Gimp&#8217;s auto white balance has been pretty reliable to quickly set the correct tones [...]]]></description>
			<content:encoded><![CDATA[<p>I notice that most of my winter, aka &#8220;snow&#8221;, pictures have this dull gray color to them. For quick white balance correction in Gimp, open the image. Now from the menu on the Image, choose COLOR | AUTO | WHITE BALANCE</p>
<div id="attachment_911" class="wp-caption alignnone" style="width: 310px"><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/12/before_auto_whitebalance.png"><img class="size-medium wp-image-911" title="before_auto_whitebalance" src="http://nancyfusco.com/wp/wp-content/uploads/2009/12/before_auto_whitebalance-300x186.png" alt="before_auto_whitebalance" width="300" height="186" /></a><p class="wp-caption-text">click image for a larger version</p></div>
<p>Gimp&#8217;s auto white balance has been pretty reliable to quickly set the correct tones in my grayish photos. See the results here:</p>
<div id="attachment_912" class="wp-caption alignnone" style="width: 310px"><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/12/after_auto_whitebalance.png"><img class="size-medium wp-image-912" title="after_auto_whitebalance" src="http://nancyfusco.com/wp/wp-content/uploads/2009/12/after_auto_whitebalance-300x186.png" alt="click image for a larger version" width="300" height="186" /></a><p class="wp-caption-text">click image for a larger version</p></div>
<p>And there you go &#8211; one click white balance correction in Gimp!</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/12/quick-white-balance-correction-in-gimp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GIMP &#8211; Working with layers and autocrop layers</title>
		<link>http://nancyfusco.com/wp/index.php/2009/07/gimp-working-with-layers-and-autocrop-layers/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/07/gimp-working-with-layers-and-autocrop-layers/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 12:43:28 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=807</guid>
		<description><![CDATA[Once you start getting to work on a complex graphic, you&#8217;ll want to use layers. Here&#8217;s what I&#8217;ve found works best for me and seems to flow easily in GIMP. You can start with your own image, or download my classroom graphic here: classroom_small_zip. To view the Layer&#8217;s dialog box, press CTRL-L or from the [...]]]></description>
			<content:encoded><![CDATA[<p>Once you start getting to work on a complex graphic, you&#8217;ll want to use layers. Here&#8217;s what I&#8217;ve found works best for me and seems to flow easily in GIMP. You can start with your own image, or download my classroom graphic here: <a href="http://nancyfusco.com/wp/wp-content/uploads/2009/07/classroom_small.zip">classroom_small_zip</a>.</p>
<p>To view the Layer&#8217;s dialog box, press CTRL-L or from the Dialog menu.</p>
<p>Create a new layer:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/07/new_layer.jpg"><img class="alignnone size-medium wp-image-808" title="new_layer" src="http://nancyfusco.com/wp/wp-content/uploads/2009/07/new_layer-195x300.jpg" alt="new_layer" width="195" height="300" /></a></p>
<p>Notice that in the dialog box for a new layer you can select different options. I use the &#8220;Transparent&#8221; option most of the time, so my new layer will overlay the background layer. Also notice the size of the new layer. This is where it gets tricky in GIMP. Leave it at the size of the image right now.</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/07/new_layer_dialog_box.jpg"><img class="alignnone size-full wp-image-809" title="new_layer_dialog_box" src="http://nancyfusco.com/wp/wp-content/uploads/2009/07/new_layer_dialog_box.jpg" alt="new_layer_dialog_box" width="294" height="348" /></a></p>
<p>Next, draw a new selection on this new layer and fill it with a color. When you click on a tool in GIMP, the dialog box below the tools area will change to allow for options with that tool. Experiment a bit with that and you&#8217;ll find some cool effects. <span id="more-807"></span></p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/07/selection_tool_expanded.jpg"><img class="alignnone size-full wp-image-812" title="selection_tool_expanded" src="http://nancyfusco.com/wp/wp-content/uploads/2009/07/selection_tool_expanded.jpg" alt="selection_tool_expanded" width="239" height="703" /></a></p>
<p>Once you have created a new shape on the layer:</p>
<div id="attachment_811" class="wp-caption alignnone" style="width: 310px"><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/07/selection_fill.jpg"><img class="size-medium wp-image-811" title="selection_fill" src="http://nancyfusco.com/wp/wp-content/uploads/2009/07/selection_fill-300x192.jpg" alt="Click to see a bigger version of this screenshot" width="300" height="192" /></a><p class="wp-caption-text">Click to see a bigger version of this screenshot</p></div>
<p>Click on the Bucket tool and fill it.</p>
<p>Great! You&#8217;ve created a shape that&#8217;s on it&#8217;s own layer! Now if you move that graphic around it will float independant of the lower and upper layers. Oh, wait a minute &#8211; if you move it around you&#8217;re moving a layer the size of the entire graphic, not just the shape you made. This can really get you at the end of your design when you go to print or export &#8211; you&#8217;ll have a layer that is &#8220;over the edge&#8221; of the background layer. Trust me when I say, this is pure GIMP chaos.</p>
<p>So, just as soon as I&#8217;m happy with a shape for that layer I use the Autocrop Layer to resize the layer to just around my shape. Then, when I move the shape around, the layer won&#8217;t go over the edges of the main background layer.</p>
<div id="attachment_810" class="wp-caption alignnone" style="width: 310px"><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/07/autocrop_layer.jpg"><img class="size-medium wp-image-810" title="autocrop_layer" src="http://nancyfusco.com/wp/wp-content/uploads/2009/07/autocrop_layer-300x152.jpg" alt="Click for a bigger version of this screenshot" width="300" height="152" /></a><p class="wp-caption-text">Click for a bigger version of this screenshot</p></div>
<p>Choose, Layer and then Autocrop Layer. Voila! Now, the layer is exactly the size of your shape. What&#8217;s awesome about the Autocrop Layer is if you had multiple shapes and lines on a layer it would Autocrop to the edges of all the elements.</p>
<p>Experiment with this and you&#8217;ll soon see Autocrop Layer is your best friend when working with complex graphic layers.</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/07/gimp-working-with-layers-and-autocrop-layers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easy cropping in Gimp</title>
		<link>http://nancyfusco.com/wp/index.php/2009/06/easy-cropping-in-gimp/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/06/easy-cropping-in-gimp/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 01:38:50 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=793</guid>
		<description><![CDATA[For an even easier way to crop images in GIMP, use the Selection Tool: 1) Click and drag a selection over the area that you want to remain as your image. 2) From the Image Menu, choose Crop To Selection 3)You now have a quickly cropped picture in GIMP!]]></description>
			<content:encoded><![CDATA[<p>For an even easier way to crop images in GIMP, use the Selection Tool:</p>
<p>1) Click and drag a selection over the area that you want to remain as your image.</p>
<p>2) From the Image Menu, choose Crop To Selection</p>
<p>3)You now have a quickly cropped picture in GIMP!</p>
<p style="text-align: center;"><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/06/crop_to_selection.jpg"><img class="size-medium wp-image-794 aligncenter" style="margin: 5px;" title="crop_to_selection" src="http://nancyfusco.com/wp/wp-content/uploads/2009/06/crop_to_selection-300x216.jpg" alt="Click for a larger screenshot" width="300" height="216" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/06/easy-cropping-in-gimp/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to combine stroke paths aka Bezier curves in Inkscape</title>
		<link>http://nancyfusco.com/wp/index.php/2009/03/how-to-combine-stroke-paths-aka-bezier-curves-in-inkscape/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/03/how-to-combine-stroke-paths-aka-bezier-curves-in-inkscape/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 14:37:40 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=602</guid>
		<description><![CDATA[In part 1 of this tutorial series on Bezier curves, we learned the basics of using the Bezier tool, also known as the Pen Tool, in Inkscape to create new stroke paths. In part 2 on Bezier curves, we learned how to add several nodes to an existing stroke path, creating a multi-curved arc on [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://nancyfusco.com/wp/index.php/2009/02/learn-the-pen-tool-bezier-curves/" target="_blank">part 1</a> of this tutorial series on Bezier curves, we learned the basics of using the Bezier tool, also known as the Pen Tool, in <a href="http://www.inkscape.org/" target="_blank">Inkscape</a> to create new stroke paths. In <a href="http://nancyfusco.com/wp/index.php/2009/02/multiple-node-curves/" target="_blank">part 2</a> on Bezier curves, we learned how to add several nodes to an existing stroke path, creating a multi-curved arc on one stroke path. We also learned how to use the Arc Adjustment tool, to set the arc or curve of different areas of our stroke path.</p>
<p>In <a href="http://nancyfusco.com/wp/index.php/2009/03/how-to-adjust-multiple-nodes-on-a-bezier-curve-for-vector-illustration-part-3/" target="_blank">part 3</a>, we learned how to move and edit individual nodes on our multi-curved stroke path.</p>
<p>Today we are going to learn how to join two stroke paths into one. Open up Inkscape to our previous lesson file called Goldy.</p>
<p>You should have a finished stroke path like this:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/finished_stroke.jpg"><img class="alignnone size-full wp-image-603" title="finished_stroke" src="http://nancyfusco.com/wp/wp-content/uploads/2009/03/finished_stroke.jpg" alt="finished_stroke" width="322" height="131" /></a></p>
<p>Use the Edit Nodes tool <a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/edit_nodes.jpg"><img class="alignnone size-full wp-image-604" title="edit_nodes" src="http://nancyfusco.com/wp/wp-content/uploads/2009/03/edit_nodes.jpg" alt="edit_nodes" width="36" height="33" /></a> to add a new stroke path. As you are clicking areas for the node points, I recommend placing them at the end of the curve path and/or in the middle of the curve path, depending on where you want your arcs to turn. This just takes practice and experimenting, so give it a try.</p>
<p>After clicking the placement of your Nodes, press the Enter key on your keyboard to draw the stroke in. You should have something like this: <span id="more-602"></span></p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/new_stroke_path.jpg"></a><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/new_stroke_path_2.jpg"><img class="alignnone size-medium wp-image-607" title="new_stroke_path_2" src="http://nancyfusco.com/wp/wp-content/uploads/2009/03/new_stroke_path_2-249x300.jpg" alt="new_stroke_path_2" width="249" height="300" /></a></p>
<p>Shift-Click and then drag the third node to view and adjust the arcs with the Arc Circle tool. Now, you will have to use a combination of adjusting the arcs and moving the nodes along the path to get the desired results.</p>
<p>To refresh, use the circle handlebars on each node to adjust the arc of the curve path.</p>
<p>Use Alt-Click on a node to be able to adjust it on the stroke path. You will know it&#8217;s adjustable because the square node will turn Yellow. You can use the arrow keys on the keyboard or the mouse to move it along the path.</p>
<p>After adjusting, you should have something like this. Click the image below for a larger screenshot:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/adjusting_nodes_arcs.jpg"><img class="alignnone size-medium wp-image-611" title="adjusting_nodes_arcs" src="http://nancyfusco.com/wp/wp-content/uploads/2009/03/adjusting_nodes_arcs-300x193.jpg" alt="adjusting_nodes_arcs" width="300" height="193" /></a></p>
<p>Now, even though they are close together and overlap, these are still two distinct stroke paths. To combine them Shift-Click both paths:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/select_two_paths.jpg"><img class="alignnone size-medium wp-image-614" title="select_two_paths" src="http://nancyfusco.com/wp/wp-content/uploads/2009/03/select_two_paths-279x300.jpg" alt="select_two_paths" width="279" height="300" /></a></p>
<p>Then click on the top menu Path | Combine (or Ctrl-K) to combine the two paths. Now you have one stroke path with all the nodes still intact and able to be edited:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/03/combined_paths.jpg"><img class="alignnone size-medium wp-image-616" title="combined_paths" src="http://nancyfusco.com/wp/wp-content/uploads/2009/03/combined_paths-300x165.jpg" alt="combined_paths" width="300" height="165" /></a></p>
<p>Save your file and then practice adjusting the arcs and moving the nodes on the combined path to see how combining them affects things. Happy vectoring!</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/03/how-to-combine-stroke-paths-aka-bezier-curves-in-inkscape/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to adjust multiple nodes on a Bezier curve for Vector Illustration: part 3</title>
		<link>http://nancyfusco.com/wp/index.php/2009/03/how-to-adjust-multiple-nodes-on-a-bezier-curve-for-vector-illustration-part-3/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/03/how-to-adjust-multiple-nodes-on-a-bezier-curve-for-vector-illustration-part-3/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 14:53:26 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=408</guid>
		<description><![CDATA[In part 1 of this tutorial series on Bezier curves, we learned the basics of using the Bezier tool, also known as the Pen Tool, in Inkscape to create new stroke paths. In part 2 on Bezier curves, we learned how to add several nodes to an existing stroke path, creating a multi-curved arc on [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="../index.php/2009/02/learn-the-pen-tool-bezier-curves/">part 1</a> of this tutorial series on Bezier curves, we learned the basics of using the Bezier tool, also known as the Pen Tool, in <a href="http://www.inkscape.org/" target="_blank">Inkscape</a> to create new stroke paths. In <a href="http://nancyfusco.com/wp/index.php/2009/02/multiple-node-curves/" target="_self">part 2</a> on Bezier curves, we learned how to add several nodes to an existing stroke path, creating a multi-curved arc on one stroke path. We also learned how to use the Arc Adjustment tool, to set the arc or curve of different areas of our stroke path.</p>
<p>Here in part 3, we are going to practice moving and editing individual nodes on our multi-curved stroke path. Open up your practice file in Inkscape. Click on the Edit Nodes tool from the left side toolbar:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/edit_nodes2.jpg"><img class="alignnone size-full wp-image-410" title="edit_nodes2" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/edit_nodes2.jpg" alt="edit_nodes2" width="36" height="33" /></a></p>
<p>Press the Shift key and then Click on your stroke path to show where the current nodes are and the angle of the arc for each curved segment:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/multiple_nodes1.jpg"><img class="alignnone size-full wp-image-412" title="multiple_nodes1" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/multiple_nodes1.jpg" alt="multiple_nodes1" width="317" height="143" /></a></p>
<p>Now you can click and drag each node segment to adjust, you will notice the segment node you are editing when it turns red:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/selected_node.jpg"><img class="alignnone size-full wp-image-414" title="selected_node" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/selected_node.jpg" alt="selected_node" width="185" height="123" /></a></p>
<p>Make adjustments to the node, the squares, and the arc, the circles, as needed. Click the Select tool, the Arrow icon, to view your progress:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/select_arrow1.jpg"><img class="alignnone size-full wp-image-415" title="select_arrow1" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/select_arrow1.jpg" alt="select_arrow1" width="35" height="45" /></a></p>
<p>To create new Bezier curves, or stroke paths, refer to <a href="http://nancyfusco.com/wp/index.php/2009/02/learn-the-pen-tool-bezier-curves/">part one</a> of this tutorial series. Happy vectoring!</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/03/how-to-adjust-multiple-nodes-on-a-bezier-curve-for-vector-illustration-part-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to use Levels to quick fix photos in Gimp</title>
		<link>http://nancyfusco.com/wp/index.php/2009/02/how-to-use-levels-to-quick-fix-photos-in-gimp/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/02/how-to-use-levels-to-quick-fix-photos-in-gimp/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 16:29:43 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[debian]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[linux]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=486</guid>
		<description><![CDATA[Very often I find that my cell phone photos have a grey wash to them or they just look flat in color. So, I use the Levels adjustment tool in Gimp to fix them. There&#8217;s lots of discussion about what levels are and what they do, etc. but I tend to focus on the practical. [...]]]></description>
			<content:encoded><![CDATA[<p>Very often I find that my cell phone photos have a grey wash to them or they just look flat in color. So, I use the Levels adjustment tool in Gimp to fix them. There&#8217;s lots of discussion about what levels are and what they do, etc. but I tend to focus on the practical. I simply adjust them until it looks right.</p>
<p>Open Gimp and then open an image you want to try this out on, preferably a photo that needs correction and/or has a grey wash to it. If you need an image to practice on, you can <a href="http://www.nancyfusco.com/practice_image.jpg" target="_blank">download this one</a>.</p>
<p>Within Gimp, on the Image&#8217;s menu bar, select Colors | Levels and this dialog box will open up.</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/level_adjustment_original.jpg"><img class="alignnone size-full wp-image-487" title="level_adjustment_original" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/level_adjustment_original.jpg" alt="level_adjustment_original" width="548" height="464" /></a></p>
<p>Notice the granular adjustments you can do, however correcting most photos I&#8217;ve found can be done with just pulling in the slider triangles from each edge to the beginning of the color levels for each photo/image, like so:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/levels_adjusted.jpg"><img class="alignnone size-full wp-image-492" title="levels_adjusted" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/levels_adjusted.jpg" alt="levels_adjusted" width="400" height="341" /></a></p>
<p>What&#8217;s nice about this tool, and Gimp in general, is that as you slide the triangles the image will change accordingly. I start by pulling the triangles in to the edges of the image&#8217;s color levels and check the image. If it looks good, just click OK and there you go, easy color adjustment with the Levels tool.</p>
<p>Notice that on different images the Level Input area will be different, so just adjust the triangle sliders in from each side to the beginning of the color level for each photo/image for quick color correction:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/different_image.jpg"><img class="alignnone size-full wp-image-488" title="different_image" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/different_image.jpg" alt="different_image" width="400" height="341" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/02/how-to-use-levels-to-quick-fix-photos-in-gimp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to crop photos in Gimp tutorial</title>
		<link>http://nancyfusco.com/wp/index.php/2009/02/how-to-crop-photos-in-gimp-tutorial/</link>
		<comments>http://nancyfusco.com/wp/index.php/2009/02/how-to-crop-photos-in-gimp-tutorial/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 15:51:09 +0000</pubDate>
		<dc:creator>Nancy</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[crop]]></category>
		<category><![CDATA[debian]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://nancyfusco.com/wp/?p=481</guid>
		<description><![CDATA[I&#8217;m using the opensource Gimp to manipulate and edit my photos these days, and thought I&#8217;d put together a short tutorial on how to crop photos. I&#8217;m using version 2.4.7 but any 2* version should look the same as my screenshots. Follow the link above to get the latest Gimp download, just click on the [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m using the opensource <a href="http://www.gimp.org/" target="_blank">Gimp</a> to manipulate and edit my photos these days, and thought I&#8217;d put together a short tutorial on how to crop photos. I&#8217;m using version 2.4.7 but any 2* version should look the same as my screenshots. Follow the link above to get the latest Gimp download, just click on the big orange download button to see the various packages already compiled and ready for install. And hey, if your on Debian like I am, just go to your Terminal as super-user and do an <strong>apt-get install gimp</strong> at the command prompt or use Synaptic package manager, searching for Gimp.</p>
<p>Ok, now that you&#8217;ve got Gimp, lets rock the crop! Open an image you want to crop by choosing File | Open. Now, click on the Rectangle Select Tool from the main left toolbar, like so (click the image below to see a larger version):</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/select_tool.jpg"><img class="alignnone size-medium wp-image-482" title="select_tool" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/select_tool-300x206.jpg" alt="select_tool" width="300" height="206" /></a></p>
<p>Click and drag to select the area you want to crop to, or what you want the final image to look like. Let go of the click and you will see the dashed lines around the area. You can use the mouse, click and drag, to adjust these lines as needed. Just move your mouse to the edge of the dashed lines and the cursor will change to indicate you can drag and move the lines.</p>
<p>Here&#8217;s the important part &#8211; you have to invert the selection, so you can delete the area surrounding the final image you want. So, use the keyboard shortcut, CTRL-I (or you can select it off the menu by choosing Select | Invert) to invert the selection, so now you will have the area around the image crop you want selected. The dashed lines will now extend from the crop line to the edge of the image like this:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/inverted_selection.jpg"><img class="alignnone size-full wp-image-483" title="inverted_selection" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/inverted_selection.jpg" alt="inverted_selection" width="207" height="171" /></a></p>
<p>Next, we want to delete the now selected inverted area, so on the keyboard press CTRL-X to cut it away. I like to use Cut so I can undo if needed. Now you will have white space around the image crop:</p>
<p><a href="http://nancyfusco.com/wp/wp-content/uploads/2009/02/white_space.jpg"><img class="alignnone size-full wp-image-484" title="white_space" src="http://nancyfusco.com/wp/wp-content/uploads/2009/02/white_space.jpg" alt="white_space" width="282" height="225" /></a></p>
<p>Finally, to get rid of the white space and trim down to your cropped image, from the Image Menu (the menu right off the top of your image), choose Image | Autocrop Image</p>
<p>You will now have the picture cropped and can save accordingly.</p>
]]></content:encoded>
			<wfw:commentRss>http://nancyfusco.com/wp/index.php/2009/02/how-to-crop-photos-in-gimp-tutorial/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

