<?xml version="1.0"?>
<rss version="2.0"><channel><title>Village University: Village University</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/?d=11</link><description>Village University: Village University</description><language>en</language><item><title>Introduction To Inkscape</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/introduction-to-inkscape-r21/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_g.jpg.d8123f1024dc6e81b310c681a8bff55a.jpg" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_8910_5" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/XpS_Y3ibvEU?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome to Making Scroll Saw Patterns with Inkscape. This class will last for 4 weeks with 2 lessons released each week. Each class will include a video demonstration, written out instruction, downloadable source materials, and an open forum where you can get your questions answered. I encourage you to ask lots of questions. That's what this class is all about.
</p>

<p>
	 
</p>

<p>
	Here's a quick rundown of what you can expect from this class:
</p>

<ul>
<li>
		<strong>Lesson 1</strong> - Introduction To Inkscape
	</li>
	<li>
		<strong>Lesson 2</strong> - Creating Simple Shapes
	</li>
	<li>
		<strong>Lesson 3</strong> - Aligning Our Objects
	</li>
	<li>
		<strong>Lesson 4</strong> - Building Complex Shapes
	</li>
	<li>
		<strong>Lesson 5</strong> - Nodes and Editing
	</li>
	<li>
		<strong>Lesson 6</strong> - Working With Text
	</li>
	<li>
		<strong>Lesson 7</strong> - Designing A Trinket Box
	</li>
	<li>
		<strong>Lesson 8</strong> - Designing A Desk Clock
	</li>
</ul>
<p>
	This class will be a bit more difficult than the GIMP class. Mostly because Inkscape is a different way of thinking than what we're used to. The first 6 lessons will be mostly fundamentals without much inter-connectivity to one another. But these are the essential building blocks we use to create our scroll saw patterns. Everything will start to make sense in Lessons 7 &amp; 8 when we start applying what we have learned to create a scroll saw pattern. So if you feel a bit lost, you won't be alone. Just stick with it. You'll get it soon enough. Once all the lessons are completed, I suggest you go through the class again. I have a feeling the second time around, everything will click for you.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		What Is Inkscape?
	</p>
</div>

<p>
	Inkscape is a free vector-based graphics program similar to programs like Corel Draw and Adobe Illustrator. It can be used to design scroll saw patterns like trinket boxes, candle holders, trivets, and other functional/decorative type items. It is also very useful for traditional fretwork designs.
</p>

<p>
	Inkscape is <a href="http://en.wikipedia.org/wiki/Open_source_software" rel="norewrite external nofollow">open-source software</a>. A large community comes together and programs this software in their spare time. The source code is available for anybody to download, study, modify or improve. Since a large community programs the software together, no one person actually owns the software. This is why Open Source Software is free.
</p>

<p>
	There are several advantages to open-source software. First, obviously, is the fact it is free. Second, since a large community is programming the software, the program is always advancing and adding new features (assuming the community is active). Lastly, since the software source code is open to scrutiny, it is very unlikely that viruses or other malware can be inserted into the code. Someone will spot it and remove it immediately. So you can feel safe about downloading this great software.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Bitmaps vs. Vectors
	</p>
</div>

<p>
	There are two basic types of graphics out there. There are <a href="http://en.wikipedia.org/wiki/Vector_graphics" rel="norewrite external nofollow">vector-based</a> graphics created by programs like Adobe Illustrator, Corel Draw, and Inkscape. Then there are <a href="http://en.wikipedia.org/wiki/Raster_graphics" rel="norewrite external nofollow">bitmap</a> or raster graphics like those created by Adobe Photoshop, Corel Photopaint, and GIMP.
</p>

<p>
	Vector-based graphics are mathematical representations of an image. Vectors are composed of nodes that define the space in relation to other nodes to create shapes, lines, and curves. These complex shapes are then layered upon each other in order to define an image. The advantage of vector graphics is the file size tends to be much smaller. You may enlarge or shrink down a vector graphic without losing quality because the nodes stay within the same relative position to one another. The mathematical formulas recalculate the image based on node information, so there is no information that is lost (or gained) during resizing.
</p>

<p>
	Bitmaps are rectangular grids of pixels (blocks of color) used to define a picture. The more pixels that are used in an image, the more information the image contains. This is called resolution. The higher the resolution is, the more detail you can pull from an image. You can enlarge a low-resolution graphic. But since a low resolution only has so much information (number of pixels), when you enlarge it, it only spreads that information over a larger area. You do not gain additional detail by enlarging a low-resolution graphic. (You can see an <a href="http://en.wikipedia.org/wiki/Raster_graphics" rel="norewrite external nofollow">example here</a>).
</p>

<p>
	So why would we want to work with vectors? Scaling is a big advantage. Often, we scale our patterns to the size we need for the stock we have on hand. Since quality is not lost with resizing, vector base graphics very useful. The second is the ability to quickly alter a graphic. If a line or edge isn't quite right, we can go in and move the line to the appropriate place. We can also add and subtract from the image quickly and efficiently. The ease of editing also comes with the ease of designing. Each element is separate from one another and its properties independent of other objects. So it's very easy to move things around, line them up, flip, rotate, and any other function. Once you know how to use the tools, you can make a simple scroll saw pattern in a matter of minutes.
</p>

<p>
	One drawback to vector graphics is that vector graphics can only be viewed by people who have a vector graphic program installed on their computer. To work around this shortcoming, it is advised that you export your vector graphics to a bitmap before sharing your patterns. Bitmaps have the advantage of being universally accepted.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Downloading Inkscape
	</p>
</div>

<p>
	You can find a copy of Inkscape on their website at <a href="http://www.inkscape.org" rel="norewrite external nofollow">http://www.inkscape.org</a>. At the upper right of the screen, you'll see a <em>"Download Now" </em>button. Click this and you'll automatically download the latest edition of Inkscape. Once it is downloaded, go ahead and install your new program.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Inkscape Resources
	</p>
</div>

<p>
	The <a href="http://www.inkscape.org/" rel="norewrite external nofollow">Inkscape website</a> has a number of really great resources. They have their documentation/user manual, tutorials, wiki, and support forums. Be sure to check out what they have to offer. This would be the first place I'd turn to if you wanted more information on a certain function.
</p>

<p>
	Inkscape is a popular program. You can find lots of tutorials on the internet. Just Google "Inkscape Tutorials" and you'll find a lot of great resources. YouTube is another great place to find some great video instruction.
</p>

<p>
	Most of the tutorials on the internet focus on illustrations since that's really what Inkscape is intended for. So you may have a tough time finding a tutorial focused on what you want to do with it. However, this is a great way to learn the ins and outs of Inkscape. Once you understand the tools, you can do anything you want.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		The User Interface
	</p>
</div>

<p>
	Go ahead and launch Inkscape. The program will launch with a brand new document. In the center of the screen, you'll see a rectangle. This represents your printable document. Anything inside the printable document will be printed. Anything outside will not. By default, the document size is A4. But since I live in the US, I prefer working with US Letter (8.5x11"). To change my document size, go to <em>File&gt;Document Properties</em>. This will pop up a new window. Choose "US Letter". You may be looking for an OK button or an Apply button, but there isn't any in this pop-up window. You'll notice whenever you choose a preset, the paper on your screen automatically updates. When you chose the document size you prefer, just click the red X in the upper right corner.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		File Menus
	</p>
</div>

<p>
	<img alt="Lesson1_a.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99516" data-ratio="63.50" data-unique="n7ny59vg8" style="width: 200px; height: auto; float: left;" width="462" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_a.jpg.282ab22cb725e8867bee167eb619f2ca.jpg">This should be no surprise. This section is the menu section you find on any program across the top of the screen. Each menu has a number of options organized under a menu title (File, Edit, View, Layer, etc). These menus contain access to all of the functions within the program. The very first thing I do when learning a new program is to go through each of these menus and look to see what they offer. This will give you a good idea of what the program can do and how it's organized. You'll also notice shortcut keys next to the menu options. For functions that you use on a regular basis, it is very helpful to learn those shortcut keys.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Tool Bar
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99517" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_b.jpg.6b6cd21ac37d74f9e91e26d7ebd4b1a9.jpg" rel="" style="float: left;"><img alt="Lesson1_b.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99517" data-ratio="25.75" data-unique="14ztixr7i" style="width: 400px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_b.thumb.jpg.f0c1c8e043d3769ccd692e0ebbf4a579.jpg"></a>Directly below the file menus, you'll see a toolbar with your most commonly used buttons. It starts with your traditional buttons such as File, Save, Import, Export, Undo, etc. You'll also find access to other Inkscape-specific functions like duplicate and grouping. Probably the two tools you'll use most often are the<em> Text Property</em> button and the <em>Align And Distribute</em> button. You can see what each icon represents by hovering your mouse over the icon for a moment. A tooltip will pop up with a short description of what that tool does. Take time to look at each tool.
</p>

<p>
	Below the Tool Bar is the Options Bar. We'll discuss this in a moment. Just know that it is directly below the Tool Bar.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Tool Box
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99518" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_c.jpg.65873eb7fffd998e4b635f2ecff89ff0.jpg" rel="" style="float: left;"><img alt="Lesson1_c.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99518" data-ratio="506.00" data-unique="7zok7rna9" style="width: 50px; height: auto;" width="79" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_c.thumb.jpg.b63f4fc8466b0ba4dd2dcafdf554b403.jpg"></a>Along the left side of your screen is the Tool Box. This houses the tools you'll need to build your shapes and drawings. Most of the tools deal with making shapes or lines. However, there are a few editing tools available there too. Hover over each tool to pop up a tooltip that explains what the tool is used for. Take time to see what tools are offered.
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Bottom Options
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99519" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_d.jpg.e374e5499810ad1d9a5914c18600b55e.jpg" rel="" style="float: left;"><img alt="Lesson1_d.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99519" data-ratio="22.50" data-unique="baqkez1kc" style="width: 400px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_d.thumb.jpg.ea9b4bc3bfb616fb4fcbb9cdf9f6a1e9.jpg"></a>Along the bottom of your screen, you'll see a color palette that spans the width of your screen. You have a number of colors to choose from. This is the area where you set the color for your fill (color of the object) by clicking and where you can set the stroke (outline of the object) by right-clicking and choosing <em>Set Stroke</em>.
</p>

<p>
	Below the color palette in the left corner, you'll find a section that says <em>Fill</em> and <em>Stroke</em>. This indicates your chosen fill and stroke colors. Next to the stroke color, you'll see a number. This shows the size of the stroke. Right-click on this number and it will pop up a number of presets along with a remove option.
</p>

<p>
	Next to the <em>Stroke</em> and <em>Fill</em> area is a box with up/down options. This refers to the opacity/transparency of your selected object. For this class, this should always be set to 100%.
</p>

<p>
	Next are a few icons; an eye, a lock, and a pulldown that says Layer 1. This is your layer options. While layers are very useful for complex illustrations, they're not necessary for what we want to accomplish. We won't be using these options.
</p>

<p>
	Following that is the tooltip area. Whenever you have a tool or option selected, this area will show some helpful tips or instructions on how to use this tool.
</p>

<p>
	The last box shows you where your cursor is located. This may be helpful to some, but I don't use it. Next to that is your zoom box. This allows you to zoom into the area where you are working so you can see the detail easier.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Options Bar
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99520" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_e.jpg.d766b3feb02c454ff709c8ba1af4fd71.jpg" rel="" style="float: left;"><img alt="Lesson1_e.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99520" data-ratio="20.00" data-unique="ofee74bnq" style="width: 400px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_e.thumb.jpg.d35d5990feef64f6f5426fd043bb7587.jpg"></a>We're returning to the section directly below the <em>Tool Bar</em>. This area changes depending on which tool you have selected from your <em>Tool Box</em>. This will give you a lot of control over whatever tool you are currently working with. Be sure to click each tool in the <em>Tool Box</em> and see what options you have available in this section. You will start to see the possibilities opening up from the basic tools in the <em>Tool Box</em>. The most common option you'll use in this class is the scaling options when your selector tool is active. Here you'll be able to lock the aspect ratio and type in specific sizes for your objects.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Rulers
	</p>
</div>

<p>
	<img alt="Lesson1_f.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99521" data-ratio="120.00" data-unique="qhmrlpeef" style="width: 200px; height: auto; float: left;" width="237" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_f.jpg.5e60e20ed434b825de4d1527114f0e9a.jpg">Along the top and left side of your work area, you'll see a ruler. This comes in handy when laying out objects. You can change the unit of measure in your document properties (<em>File&gt;Document Properties</em>). Look for the <em>Default Unit</em> section under the <em>General</em> section (<em>Page</em> tab). Choose whichever measurement you're comfortable with from the pulldown menu.
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Dialog Boxes
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99522" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_g.jpg.a0ee8cb68930268a7c492415c07dc6f2.jpg" rel="" style="float: left;"><img alt="Lesson1_g.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99522" data-ratio="73.20" data-unique="2cuo8c258" style="width: 250px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson1_g.thumb.jpg.861fe57fe18ec03ccc421852b7aca653.jpg"></a>We'll have a lot of dialog boxes pop up from time to time. These dialogs offer additional control over a particular function. There are two types of dialog boxes. The first is pop-up dialogs. These will float on your screen until you close them. Often you'll only use them once, and you'll close them when you're done. The second dialog is docked dialogs. These are dialog boxes that you'll use a bit more often. These will dock on the right side of your screen. If you open multiple docked dialogs, they will stack on top of each other. Just use the scroll bar to navigate to the dialog you need.
</p>

<p>
	You can close any of the dialogs by clicking the X in the upper right corner. These dialogs do take up a bit of space, so in order to keep them handy, but not in the way, you can make them into buttons. To the left of the X in the upper right corner, you'll see a small triangle. When you click that, that dialog becomes a button on the right side of your screen. When you need the dialog again, just click the button and it pops up. This is especially handy for dialogs that are only accessible through the menu system.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Navigating your Document
	</p>
</div>

<p>
	You'll need to move around your document quickly and easily. There are a number of ways to navigate your document.
</p>

<p>
	Panning up and down, or left and right is pretty easy. You can simply use the scroll bars located on the bottom and right side of your work area. Alternatively, you can click the middle mouse-wheel button and drag.
</p>

<p>
	Zooming in and out is necessary for seeing small detail. You'll be doing this quite a bit. To zoom in and out, use the + and - keys on your keyboard or number pad. Alternatively, you can roll the middle mouse wheel to zoom in and out. You can also use the Zoom tool in the Tool Box. Clicking will zoom in, whereas Shift-clicking will zoom out. You can also use the zoom box in the lower right corner of the screen.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Assignments:
	</p>
</div>

<p>
	 
</p>

<ul>
<li>
		Download and install Inkscape
	</li>
	<li>
		Check out the menu options.
	</li>
	<li>
		Click each tool and see what options are available in the Options bar.
	</li>
	<li>
		Start playing with the program.
	</li>
</ul>
]]></description><guid isPermaLink="false">21</guid><pubDate>Wed, 02 Sep 2009 17:18:00 +0000</pubDate></item><item><title>Creating Simple Shapes</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/creating-simple-shapes-r22/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_h.jpg.ccdfa6ef53bdb42c7637d0a31e1bcdda.jpg" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_5704_5" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/qNk8nzPo6TQ?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome to Lesson 2. In this lesson, we'll be working with shapes. We'll be using the tools located in the <em>Tool Bar</em> to create basic shapes. Then we'll manipulate those shapes to create effects we're looking for. This is a pretty easy lesson. We'll only be using a few tools in the <em>Tool Box</em> to create our shapes; <em>Rectangle Tool, Circle Tool, Polygon/Star Tool</em>, and the <em>Bezier Tool</em>. Other than the Text Tool, we won't be using the other tools in this class.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Tool Options
	</p>
</div>

<p>
	If you remember from the last lesson, we have the <em>Options Bar</em> across the top of the screen. This area changes, depending on which tool you have selected from the <em>Tool Box</em>. You'll find many additional options for your tools so you can have greater control over your shapes. When working with a tool, be sure to check this section and see what options are available. There may be times when you change these options to create a certain effect, but when you try to make a simple shape again, it may inherit your previous options. Usually, the <em>Options Bar</em> will have a reset button to reset the values to default.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Rectangle Tool
	</p>
</div>

<p>
	Click the <em>Rectangle Tool</em> from the <em>Tool Box</em>, then on your work area, drag your mouse to create a rectangle. To create a perfect square, hold down the <em>Ctrl</em> button and drag.
</p>

<p>
	<img alt="Lesson2_a.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99541" data-ratio="111.00" data-unique="j1a5tz8ze" style="width: 200px; height: auto; float: left;" width="275" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_a.jpg.ad23df861c3194467d580a9961a5520d.jpg">After you created your square, you'll notice a small square in the upper left corner and lower right corner. These are resizing nodes. With your <em>Rectangle Tool</em> still selected, click and drag on one of these nodes. You will notice it will resize your square along the X &amp; Y axis. If you hold down the <em>Ctrl</em> button while dragging, you can constrain the aspect ratio and resize along the X &amp; Y axis proportionally.
</p>

<p>
	In the upper right corner of your rectangle, you'll see a small circle. Click and drag this node. This will round the corners of your rectangle. This is a very handy feature that we'll use a fair amount. It adds a softness to your patterns.
</p>

<p>
	<img alt="Lesson2_b.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99542" data-ratio="118.00" data-unique="gfediuwz6" style="width: 200px; height: auto; float: right;" width="275" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_b.jpg.3f7735470f9c2a29c8f721aa2f255cd1.jpg">After creating a square, choose your Selector Tool from the <em>Tool Box</em> and click the rectangle you just created. You will see arrows on each corner pointed diagonally and arrows on the center of each side pointing in and out. These are resizing nodes. (If the arrows on the corner look like they're curved, click the rectangle again to get to your sizing options) If you grab the corner node (diagonal arrows) and drag them out, you will notice that you resize the rectangle along the X &amp; Y axis. This allows you the greatest freedom of resizing. If you hold down the <em>Ctrl</em> button while resizing, this will constrain the aspect ratio, which enlarges the X &amp; Y axis proportionally.
</p>

<p>
	The arrows on the center of each side will only resize the rectangle along that axis. This is a great way to elongate one side without affecting the other side.
</p>

<p>
	Click your rectangle again. Now you'll see curved arrows on each of the corners and arrows on the center of each side that is parallel to the side. We are now in Rotation and Skewing mode.
</p>

<p>
	Click and drag the curved arrows in the corner. You'll notice that you're rotating your rectangle. If you wish to constrain the rotation to 15-degree increments, hold down the <em>Ctrl</em> key. This is very useful if you want to change the rotation to a common angle like 45 degrees or 90 degrees.
</p>

<p>
	<img alt="Lesson2_c.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99543" data-ratio="99.11" data-unique="t6w1k9g3g" style="width: 225px; height: auto; float: left;" width="385" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_c.jpg.c9cde553ddf1ab36fa829c1c20874e22.jpg">Let's move to the center of your rectangle. You'll notice a + that looks like a crosshair. This is your rotation's center point. By default, it starts in the center. However, we can move this crosshair to anyplace you'd like. Click and drag the crosshairs outside the rectangle, then rotate the rectangle. You'll notice the rectangle now rotates around this new point. This is a very useful option, especially when you want to duplicate a pattern that radiates out from a common center point.
</p>

<p>
	<img alt="Lesson2_d.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99544" data-ratio="84.89" data-unique="tjskgjn2h" style="width: 225px; height: auto; float: right;" width="404" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_d.jpg.adbec2277fb1f7099f82f456a75fed74.jpg">Now, let's return to the arrows on the center of each side of your rectangle. These are skewing nodes. Click and drag these arrows and you'll notice the rectangle becomes skewed. It will keep the edge parallel to the original, but move the corner up and down equally along both edges. This allows you to modify your shape in a symmetrical way without any advanced editing. Using a combination of rotation and skewing, you can come up with a lot of unique shapes.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Circle Tool
	</p>
</div>

<p>
	The <em>Circle Tool</em> works much the same way as the <em>Rectangle Tool</em>. Click and drag to make an ellipse. To create a perfect circle, hold down the <em>Ctrl</em> button and drag.
</p>

<p>
	<img alt="Lesson2_e.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99545" data-ratio="76.00" data-unique="plt6dcc4o" style="width: 200px; height: auto; float: left;" width="375" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_e.jpg.02103e8817448665f8b29c87892b18fc.jpg">Choose your <em>Selector Tool</em> from the <em>Tool Box</em>. Click the circle to get your resizing nodes. This works the same way the <em>Rectangle Tool</em> works. You have the arrows in the corners that will enlarge the X &amp; Y axis. To constrain the aspect ratio, hold down the <em>Ctrl</em> button. The center arrows will resize only along the chosen axis.
</p>

<p style="clear: both;">
	 
</p>

<p>
	<img alt="Lesson2_f.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99546" data-ratio="92.50" data-unique="e68ksohiq" style="width: 200px; height: auto; float: left;" width="342" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_f.jpg.a466390d81d82686ba2b8e11e54c5f83.jpg"><img alt="Lesson2_g.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99547" data-ratio="67.50" data-unique="nskw1hhgw" style="width: 200px; height: auto; float: right;" width="414" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_g.jpg.16dac20442f991058d0c9e9e17e424cc.jpg"><span style="clear: both;">Click the circle again to get your Rotation and Transformation options. Again, this works the same way the <em>Rectangle Tool</em> works. The curved arrows in the corner allow you to rotate an object. Hold down the <em>Ctrl</em> button to constrain the rotation to 15-degree increments. The center crosshairs can be moved to change the rotation center point. The arrows in the center of each side of your selection will allow you to skew your circle.</span>
</p>

<p ipsattachlink_image="" ipsattachlink_left="" ipsimage="" ipsimage_thumbnailed="" style="clear: both;&gt;&#13;
	 &#13;
&lt;/p&gt;&#13;
&#13;
&lt;p&gt;&#13;
	&lt;img class=">
	<img alt="Lesson2_i.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99549" data-ratio="92.50" data-unique="66n6b194i" style="width: 200px; height: auto; float: right;" width="301" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_i.jpg.1c3861d31c7e65b83f5479cb4cdb3c92.jpg"><a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99548" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_h.jpg.f5980b3b674b10c79ccb2a6ee7e3c6bc.jpg" rel="" style="float: left;"><img alt="Lesson2_h.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99548" data-ratio="31.13" style="width: 225px; height: auto;" width="408" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_h.jpg.f5980b3b674b10c79ccb2a6ee7e3c6bc.jpg"></a>Let's go back to the <em>Circle Tool</em>. Select the <em>Circle Tool</em> from the <em>Tool Box</em> and select the circle you've been working with. You will see two small squares along the edge of your circle. Just like the Rectangle Tool, these allow you to scale the object. You'll also notice a small circle on the edge of your drawn circle. By clicking and dragging this circle, you can make a partial circle. With the options in your <em>Options Bar</em>, you can choose if it will make a partial circle or a pie-shaped circle. The pie-shaped circle will use the natural center point of the circle to make its pie shape. Now here's a trick to switch between a partial circle and a pie-shaped circle. When you're dragging, the circle node that's being manipulated (highlighted in blue, you can control whether it's a partial circle or pie-shaped circle by dragging your mouse through the blue node. This will toggle between the two options. Also note, if you're trying to draw a new circle, but it's coming up as a partial or pie-shaped circle, you can click the button in the <em>Options Bar</em> to make it a full circle.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Polygon/Star Tool
	</p>
</div>

<p>
	The <em>Polygon/Star Tool</em> works much the same way as the <em>Rectangle Tool</em>. Click and drag to create a polygon or star. You'll notice that you can't make a polygon/star elongated. By definition, polygons are symmetrical. If you wish to elongate an axis, you must resize it using the <em>Selector Tool</em>.
</p>

<p>
	<img alt="Lesson2_j.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99550" data-ratio="94.00" data-unique="h0bmknwv8" style="width: 200px; height: auto; float: left;" width="304" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_j.jpg.5017cb1d802996dc3e7d060bb036dba4.jpg">Choose your selector tool from the <em>Tool Box</em> and click your polygon/star. You will receive the same resizing options as the <em>Rectangle Tool</em>. You have the arrows in the corners that will enlarge the X &amp; Y axis. To constrain the aspect ratio, hold down the <em>Ctrl</em> button. The center arrows will resize only along the chosen axis.
</p>

<p>
	<img alt="Lesson2_k.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99551" data-ratio="85.00" data-unique="nufveikdl" style="width: 200px; height: auto; float: right;" width="339" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_k.jpg.61a788445981b1b88fb4ab5b9f724956.jpg"><img alt="Lesson2_l.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99552" data-ratio="79.50" data-unique="vz56hyft6" style="width: 200px; height: auto; float: right;" width="370" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_l.jpg.86dfe81492dab4a4b35aa436e60e086a.jpg">Click the polygon/star again to get your Rotation and Transformation options. Again, this works the same way the <em>Rectangle Tool</em> works. The curved arrows in the corner allow you to rotate an object. Hold down the <em>Ctrl</em> button to constrain the rotation to 15-degree increments. The center crosshairs can be moved to change the rotation center point. The arrows in the center of each side of your selection will allow you to skew your circle.
</p>

<p>
	Select the <em>Polygon/Star Tool</em> from the <em>Tool Box</em> and select your polygon/star. You can choose whether the shape you drew is represented by a polygon or star by selecting the appropriate icon option in the <em>Options Bar</em>. If the polygon option is selected, you'll notice a single square node on the edge of your polygon. This is a resizing node and will resize the polygon proportionally along the X &amp; Y axis.
</p>

<p>
	<img alt="Lesson2_m.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99553" data-ratio="92.50" data-unique="6s5wzx9mt" style="width: 200px; height: auto; float: left;" width="304" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_m.jpg.987eaf44f9f6382a0c3c8f8593c644a4.jpg">If the star option is selected, you'll see two squares along the edge of the star. The square on the outside corner is a resizing node and will resize the star proportionally along the X &amp; Y axis. There's also an inside square. This node will change the sharpness of the star. You can also add a skewed spiral to the star as well by moving the node off-center. Holding down the Ctrl button will keep this node centered between the outside points, thereby making a perfect star.
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_right" data-fileext="jpg" data-fileid="99554" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_n.jpg.35f014ffda4ae5d1581921ae397ac8cc.jpg" rel="" style="float: right;"><img alt="Lesson2_n.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99554" data-ratio="21.67" data-unique="gvl6nviaq" style="width: 300px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_n.thumb.jpg.50c093c31f2764ab6a9caa1c78dc5ee7.jpg"></a>You'll also notice in the <em>Tool Options</em> that you can choose how many corners your polygon/star has. You can also round the corners of your polygon/stars here. There is also a randomization option, while not having much practical use, is kind of fun to play with. Lastly, there's an icon to set your polygons/stars to the default setting.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Bezier Tool
	</p>
</div>

<p>
	The <em>Bezier Tool</em> is a unique one and I'll only be covering the very basics in this lesson. We'll really look at what it can do in Lesson 5. But for now, know it can create lines or shapes.
</p>

<p>
	<img alt="Lesson2_o.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99555" data-ratio="55.50" data-unique="e0c1fmjfc" style="width: 200px; height: auto; float: left;" width="397" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_o.jpg.7bbab91c64afdd88775452c32b66f64e.jpg">Select the <em>Bezier Tool</em> from the <em>Tool Box</em>. Click once in on your document and release (it is important that you don't drag.). Then move your mouse to another location on your document and click again. This created a straight line from one point to the next, much like a dot-to-dot puzzle. Hit <em>Enter</em> on your keyboard, and now you have a straight line. We'll learn to turn this straight line into a curved line in Lesson 5.
</p>

<p>
	You can also create closed shapes. Click once in your document, then click somewhere else. Create 4 or 5 points, then return and click on the beginning point (it has a small square node at the beginning point). This will close the shape.
</p>

<p>
	You'll notice that this tool doesn't have any options in the <em>Options Bar</em>.
</p>

<p>
	This tool will be used to make line drawings, add detail, and create more complicated shapes later in the class.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Working With Color
	</p>
</div>

<p>
	Now that we are creating shapes, it is important to look at how to color these shapes. Coloring is a great organizational tool to color-code shapes based on purpose. It also helps for illustration. But in the end, you'll most likely use a gray interior with a black outline for easy cutting and making your pattern printer-friendly.
</p>

<p>
	<img alt="Lesson2_p.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99556" data-ratio="150.50" data-unique="1la2qo18t" style="width: 200px; height: auto; float: left;" width="246" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_p.jpg.97070b47268bd4fb066a54613be959d3.jpg">To color a shape, simply choose your <em>Selector Tool</em> from the <em>Tool Box</em>, select your shape and click a color in the color palette. It is as easy as that.
</p>

<p>
	To color the stroke (outline), right-click on the color you wish to choose and select <em>Set Stroke</em>. You can also hold down the <em>Shift</em> key and click a color in the color palette.
</p>

<p>
	To change the stroke width, right-click the number to the right of the <em>Stroke</em> color box (lower-left corner of the screen). A pop-up menu will have a number of presets available.
</p>

<p>
	Note that a single straight line is considered a stroke and is colored as such. However, curved lines can have a fill, which could cause problems later on. We'll cover this topic later in the class. But be aware that lines made with the Bezier Tool may cause problems if a fill color is applied.
</p>

<p>
	To remove the fill color or stroke color, right-click on the Fill or Stroke boxes in the lower-left corner of your screen and choose Remove Fill or Remove Stroke.
</p>

<p>
	For better control over your color, click the color box next to the <em>Fill</em> or <em>Stroke</em> boxes in the lower-left corner. This will pop up a docked dialog box. You have a number of options to choose from, including color selection preferences, opacity, and gradients. Since we don't use color when creating scroll saw patterns, we won't be covering these options in this class.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Duplicating
	</p>
</div>

<p>
	You'll be duplicating shapes a lot. You'll do this to make copies of a shape to use in a different part of your design, or you may duplicate an entire design as a backup copy, in case your experiments go terribly wrong.
</p>

<p>
	Duplicating can be done in a couple of ways. You can copy and paste an object. Copy by going to <em>Edit&gt;Copy</em> (or the keyboard shortcut <em>Ctrl+C</em>). Paste by going to<em> Edit&gt;Past</em>e (or the keyboard shortcut <em>Ctrl+V</em>).
</p>

<p>
	You can also duplicate an object by going to <em>Edit&gt;Duplicate</em> and a copy of your object is placed directly on top of your original. However, I prefer using the shortcut <em>Ctrl+D</em> for duplicate.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Selector Tool Options
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99557" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_q.jpg.353154604398c80b33fe9f764c7bdf13.jpg" rel="" style="float: left;"><img alt="Lesson2_q.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99557" data-ratio="14.86" data-unique="z6kchlt7k" style="width: 350px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_q.thumb.jpg.6b74e337b677e4817702af18f66b8b40.jpg"></a>With your <em>Selector Tool</em> active, click your object. On the right side of the <em>Options Bar</em>, you'll see the Height and Width boxes (H and W) along with a pull-down menu that offers various measurement units. I'll choose inches. You'll notice that the height and width change to reflect the dimensions in inches. You can type in specific values in the height and width fields and it will change your object dimensions accordingly. You'll use this a lot when creating scroll saw patterns, especially when size plays an important role. There is also a lock icon between the height and width fields. This will lock the aspect ratio. So whenever you scale the object (with either the height or width fields or by using the resize nodes on the object), the resizing will occur equally along the X &amp; Y axis.
</p>

<p>
	Next to the height and width area, you'll find X &amp; Y access fields. This is where your object appears in the X &amp; Y coordinates of your document. This is represented in pixels and references to the bottom left corner of your object selection. You could use this for specific placement, but I find it much too cumbersome to use.
</p>

<p>
	To the left of the X &amp; Y coordinates, you'll find quick layering tools. This is different from the Document Layers hinted at in the previous lesson. Rather this is the order of objects within the layer. We'll be covering this in the next lesson, so we won't dwell on that now.
</p>

<p>
	<img alt="Lesson2_r.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99558" data-ratio="78.50" data-unique="sswzjdiax" style="width: 200px; height: auto; float: left;" width="404" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson2_r.jpg.1276b5b5b47828a209061e0e3ef1590d.jpg">To the left of the layers buttons are the flip and rotate options. This is very useful for flipping your objects. Select one of your shapes and choose either <em>Flip Horizontally</em> or <em>Flip Vertically</em>. When you combine this with duplicate, you can start to put together a nice symmetrical pattern. Try selecting an unusual shape. Then duplicate it (<em>Ctrl+D</em>). Then click the <em>Flip Horizontally</em> button in the <em>Options Bar</em>. Then move over your object to the right of the original object. Now you have a mirror image. Select your object again, duplicate it, then lip vertically. Put that directly below your original object. Do the same for your first object. Now you can see that you have the beginnings of a pattern.
</p>

<p>
	You can rotate an object 90 degrees clockwise or counter-clockwise by using the <em>Rotate</em> buttons. However, I usually prefer using the rotation nodes on the object while holding down the <em>Ctrl</em> button.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Assignments:
	</p>
</div>

<p>
	 
</p>

<ul>
<li>
		We've learned how to use the basic shapes and how to manipulate them. Take a little time and play with these tools, rotate, resize, skew, duplicate, flip, and whatever else catches your fancy. The more you play with this program, the quicker you'll learn how the tools work with one another.
	</li>
</ul>
]]></description><guid isPermaLink="false">22</guid><pubDate>Thu, 03 Sep 2009 17:19:00 +0000</pubDate></item><item><title>Aligning Our Objects</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/aligning-our-objects-r23/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_f.jpg.5526396e744967de111b64fd9b7c3b92.jpg" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_3970_5" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/Pmvjq2HXhqk?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome back to Lesson 3 as we learn to use Inkscape to make scroll saw patterns. In this lesson, we'll be aligning our objects. This will play an important role in designing our patterns as we line elements up for symmetry or distribute them equally across our pattern.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Layers
	</p>
</div>

<p>
	Inkscape offers layers much the same way GIMP does. Each layer can hold any number of elements. The visibility can be toggled on and off and you can lock the layers from being edited. This is a very useful tool if you are working with large and complex graphic art illustrations. However, for our needs, we'll only use the default layer (layer 1) to put together our designs.
</p>

<p>
	<img alt="Lesson3_a.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99559" data-ratio="107.11" data-unique="k859mpn6o" style="width: 225px; height: auto; float: left;" width="363" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_a.jpg.8e0bd4b3f95f1d905bb7d8bd7e9a7016.jpg">We won't be discussing Layers in this class, but if you wanted to play around with them, you'll find the <em>Layers</em> menu at the top. There you can create new layers, delete them, reorder them, rename them, and more.
</p>

<p>
	 
</p>

<p>
	<img alt="Lesson3_b.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99560" data-ratio="50.50" data-unique="c9o4q48ht" style="width: 200px; height: 101px; float: right;" width="203" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_b.jpg.27794a85803edb62c2fb6cff6d9dfbfb.jpg">You can choose which layer you're working on at the bottom of the screen. You can also lock the layer, and toggle visibility in this section as well.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Object Order
	</p>
</div>

<p>
	Within a layer, we can have multiple objects. These objects have an order. One object will stack (or cover) another object. By default, the object order depends on the order in which you create them. So your first object will be on the bottom, your second will be on top, and your third object will be on top of all 3. We'll be needing a way to change this order when we create our patterns.
</p>

<p>
	<img alt="Lesson3_c.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99561" data-ratio="79.50" data-unique="y680vwc99" style="width: 200px; height: auto; float: left;" width="408" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_c.jpg.e5cda880455cc9c441722c6e5c38c85d.jpg">Create 3 shapes to experiment with (a square, a circle, and a star). Move each object so that it overlaps the other two. Choose your <em>Selector Tool</em> from the <em>Tool Box</em> and select an object. In the <em>Options Bar</em>, you'll see an object order selection. By clicking one of these buttons, you can raise or lower your selected object's order. The first button will send the selected object all the way to the bottom. The next button will move your selected object down one level. So if you want the top object in the middle, you'd select the top object and push this button once. Now it will be in the middle. The next two buttons work the same way but will raise the selected object instead.
</p>

<p>
	I prefer using keyboard shortcuts. <em>Page Up</em> and <em>Page Down</em> will raise the object one level above or one below respectively. <em>Home</em> and <em>End</em> will either raise the object to the top level or the bottom level respectively.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Groups
	</p>
</div>

<p>
	Grouping is a way to organize elements and makes manipulation of those elements easy. When several objects are grouped, those objects act as a single object. When you ungroup them, they become separate objects once again.
</p>

<p>
	<img alt="Lesson3_d.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99562" data-ratio="136.50" data-unique="0x9iy8evz" style="width: 200px; height: auto; float: left;" width="246" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_d.jpg.7ae1f591e1fb552b775c36bfe42b0b1e.jpg">To create a group, select several objects. At the top of your screen in the <em>Tool Bar</em>, you'll find a <em>Group</em> and <em>Ungroup</em> button. I prefer using the keyboard shortcut, <em>Ctrl+G</em> for group and <em>Ctrl+Shift+G</em> for ungrouping.
</p>

<p>
	When you have a group, you can manipulate that group as if it was one object. You can change the fill and stroke color of all of the objects within that group. You can resize and rotate the entire group. Their same relative position remains the same within the group without coming out of alignment. Groups also make it easy to organize elements. Perhaps several shapes will make up a more complicated shape. You can group these objects into one object, then duplicate them for use in another part of your design. Moving the objects and manipulating them as a group will make your life so much easier.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Guidelines
	</p>
</div>

<p>
	You can use horizontal and vertical guidelines to line up objects and for reference points. You can add guidelines by moving your mouse into the rulers on the top and left side of your work area and dragging them out. To move an existing guideline, hover over the guideline. When it turns red, it means you can click and drag the guideline to where you need it. If you need the guideline at a specific area, double-click the guideline and a pop-up dialog box appears where you can type in the specific location. To remove a guideline, simply drag the guideline back into the ruler.
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99563" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_e.jpg.4dfece3c6e46e13d8573dcccb4129cb9.jpg" rel="" style="float: left;"><img alt="Lesson3_e.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99563" data-ratio="59.50" data-unique="bx2cpb5ke" style="width: 200px; height: auto;" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_e.thumb.jpg.23e2217bc43082248e3e3039c282da1c.jpg"></a>Objects will automatically snap to the guidelines, so you can use them to align objects pretty easily. You can also use a horizontal guideline as a reference for placing objects. If you need to rotate a pattern so that two points meet a horizontal surface for stability (a puzzle, car, or word art), a horizontal guideline is a great reference.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Align &amp; Distribute
	</p>
</div>

<p>
	The <em>Align and Distribute</em> tool will take all the guesswork out of lining up your objects. It will place items in a precise area relative to other objects. You'l be using this tool constantly. So take some time and get familiar with it.
</p>

<p>
	To use this tool, click the <em>Align &amp; Distribute</em> button on your <em>Tool Bar</em>. This will pop up a docked dialog box with your options. You'll notice the <em>Align &amp; Distribute</em> dialog is broken up into 4 sections. The first two sections are where we'll focus our attention.
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99564" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_f.jpg.4955f7a7987bbc59a0966917cd825c25.jpg" rel="" style="float: left;"><img alt="Lesson3_f.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99564" data-ratio="90.50" data-unique="0ravdjl5v" style="width: 200px; height: auto;" width="443" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson3_f.thumb.jpg.52204174fafaf9bc0d95ad2677482a2d.jpg"></a>The <em>Align</em> box starts with a pulldown menu next to <em>Relative To:</em> When aligning objects, you must tell the program what to reference when aligning. You have several options. <em>First Selected</em> and <em>Last Selected</em> refer to an anchor object. This is the object to which the other elements will align themselves to. So if you chose <em>First Selected</em>, the first object you select becomes your anchor object. Likewise, <em>Last Selected</em>, the last object you select becomes your anchor object. We'll discuss how this works in a moment.
</p>

<p>
	<em>Biggest</em> and <em>Smallest</em> will choose the object in your selection that is the biggest or smallest (depending on which you chose) as your anchor object. All other items selected will position themselves relative to this anchor object. I've never used these options, but on rare occasions, they could prove useful.
</p>

<p>
	<em>Page</em> is nice when you want to center your pattern on your page before printing. Group your pattern and center on the horizontal and vertical axis. Now you're ready to print!
</p>

<p>
	<em>Drawing</em> refers to the entire drawing. This includes elements inside and outside your paper. It figures the perimeter based on objects on the outer edges of all of the elements (top, bottom, left, and right), based on that, it will align your object relative to this calculated perimeter. I've never used this option and really don't see the value. But it is available if the time arises.
</p>

<p>
	<em>Selection</em> is the option I use most of the time. When you select multiple objects, it will position those objects relative to one another. So if you want to center everything, you select your objects and align them to the center. This works especially well when working with small groups of objects.
</p>

<p>
	Below the <em>Relative T</em>o pulldown menu, you'll see a row of buttons. These are the horizontal alignment buttons. The first button requires an anchor. This is where the <em>Relative To First Selected</em> (or <em>Last Selected</em>) comes into play. First you select your anchor object, then select any other objects you wish to align. When you click this first button, it will align the right side of your objects to the left side of your anchor.
</p>

<p>
	The next three buttons are pretty straightforward and work similarly to word processors. The first button will align all of your selected objects to the left side (left-justified). The next button will center all of your selected objects (center). Then we have aligned all of your selected objects to the right side (right-justified).
</p>

<p>
	The next button is the reverse of the first button that requires an anchor object. But this one will align the left side of your selected objects to the right side of your anchor.
</p>

<p>
	Finally, the last button is for text only and does not work with objects. This will align all of your selected text objects along the left side.
</p>

<p>
	The next row of buttons is the same as the ones above, but instead of horizontal alignment, they modify vertical alignment.
</p>

<p>
	The next box is the <em>Distribute</em> section. This will distribute objects evenly within a selection. To calculate how to distribute your selected objects, you must first have the two outside objects (right and left or top and bottom) in the correct place. All other elements will be distributed relative to these two objects. The first row of buttons distributes objects horizontally. The first button takes the left edge of all the objects and evenly spaces them. The next takes the center of each object and evenly spaces them. The third button takes the right edge of the object and evenly spaces them. The fourth button will calculate the gaps between each object and makes them even across your selection. And lastly, the final button is used only for text. This will distribute text objects evenly between two objects, much the same way as objects.
</p>

<p>
	The next row of buttons is similar to the first, however, they distribute vertically instead of horizontally.
</p>

<p>
	We also have one last row of buttons. The first one will randomize the placement. The second button will distribute the items equally from one another. I don't really use this tool, so I'm not familiar with the application. We won't be using them in this class.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Assignment
	</p>
</div>

<p>
	 
</p>

<ul>
<li>
		Play with each of these tools until you understand how they work.
	</li>
	<li>
		Try designing an American flag. This is a great way to use simple shapes and use what you've learned in this lesson. If you do it right, you'll only have to draw 3 shapes; a square, a rectangle, and a star. You'll have to rely on grouping, duplicating, and distributing objects to make it look correct. Here's a hint: Duplicate the red rectangle, and change the fill color to white to get your white stripe. Give it a try and see how well you do.
	</li>
</ul>
<p>
	 
</p>

<p>
	<strong>Solution:</strong>
</p>

<p>
	 
</p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_3970_6" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/sX-nb1jwLvw?feature=oembed"></iframe>
		</div>
	</div>
</center>
]]></description><guid isPermaLink="false">23</guid><pubDate>Tue, 08 Sep 2009 17:20:00 +0000</pubDate></item><item><title>Building Complex Shapes</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/building-complex-shapes-r24/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_g.jpg.e550070777db83dbad6838e989bcdf67.jpg" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_1085_6" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/Nrmk8iYr-P8?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" data-fileext="jpg" data-fileid="99706" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_a.jpg.52a68027343a6d6aae593e9912bb722c.jpg" rel="" style="float: left;"><img alt="Lesson4_a.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99706" data-ratio="252.80" data-unique="6b7cv799b" style="width: 125px; height: auto;" width="158" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_a.thumb.jpg.be117dfe6dbda7aa31d47a021508059f.jpg"></a>Welcome to Lesson 4 as we learn to use Inkscape to create scroll saw patterns.
</p>

<p>
	<span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">In this lesson, we're going to learn to create complex shapes by using additive and subtractive tools. With these tools, we can take any number of simple shapes to create unique shapes. These tools are found under </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Path</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );"> menu. We'll be discussing </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Union</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">, </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Difference</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">, </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Intersection</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">, </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Exclusion</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">, </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Division,</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );"> and </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Cut Path</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">. We'll also touch briefly on </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Combine</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );"> and </span><em style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">Break Apart</em><span style="background-color: rgb( var(--theme-area_background_reset) ); color: rgb( var(--theme-text_color) );">.</span>
</p>

<p>
	These tools will play a vital role in creating our scroll saw patterns, so take some time and play with them. On the plus side, using these tools is very easy to understand and explain, so this lesson should go fairly quickly.
</p>

<p>
	 
</p>

<p>
	<img alt="Lesson4_b.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99707" data-ratio="96.00" data-unique="qplhwspr0" style="width: 200px; height: auto; float: right;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_b.jpg.e9a88fc8ff361f5f2e0c954e4c79aa33.jpg">Begin by creating two shapes (square and circle) and place them so they're overlapping a bit. Make sure they have a fill and stroke color assigned. We'll use these two shapes to demonstrate how our Path tools work. After testing each of the tools, you may want to undo (<em>Ctrl+Z</em>) the transformation to get back to your original square and circle.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Union
	</p>
</div>

<p>
	<img alt="Lesson4_c.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99708" data-ratio="96.00" data-unique="ybnthavsv" style="width: 225px; height: auto; float: left;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_c.jpg.602f79558eac12d0d38a48f6f61190ac.jpg"><em>Union</em> will merge (weld/melt) two objects together to create a single object. Try selecting your square and circle, the choose <em>Path&gt;Union</em>. You'll now notice the two objects merged into one object. The stroke now goes around the perimeter of the new shape. This is the easiest way to make complex shapes and will be your most used tool in the <em>Path</em>s menu. It is worthwhile to learn the shortcut keys <em>Ctrl++</em> (hold down the control button and press the plus key).
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Difference
	</p>
</div>

<p>
	<em>Difference</em> is the exact opposite of <em>Union</em>. Instead of merging two objects, one object subtracts from the other. This will use the concept of a cutter. The cutting shape will be the shape on top. Select your square and circle, then choose <em>Path&gt;Difference</em>. You'll notice that the top object cuts into the object below. Hit <em>Ctl+Z</em> to undo the Difference to get back to your original square and circle. Now change the object order and repeat the process. You'll now see that you get a completely different shape, based on what shape is your object, and which shape is your cutter. This will be your second most used tool in the <em>Path</em>s menu. It is worthwhile to learn the shortcut keys <em>Ctrl+-</em> (hold down the control button and press the minus key)
</p>

<p style="text-align: center;">
	<img alt="Lesson4_d.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99709" data-ratio="96.00" data-unique="8snfjty2l" style="width: 225px; height: auto;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_d.jpg.51b73c223f63aa57cc0ace7bf4c61c45.jpg"><img alt="Lesson4_e.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99710" data-ratio="96.00" data-unique="y34q6dnm3" style="width: 225px; height: auto;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_e.jpg.f18ed86c1277b774d414c8f23d3429d0.jpg"></p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Intersection
	</p>
</div>

<p>
	<img alt="Lesson4_f.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99711" data-ratio="96.00" data-unique="eu4b9mfl2" style="width: 225px; height: auto; float: left;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_f.jpg.c79602161810d5f7f327024d102a9b0d.jpg"><em>Intersection</em> will take two overlapping objects and leave the overlap area as your new shape. Select your square and circle and choose <em>Path&gt;Intersection</em>. You'll see immediately that the overlapped area is all that remains from your two objects.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Exclusion
	</p>
</div>

<p>
	<img alt="Lesson4_g.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99712" data-ratio="96.00" data-unique="2ss9h580s" style="width: 225px; height: auto; float: left;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_g.jpg.339fc86494208495cb01e09a23886dfe.jpg"><em>Exclusion</em> is the exact opposite of <em>Intersection</em>. Instead of leaving the overlapped areas, the overlapped areas will be removed, leaving behind a hole. Select your square and circle and choose <em>Path&gt;Exclusion</em>. You'll notice the overlapping areas are now a hole, and the remaining parts of your two objects are now one object.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Division
	</p>
</div>

<p>
	<em>Division</em> is similar to <em>Difference</em> in the fact that it requires a cutter. Your cutting object is the object on top. This option will take your top object and cut the bottom object where they intersect. Select your square and circle and choose <em>Path&gt;Division</em>. You'll notice your top (cutter object) disappears. What you're left with is the same shape as your original bottom object, but now its in two pieces. Select the area where they overlapped and move that cut piece away. You'll also notice that the cut edge of the cut piece has the same shape as the cutter.
</p>

<p style="text-align: center;">
	<img alt="Lesson4_h.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99713" data-ratio="96.00" data-unique="u048wzu1z" style="width: 225px; height: auto;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_h.jpg.ece9f7377a978e0181a7c17c40d44d59.jpg"><img alt="Lesson4_i.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99714" data-ratio="96.00" data-unique="u3cq6m326" style="width: 225px; height: auto;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_i.jpg.6d1f3ad9f70d838327ac3e39ace1c426.jpg"></p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Cut Path
	</p>
</div>

<p>
	<em>Cut Path</em> works much the same way as <em>Division</em>, but instead of a solid object, it cuts the path (outline) instead. This option also requires the cutter to be on top. Select your square and circle and choose <em>Path&gt;Cut Path</em>. Your bottom object will be converted into a path (outline). Where the two objects intersected, the path will be cut into two paths. With your <em>Selector Tool</em>, move the overlapping path away. Now you have two separate pieces of line art.
</p>

<p style="text-align: center;">
	<img alt="Lesson4_j.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99715" data-ratio="96.00" data-unique="ig55hzkwn" style="width: 225px; height: auto;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_j.jpg.83f2de83cef49cb89dd2d84fddde3900.jpg"><img alt="Lesson4_k.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99716" data-ratio="96.00" data-unique="bkw8zppaq" style="width: 225px; height: auto;" width="367" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson4_k.jpg.d133ceab17572b2f058b8e19112dd686.jpg"></p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Combine and Break Apart
	</p>
</div>

<p>
	This tool is a little complicated to wrap your head around, but it will play a role when we start editing nodes. We'll also use these options when working with text so we can work with individual letters.
</p>

<p>
	<em>Combine</em> will take two objects and make them into one object. Unlike <em>Union</em>, the two shapes still remain. However, the lines of the two shapes now become sub-paths. The advantage of <em>Combine</em> is that you can use your node editor (we'll be discussing the next lesson) and edit the nodes of all the shapes that were combined. When using <em>Combine</em>, your shape-specific transformation tools (like rounding square corners) will be lost.
</p>

<p>
	<em>Break Apart</em> is the opposite of <em>Combine</em>. It will take one object, and separate them into separate pieces. This allows easy manipulation of shapes within the original object without relying on node editing. Once your editing is done, you can select all of your pieces and <em>Combine</em> them once again to make a single object.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Assignment
	</p>
</div>

<p>
	 
</p>

<ul>
<li>
		Try putting together a shape by using each of the Path tools (excluding Combine and Break Apart).
	</li>
	<li>
		Once you have your shape put together, try playing with Combine and Break Apart (Break your shape apart first).
	</li>
</ul>
]]></description><guid isPermaLink="false">24</guid><pubDate>Thu, 10 Sep 2009 07:00:00 +0000</pubDate></item><item><title>Nodes and Editing</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/nodes-and-editing-r25/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_j.jpg.6ddf54aa1d523f80e0d23567b74ea28e.jpg" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_2325_8" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/oiCLN28048M?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome to Lesson 5 as we learn to use Inkscape to make scroll saw patterns. This time, we'll be talking about nodes and how to edit them. This could be the most important lesson in the series. We'll really start to see the power of vector graphics to create scroll saw patterns. If you can get a good feel for node editing, there's no stopping you!
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		What Are Nodes?
	</p>
</div>

<p>
	If you remember back to the very first lesson, we discussed the difference between vector graphics and bitmap/raster graphics. I basically said that vector graphics are a mathematical representation of an image. This is where nodes come in. An easy way to think of a vector graphic is to think of it as if it was a dot-to-dot puzzle we did as kids. To get to the hidden image in a dot-to-dot puzzle, we'd connect the dots with straight lines in a certain order. In a vector graphic, nodes are those dots. There is a mathematical formula between those two dots that will tell the program where the lines are positioned and whether that line is curved or straight.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Object To Path
	</p>
</div>

<p>
	<img alt="Lesson5_a.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99717" data-ratio="90.77" data-unique="4sdfja9w8" style="width: 195px; height: auto; float: left;" width="195" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_a.jpg.a98a870721252486e6fc8881839370de.jpg">When working with shapes with special edit options (square, circle, star, text, etc), you'll have to turn these shapes into a path. This will strip away your special editing options (such as rounding corners, or editing text), but will allow you the freedom to edit the nodes instead. To do this, select your <em>Node Editing</em> tool in the <em>Tool Bar</em> and select your shape. You can click the <em>Convert Selected Object To Path</em> button in the <em>Options Bar</em> and that will convert your shape into a path. You can also convert the object to a path by choosing <em>Path&gt;Object To Path</em> from the menu or by using the keyboard shortcut <em>Shift+Ctrl+C</em>. Now you're ready to edit nodes.
</p>

<p>
	Another option that you may want on occasion is to turn the outline or line into a shape you can edit. To do this, you can choose the button <em>Convert Selected Object's Stroke To Path</em> from the <em>Options Ba</em>r. This will change the stroke (outline) into an editable shape. You can also choose <em>Path&gt;Stroke To Path</em> from the menu or use the keyboard shortcut <em>Ctrl+Alt+C</em>.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Selecting Nodes
	</p>
</div>

<p>
	<img alt="Lesson5_b.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99718" data-ratio="91.11" data-unique="s88dtqxz3" style="width: 225px; height: auto; float: left;" width="309" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_b.jpg.c9d43ebfd1d0cba8b0d694140366ed72.jpg">When you have your object selected with your <em>Node Editing</em> tool, you'll see small diamond shapes at the intersections. These are the nodes. You can select a node by clicking it, and the node will become bold. You can select as many nodes as you want. You can hold down the <em>Shift</em> key and select another node to add to your selection. You can also use your marquee to select multiple nodes. The line between two nodes is called a <em>Segment</em>. By clicking the segment, the two nodes attached to the segment will automatically be selected.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Moving Nodes
	</p>
</div>

<p>
	<img alt="Lesson5_c.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99719" data-ratio="84.44" data-unique="poqad5c2i" style="width: 225px; height: auto; float: left;" width="376" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_c.jpg.3a7183b5998968707dbe6ac3ccef2d16.jpg">You can move your selected nodes by dragging the node into the proper place. You can also use the arrow keys to nudge them with a bit more control. If you wish to constrain the movement to the X or Y axis, hold down your <em>Ctrl</em> key while dragging the nodes. Nodes do not have to be next to each other to select and move You can select outside nodes, leaving the nodes in the middle selected. When you move those nodes, the center nodes will remain, but the selected nodes will move to where you want them.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Adding &amp; Subtracting Nodes
	</p>
</div>

<p>
	<img alt="Lesson5_d.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99720" data-ratio="67.20" data-unique="89iw5jvhw" style="width: 250px; height: auto; float: left;" width="282" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_d.jpg.f59ec3837daf7a9b619f7482753fe3dc.jpg">You can add additional nodes to any segment by simply double-clicking on the segment. If you want to add a node exactly in the center a segment, select the nodes that make up the segment. Then click the<em> Insert New Nodes In The Selected Segments</em> button (looks like a plus sign above a square) from the <em>Options Bar</em>. This will place a node exactly in the center of the chosen segments. You can do this as often as you'd like, and nodes will continue to be added to the center of the selected segments.
</p>

<p>
	Removing nodes are about as easy as can be. Select the nodes you wish to remove and hit the <em>Delete</em> key or the <em>Backspace</em> key. You can also click the <em>Delete Selected Nodes</em> button from the <em>Options Bar</em> (looks like a minus above a square).
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Creating A Curve
	</p>
</div>

<p>
	<img alt="Lesson5_e.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99721" data-ratio="75.11" data-unique="triwycbz7" style="width: 225px; height: auto; float: left;" width="370" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_e.jpg.147e52ddfe9e24993c8af7de37ee2c22.jpg"><img alt="Lesson5_f.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99722" data-ratio="84.50" data-unique="kfa92wigz" style="width: 200px; height: auto; float: right;" width="211" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_f.jpg.13310fe515bf1a0caa26256403bf14fa.jpg">Having straight lines between nodes is fine when roughing in the general shape. But you'll soon want to finesse those lines to make them a bit more graceful and flow. You'll be needing to make these straight lines into curved lines. Creating a curve between nodes is simple. Click and drag a segment and you'll notice that the segment begins to curve. You'll also notice two blue lines with circles at the end appear at each of the nodes on either side of the curved segment. These are called <em>Bezier Handles</em>. (If you don't see the <em>Bezier Handles</em>, click the <em>Show Bezier Handles On Selected Nodes</em> button from the <em>Options Bar</em>.) These handles are what control the depth and sharpness of the curve. By clicking and dragging the circle on the <em>Bezier Handle</em>, you can control how the curve behaves on that node. It will take a little playing to get used to using the <em>Bezier</em> controls to get the curve you want. But once you get a feel for it, you'll be able to get the curve to do exactly what you want it to do. Often, I'll drag the segment out to make a curve and try to get the curve to match as close as possible. I'll then use the <em>Bezier Handles</em> to fine tune the curve to get it exactly where I want it.
</p>

<p>
	 
</p>

<div class="pw_steps_sub">
	<p>
		Types Curved Nodes
	</p>
</div>

<p>
	<img alt="Lesson5_g.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99723" data-ratio="70.00" data-unique="f2n3tsh0h" style="width: 250px; height: auto; float: left;" width="308" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_g.jpg.b3b70aaf00ee89047bbc7166de90d60b.jpg">When working with curves, you'll be wanting to accomplish different effects. You may want two curves to come together at a point. Other times, you want to be sure that the incoming curve and outgoing curve on a node are smooth. And other times, you'll want the curves to be symmetrical. You can control how a node behaves by clicking one of the node behavior buttons in the <em>Options Bar</em>.
</p>

<p style="clear: both;">
	 
</p>

<p>
	<em>Make Selected Nodes Corner</em> - This option is intended to allow you to create a sharp corner. While this is absolutely true, the reality is that this option removes all restrictions on that node. You have full control over the <em>Bezier Handles</em>. So you can have each <em>Bezier Handle</em> come in at different angles to create a sharp corner, or you can keep them parallel and have the curve smooth out. This option has the most freedom. However, if you want to ensure a smooth transition, one of your other options is better suited.
</p>

<p>
	<em>Make Selected Nodes Smooth</em> - This option smooths out the transition between the incoming segment and the outgoing segment. You'll notice that when you move one <em>Bezier Handle</em>, the other <em>Bezier Handle</em> is parallel and moves with it. This eliminates a nub where the two segments meet. You'll also notice that the length of the <em>Bezier Handles</em> is independent of each other. One handle can be longer than the other, which allows the depth of the curve to be different from one segment to the adjoining segment.
</p>

<p>
	<em>Make Selected Nodes Symmetric</em> - This option works much the same way as the previous option. However, this time, the length of the <em>Bezier Handles</em> is the same on both sides of the node. This will create a symmetrical incoming and outgoing curve.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Adding And Removing Segments
	</p>
</div>

<p>
	There are times when an open shape (line drawing) needs to become a closed shape or a closed shape needs to open up to a open shape. We can do that with our segment tools from the <em>Options Bar</em>.
</p>

<p>
	<em>Break Path At Selected Nodes</em> - This tool will split the path (outline) so that you can separate the paths. It will create two nodes out of one. These nodes will become the beginning/end nodes. You'll notice when you move the nodes apart, there isn't a line connecting these two nodes. Basically, you have an open shape (line drawing).
</p>

<p style="margin-left: 40px;">
	<img alt="Lesson5_h.jpg" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image" data-fileid="99724" data-ratio="88.00" data-unique="di85nge0v" style="width: 225px; height: auto;" width="331" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_h.jpg.bf49b74c9c2128de2f89e433dba56004.jpg"></p>

<p>
	 
</p>

<p>
	<em>Split Path Between Two Non-Endpoint Nodes</em> - This is similar to the previous tool. But instead of creating a new node, it will remove the segment between the two nodes. Again, you're left with an open shape (line drawing).
</p>

<p style="margin-left: 40px;">
	<img alt="Lesson5_i.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99725" data-ratio="77.78" data-unique="jzsmg5s93" style="width: 225px; height: auto;" width="363" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_i.jpg.080d6edd8f4ac122ed48d405308bf79b.jpg"></p>

<p>
	 
</p>

<p>
	<em>Join Selected Endnodes with A New Segment</em> - This will add a new segment between two end nodes. If you have an open shape, select the two nodes where there's only one incoming segment (end node). When you click this button, a straight line will connect these two nodes. You can also use this option to add a segment between two open shapes (line drawings) to create a new open shape.
</p>

<p style="margin-left: 40px;">
	<img alt="Lesson5_j.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99726" data-ratio="84.44" data-unique="9qs7vuizl" style="width: 225px; height: auto;" width="338" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_j.jpg.3c0806fac9b65ae882c1940affe16dcf.jpg"></p>

<p>
	 
</p>

<p>
	<em>Join Selected Endnodes</em> - This works much the same way as the previous tool, however, this does not add a new segment. Rather, it moves each end node equally to meet in the center to become one node. You can use this option to close an open shape or to join two open shapes into one open shape.
</p>

<p style="margin-left: 40px;">
	<img alt="Lesson5_k.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99727" data-ratio="93.78" data-unique="eb59xv9r7" style="width: 225px; height: auto;" width="300" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson5_k.jpg.e263de99bc461f4b011af416f5ee4af8.jpg"></p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Assignment:
	</p>
</div>

<p>
	 
</p>

<ul>
<li>
		Find a few pictures or clip art from the internet that is copyright safe. Pick images that you may someday use for your own scroll saw patterns and start building your own personal clip art library. Using your node editing tools, trace your picture. Be sure to use the Bezier Tool in the Tool Box to create simple lines for interior details
	</li>
</ul>
]]></description><guid isPermaLink="false">25</guid><pubDate>Tue, 15 Sep 2009 07:00:00 +0000</pubDate></item><item><title>Working With Text</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/working-with-text-r26/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_e.jpg.a6e875729e69b7fb36542d710a9cf9ce.jpg" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_5821_6" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/5AUBgUVVG-g?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome to Lesson 6 of our Inkscape class. This time we're working with text. Working with text is relatively easy and I'll show you the basics. We won't get into the advanced topics of working with text in this class. But you'll certainly be armed enough to tackle some of your basic word art.
</p>

<p>
	There will be many times when you work with text. You may want to create some word art or write instructions on your pattern. At the very least, you should be signing your patterns with your name and date so other scrollers can give you credit for the design. Inkscape doesn't have many options regarding text, however. It's a little disappointing because text is a major part of graphic arts. I'd imagine in future updates, you'll have many more options. Regardless, we're still able to do a lot with text in our patterns.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Text
	</p>
</div>

<p>
	<img class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="99728" data-ratio="72.00" data-unique="7dkliyrp2" style="width: 225px; height: auto; float: left;" width="338" alt="Lesson6_a.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_a.jpg.29a8defad6bcf6baf8a80e98df60e8e4.jpg">Text is easy to add to any document. Simply click the <em>Text Tool </em>from the <em>Tool Bar</em> and click on your document. A cursor will show up, and you can begin typing. When you are done, select another tool, and your text will now become an object. You can edit your text the same way as with any other object. You can scale, rotate and skew. Later, you can change the words in your text by simply clicking the <em>Text Tool</em> and clicking your text. A cursor will show up, and you can edit your text accordingly.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps_sub">
	<p>
		Text Box
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_right" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_b.jpg.1f17973e7df8318063c70ca251dcf6aa.jpg" style="float: right;" data-fileid="99729" data-fileext="jpg" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="99729" data-ratio="93.78" data-unique="fqort9398" style="width: 225px; height: auto;" width="427" alt="Lesson6_b.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_b.thumb.jpg.78baf80602c9a98c267122b21d1e9982.jpg"></a>Another option for adding text is by creating a <em>Text Box</em>. Simply choose your <em>Text Tool</em> from the <em>Tool Bar</em>, then click and drag a box. This box becomes a container for your text. Try adding several sentences to your <em>Text Box</em>. You'll notice when you get to the edge of the <em>Text Box</em>, your words will wrap around onto a new line. If the sentences go beyond the bottom of the <em>Text Box</em>, the overflowing words will be hidden. Now try resizing your text box by dragging the small diamond in the lower right corner of the <em>Text Box</em>. You'll notice as you change the size of the box, the word-wrap changes.
</p>

<p>
	This is a handy tool when creating brochures or any document that requires columns. It is much easier to size the text box to the size you need, rather than formatting the text by hand. You can also use this option if you have assembly instructions for your patterns.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Font Properties
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_c.jpg.2f06c3e5c74306a6ab74aa2c55f06792.jpg" style="float: left;" data-fileid="99730" data-fileext="jpg" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="99730" data-ratio="20.50" data-unique="7a10hu4mh" style="width: 400px; height: auto;" width="600" alt="Lesson6_c.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_c.thumb.jpg.f7499e2865e39a203201886d96e54b01.jpg"></a>When you have your <em>Text Tool</em> selected, you'll notice a bunch of <em>Font Properties</em> that appear in the <em>Options Bar</em>. This works much the same as a word processor. Simply select your text and choose your options. You can choose your font from the pulldown menu, change your size, change justification (left, center, right, or justified), as well as bold and italics. You'll also notice you can make the text vertical or horizontal.
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	<img class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99731" data-ratio="58.00" data-unique="bk0vxc5zg" style="width: 250px; height: auto; float: right;" width="501" alt="Lesson6_d.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_d.jpg.4def52cd71faacf596f8f5da6aa60570.jpg">One quirk I've noticed with Inkscape is that the Font Selection pulldown doesn't always work. More often than not, I have to use the <em>Font Properties</em> popup window. You can find this at the top of your screen in the <em>Tool Bar</em>. The icon looks like the letter 'T.' Clicking this will pop up a window with the exact same options you had in the <em>Options Bar</em>. Make your selection, then click<em> Apply</em>, then close the window.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Kerning
	</p>
</div>

<p>
	Every once in a while, certain letter pairs look a bit odd when placed next to each other. There appears to be much more white space than is needed, despite the fact they are properly spaced. Letter pairs such as TA or VA. You can reduce the amount of space between letter pairs by <em>Kerning</em>. Simply place your cursor between a letter pair, hold down your <em>Alt</em> key and use your left or right arrow key. You'll notice the letters begin to nudge closer or further away depending on which arrow key you press. You can also raise (superscript) or lower (subscript) your letters by pressing the arrow key up or down. Kerning gives you creative control over your text without altering the text functions.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Text To Path
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_e.jpg.312341353579d488ae646cbeef191415.jpg" style="float: left;" data-fileid="99732" data-fileext="jpg" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="99732" data-ratio="52.50" data-unique="5gb7eqit1" style="width: 200px; height: auto;" width="600" alt="Lesson6_e.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_e.thumb.jpg.d737872d0c1bac41ef40333852fe4f69.jpg"></a><img class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_right" data-fileid="99733" data-ratio="40.00" data-unique="hz6m7rl2h" style="width: 200px; height: 80px; float: right;" width="450" alt="Lesson6_f.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_f.jpg.ba18a08cd6e0365c539708a2f43351e1.jpg">When creating word art, sometimes you want to have complete control over the letters. Unfortunately, the text tool is rather limited. However, you can take the text you created and turn it into a path. When this happens, you no longer have text that you can change, but rather a shape. But this also affords the luxury of editing the nodes and moving individual elements wherever you want them.
</p>

<p>
	To turn text into a path, simply select your text with your <em>Selector Tool.</em> Then go to <em>Path&gt;Object To Path</em>. Now you have full control over the nodes and you can edit your new shape any way you want.
</p>

<p>
	There may be times when you want each individual letter to be separate. To do that, go to <em>Path&gt;Break Apart</em>. This will break apart your object into individual objects. You may notice that some closed letters such as 'a' 'o' 'e' 'd' etc, lose the hole in the center. This didn't really disappear. Remember that <em>Break Apart</em> breaks a complex shape into multiple simple shapes. So the hole in the center is also a shape. To bring those back to what they were before, simply select the letter and the hole and go to <em>Path&gt;Combine</em>. This will combine the two objects into one object. The smaller object will become the hole for the larger object. So now your closed letters are back to their former glory. Now that your word is broken into individual letters, you can now manipulate them any way you want.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Text On Path
	</p>
</div>

<p>
	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_g.jpg.21696c3f40e3469542936c4e4f70fc48.jpg" style="float: left;" data-fileid="99734" data-fileext="jpg" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="99734" data-ratio="46.55" data-unique="6xyz2ld9o" style="width: 275px; height: auto;" width="600" alt="Lesson6_g.jpg" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson6_g.thumb.jpg.7364f31c68f507d8f4a63a3cab8d491d.jpg"></a>This is a fun option you may want to play with. You can make text flow along a path. Using your <em>Bezier Tool</em> in your <em>Tool Box</em>, create a straight line. Then turn that straight line into an 'S' curve with your <em>Node Editing Tool</em>. Select your text (it has to be editable text, not a path like we created in the previous section), then select your path. Choose <em>Text&gt;Put On Path</em>. You'll notice the text now follows the line you just created. If you edit the line, the text will follow suit. If you wish to hide your path, simply choose the path and remove the stroke and fill colors. The path is still there, you just can't see it. If you need to select your path again, use your Tab key to select objects until you find your path.
</p>

<p>
	One note. When creating a path for your text to follow, it will always place the beginning of the text at the first node of the path. So if you created a path that started on the right side of the screen and ended at the left side of the screen, when you place your text on the path your text will be upside down.
</p>

<p>
	To fine-tune the location of your text on the path, use a combination of spaces and <em>Kerning</em>.
</p>

<p>
	 
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Assignment
	</p>
</div>

<p>
	 
</p>

<ul>
<li>
		Play around with the text tool.
	</li>
	<li>
		Create some text, turn it into a path, break it apart, combine any closed letters, and start manipulating individual letters to create some word art.
	</li>
</ul>
]]></description><guid isPermaLink="false">26</guid><pubDate>Thu, 17 Sep 2009 07:00:00 +0000</pubDate></item><item><title>Designing A Trinket Box</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/designing-a-trinket-box-r27/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/pattern.PNG.2951372d4c220f7ea13560d4fd608ae6.PNG" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_3113_8" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/97xrQG3jiwE?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome to Lesson 7. This time, we're actually putting together what we've learned up to this point to design a scroll saw pattern. We will be designing a simple trinket box. Since the lid will have some nice fretwork, you can also use this box to hold potpourri.
</p>

<p>
	This video demonstrates the entire process. We move fairly fast and don't spend much time teaching you how to use the tools. But everything that I have done in the video (with the exception of the Dynamic Offset tool) has already been covered in previous lessons. There is too much information to cover in written instructions, so I've provided a general overview instead. You probably won't understand the written instruction without seeing the video first.
</p>

<div class="pw_steps">
	<p>
		Create Lid and Base
	</p>
</div>

<p>
	The box lid and base will be made of 1/4" material. First, we have to come up with a general shape for our box. First, I create a perfect circle. I duplicate that circle, center the two circles vertically and stack them on top of each other. I group the circles and duplicate them, then rotate them 90 degrees. I group both of these groups, duplicate, then rotate 45 degrees. Now we have a nice shape for our trinket box. I ungroup all of the groups, then union each of the pieces until we have a single shape. Then using the scaling tools, I lock the aspect ratio and make the box 5.4" tall so it will fit nicely on a 1x6" stock. Duplicate this object so we have two copies (1 lid, 1 base).
</p>

<div class="pw_steps">
	<p>
		Create Box Walls
	</p>
</div>

<p>
	The box walls will be made of 2 or 3 pieces of 1/2" or 3/4" stock, stacked and glued. The box walls will be inset from the base and lid a bit for a nice shadow line. I duplicate the lid and scale it down to 4.9". I draw a small square and scale it to 1/4". We will use this as a measuring tool. I center the walls and the square vertically, then align it to the top. This will give us a visual indication of what 1/4" measurement. We now need to make the inner walls. I then duplicate the wall again, then use a new tool. Choose <em>Path&gt;Dynamic Offset</em>. Grab the diamond-shaped node and drag it down to the bottom of your 1/4" measuring square. It doesn't have to be exact, just get close. Set the square aside to use later. Duplicate the inner wall and set that aside, we'll use that for the Lid Insert. Select the outer wall and the inner wall and choose Difference.
</p>

<div class="pw_steps">
	<p>
		Create Lid Insert
	</p>
</div>

<p>
	The Lid Insert will fit snuggly inside the box walls. This will be made of 1/4" or 1/8" stock. We'll glue this to the lid so it positions the lid precisely. Since we want to add piercing cuts to the lid, we must make this lid insert into a ring so the fretwork shows through. Repeat the same process as we created the Box Walls. Put the measuring square in place, duplicate the insert, then dynamic offset it until it reaches the bottom of the measuring square. Duplicate and set the inner ring wall to the side for reference for when we add the fretwork. Then select the inner and outer ring and choose Difference.
</p>

<div class="pw_steps">
	<p>
		Create Fretwork for Lid
	</p>
</div>

<p>
	Now it's time to add a bit of fretwork to the lid. But first, we need to know where the safe areas are to place the fretwork. We don't want the Lid Insert or the Box Walls to show through the fretwork. Choose the Lid Insert the inner wall and center that in the lid. The Lid Insert inner wall will now be our boundary.
</p>

<p>
	For the fretwork, I decided to use a DingBat font. Find a design that you like. You can <a href="http://www.dafont.com/printers-ornaments-.font" rel="norewrite external nofollow">find the Dingbat font that I used from DaFont.com</a>. Find the pattern you want, and begin placing the pattern within your boundary. Once everything is in place, remove your boundary reference. Then choose your fretwork patterns and choose Difference.
</p>

<div class="pw_steps">
	<p>
		Finishing Touches
	</p>
</div>

<p>
	Now that we're done, go through and label all of your pieces and add any necessary instructions. Be sure to sign and date your work so that scrollers can give credit where credit is due. Upload a copy to the Pattern Library to share your pattern with the world! It's a huge thrill when you see your pattern cut by another scroller.
</p>

<p>
	The pattern that was designed in the video demonstration is below.
</p>

<p>
	 
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="99735" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson7_a.jpg.492a0abe2e251b1267ced3117c1c9e81.jpg" rel=""><img alt="Lesson7_a.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99735" data-ratio="190.48" data-unique="afain26v6" width="210" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson7_a.thumb.jpg.daac4d32cd57a4396be8dff344d21e82.jpg"></a>
</p>

<p>
	 
</p>
]]></description><guid isPermaLink="false">27</guid><pubDate>Tue, 22 Sep 2009 07:00:00 +0000</pubDate></item><item><title>Designing A Desk Clock</title><link>https://www.scrollsawvillage.com/village-university/inkscape/lessons/designing-a-desk-clock-r28/</link><description><![CDATA[
<p><img src="https://ssv-content.s3.us-west-2.amazonaws.com/monthly_2021_03/elk.PNG.dae44b613ad0ff860eb1b1a712c5a4a3.PNG" /></p>

<center>
	<div class="ipsEmbeddedVideo" contenteditable="false">
		<div>
			<iframe allowfullscreen="true" frameborder="0" height="344" id="ips_uid_5802_6" src="https://www.scrollsawvillage.com/applications/core/interface/index.html" width="459" data-embed-src="https://www.youtube.com/embed/BIKVouYM8dE?feature=oembed"></iframe>
		</div>
	</div>
</center>

<p>
	 
</p>

<p>
	Welcome to the very last lesson in our Inkscape class. Time flies, doesn't it? We're doing another demonstration. This time we're creating an elk mini-clock for a desk. The project takes a standard 1 7/16" mini-clock insert you can find online or at some craft stores. This video runs a little long, but you'll see the entire process of putting together this project. There is too much information to cover in written instructions, so I've provided a general overview instead. You probably won't understand the written instruction without seeing the video first.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Making Clock Template
	</p>
</div>

<p>
	The clock insert we're using requires a 1 3/8" hole to be cut. Most will use a Forstner bit and drill the hole. So let's make a clock holder. First I draw a 1.375" circle. Then I add crosshairs to mark the center of the hole by taking a vertical line, duplicating it, and rotating it to horizontal. I center everything and group it. I want a 1/4" border, so I'll draw a 1/4" box to act as a measuring device. I stack the center hole with the measuring box. Then ungroup the center hole, duplicate the center, then use dynamic offset and enlarge it to the top of the measuring box. Delete the measuring box, select the outer circle and inner circle and use Difference to make a donut. Group this new shape with your crosshairs and set aside.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Making Frame
	</p>
</div>

<p>
	We'll create an oval frame to contain our scene for the clock. First, I make the main oval and size it to the size I want. Then create a measuring square at 1/2" square. Select your oval and square, center horizontally, and push the square to the top of the selection. Duplicate the oval and use dynamic offset and scale it to the bottom of your measuring square. Delete the measuring square, select the inner oval and outer oval and use Difference to create your basic frame shape.
</p>

<p>
	Now we need to make some feet. Draw a square about the size you need, then turn it into a path. Using node editing, give the legs a nice gentle curve. When you reach a shape you're happy with, duplicate the shape and flip it. Place each leg into the approximate place. Then center vertically, group them, then select both the feet group and the oval frame and center them horizontally. Ungroup everything, then use Union to make it one shape.
</p>

<p>
	Now to make sure everything sits on the same plane, draw a large square that overlaps your new shape. Select both shapes and choose Difference. This will flatten out the bottom of the feet and flatten the bottom of your oval frame.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Making The Base
	</p>
</div>

<p>
	Draw a square a little longer than the width of your frame. I usually like 1/2" or 3/4" on each side of the frame. Then I choose a height wider than the stock I'm using. So if I'm using 3/4" stock, I might make the height 1.5" or 2". Once you have the dimensions figured out, round the corners of the rectangle to soften up the base.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Tracing Our Subject
	</p>
</div>

<p>
	Find a picture you'd like to use in your clock. I chose to use an elk. You can <a href="http://www.flickr.com/photos/kqedquest/403933925/in/set-72157594558781914/" rel="norewrite external nofollow">find the elk here if you want to follow along</a>. Import the picture into Inkscape to begin tracing. I use a square that I turned into a path as my starting point. Then it's just a matter of placing the nodes and adjusting the Bezier handles to match the picture.
</p>

<p>
	You may need to create multiple shapes and use Difference to punch a hole into the silhouette. You can also use the Bezier tool in the Tool Box to add some veining. Once done, group your elk and delete your source photo.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Arranging Our Elements
	</p>
</div>

<p>
	Now you can take your traces subject and place it where you want it within the frame. You can also place your clock template within the frame too. Once you get everything placed, it's a good idea to duplicate everything and set it aside. Someday, you may want to use your tracing again. This way you can have that element separate from the pattern you're creating.
</p>

<p>
	When you're happy with the placement, it is time to start to Union the pieces together. You'll have to ungroup any groups before using Union. If you run into further trouble, breaking apart elements will sometimes help.
</p>

<p>
	 
</p>

<div class="pw_steps">
	<p>
		Finishing Touches
	</p>
</div>

<p>
	When you're finished, you can start labeling your pieces and signing your work. Add any instructions if required. Print out your design or upload a copy to the Pattern Library.
</p>

<p>
	The pattern that was demonstrated in this lesson is posted below.
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="99736" href="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson8_a.jpg.98ef0f2909d956758df7ff740769c804.jpg" rel=""><img alt="Lesson8_a.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="99736" data-ratio="66.67" data-unique="06tq1e30k" width="600" src="//ssv-fileuploads.s3.us-west-2.amazonaws.com/monthly_2021_03/Lesson8_a.thumb.jpg.93fa4ba103b2dd11b6c5150a6640ffd1.jpg"></a>
</p>

<p>
	 
</p>

<p>
	I hope you guys enjoyed this class and learned a thing or two. Inkscape isn't a hard program to learn, it just takes a little practice (just like anything else). The possibilities are endless with this program and you can come up with unique designs that nobody else has. I hope you choose to share your talent with the rest of us. Scrollers are very appreciative of pattern designers. Plus, it's a huge thrill when you see someone cut one of your patterns. I can't wait to see what y'all will come up with. Happy designing! <img alt=":thumbs:" src="https://www.scrollsawvillage.com/uploads/emoticons/default_thumbup1.gif"></p>
]]></description><guid isPermaLink="false">28</guid><pubDate>Thu, 24 Sep 2009 07:00:00 +0000</pubDate></item></channel></rss>
