Inkscape FAQ: How do I crop in Inkscape?

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)

 

Clipping

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:

Continue reading

Graffiti / Street Art type design

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.


Continue reading

Chrome Text Effect using Inkscape SVG filters [video tutorial]

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.

Continue reading

Creating an Inkscape Filter effect to style text

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.

Continue reading

Creating an Urban Design using Concentric Circles, Clouds and Spiro Swirls

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.

Continue reading

Layer Effects with Inkscape

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.

Free Cute Cartoon Animals vector clipart

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!

Continue reading

Inkscape FAQ: Why do my gradients change when I move or resize an object?

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.

Continue reading

Vector Textures!

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.

 

Shattered / Smashed Text using 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.

13.png Continue reading