Monthly Archives: April 2007

Inkscape Tutorial – Using Gradient Over Multiple Objects

This is a very old post, from my old blog, but as people still visit it and some of them asked me to restore it, so here it is.

Using gradient over multiple objects usually generate very beautiful results, it is very easy to do, in case you don’t know how to, just follow these simple steps.

First of all, create any two objects (you can create more than two too), for this tutorial I am going to use two rectangles.

Now, select both objects, open Fill and Stroke window (right click -> Fill and Stroke) and choose linear gradient.

Choose any gradient of your choice and close this window, this would result in something like

Now select both objects and choose “Gradient Tool” from the left tool bar

Drag from corner of one object to the opposing corner of other object

Hurray! you have successfully created a gradient spanning multiple objects. You can use same technique on different type of and different number of objects. Have fun.

Inkscape Tutorial – Reflection

This is a very old post, from my old blog, but as people still visit it and some of them asked me to restore it, so here it is.

Recently I found a nice tutorial at BittBox about making reflected images, like the one below. That tutorial is for Adobe Illustrator so, I converted it to inkscape and am posting it here.

Disclaimer: This tutorial is a Inkscape version of
Web 2.0 Logo Reflection in Vector format with Illustrator

Start with a new document in Inkscape and write some text

Now, clone image by pressing Atl+D (or Edit -> Clone -> Create Clone)


Press V to flip the cloned image vertically and move it below Original Image

Pick the rectangle tool (or Press F4) and cover the cloned image with it.

Set Black to White gradient on rectangle, from gradient tab in “Fill and Stroke…”

Pick up the gradient tool (or Press Ctrl+F1) and change gradient direction as shown below.

Select both rectangle and inverted text behind it (you can select the text below by Alt+Click or by selecting original image and pressing Tab, then press Shift and click on Rectangle). Then goto Object -> Mask -> Set

This would make your text look something like this


Your reflected text is almost complete, now just select the inverted text and change it’s opactiy level (by going to Object -> Fill and Stroke…) according to your needs

As you cloned image, instead of copying and pasting it again, any change you make to original text will be reflected in the reflected text :) Like:

If you face any problem while following this tutorial, don’t hesitate to let me know.

Download Reflection.svg