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

Leave a Reply

Your email address will not be published. Required fields are marked *