<?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; Graphics</title>
	<atom:link href="http://dragly.org/category/graphics/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>Wed, 25 Jan 2012 18:57:04 +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>Making new image in Gimp same size as clipboard</title>
		<link>http://dragly.org/2011/02/23/making-new-image-in-gimp-same-size-as-clipboard/</link>
		<comments>http://dragly.org/2011/02/23/making-new-image-in-gimp-same-size-as-clipboard/#comments</comments>
		<pubDate>Wed, 23 Feb 2011 09:28:42 +0000</pubDate>
		<dc:creator>Svenn-Arne Dragly</dc:creator>
				<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[clipboard]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[grphics]]></category>
		<category><![CDATA[iamge editing]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[size]]></category>

		<guid isPermaLink="false">http://dragly.org/?p=435</guid>
		<description><![CDATA[Have you ever tried to copy an image in Gimp and open a new image to paste it into? Then you&#8217;ve probably noticed that the size of that new image isn&#8217;t automatically adjusted to the size of the image in &#8230; <a href="http://dragly.org/2011/02/23/making-new-image-in-gimp-same-size-as-clipboard/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Have you ever tried to copy an image in Gimp and open a new image to paste it into? Then you&#8217;ve probably noticed that the size of that new image isn&#8217;t automatically adjusted to the size of the image in your clipboard &#8211; like it is in Photoshop or in earlier versions of Gimp.</p>
<p>However, a new and simpler feature has replaced the automatic image size in Gimp. That is &#8220;Paste into image&#8221;. This is easily done by going to Edit -&gt; Paste as -&gt; New Image, as you see in the screenshot below, or simply by pressing Ctrl + Shift + V.</p>
<div id="attachment_437" class="wp-caption aligncenter" style="width: 562px"><a href="http://dragly.org/wp-content/uploads/2011/02/Screenshot-tag1.png-5.0-RGB-1-layer-97x68-–-GIMP.png" rel="lightbox[435]"><img class="size-full wp-image-437" title="Copy and paste as new image in Gimp" src="http://dragly.org/wp-content/uploads/2011/02/Screenshot-tag1.png-5.0-RGB-1-layer-97x68-–-GIMP.png" alt="How to paste into a new image with the same size as your clipboard." width="552" height="535" /></a><p class="wp-caption-text">How to paste into a new image with the same size as your clipboard.</p></div>
<p>Happy editing!</p>
]]></content:encoded>
			<wfw:commentRss>http://dragly.org/2011/02/23/making-new-image-in-gimp-same-size-as-clipboard/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Using Wacom tablet with dual monitors (TwinView) in Ubuntu</title>
		<link>http://dragly.org/2011/01/25/using-wacom-tablet-with-dual-monitors-twinview-in-ubuntu/</link>
		<comments>http://dragly.org/2011/01/25/using-wacom-tablet-with-dual-monitors-twinview-in-ubuntu/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 18:40:25 +0000</pubDate>
		<dc:creator>Svenn-Arne Dragly</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[dual]]></category>
		<category><![CDATA[monitor]]></category>
		<category><![CDATA[monitors]]></category>
		<category><![CDATA[screen]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[twin]]></category>
		<category><![CDATA[twinview]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[wacom]]></category>

		<guid isPermaLink="false">http://dragly.org/?p=431</guid>
		<description><![CDATA[I have a setup with two monitors on my computer and wanted to restrict my Wacom tablet to only one of the screens. Otherwise, the tablet is expanded to the entire two screens, making any drawing stretched. This has shown &#8230; <a href="http://dragly.org/2011/01/25/using-wacom-tablet-with-dual-monitors-twinview-in-ubuntu/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I have a setup with two monitors on my computer and wanted to restrict my Wacom tablet to only one of the screens. Otherwise, the tablet is expanded to the entire two screens, making any drawing stretched.</p>
<p>This has shown to be quite simple to fix if you can live with a script doing the job for you. First, type the following in a terminal and note the output:</p>
<pre class="brush:shell">xinput --list</pre>
<p>You will see a bunch of names for you peripheral devices. You should look for anything that has to do with &#8220;Wacom&#8221;. For instance, on my machine, I see these names:</p>
<pre class="brush:shell">⎡ Virtual core pointer                    	id=2	[master pointer  (3)]
⎜   ↳ Wacom Graphire4 4x5 eraser              	id=12	[slave  pointer  (2)]
⎜   ↳ Wacom Graphire4 4x5 cursor              	id=13	[slave  pointer  (2)]
⎜   ↳ Wacom Graphire4 4x5 pad                 	id=14	[slave  pointer  (2)]
⎜   ↳ Wacom Graphire4 4x5 stylus              	id=15	[slave  pointer  (2)]</pre>
<p>Now, create a file somewhere on your computer. I&#8217;ve put mine in a subdir of my home directory, naming it &#8220;wacom-settings.sh&#8221;. Add these contents to the file and <strong>change the name of each &#8220;Wacom&#8230;&#8221;</strong> to whatever you received as output above:</p>
<pre class="brush:shell">#!/bin/sh
xsetwacom --set "Wacom Graphire4 4x5 stylus" Twinview Horizontal
xsetwacom --set "Wacom Graphire4 4x5 stylus" Screen_No 0x001
xsetwacom --set "Wacom Graphire4 4x5 cursor" Twinview Horizontal
xsetwacom --set "Wacom Graphire4 4x5 cursor" Screen_No 0x001
xsetwacom --set "Wacom Graphire4 4x5 pad" Twinview Horizontal
xsetwacom --set "Wacom Graphire4 4x5 pad" Screen_No 0x001
xsetwacom --set "Wacom Graphire4 4x5 eraser" Twinview Horizontal
xsetwacom --set "Wacom Graphire4 4x5 eraser" Screen_No 0x001</pre>
<p>Then you&#8217;ll just have to make the file executable. This could be done from terminal by issuing the command</p>
<pre class="brush:shell">chmod +x wacom-settings.sh</pre>
<p>in the same directory as the file.</p>
<p>You could also right-click the file, select Properties &gt; Permissions tab and check &#8220;Allow executing this file as a program&#8221;.</p>
<p>You might either add this file to your startup applications under System &gt; Preferences &gt; Startup Applications (this will only work if your tablet is connected when logging in) or you could add a launcher on either your desktop or in one of your panels by dragging the file there.</p>
<p>This should be it. To test that the configuration really works, double click the file and click &#8220;Run in Terminal&#8221;. If the tablet appears on the wrong screen, change the Screen_No above from  0&#215;001 to 0&#215;000.</p>
<p>Good luck with your notes and drawings!</p>
]]></content:encoded>
			<wfw:commentRss>http://dragly.org/2011/01/25/using-wacom-tablet-with-dual-monitors-twinview-in-ubuntu/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<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>7</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>

