Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I saw an image as the 404 error in CSS Tricks, and I wondered how to create such an effect in Photoshop.

torn paper

share|improve this question
up vote 4 down vote accepted

That image is a combination of torn paper and page curl. has excellent tutorials for both components:

share|improve this answer
spoongraphics such a nice place... – Jack Jul 25 '11 at 14:44

We actually use the same effect for the 404 and error page images on this very site.

error 404

I tried the Photoshop way first, but I was never satisfied with the results. The problem I faced was not the end results didn't look good(in that faux way), but because they just didn't look "real." So what I ended up doing was taking a photo of the actual paper torn and cleaned up in Photoshop. It was so much more painless. Since papers are accessible to everyone, I recommend simply staging the paper the way you want it and photo/scan it in Photoshop.

The image you linked from CSS Tricks looks like a scanned photo to me, with artificial cast shadow.

share|improve this answer
Dead on, Jin. It's arduous creating it from scratch in Photoshop, and the real thing always looks more real. As versatile a substance as scratch is, it isn't suitable for everything. :-) – Alan Gilbertson Jul 26 '11 at 6:00

i worked on the same thing ages ago, all you have to seriously work with selection tool when it comes to edges i did all this with the help of "richard carpentar" given tutorial,edit and play with the details when working and you'll get your output, check this out surely it will help....

Tutorial :

something very same....

Tutorial :

image from tutorial

Hope this will help :)

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.