This effect is become famous nowadays especially in web design. Yet very few tutorial with Inkscape. I will show you the ways. I assume you have know basic operation in Inkscape.
Preview:

The Steps
1. Create rounded rectangle 512x512px. Feel free with the fill color. Mine is blue vertical gradient, the bottom is 00001e and the top is 00005a.

2. Create text in middle of rectangle. I use Myriad Pro bold font. If you want to control the kerning, edit the text, then use alt + arrow. Use gray gradient color, the bottom is 1a1a1a and the top is 666666.

3. Step 3 – 7 see picture below. We will create the white shadow. Duplicate (ctrl + D) the text. Choose the duplicate one.

4. Color it white.
5. Lower it one step, so it under the gray-gradient text.
6. Move it right 1px (x: +1) and down 1px (y: -1). Move it by change the coordinate in toolbar.
7. Change the blur to 1.
8. Last create inner shadow on gray-gradient text (the original one). Select gray-gradient text. Go to menu Filter -> Shadows and Glows -> Inner Shadow.

Done!
Inkscape ebook recommendation
Related posts:
- Tracing Bitmap Logo to CAD File with Inkscape CAD program like AutoCAD has limited function for art design,...
- Create Glassy Effect on CorelDRAW On this tutorial shows how to add a glassy effect...
- Convert Full Color Image to a 3 Color Separation in GIMP I will show how to convert from full color image...
- Tutorial CorelDRAW: Export Object with Transparent Background The case: I’ve create objects with CorelDRAW like this: see...
- Create Animated GIF with Fireworks With Adobe Fireworks you can create animated GIF with easy...
Related posts brought to you by Yet Another Related Posts Plugin.
Pingback: 2 Free High Quality Inkscape Icons | WheeQo.web.id