Professional Documents
Culture Documents
A Crash Course in Inkscape
A Crash Course in Inkscape
91
http://www.chrishilbig.com/crash-course-91/
On January 30, 2015, Inkscape Version 0.91 was released to the world. That means new and updated features, plus
an updated crash course. Much like the previous version of A Crash Course In Inkscape (version 0.48), this 0.91
version is geared to get you up and creating vector art with this free, open-source program. That means you’ll
learn the basics and some other useful techniques in Inkscape.
Given the size and scope that this guide, I had to have a table of contents of sorts. If you want to focus solely on one
aspect of Inkscape, you have that option. I want to get you up and running, not bogged down in text. Here’s a break-
down of my crash course:
The Prologue Star Tool
What is Inkscape Spiral Tool
My Experiences with Inkscape Freehand Tool
Inkscape’s Interface Bezier Tool
Menu Bar Calligraphy Tool
Main Tools Text Tool
Tool Setting Spray Tool
Rulers Eraser Tool
Canvas Paint Bucket Tool
Page Gradient Tool
Dock Dropper Tool
Command Bar Connector Tool
Snap Bar Useful Tools in the Inkscape’s Command Bar
Color Pallet Fill and Stroke Pallet
Status Bar Layers Pallet
Getting Around In Inkscape Text and Font Window
Panning and Zooming Align and Distribute Pallet
Zooming Presets o Distribute Section
Moving and Manipulating Objects Around in o Remove Overlaps
Inkscape o Rearrange
Inkscape’s Main Bar Other Things to Know
Selector Tool Grouping Objects
Node Tool Object to Path
Tweak Tool Stroke to Path
Zoom Tool Boolean operations
Measure Tool Manipulating Objects
Rectangle Tool Exporting to Other Applications
3D Box Tool Cursor Issues for OS X
Ellipse/Arc Tool
What is Inkscape?
Inkscape is a free, open-source 2-D vector art program. Because it is both free and open-source, it is supported by
donations from its users. Inkscape is one of the most robust and useful Adobe Illustrator alternatives that the open-
source community has ever created. Compared to other open-source vector drawing programs that I’ve played with,
there is no comparison. Inkscape can be used on all major computer operating systems (Linux, Mac, and
Windows), and can import and export to many major file formats. (SVG, AI, EPS, PDF, JPEG, GIF, PNG, etc.) Given the
fact that as a once-budding graphic designer, I was raised on Adobe products, it took me quite a while to figure out
and to get used to Inkscape. (And it was by no means easy.)
Inkscape’s Interface
To get an understanding of Inkscape, we need to get to know Inkscape’s interface. Let’s take a look:
Menu Bar: If you’re a Windows or Linux user, this’ll be quite familiar. If you’re a Mac lover, this will be your Menu
Bar. This is where the majority of your options are.
Main Tools: This is the bar where your basic tools are located. (Selector, Node Tool, Zoom Tool, etc.)
Tool Settings: Where you’ll adjust the settings for your main tools.
Rulers: Most CG artists are familiar with rulers. A click-drag from either ruler will let you create a guide. Double-
clicking on a guide will bring up a window that will allow you to adjust the guide’s parameters.
Canvas: The area that contains your page. This is also the area where you’ll create your paths, objects, and raster
art.
Page: The area that will hold your artwork whenever you export or print your documents. Any objects outside the
page will not print or be exported.
Dock: This will store your palettes to adjust different settings.
Command Bar: Contains shortcuts/buttons to many of the items/settings within the menus.
Snap Bar: To adjust or set what snaps to what.
Color Pallet: One of the places to select your colors. You can use your scroll wheel to scroll through your color
palette back and forth. (You can also use the Fill and Stroke palette to select your colors, located inside
the Command Bar.)
Status Bar: This has gobs of stuff all in one glance. The Status Bar tells you the color an object’s using. You can adjust
the opacity of an object or path. You can lock, hide/show, and change layers. The Status Bar also provides useful
tips. It tells you your cursor’s coordinates. You can also adjust the zoom.
Inkscape squares before clicking Align left Inkscape squares after clicking Align
edges of objects to the right edge of the left edges of objects to the right edge
anchor. of the anchor
Inkscape’s Align and Distribute Pallet also works with text baselines. This can be extremely beneficial if you feel the
need to align separate pieces of text by hand.
Distribute Section
The Distribute Section of the Align and Distribute palette specializes in spacing. It allows Inkscape to space your
selections based on specific edges, the objects’ centers, or you can space the gaps between objects equally. Text
also can also have their baselines distributed.
Rearrange
The Rearrange section of this panel was formally the Connector Network Layout. In version 0.48, it only had one
button, Nicely arrange selected connector network. It is a ridiculously long name, but this button performs as
advertised. When you select a group of overlapping objects and click the button, Inkscape will spread them out and
evenly space your selections. Here’s an example of what it’s capable of:
The result of the Nicely arrange selected connector network button.
Exchange Positions of Selected Objects – Selection Order is one of the new additions to the Align and Distribute
panel. This button swaps vectors around based on the order of selection. See the examples below:
1, 2, and 3 are the order of my selections. When the Exchange Positions of Selected Objects – Selection Order button
gets clicked, objects exchange positions based on the order of my selections.
The next button known as Exchanging positions of selected objects – stacking order works in a similar fashion to
the one that works based on selection order. As advertised, this button exchanges positions of your selections based
on the stacking order of your objects. If you study the example below, you’ll notice how the magenta circle at the
bottom of the stack exchanges spots with the green circle on top. The top green circle simply trades places with the
blue oval. Click the button again, and all of the object exchange spots in a similar fashion.
Exchanging positions of selected objects – clockwise rotation specializes in swapping objects that are in a circular
layout. The exchange is done in a clockwise order. See the example below:
The last two buttons were formerly located within Distribute section of the Align and Distribute Palette. Both of
these buttons modify the distribution of objects in a non-uniformed way. Let’s go over them:
The button labeled as Randomize centers in both dimensions causes selected objects to be randomly placed or
distributed. The distribution is limited to the relative perimeter of the selection. That means your objects won’t jump
around all over the canvas.
A demonstration of randomizing centers in both dimensions done four times over. Due to the fact that the
randomizing is restricted to the perimeter of the selection, the grouping tightens up.
The Distribute refugee labeled as Unclump objects. What this button does is position your selections based on of
the average distance between objects’ edges. The more you click the Unclump objects button the more equalized
the distance between edges. Below is a visual of what the Unclump objects button is capable of:
References
Wikipedia (Freehand): http://en.wikipedia.org/wiki/Adobe_FreeHand
Wikipedia (Microsoft Expression Design): http://en.wikipedia.org/wiki/Microsoft_Expression_Design
Wikipedia (Release notes/0.91): http://wiki.inkscape.org/wiki/index.php/Release_notes/0.91
Inkscape.org (Inkscape keyboard and mouse reference): http://inkscape.org/doc/keys048.html
Inkscape.org (Fill-Rule Attribute): http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Fill-
Stroke.html#Attributes-Fill-Rule
Inkscape.org (Alignment and Distribution of
Objects): http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Align.html#Align-Align
Inkscape.org (Inkscape Version 0.91 is Released!): https://inkscape.org/en/news/2015/01/30/inkscape-version-
091-is-released/
Adobe.com (Adobe Illustrator): http://www.adobe.com/products/illustrator.html
Updates
Feb 14, 2015 – Revamped for official 0.91 release.