: How to Create a Torn Page Effect in Photoshop? I saw an image as the 404 error in CSS Tricks, and I wondered how to create such an effect in Photoshop.

@Voss6371140

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




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.

Vote Up Vote Down

@Jessie844

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 :


Ripped paper effect Photoshop




something very same....

Tutorial :


torn paper tutorial: please dont make it look like a flower :D




Hope this will help :)

Vote Up Vote Down

@Si6392903

That image is a combination of torn paper and page curl.

Spoongraphics.co.uk has excellent tutorials for both components:


Page curl
Torn paper edge

Vote Up Vote Down