Inkscape Tutorial - Reflection
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
March 30th, 2007 at 7:14 am
Thanks for the tutorial. Very simple
April 11th, 2007 at 9:46 pm
Great tutorial thanks very helpful for this inkscape n00b.
PS. Your download link is busted
April 12th, 2007 at 2:04 am
Thanks MAsKrA, link is fixed now.
May 28th, 2007 at 6:08 pm
Great Tutorial. It is simple but simple is good.
June 20th, 2007 at 3:53 pm
[...] found a great little tutorial on how to create reflected text here at this LINK using Inkscape (a wonderful little open source application for use with vector graphics) The best [...]
June 21st, 2007 at 11:35 pm
[...] view this tutorial [...]
June 24th, 2007 at 7:18 am
[...] ఈ చక్కని పాఠం ఉపయోగించి రెండు నిమిషాలలో నేను [...]
June 25th, 2007 at 3:09 pm
well, i am the unlucky one. I tried different ways. But every time, it gives me white mask instead of transparent one. Instead of reflection, i get a white box. Only once i could get it. Rest times, its just white box below the text. Dunno where the mistake is. Inkscape 0.44 v
June 25th, 2007 at 3:30 pm
hmm.. some how got it. Linear gradient is not working for masking. Without gradient (ie with solid color), masking works ( Inkscape 0.45)
July 3rd, 2007 at 2:18 am
hello, unfortunately it doesn´t work here. same problem as ‘kumar’, only i never got it working
as soon as mask-set is selected, the text disappears and obviously gets masked white. with solid color it does work. could somebody please give me your comments? i am quick to go bezerk on those things 
July 3rd, 2007 at 2:32 am
i thought an upgrade would fix it, but unfortunately it still doesn´t work. still a white mask where reflection should be..
July 3rd, 2007 at 2:35 am
it´s mac osx 10.4.10 and inkscape v.45
July 3rd, 2007 at 10:26 am
reinhard, I would have to check it, but unfortunately, I am busy with my exams (finals!). Would try it in a day or two.
July 3rd, 2007 at 1:34 pm
thanks, aqeel. kindly let me know what you think.. and good luck
July 6th, 2007 at 12:56 pm
reinhard, I have tried reproducing the error but no luck, can you explain in bit more detail what exactly you are doing?
July 7th, 2007 at 7:09 pm
thanks for your response, aqeel. i have just tried again and followed every step in your tutorial exactly the way you describe it. i also downloaded your .svg file, which is displayed right, but reproducing it the same way in the same file also doesn´t work. i assume there is a different point to the problem, as with solid colors (and not black) masking works perfectly and the results look similar, only not as bright.
July 7th, 2007 at 7:11 pm
but i´m happy with the results using solid colors right now. i just wonder if the problem will pop up again with a different function. i´ll let you know
July 7th, 2007 at 8:09 pm
Hmm… well, good luck
I would see if I can find anything.
July 9th, 2007 at 1:21 pm
thanks again, aqeel!
July 16th, 2007 at 9:24 am
Nice tutorial…Though when i use the black gradient…it turns to white…but when i use a different color it works…but as reinhard said…it ain’t shiny…but my satisfied with the result…
chow…yeah i used the inkscape 0.45.1-1…
July 19th, 2007 at 7:57 pm
Thanks alot.
It works great..
July 21st, 2007 at 8:37 pm
[...] Cómo crear el reflejo de un texto. [...]
July 31st, 2007 at 5:52 pm
Hello! Good Site! Thanks you! zzxbmljfrmam
August 5th, 2007 at 1:56 pm
sai baba charithra kavali
September 10th, 2007 at 3:35 pm
Pick up the gradient tool (or Press Ctrl+F1) and change gradient direction as shown below.”
I suppose, you mean that duplicate the rectangel and change the gradient on the new one?
“Select both rectangle and inverted text be
hind it ”
I cannot see, what happens, the rectangel over hidden exerything. “inverted?” maybe flipped text, or I missed something?
“(you can select the text below by Alt+Click or by selecting original image and pressing Tab,” I couldn’t see before I moved out the text, but I can’t see any difference when I Alt+Click or only click: the selection-Arrows only alternate between scale and rotate.
October 2nd, 2007 at 4:41 am
Thanks a lot! This tut really helped mi. Cheers.
October 5th, 2007 at 11:38 pm
Thanks for the tutorial, Aqeel!
December 4th, 2007 at 4:15 am
I dont have any background knowledge of using these softwares but trying to learn inkscape on my own, can you please send me the tutorials for the same. some thing which is structured
March 5th, 2008 at 11:07 pm
Very easy with you technical instructions, thanks you
March 20th, 2008 at 11:37 am
see also http://o-server.dyndns.org/inkscape/english.html
this website shows how to draw with inkscape
May 4th, 2008 at 6:06 am
I had a problem also when applying the mask, turns out the problem is to do with using transparent colours in the gradient just ensure that you use a solid white for one of the end points and all should be fine.
June 13th, 2008 at 2:41 am
Hi, 10x for the tutorial. For anyone who wants to make some changes, here are some that I did, and looks ok:
1. When you make the rectangle (on top of the text clone). After you made it, drag the left and right side until you reach the page borders. This is very useful because if you need to change the text, or someone else wants to change the text, and the “new” text has a longer length, then the x last characters will not have the reflection.
2. After I did the reflection, I select it and go to object -> transform -> skew (45 deg). After i give it a blur (2,6). And that really looks like a cool shadow.
3. You can stroke the first text after all this steps and you`ll obtain an even more sofisticated shadow, or relfection.
June 29th, 2008 at 1:31 pm
Thanks a lot for the tip. One important thins is the gradient needs to be from solid black to “SOLID” white not the default transparent stop you get in the Inkscape. The “SOLID” white is required for the mask to work properly. Thats’ why a few others seem to have issues. Thanks again.
June 29th, 2008 at 8:31 pm
It so nice to share
Merci!
July 3rd, 2008 at 1:56 pm
I feel like hugging you… no seriously i am a beginner but people like Tavmjong Bah, nicu and the people who blog here have made my experience with inkscape memorable… Thanks a lot
I love Linux and all that comes along with it 
July 18th, 2008 at 10:38 pm
Inkscape tutorials are also available here
http://o-server.main.jp/inkscape/english.html
July 23rd, 2008 at 2:24 pm
sory i’am a newbie in using inkscape, can you help me
to give me some e-book or magazine or tutorrrr about effect in inkscape how to make a vectorr and etc
cuz i’m very intreasting with inkscape plizzz help my troubleee
yuo can send at junior_chef21@yahoo.com
pliizzzzzzzz i’m realy need that