Tilt shift effect with Adobe Fireworks
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.
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.
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.
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.
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.
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.