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

Technorati Tags: , , , ,

del.icio.us Page Curl Effect Tutorial digg this reddit this Furl this +Spurl this

21 Responses to “Page Curl Effect Tutorial”

  1. Jean-Marc Says:

    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 Says:

    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. Photoshop Tutorials Blog Says:

    [...] 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. [...]

  4. Danny Says:

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

  5. Dimitris Says:

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

  6. MIGUEL Says:

    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??

  7. MackeyDesigns News & Stories » Fade to Black-The twilight of film photography Source: Opinion Journal Says:

    [...] 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 […] [...]

  8. alex Says:

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

  9. ShadeX Says:

    Awesome tutorial! thanks

  10. karlofsweden Says:

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

  11. mermaid Says:

    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…

  12. http://www.prince-des.com Says:

    good

    http://www.prince-des.com

  13. rafagama Says:

    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.

  14. The WP Themes » Page Curl Effect Tutorial Says:

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

  15. Brunbeck Says:

    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 =)

  16. marsha Says:

    cool tut. very useful. :)

  17. Wanda Says:

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

  18. mal Says:

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

  19. Tylor Says:

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

  20. Bob Says:

    Awesome tut!!!

  21. dyan Says:

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

Leave a Reply

Related Posts from the Past: