Quick Tips: Create Image Curl in Photoshop

page-curl-tulips

In this Photoshop tutorial we’ll use a Fill layer, a Gradient Layer Mask and a Warp to produce curly effect on the image. You can apply this effect to an existing image or you could apply it to a block of color that you might use on a sidebar on a web site for example.

Step 1

First, we must prepare our image. To make this effect I use a beautiful tulips image from Stock Exchange, download it and open in Photoshop. Then go to layer palette, right click on the background and choose Layer From Background, press OK when a dialog box appear. Now our background image turn into layer 0.

photoshop tutorial quick tips make image curl effect

Step 2

Go to Layer > New Fill Layer > Solid Color, press OK, then on the color swatch select black as our color. This step creates a new layer called Color Fill1 above the tulips image.

We need to apply a gradient to the layer mask on the Color Fill 1 layer, so make sure it is selected in the layers palette. Press D on the keyboard to set the Foreground Color to black, then select the Gradient Tool (G) and create gradient from black to transparent, you can see the picture below as an example.

photoshop tutorial quick tips make image curl effect

Step 3

Now we need to warp our layer mask so with the Color Fill 1 layer selected press Ctrl+T to start a Free Transform. Only the layer mask will be selected. With the the Free Transform still active, go to the Options Bar and select the Warp icon command. You should now see a small grid of anchor points on the top right corner of the image. Click and drag the higher right anchor point and pull it towards mid center, as below. I also dragged the anchor points on the x an y axis to change the shape of the curve.

photoshop tutorial quick tips make image curl effect

Press enter and we get something like this,

photoshop tutorial quick tips make image curl effect

Step 4

On the layer palette, double clicks Color Fill 1 layer to bring up Layer Style window. On the first page set the Fill Opacity to 0, to remove all the Black, and bring back the visibility of the underlying image Layer.

photoshop tutorial quick tips make image curl effect

Add Inner Shadow to Color Fill 1 layer and set as following screenshot,

photoshop tutorial quick tips make image curl effect

We need to fix the foreground exposure of the curl. Click on the Stroke and then set the Size to 10px and Color to White, Position to Outside. Click OK.

photoshop tutorial quick tips make image curl effect

Step 5

The final step, create new layer behind all layers. Grab Paint Bucket Tool (G) and fill the new layer with white. Return to Layer 0, go to Layer > Layer Mask > Reveal All. Set your foreground to black. On the layer mask, paint carefully with a soft black round brush to fill in the right top corner of the image.

photoshop tutorial quick tips make image curl effect

Final Result

Your final image should look something like this. I hope you enjoy this post and don’t forget to subscribe to Grafisia RSS Feed.

photoshop tutorial quick tips make image curl effect

Download psd file

2 Comments

Leave a Reply