Tilt-Shift Photo Effect

If you’ve browsed Flickr for city photos for any length of time, you have probably come across photos which have had a tilt-shift effect added to them. A tilt-shift effect basically results in the photo looking like a model, and Mathieu ‘p01′ Henri has created a canvas demo that creates this effect.

Creating an effect

Comments from the Author:

A blurred version of the original image is generated using Canvas and drawImage(), then horizontal slices are composited with the original image to produce the final output. The blurred image is generated incrementally to improve the quality of the blurring effect. Without this, it would feature heavy bilinear interpolation approximations.

Info

Type:
Applications, Photos
Author:
Mathieu 'p01' Henri
Posted on:
February 1st, 2010
Posted by:
Andi Smith
Views:
1838

Rating

4.33

Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find Tilt-Shift Photo Effect works in other browsers by leaving a comment below.

Comments

Mark Hagers

The tilt shift demo worked flawlessly for me on Safari 4.0.5 (6531.22.7)

Posted on April 21, 2010

Mark Hagers

Ditto for Chrome version 5.0.342.9 beta (Max OSX)

Posted on April 21, 2010

Add comment

(required)
(required)
(will not be published)
(required)

Related demos