How to make a page turn effect in Photoshop

Colin Smith

How to make a realistic page turn effect in Photoshop.

Graphic designers are going to love this one. But if you’re a retoucher you will also find this page turn tutorial useful. I had a lot of fun making it, I hope you enjoy using this tut.

Subscribe on YouTube:

How to make a Page peel effect in Photoshop

I’m going to show you how to create a realistic page peel effect inside of Photoshop, complete with highlights, shadows and curls. This is made in Photoshop 2021, but it will work with almost any version of Photoshop.

Making a Page curl in Photoshop

Let’s start with this little poster I created for my session at Adobe Max. To get a file into Photoshop, just choose file>open navigate to the file

Adobe MAX poster Making Movies in Photoshop with Colin Smith, a classic Chevy at a drag strip

1. We are working on a background and need to convert to a regular layer. The easy way to do that is click on the padlock in the Layers panel.

Layers panel with a locked Background layer Background converted to Layer 0 in the Layers panel

2. Ctrl/Cmd+T takes us into free transform mode.

Right-click and you’ll click on the option that says Warp.

Free Transform right-click menu with Warp highlighted over the poster

3. Grab a corner and drag ito and it will curl over

Top left corner of the poster dragged down and curled over with Warp

Tip: If you want a smaller curl, Alt/Option Click in the shape to split the grid and drag a smaller segment.

Warp grid split near the top left corner for a smaller curl Smaller curl at the top left corner from dragging the split grid segment

4. Why don’t we do a curl at the bottom as well.

Poster with curls at both the top left and bottom left corners

5. Drag the handles on the edges to add a little bit of movement to it, more of a wave instead of the straight edges.

To apply click on the checkmark at the top or press Enter.

Poster edges warped into a gentle wave with the corner curls

Part 2: Adding realism

There’s a couple of things we need to do to add to the realism, and that’s adding light and shadow.

6. We want to make a selection out of it. Choose our object selection tool, if you’re on an earlier version of Photoshop, just use a quick selection.

Object Selection Tool highlighted in the toolbar

Change the mode to lasso. Make a selection around that dog ear.

Object Selection options bar with Mode set to Lasso

7. If you need to clean up the selection, use Shift to add to the selection and alt/Option to subtract.

Selection around the curled-over dog ear corner

To get a better selection, use the pen tool (how to use the pen tool in Photoshop) Also included on the video at the top.

8. Press Ctrl/Cmd+J to copy the selected pixels to a new layer.

Dog ear copied to Layer 1 above Layer 0

9. Lets add the add the shadow underneath.

In the Layers panel, choose fx, go down to drop shadow

Layer Styles menu with Drop Shadow highlighted

Notice you can drag with the drop shadow. So we can position it wherever we want,

10. Turn the size down to 0 (Normally we would make a soft edge, but we need to transform it, so we can soften it later). Turn opacity all the way up, or high enough to see it easily.

Drop Shadow at Size 0 and Opacity 100% under the curled corner

11. Right click on Effects the layers panel and choose create layer.

Layer Style right-click menu with Create Layer highlighted

12. Now the dropshadow is converted to a regular layer. Click on the drop shadow layer in the layers panel.

Layers panel with Layer 1's Drop Shadow as its own layer

13, Press Ctrl/Cmd+T for free transform. Right click and choose distort.

Free Transform menu with Distort highlighted on the shadow layer

14. Drag the corners up to touch the edges of the dog ear and drag down on the middle to pull out or corner. Press enter to apply the transformation.

Shadow layer distorted to stretch under the dog ear curl

15. We now need to soften it, Filter> blur>Gaussian Blur. Now it starts to look more like a shadow.

Gaussian Blur at 12 pixels softening the curl shadow

16. Lower the opacity to suit your tastes. In this case 45% looks good to me.

Shadow layer opacity lowered to 45% in the Layers panel

The second shadow is going to be much easier.

17. Select the bottom layer and choose effects, drop shadow

Drop Shadow chosen from the Layers panel fx menu for the poster layer

18. Drag the shadow to match the direction of the top one. Also adjust size (soften) and opacity to match.

Drop Shadow on the poster at Opacity 52%, Distance 25 and Size 27

To make it easier to see our shadow, we will make a white background.

19. Click the new layer icon and drag the new layer to the bottom of the layer stack. (Tip: Holding down Ctrl/Cmd as you create a layer, will put it under the existing layer, instead of on top)

New empty Layer 2 placed at the bottom of the Layers panel

20. Press the D key to reset the color pallets. White should be the background color. Press Cmd+Shift+Delete (Ctrl+Alt+Backspace on Windows) to fill with background color.

Curled poster with its drop shadow on a white background

Making the highlight reflections

21. Choose the gradient tool. Set the foreground color to white. Make the gradient linear and make sure transparency is turned on.

Gradient tool with white foreground, Linear style and Transparency checked

22. Choose the foreground the transparency option. (It might be in the basics group).

Foreground to Transparent gradient chosen in the gradient picker

23. Create a new Layer and place it above the dog ear.

New highlight layer placed above the dog ear layer

24. With the highlight layer active, hold ctrl/Cmd and tap on the dog ear layer to loads its selection.

Selection loaded from the dog ear layer on the curl

25. With the gradient tool, start a little bit outside and drag it  halfway through the dog ear. That gives it a bit of a sheen. Adjust the opacity of the layer if you like.

White gradient sheen added across part of the dog ear

Press Cmd/Ctrl+D to deselect.

Dog ear curl with the highlight, selection removed

26. Now we want to add some sheen to the bottom. Create a new layer and name it highlight 2 and put it directly above our poster layer.

2nd highlight layer placed above the poster layer in the Layers panel

27. Hold Ctrl/Cmd and tap on the poster layer to load the transparency.

Selection loaded around the whole curled poster

28. This time drag from the lower right in a diagonal direction to the middle.

White diagonal gradient sheen fading across the poster

29. Drop the opacity on this sheen to suit your taste.  For more options, watch the video at the top.

Poster sheen lowered in opacity in Photoshop

That’s how to create an advanced page peel effect in Photoshop.

 

Finished page curl effect: the poster with curled corners, shadows and highlights on white

So anyhoo thanks for checking it out.  Till next time, I’ll see you at the CAFE.

Browse our hundreds of other free tutorials here, or search for what you are looking for in the search at the top of the page.

You can also browse by topics in the free tutorials menu. 

If you are ready to get serious about Photoshop, see our full length courses here

 

Great to see you here at the CAFE,

Colin


Follow along for more tips

Keep growing with Premium Courses

Photoshop 2026 for Digital Photographers

Learn Photoshop properly, from the basics to pro retouching, step by step.

$129.00 · one-time purchase · instant download

Photoshop Vault: free Layer Blend Modes ebook, actions, brushes, presets and cheat sheets

Free for you

The Photoshop Vault

Get my free Layer Blending Modes ebook along with dozens of exclusive Photoshop goodies: actions, brushes, presets and cheat sheets.

You're on the list, so your free goodies are waiting for you in the Vault.

Get Free Photoshop Goodies Open the Vault

7 comments

  1. Loved this class, don’t know if I’ll have the opportunity to use this technique as I am a very much a beginner, but I do love your classes. If you can point me to beginner classes that would be very helpful.
    Awesome,
    Sandy

    1. Colin Smith Author

      Choose the category that says Photoshop Basics under the free tutorials menu

  2. william johnson

    Colin, I like it when you go deeper into the techniques.
    Thanks Rj

  3. Daphne D'Mello

    Thanks Colin, great tutorial, definitely appreciate when you get deeper into the techniques

  4. PHYLLIS m CAPP

    I believe this is listed as page turn, page peel, and page curl. Is that correct or are the others actual separate tuts?

  5. Valerie J Fay

    like going the extra mile – it’s like getting multiple tutorials in one video

  6. Stephen H A Hollingshead

    Thanks for this Colin. I suffered some memory loss recently and am having to re-learn so much. Your clear and very careful demonstrations are very helpful

Leave a comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Copy link