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!
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 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 another tutorial from shmoggo.com on creating a logo using inkscape:
Here is an awesome tutorial from Aaron Nieze at the Shmoggo Blog. In this short tutorial, Aaron covers an array of inkscape Basics while creating a vector based company logo.
Here is a short and sweet tutorial on creating an awesome fall / autumn landscape, complete with tree and falling leaves. This tutorial uses a mix of GIMP and Inkscape techniques, but should be easy to follow for just about everyone.
Here is another great tutorial from Vector Tuts that shows you how to draw a cute cartoon dinosaur using the inkscape vector graphics editor.
Here is a quirky tutorial showing how to convert your SVGs from boring to cute in 5 easy steps!
Ever wondered how to quickly create a block arrow with inkscape? This quick tutorial shows you how!
Create vector grunge in Inkscape with the trace bitmap tool and a photo. A great technique for creating brushes to mask over your vector creations
Here is another great tutorial from Josh over at Tucson Labs. In this tutorial, Josh walks you through designing and exporting a webpage layout with inkscape.
Here is a tutorial to create a vector design in a street art / graffiti style. This tutorial does not go into much detail on each of the steps, is more of a demonstration of the workflow the artist used to create the design. Well worth a look for intermediate and advanced Inkscape users.
As a follow-on from yesterday’s tutorial, the chrome effect in today’s tutorial is another text effect that utilizes Inkscape SVG filters. We have previously featured a tutorial to created a chrome text effect, but that was achieved using just gradients and blur.
Here is a quick how-to outlining the process to create custom inkscape SVG filters to style text. The tutorial covers the procedure to create a filter for text with a shadow, slightly inset text and raised, super glossy text. The tutorial also has a downloadable SVG so you can open up the image in Inkscape and play with the filters yourself.
Here is another video tutorial from the ever-awesome screencasters.heathenx.org guys. The tutorial gives you a step by step through 2 simple — yet still impressive — text effects using Inkscape.
Here is a neat tutorial showing how to create an urban design by layering different types of vector elements. In this tutorial, you first create a range of concentric circle stamps (or “brushes”), and layer them on top of different coloured cloud silhouettes. Finally, you create a whole bunch of swirls using the spiro curve and path effects.
We have posted many tutorials in the past covering how to achieve a shiny effect in inkscape. A newbie inkscaper should be able to follow the detailed directions to create a shiny Donate button as a first inkscape project.
Alexandre Prokoudine [blog | twitter] covers creating layer effects with Inkscape. In this detailed article, Alexandre talks you through hand-editing the SVG XML in inkscape to apply filter effects (e.g. Gaussian blur) on whole layer (rather than on an object or group level). Note that to achieve this behaviour, you will be diving deep into inkscape SVG internals, so this tutorial is recommended for advanced inkscape users.
Here is another tutorial from libregraphicsworld describing how it illustrate an eye in the anime style.
Here is a set of free cartoon animal clipart that can be used for anything. All the images in this set are totally free can be used for any purpose and do not have any watermarks that will stop you from using them anywhere!
These cute animals are available over at the Open Clip Art Library. There are many more in this style than in the sample below, so head past the break for the entire list of animals in this set. As with all the artwork in the Open Clip Art Library, these SVGs are Public Domain, so you can do pretty much anything with them!
* Updated * Now there is a panda!
The gradient tool in Inkscape is a powerful feature that allows artists to add and edit linear and radial colour gradients on-canvas. Gradients in vector graphics provide the ability to provide the illusion of depth and light to otherwise flat images. When combined with the blur filter, gradients can be used to create photo-realistic vector images.
A Lamborghini Gallardo drawn entirely with Inkscape vectors.
However, having gradients behave strangely when moving or resizing an object is a common issue encountered by Inkscape users.
While not strictly an Inkscape tutorial, this article by Jim Ray on A List Apart describes how to make interactive SVG infographics using svgweb.
Here is another tutorial from McKay Christensen showing you how to draw a pumpkin using inkscape.
Here is a another fun little tutorial from McKay Christensen showing how to create a neat texture effects using Inkscape. The awesome thing about this tutorial is that it is 100% scalable vector graphics (SVG), there is not a bitmap texture in sight! McKay achieves this by using SVG filters. To finish it off, he shows you how to put a rough paper texture over some text, and give it a drop shadow. This tutorial is a great introduction into the use of the filters dialog in inkscape.
Here is a tutorial to create shattered and smashed text using the vector graphics appliation, Inkscape. I first posted this tutorial on my personal blog a few years ago. This version is slightly refreshed, but is pretty much the same tutorial that i first published.