Filed under Web Design

If you’ve followed Fireworks Tutorial : Creating A Curled Photo Effect - Part 1, you should have added a border to a photo of your choice. Now we’re going to see how to add a reflective sheen to the curled photo and we’re going to make the drop shadow look a little bit better.

Using the pointer tool pointer-tool.jpg, start by dragging the vertical guide off the canvas. Select the grouped item from the layer panel and click on “Modify => Ungroup” from the main menu.

Fireworks Tutorial - Bent Photo Effect

Select the vector path from the masked photo item in the layer panel and click on “Edit => Copy” and then “Edit => Paste” form the main menu.

Fireworks Tutorial - Curled Photo Effect

You should now have a copy of the vector path appearing in the layer panel.

polynesian_beach-21.jpg

Using the pointer tool, select the newly copied path and change it’s fill property to “Gradient” and select “Bars” from the list.

polynesian_beach-22.jpg

You need to customize this gradient in terms of color and opacity. Click above the opacity gradient to add an additional swatch.

polynesian_beach-24.jpg

Click on the newly created swatch and set it’s opacity to zero.

polynesian_beach-25.jpg

Now you need to alter the gradient color. Click on the existing swatch to the left and set it’s color to white.

polynesian_beach-26.jpg

Repeat the same process with the right color swatch but set it’s color to a dark grey (#333333). At this point, your photo should look like this:

polynesian_beach-27.jpg

You can rotate the gradient’s angle to match the photo.

polynesian_beach-28.jpg

Now we’re going to lower the opacity of the gradient path to 80.

polynesian_beach-29.jpg

Select the masked photo from the layer panel…

polynesian_beach-30.jpg

…and add a drop shadow effect to the masked photo. Tweak the drop shadow effect to your liking. I’ve set the softness to 20 and the distance to 20 also. Here’s what it looks like at this point:

Fireworks Tutorial - Bent Photo Effect

From the main menu, click on “Modify => Canvas -> Fit Canvas”. I’ve decided to move the reflective sheen to the right but you can set it the way you want.

To make the photo come out a little more, I’ve created a rectangle underneath it that covers the whole canvas. Then I’ve added a wood pattern fill to it. Here’s the final result:

Adobe Fireworks Tutorial - Curled Photo Effect

Download the final source image for this Fireworks tutorial here.


Related Posts

Posted by Stephane on Tuesday, October 2nd, 2007


You can follow any responses to this entry through the magic of "RSS 2.0" and leave a trackback from your own site.

Post A Comment