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.


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



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.


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


goooooooood art

Posted on November 7, 2010


Your post offers proven useful to us. It’s really
informative and you’re simply certainly really experienced in this area. You possess exposed my own sight in order to different opinion of this particular topic with intriguing and reliable content material.

Posted on March 7, 2013


Excellent pieces. Keep writing such kind of info on your page.
Im really impressed by your blog.
Hey there, You’ve performed an excellent job. I will certainly digg it and individually recommend to my friends. I’m sure they will be benefited from this site.

Posted on March 7, 2013

computer games mahjong

Heya are using Wordpress for your site platform?
I’m new to the blog world but I’m trying to get started and create my own.
Do you require any html coding expertise to make your own blog?
Any help would be greatly appreciated!

Posted on March 9, 2013


Your current report provides verified necessary to me personally.
It’s extremely useful and you really are clearly really educated of this
type. You have opened my own eye for you to various opinion of this
particular subject with intriguing and sound content.

Posted on March 19, 2013


I almost never drop remarks, however i did some searching and wound up here
Tilt-Shift Photo Effect – Applications, Photos
- Canvas Demos. And I actually do have some questions
for you if it’s allright. Could it be only me or does it seem like a few of these remarks come across like written by brain dead folks? :-P And, if you are writing at additional sites, I would like to follow anything fresh you have to post. Could you make a list of the complete urls of all your communal pages like your Facebook page, twitter feed, or linkedin profile?

Posted on March 21, 2013


Which ever place you go, go with your complete heart.

Posted on April 10, 2013

farmville secrets work

Hi there colleagues, how is everything, and what you would like to say concerning this piece of
writing, in my view its truly awesome for me.

Posted on April 23, 2013

Top online casino bonus

Hi this is kind of of off topic but I was wanting to know if
blogs use WYSIWYG editors or if you have to manually code with HTML.

I’m starting a blog soon but have no coding knowledge so I wanted to get advice from someone with experience. Any help would be enormously appreciated!

Posted on May 19, 2013

Add comment

(will not be published)