top navigation

Page Curl Effect Tutorial




With this tutorial, I am going to show you how to achieve a page curl effect in just a few easy steps. This tutorial use the Warp filter so it’s for Photoshop CS2 only.

Let’s start by opening the photo you want to apply the effect to. I used this stock photo

Original photo for the photoshop tutorial

The first thing that we are going to is to unlock the background layer. To do this simply double click on the padlock icon besides your photo thumbnail in the layers palette.

unlock background layer

Now select the Rectangular Marquee Tool

rectangular marquee tool

and select a rectangular area in the corner that you want to apply the effect. In the screenshot below I have highlighted my selection.

rectangular selection at the left bottom corner

Now select the gradient tool and draw a black to white gradient in your selection. In this case I drew the gradient from the top right corner to the bottom left corner.

black to white diagonal gradient

Now deselect (Select->Deselect) or (Ctr+D)
Next go to Edit->Transform->Warp.
Drag the bottom left point towards the center like in the screenshot below.

warp the image

And here is our result.

warp result

Finally apply a Drop Shadow style. These are the settings I used.

drop shadow settings

And here is my final result.

final result of page curl photoshop training




21 Responses to Page Curl Effect Tutorial

  1. Jean-Marc February 26, 2006 at 7:28 am #

    Just stumbled upon your website after clicking on it on tagspage. Keep up the awesome work! This site is definately going into my bookmarks

  2. Admin February 28, 2006 at 3:55 am #

    gr8 work, i am now regular visitor of this site, already bookmarked it and read all the tutorials by you, please allow me to add a link to this tutorial page in my website.

  3. Danny March 7, 2006 at 5:36 pm #

    Great tutorial. I have a question though. How do I get rid of gradient in the selection after applying warp?

  4. Dimitris March 8, 2006 at 7:13 am #

    Hi, after applying the gradient you should deselect (Ctrl+D) or go to Select->Deselect

  5. MIGUEL March 16, 2006 at 7:31 pm #

    Soorry for mi english…….(i speak spanish)
    I have cs 1, and i have the efect warp, i try to do this efect but i dont know higligted my selection, i think (supose) , this is the reason for my bad results, tellme please how i do this efect??

  6. alex March 28, 2006 at 6:49 am #

    there is no such thing as edit> transform> warp on my PS version I have version 8, (CS 1?)

  7. ShadeX March 29, 2006 at 7:18 am #

    Awesome tutorial! thanks

  8. karlofsweden March 30, 2006 at 5:38 am #

    heyyou (: how are you ? well, actually my question was: in my adobe photoshop (7.0) version there is no warp thing under edit\transform ?

  9. mermaid March 30, 2006 at 10:37 pm #

    hello..
    at last i’ve found a simple process with this effect. the other that has the same effect was very difficult to to follow..or maybe i just dont know how to use the pen tool..anyways, thanks for this…

  10. http://www.prince-des.com April 18, 2006 at 11:25 am #

    good

    http://www.prince-des.com

  11. rafagama May 15, 2006 at 1:17 am #

    Wonderful tip really! Thank you.
    Just an idea: If you want to keep de corner shorter, you can wrap a selection about twice the first one. After moving the corner to the center, use the handles to modify the edge of the corner. The effect is fantastic.

    Thanks again for the idea.

  12. Brunbeck May 26, 2006 at 4:20 pm #

    Dude’s, can’t you read? It says in the beginning that this tutorial uses the function warp that only excist in Adobe CS2(9.0). How hard can it be =. Nice tut by the way =)

  13. marsha July 14, 2006 at 9:29 am #

    cool tut. very useful. :)

  14. Wanda July 24, 2006 at 5:40 am #

    Thanks so mutch!!! This tut is great – Wanda

  15. mal September 15, 2006 at 3:39 am #

    Absolute genius!! I’ve been dicking about half the morning to do this & got nowhere – thanks for ace tip1!

  16. Tylor September 30, 2006 at 7:13 pm #

    Nice tutorial! It really opened my eyes. I’ve never seen anything like that before.

  17. Bob November 2, 2006 at 1:39 pm #

    Awesome tut!!!

  18. dyan November 29, 2006 at 10:24 pm #

    hi,
    i’m using CS 8 n there is no transform>wrap in my application.how?

Trackbacks/Pingbacks

  1. Photoshop Tutorials Blog - March 7, 2006

    [...] I have created a small action based on the Page Curl Tutorial. The action simply creates a page curl in any of the four corners of an image. [...]

  2. MackeyDesigns News & Stories » Fade to Black-The twilight of film photography Source: Opinion Journal - March 18, 2006

    [...] Page Curl Effect Tutorial With this tutorial, I am going to show you how to achieve a page curl effect in just a few easy steps. This tutorial use the Warp filter so it’s for Photoshop CS2 only. Let’s start by opening the photo you want to apply the effect to. I used this stock photo The first thing that we […] [...]

  3. The WP Themes » Page Curl Effect Tutorial - May 20, 2006

    [...] Show you how to achieve a page curl effect in just a few easy steps. Click here! [...]