Creating a reflection effect

We will now enhance the "Aqua" style button we just created in the previous recipe with a nice reflection effect. You will be surprised by how much more impressive the image will look once we have finished.

How to do it...

The following steps will demonstrate how to give our button a reflection:

1. 1. Open the Button.svg document accompanying this chapter and copy the final button version into a new document.

2. 2. Select the shadow rectangle and use the top arrow handle to scale it down vertically, then move it up until it's completely behind the button (Arrow Up).

3. 3. Open the Fill and Stroke dialog (Shift + Ctrl + F) and increase the Blur of the shadow to 8.

4. 4. Use the side arrow handle to shrink the shadow horizontally while holding Shift to keep it centered so it doesn't stretch beyond the button width.

5. 5. Select all (Ctrl + A), group them(Ctrl + G), and duplicate the group (Ctrl + D).

6. 6. Flip the duplicate vertically (V) and move it downwards holding the Ctrl key to...