Tilt shift effect with Adobe Fireworks

Posted in Resources > Bitmaps by Firetuts

Even though Fireworks is a great web workhorse its still possible to create some nice photo manipulation effects similar to photoshop. In this article i’ll go through a simple way to approximate the tilt shift effect we see all over flickr and alike.

Getting started on the tilt shift effect

1. I’ve used a scene of a busy street with no particular focal point.

Tilt shift effect

2. Create a copy of the original image so you have an image in two layers. Select the bottom most layer and apply a Gaussian blur filter, I’ve used a blur radius of around 3.1 but you can play around with this until you get the effect you would like.

Tilt shift effect

3. Create a copy of unblurred image to use as the source for a vector mask. Create a square vector with a gradient fill, the same size as the image.  Now group the image and  gradient as vector mask,  Modify > Mask > Group as mask.

Tilt shift effect

Once you have created the vector masked image it should look something like the image below. Make sure its the top most layer and apply an “overlay” filter with a alpha opacity of around 46.

Tilt shift effect

 

4. Now we have a layer to define the general focus for the effect we need create a second vector mask to create a real contrast between the blurred area and focus areas. To do this copy the original vector mask layer and place it on the top of the layer stack,  apply a “lighten” filter and adjust the orientation and size of the gradient for best effect.

Tilt shift effect

5. Now that we have our general effect in place we can apply a few live filters to maximise the effect of the tilt shift. Firstly lets group all layers together so all layers take the effect,  in this case we applied saturation and contrast to maximise the effect.

Tilt shift effect

Final tilt shift effect

Tilt shift effect

Author: Firetuts.com

Website: firetuts.com

Get Source
Creative Market Ad

There're 5 comments for this post.
  1. On the vector mask part cant seem to understand on how you did that make it more clear on your instructions so the beginners will understand thanks