Reflections Tutorial - Fireworks

Here's my first tutorial on UserLogos: Adding reflections in Adobe Fireworks.

Note: All RED items on the screenshots are not part of the actual picture, they indicate the steps to follow

(all images can be clicked to show larger versions)

This is the image I'll use for the tutorial, an non-centered sample logo with a transparent background (canvas size (400x300):

Steps to take:

1. Select the logo using the Pointer Tool(Keyboard Shortcut:V) by clicking on it:

2. With the image still selected go to the "Optimize and Align" section in the Fireworks window(By default it's on the top right). Select "To Canvas"(1), "Align Horizontal Center"(2) then "Align Vertical Center"(3):

3. The image should look like this:

4. Move the image about 10-15 pixels upwards using the "up" arrow key on your keyboard: (You should move it 7-9 pixels if you're using a 300x225 canvas)

5. Copy the image and paste it. You can either do this by selecting edit>copy and edit>paste or by pressing (Ctrl+C) then (Ctrl+V) on your keyboard. After doing this, lock the bottom(original) layer:

6. Right click the image and select Transfom>Flip Vertical:

7. The image should now look like this:

8. Move the flipped image to the bottom of the original layer using the down arrow key on your keyboard:

9. With the image selected, go to Commands>Creative>Fade Image:

10. Select this type of fade and click "OK":

11. You now have a logo with reflection, you can adjust the slider to experiment with different amounts of reflection:

(At this point, some people add a Gaussian blur to the reflection but I don't usually)

12. The finished image should look like this:

The Transparent PNG Version:

I've taken a lot of time and effort to make this tutorial so that everyone can add reflections to a logo. The best way to thank me for writing this is to make beautiful logos and post them on UserLogos! =]