Use inkscape to draw vector rope in any shape

ropepic

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!

Continue reading

Create a simple button in inkscape in 3 steps

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.

inkscape-button

Inkscape Artist Spotlight: Butterscotch Shenanigans

Butterscotch Shenannigans is a small (2 person) indie game developer from Saint Louis with a bunch of highly rated games available for iOS, Android and PC.

bscotch

The awesome thing about this indie shop is that they use Inkscape for the creation of all their in-game visual assets. A few of their recent games include:

Quadropus Rampage

A hilarious epic Endless Roguelike Brawler with awesome art made in inkscape:

Runner 2013-05-22 19-35-05-38


Towelfight 2 : The Monocle of Destiny

A Twin Stick Arena Adventure with art also made in inkscape:

Forest 1136x640


 

Crashlands

They also have a new game in development called Crashlands, which is a massive mobile crafting/survival game.
alltogether snipped_newtiles

as an added bonus, Sam (one of the devs) also uploads narrated time-lapse videos of how he creates these assets in Inkscape:

Create a soft, feathered background with Inkscape.

In this tutorial, you are going to learn a technique in inkscape to create a soft, feathered background.

demo

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!

Continue reading

Illustrating a bright web decal with inkscape

Here is a great tutorial on how to create a decal / sticker with inkscape. It is a good explanation of how to use the star tool in inkscape, how to align objects, and some of the advanced techniques of the text tool, including kerning and putting text on a path (creating curved text)

20

 

Other ways to follow the inkscape tutorials blog

In addition to the @inkscapetuts on twitter, the inkscape tutorials blog is now also on google+. Going forward, both the twitter and g+ streams will be updated with all the new posts that show up here on the blog. So if you prefer to use either of those services, follow us there.

Speaking of google+, there is also the official inkscape google+ page, which features news and updates from the inkscape project. Also, there is the inkscape community on google+, that has tutorials, a gallery, and general inkscape posts and discussions.

 

Inkscape 0.91 Feature — Guides enhancements

The Inkscape developers are hard at work developing the new version of Inkscape (0.91). This post is part of a series that will outline some of the awesome new features that will be available when Inkscape 0.91 is released.

We recently posted an article about Guides in inkscape, and twitter user @daishi424 pointed out that a few of the features in that post were actually new features in Inkscape 0.91. So here are some of those features that you will get for guides when the new version of Inkscape is released.

Quick toggling of guides

Previously, to toggle the visiblity of guides, the menu item View > Guides and the associated shortcut “|” (the pipe key) was the only way. In Inkscape 0.91, guides can now also be toggled by simply clicking on the ruler (either horizontal or vertical).

Continue reading

Working with Guides in Inkscape

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:dragging-guides

 

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)

convert-path-to-guides

3. Deleting a guide

To Delete a guide, hover the mouse cursor over the guide, and press the Delete key on the keyboard.

deleteguide

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.

rotateguide

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

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)

labelled-guides

Inkscape 0.91 Feature — Keyboard Shortcut Editor

The Inkscape developers are hard at work developing the new version of Inkscape (0.91). This post is part of a series that will outline some of the awesome new features that will be available when Inkscape 0.91 is released.

Previously, to change Inkscape’s keyboard shortcut configuration to another one of the included presets involved moving files around in the Inkscape config directory. Configuring your own keyboard shortcuts required you to hand-edit an XML file like this.

In Inkscape 0.91 there is a brand new keyboard shortcut editor (under Interface > Keyboard Shortcuts in the Preferences Dialog). This addition provides a GUI for the user to view the key combinations available in the current shortcut scheme, switch between the included preset schemes, and edit and change individual shortcuts.

keyboardschortcuteditor

If you want to try out this new feature already, you will need to  Download a “nightly” or “development” version of inkscape. Links to various builds of development versions of inkscape are listed at the Inkscape downloads page.

Inkscape 0.91 Feature — Insert node at a curve’s extreme value

The Inkscape developers are hard at work developing the new version of Inkscape (0.91). This post is part of a series that will outline some of the awesome new features that will be available when Inkscape 0.91 is released.

The upcoming release of Inkscape has a new feature that allows the user to insert new nodes on the selected curve’s extreme values (i.e. you can easily add a node at the highest point in a curve, lowest point, leftmost point or rightmost point).

The tool control bar for the Node Tool features a new dropdown to use this feature. For example, the below animation shows how to insert a new node at the highest point in the selected curve segment by selecting the segment with the node tool, and choosing “Insert Node at Max Y”.

Add_nodes_at_max

If you want to try out this new feature already, you will need to  Download a “nightly” or “development” version of inkscape. Links to various builds of development versions of inkscape are listed at the Inkscape downloads page.