<?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>Dragly &#187; Inkscape</title>
	<atom:link href="http://dragly.org/category/graphics/inkscape/feed/" rel="self" type="application/rss+xml" />
	<link>http://dragly.org</link>
	<description>It was about time I started writing my own tutorials to share some of the knowledge I&#039;ve picked up from around.</description>
	<lastBuildDate>Mon, 14 May 2012 22:32:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Updated method for drawing springs in Inkscape</title>
		<link>http://dragly.org/2010/09/27/updated-method-for-drawing-springs-in-inkscape/</link>
		<comments>http://dragly.org/2010/09/27/updated-method-for-drawing-springs-in-inkscape/#comments</comments>
		<pubDate>Sun, 26 Sep 2010 22:31:19 +0000</pubDate>
		<dc:creator>Svenn-Arne Dragly</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Inkscape]]></category>
		<category><![CDATA[helix]]></category>
		<category><![CDATA[pen tool]]></category>
		<category><![CDATA[physics]]></category>
		<category><![CDATA[spring]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://dragly.org/?p=377</guid>
		<description><![CDATA[I&#8217;ve written an earlier post on how to draw simple schematically springs in Inkscape. After reading a great tip from ~suv in the Launchpad bug tracker, I figured I should bring you guys another update on how to do this &#8230; <a href="http://dragly.org/2010/09/27/updated-method-for-drawing-springs-in-inkscape/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve written an <a href="http://dragly.org/2010/02/25/how-to-draw-a-spring-in-inkscape/">earlier post</a> on how to draw simple schematically springs in Inkscape. After reading a great tip from <a href="https://bugs.launchpad.net/inkscape/+bug/584683">~suv in the Launchpad bug tracker</a>, I figured I should bring you guys another update on how to do this using ~suv&#8217;s method.</p>
<p>Basically, what you need to do is to draw a zig-zag line in Inkscape using the pen tool <a href="http://dragly.org/wp-content/uploads/2010/09/pen.png" rel="lightbox[377]"><img class="alignnone size-full wp-image-384" title="pen" src="http://dragly.org/wp-content/uploads/2010/09/pen.png" alt="" width="23" height="23" /></a>. This is fairly easy to do, so I&#8217;ll leave that part up to you. Just turn on the grid by pushing SHIFT+3 first, as this will make it easier to draw it symmetrically. Have a look at the picture below:</p>
<div id="attachment_388" class="wp-caption aligncenter" style="width: 650px"><a href="http://dragly.org/wp-content/uploads/2010/09/zigzag.png" rel="lightbox[377]"><img class="size-large wp-image-388" title="zigzag" src="http://dragly.org/wp-content/uploads/2010/09/zigzag-800x245.png" alt="" width="640" height="196" /></a><p class="wp-caption-text">A simple zig-zag line in Inkscape</p></div>
<p>The next thing is to select all the nodes on the sharp edges of your spring as in the image below:</p>
<div id="attachment_385" class="wp-caption alignnone" style="width: 650px"><a href="http://dragly.org/wp-content/uploads/2010/09/selectnodes.png" rel="lightbox[377]"><img class="size-large wp-image-385" title="selectnodes" src="http://dragly.org/wp-content/uploads/2010/09/selectnodes-800x222.png" alt="" width="640" height="177" /></a><p class="wp-caption-text">Select all the nodes on the spring, except the outer parts.</p></div>
<p>Afterwards, push the button outlined in the screenshot to make the selected nodes smooth.</p>
<div id="attachment_383" class="wp-caption alignnone" style="width: 650px"><a href="http://dragly.org/wp-content/uploads/2010/09/makesmooth.png" rel="lightbox[377]"><img class="size-large wp-image-383" title="makesmooth" src="http://dragly.org/wp-content/uploads/2010/09/makesmooth-800x235.png" alt="" width="640" height="188" /></a><p class="wp-caption-text">Push the &quot;Make selected nodes smooth&quot; button in the toolbar.</p></div>
<p>We&#8217;re soon done, all we need to do now is to turn each of the node handles on either the top or the bottom of our wiggly line 180 degrees. This is where it&#8217;s really nice to have the grid enabled to make sure all the handles are turned just the same amount.</p>
<div id="attachment_387" class="wp-caption alignnone" style="width: 650px"><a href="http://dragly.org/wp-content/uploads/2010/09/turnhandles.png" rel="lightbox[377]"><img class="size-large wp-image-387" title="turnhandles" src="http://dragly.org/wp-content/uploads/2010/09/turnhandles-800x204.png" alt="" width="640" height="163" /></a><p class="wp-caption-text">When all the lower handles are turned, my wiggly line became a beautiful spring!</p></div>
<p>And we&#8217;re finished! Below you see my finalized spring:</p>
<div id="attachment_386" class="wp-caption alignnone" style="width: 650px"><a href="http://dragly.org/wp-content/uploads/2010/09/spring.png" rel="lightbox[377]"><img class="size-large wp-image-386" title="spring" src="http://dragly.org/wp-content/uploads/2010/09/spring-800x207.png" alt="" width="640" height="165" /></a><p class="wp-caption-text">Look at that spring twisting around itself again and again. </p></div>
<p>You may put this into whatever physical context you want. Connect it to boxes, power grids or horses &#8211; just remember to show off that you have now become a worthy spring master! I decided to go with a good old sports car.</p>
<div id="attachment_390" class="wp-caption alignnone" style="width: 625px"><a href="http://dragly.org/wp-content/uploads/2010/09/springcar1.png" rel="lightbox[377]"><img class="size-full wp-image-390 " title="springcar" src="http://dragly.org/wp-content/uploads/2010/09/springcar1.png" alt="" width="615" height="99" /></a><p class="wp-caption-text">I guess we&#39;re looking at a couple of kilonewtons here!</p></div>
<p>If you like to, you may download the <a href="http://dragly.org/wp-content/uploads/2010/09/springcar.svg">source .svg file here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dragly.org/2010/09/27/updated-method-for-drawing-springs-in-inkscape/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>How to draw a spring in Inkscape</title>
		<link>http://dragly.org/2010/02/25/how-to-draw-a-spring-in-inkscape/</link>
		<comments>http://dragly.org/2010/02/25/how-to-draw-a-spring-in-inkscape/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 21:23:28 +0000</pubDate>
		<dc:creator>Svenn-Arne Dragly</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Inkscape]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://svenni.dragly.com/v7/?p=198</guid>
		<description><![CDATA[Update: Check out the new spring drawing method here. The old one on this page is still useful, but the new one is a bit faster. I&#8217;ve been working on some free-body diagrams lately, and in my last paper I &#8230; <a href="http://dragly.org/2010/02/25/how-to-draw-a-spring-in-inkscape/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Update: </strong>Check out the <a href="http://dragly.org/2010/09/27/updated-method-for-drawing-springs-in-inkscape/">new spring drawing method here</a>. The old one on this page is still useful, but the new one is a bit faster.</p>
<p>I&#8217;ve been working on some free-body diagrams lately, and in my last paper I needed to draw a spring. Since I didn&#8217;t find any simple way to do this, I thought I should give a quick tutorial here.</p>
<p>First of all, turn on the grid by clicking SHIFT + 3 on your keyboard (the # key).</p>
<p><img class="aligncenter size-full wp-image-199" title="Screenshot-New document 1 - Inkscape" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape.png" alt="" width="375" height="428" />When your grid is turned on, enable the bezier curve editor by clicking this button:</p>
<p><span id="more-198"></span></p>
<p><img class="aligncenter size-full wp-image-200" title="bezier" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/bezier.png" alt="" width="35" height="33" />Now, draw a shape similar to this. I&#8217;ve enabled the grid so you may see the distance between the points:</p>
<p><img class="aligncenter size-full wp-image-201" title="Screenshot-New document 1 - Inkscape-1" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-1.png" alt="" width="418" height="308" />If you&#8217;re having trouble with the handles you may want to enable cornered points by clicking this button:</p>
<p><img class="aligncenter size-full wp-image-202" title="curve" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/curve.png" alt="" width="36" height="26" />Next, you should make a copy of your newly drawn curve and open this for editing (double click on it).</p>
<p><img class="aligncenter size-full wp-image-203" title="Screenshot-New document 1 - Inkscape-3" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-3.png" alt="" width="552" height="399" />Select the two leftmost points (as shown above) and delete these. Then move the new shape next to the other.</p>
<p><img class="aligncenter size-full wp-image-204" title="Screenshot-New document 1 - Inkscape-4" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-4.png" alt="" width="534" height="346" />As you see, in my drawing the shapes don&#8217;t really fit. We&#8217;ll fix this by editing the second curve.<img class="aligncenter size-full wp-image-205" title="Screenshot-New document 1 - Inkscape-5" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-5.png" alt="" width="534" height="330" /></p>
<p>Now we&#8217;re soon done. All we need to do now is to exit editing mode by clicking the arrow tool:</p>
<p><img class="aligncenter size-full wp-image-206" title="arrow" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/arrow.png" alt="" width="39" height="33" /></p>
<p>Then select the second curve and copy + paste it as many times as you like:</p>
<p><img class="aligncenter size-full wp-image-207" title="Screenshot-New document 1 - Inkscape-6" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-6.png" alt="" width="603" height="157" /></p>
<p>Copy+paste the first shape and flip it</p>
<p><img class="aligncenter size-full wp-image-208" title="Screenshot-New document 1 - Inkscape-8" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-8.png" alt="" width="524" height="459" /></p>
<p>Now, move this to the end of the spring:</p>
<p><img class="aligncenter size-full wp-image-209" title="Screenshot-New document 1 - Inkscape-9" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/Screenshot-New-document-1-Inkscape-9.png" alt="" width="756" height="177" /></p>
<p>I did some final editing on the last part, but all in all you should be finished now! If you want to reuse this string, save it in a folder and import it when you need it or use it right away in your new diagram. Or just download the source here: <a href="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/spring.svg_.zip">Spring model</a>.</p>
<p><img class="aligncenter size-full wp-image-210" title="rect3765" src="http://svenni.dragly.com/v7/wp-content/uploads/2010/02/rect3765.png" alt="" width="760" height="321" /></p>
]]></content:encoded>
			<wfw:commentRss>http://dragly.org/2010/02/25/how-to-draw-a-spring-in-inkscape/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

