Archive

Posts Tagged ‘reflection’

Inkscape Tutorial – Reflection

March 12th, 2007

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.

Reflected Image

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

Plaing Text

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

Clone Menu Entry

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

Text + inverted text below it
Pick the rectangle tool (or Press F4) and cover the cloned image with it.

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

Gradient filled rectangle covering inverted image
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

Mask menu entry
This would make your text look something like this

Reflected Image

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:

Reflection in red

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

Download Reflection.svg

Aqeel General , ,