Here is a neat tutorial on creating a simple chat icon using inkscape by . It uses a lot of the essential basics of using inkscape, so some basic knowledge of Inkscape features is required, but
Here is a neat tutorial that uses both Inkscape and GIMP to create a bunch of puzzle pieces from a single image. The tutorial also uses an extension that is not included in Inkscape by default, so to do this tutorial, you will also learn how to install extensions for Inkscape.
In this tutorial, learn how to draw vector ropes in Inkscape using the Pattern on Path path effect with inkscape. This technique is super useful for drawing a whole bunch of different vector assets with inkscape, like rope or laurel wreaths or anything that has a simple shape that is repeated along a path.
Lets get started!
Here is a awesome tutorial on creating a simple button for your next user interface in Inkscape. The author assumes that you have a basic grasp of Inkscape before using this tutorial, there are no screenshots of which buttons to press. It is simply a explanation of the workflow used to make this button.
Here is great tutorial on creating simple water droplets in inkscape. It demonstrates the use of the the ellipse tool, basic node editing to create shapes and using gradients to emulate light and depth.
In this tutorial, you are going to learn a technique in inkscape to create a soft, feathered background.
The beauty of this technique comes from the fact that it relies heavily on clones, and live path effects. You spend a little time rigging up the effect, and then you can fluidly change the clone originals to update the result.
A bit confused? Just follow the steps, and hopefully everything will become clear!
Here is tutorial that covers some awesome text tricks with inkscape
Here is a neat little trick i just discovered. These designs are just done using the Inkscape spiral tool, and a dashed stroke! Once you try it out, be sure to leave a comment showing off your spiral design!
How it is done:
Here is a detailed tutorial showing how to create a scene from minecraft in isometric projection using inkscape. The tutorial primarily uses inkscape’s axonometric grid to create shapes in the isometric projection.
Here is a quick workflow on how to create a cartoony pirate with inkscape. This tutorial is not super-detailed but outlines the steps the author took to create the pirate artwork below:
Guides (or Ruler Guides) are lines that can be placed on the document, useful for lining up and snapping elements. Guides can be a little non-discoverable in inkscape, so this article gives you a few quick tips to get the most out of guides in inkscape.
1. Quickly creating a guide
A guide can be quickly created by clicking on either the vertical or horizontal ruler, and dragging onto the canvas. If you drag from close to where the corners meet, an angled guide will be created:
2. Converting a path to Guides
Any object or path can be converted to guides Using Objects > Objects to guides (or keyboard shortcut Shift + G)
3. Deleting a guide
To Delete a guide, hover the mouse cursor over the guide, and press the Delete key on the keyboard.
4. Rotating a guide
To rotate a guide, hover over it with the mouse, and press the Shift Key. The cursor will change to a rotate cursor. Click and drag the guide to rotate it. Additionally, you can hold down the Control Key to restrict the rotate to 15 degree chunks.
5. Changing the colour of a guide
**Update** – thanks to twitter user @daishi424 for pointing out that the guide colour change is only in inkscape 0.91 (as yet unreleased) and newer versions of inkscape
To change the colour of a guide, double click the guide to bring up the Guideline dialog. Click the colour switcher button under the Label field to change the colour of the guide
6. Labeling Guides
**Update** – thanks to twitter user @daishi424 for pointing out that the guide labeling is only in inkscape 0.91 (as yet unreleased) and newer versions of inkscape
The Guidelines dialog (shown when you double click a guide) also allows you to set labels to your guides. These Labels are shown on the guide at the Guide Origin (the small circle that is on every guide)
One of the most frequently asked questions from Inkscape users is “how do i crop an image or object?”. Inkscape is primarily a vector graphics editor, so when someone asks this question, they could possibly mean something slightly different to a traditional image crop. This FAQ explains a few of the techniques that people actually mean when they say they want to crop in inkscape.
What do you mean when you say “crop”
- If you have a complex drawing with many shapes and objects, and want to trim these, then Clipping is probably the solution for you. (click here to jump to how to do this)
- If you have a single path or object (like a star or a rectangle), and want to trim or crop that object down, then Boolean Operations is probably what you need. (click here to jump to how to do this)
- If you are exporting your inkscape document (SVG) to a bitmap (a PNG) with the “File > Export Bitmap” command, and want to only export a portion of your document, then changing the document size, and just exporting the document is probably the solution for your needs. (click here to jump to how to do this)
The Clipping feature is an easy and versatile way to crop vector or bitmap/raster objects in Inkscape. Let’s start with our little monster friend that i downloaded from the Open Clip Art Library:
Here is a tutorial / article that outlines the “Horizontal and Vertical” Bezier curve technique. Basically, with a little practice, editing beziers can become a lot easier when you align all your handles horizontally or vertically. While this tutorial talks specifically about illustrator, the concept also works with inkscape beziers.
In inkscape, holding down the alt key is the simplest way to constrain your bezier handles to the horizontal or the vertical.
Tile clones is a powerful feature of inkscape, it allows you to create tiled copies of an object while tweaking the variables on how they are placed and styled. The dialog, however, can be daunting for the artist that is not familiar with it.
How do i rotate is one of the most frequently asked questions for beginner Inkscape users. There are multiple ways to rotate in inkscape, and this FAQ will show you the basics for four of them. The three different ways for rotating objects are: the toolbar buttons, the on-canvas rotation handles, transform dialog, and the keyboard shortcuts.
Method 1, the toolbar buttons
Rotating with the toolbar buttons only lets you rotate objects 90 degrees at a time. To rotate with the toolbar buttons, first choose the select tool:
Next, select the object that you want to rotate by simply clicking on it. Once you have clicked on the group once, arrows and a dotted line should appear around the object:
Method 2, Rotate on Canvas
Using the toolbar buttons to rotate objects in inkscape is by far the easiest method to discover. However, it only lets you rotate in 90 degree increments.
For a wider range of motion, using the on-canvas rotate handles is the way to go. As with the previous method, choose the select tool, and then select the object that you wish to rotate. The select box and handles should appear as before:
Now that the resize handles are visible, simply click on the object again to display the rotate handles:
Now that the rotate handles are visible, simply click on one of them, and drag it to rotate your object freely.
Method 3, the Transform dialog.
The free rotate that the on-canvas rotate controls (method 2) give are great, but what if you need more accurate control? When using method 2, you can hold down the ctrl key to limit the rotation to 15 degree increments, but what if you want to rotate the object by a specific, arbitary amount?
Switch to the “Rotate” tab of the newly opened Transform Dialog, enter in how many degrees you need your object rotated, and click apply to rotate.
Method 4, the keyboard shortcuts
This method is super simple. Select the object(s) that you wish to rotate, and press the square brackets key( [ or ] ) to rotate left and right by chunks.
For finer-grained rotation with the keyboard shortcuts, use the shortcuts alt + [ and alt + ] to rotate one degree at a time.
The four methods above outline the basics of rotating objects in inkscape. For further information about rotating and transforming objects in Inkscape the “Select Tool” chapter of the Inkscape Manual has more detailed information, including how to change the rotation point or rotation center of your object. The transforms chapter of Tav’s Inkscape Guide also provides some in-depth documentation of rotating in Inkscape.
Here is a tutorial from Máirín Duffy explaining how to quickly implement interactivity into your inkscape SVGs. The approach the Máirín Duffy takes is great for when you need an Inkscape SVG to have a small amount of interactivity, like a basic User Interface Mockup. However, this approach probably would not scale if for more complex interactive SVGs.
A little known feature that was introduced in Inkscape 0.48 was the ability to resize and rotate selected nodes in a path using on-screen handles. These handles behave in the same manner as when rotating or resizing objects with the select tool.
Enabling the onscreen handles
To use this feature, first you need to enable it, so you need to select the Node tool from the toolbox, then flip the toggle to enable display of the resize / rotate handles for nodes:
Now, with the feature enabled, select 2 or more nodes, and the resize handles should appear around them in the same way when you select an object with the selection tool.
Use these handles in the same manner to resize the nodes.
Note also that the ctrl and shift keys work to constrain the transformation in the same way as with the select tool.
The same applies to rotating nodes. Select the nodes to be rotated, then single-click one of the nodes again to enter rotate mode.(just like when free rotating). Now use the handles in the same to rotate the selected nodes.
Note also that the ctrl, shift and the rotation point all also work for rotating nodes as it does with the select tool.
This is the next in the extensive series of tutorials from the fantastic 2D Game Art for Programmers blog. In this tutorial, Chris builds on his previous tutorials by introducing the gradient tool, and goes though how to construct a cute jack-o-lantern, and a ship’s wheel.
In a follow-up to her previous tutorial on creating a female cartoon avatar with Inkscape, Olga Bikmullina explains how to draw a male version of the avatar. Be sure to also check out some of Olga’s awesome vector illustrations done using inkscape!