Not a member? Register | Lost your password?
Close Panel
 
 

16

Jun

2007

Fireworks Tutorial: creating a reflected text

By Jeeremie. Posted in Photoshop / Fireworks, Tutorials

To add a reflection to your logos, headers or titles is a great way to give depths to your webpages. As you will see, it is much more easier to do this with Fireworks than with Photoshop.

The final result:

And the easy step by step tutorial to obtain a reflection:

First, open a new document in Fireworks and put in some text:

Duplicate your text (Ctrl+C and Ctrl+V).

Right-button and select Convert To Symbol or press F8.

Right-button on your second text and select Transform > Flip Vertical:

Enter in the menu Commands > Creative > Fade image. Select the option as shown below and press OK:

Here is what you should have:

Go in the Layers Panel on your left and select the black square (see image below):

You should now see a black line:

Dragg it up and lengthen it:

Here you are! Easy, no?

Popularity: 13% [?]

 

Related posts

| Subscribe to Feed | Email the author

4 Responses to “Fireworks Tutorial: creating a reflected text”

  1. 1
    Mario Says:
    June 18th, 2007 at 8:32 am

    Great Tutorial! It was what I was looking for. Thanks!

  2. 2
    Jenna Says:
    December 9th, 2007 at 4:15 pm

    Thanks for the tutorial! Very helpful! Love your site!

  3. 3
    Urban Says:
    September 3rd, 2008 at 8:28 am

    Tnx nice tutorial! :D

  4. 4
    Susanne Says:
    November 29th, 2008 at 4:43 pm

    thanks for this tutorial, it’s really useful.Your website is great!

 

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

To insert a code, don't use <code>...</code>. Instead, use <pre lang="LANGUAGE" colla="-">...</pre> and replace 'LANGUAGE' by 'html4strict' for HTML, 'php', 'javascript', 'css'...