Create a Photo Curl Effect With Photoshop

Ever see those cool photo effects where it looks like the image has been curled upwards like the page of a book? Well, here, in this tutorial you can learn to create this very same photo curl effect to use on your own website photos. This tutorial will only require moderate skill to complete. Just follow the step by step instructions and you will have your own adobe photoshop photo curls in no time!.

Let’s start with a nice photo. Here I selected a recipe page photo as later on I will need this for the restaurant web template that i going to use.

Note: This photo taken from bigstockphotos.com

Now do a selection using the Rectangular Marquee Tool from the tool bar. Then click on Edit> Transform > Warp. Just like the diagram below.

To make the photo curl, now click on the bottom point and move upwards to the center so it looks like a photo curl effect at the corner, adjust bezier handles to get the effect you desire and hit the enter key .

Now deselect the layer, and you have the photo curl effect, but because can’t show the back of the photo, we have to add it in ourself. Click on the pen tool and draw the shape of the photo curl, use the curl you just transtorm as the guildline.

Press ctrl-D to deselete the section.Then hold on the Ctrl key and click on the paths you just draw to give it a selection. Then fill it with color. Before that remember to add a new later for the back of your photo curl effect. Here it was filled with a darker brown color.

Now the final the step, double click the back photo curl layer and add in the gradient overlay with a dark brown and white linear gradient and set the Layer option to Multiply. After that add a drop shadow effect for the back photo curl.

Note: Click to enlarge

Lastly add a drop shadow for the main photo as well to give a more curl effect. Double click the photo layer and set the dropshadow effect accordingly. Now you can try to add it into your website design. You can add photos borders and tilt the photo to match with your website template.

Note: Click to enlarge

Congratulations! Now you can try to add it into your web design, for the example below.