2011
Tilt shift effect
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.
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.
6. Final Image









July 7th, 2011 at 2:09 pm
Wicked! Thanks for the tutorial. Does this mean that FireTuts is back?!
July 8th, 2011 at 10:09 am
I have a few more posts in the pipeline so time permitting, yes…..
July 11th, 2011 at 7:08 pm
Refreshing tutorial. Some more like this would be nice…!
March 15th, 2012 at 6:40 am
Very nice work, but try to make it more advance.