Make a Page-curl Tutorial

Info & Save:

Category:
Photoshop
Date added:
09-08-07
Level:
Beginner/Intermediate
Author:
Celox
Save to:
Delicious   Digg   Stumbleupon

Intro:

Make a page-curl in photoshop. We're going over the same techniques Microsoft used for there MSN Hotmail to Windows Live Hotmail switch. Below is the final result of this tutorial.

Make a Page-curl

Step 1:

Open up a screenshot of some sort for the background. I took a screenshot of my Gmail inbox and cut the a piece out of it which I set to a smaller image size. If your lazy you can also use my picture I have so far below.

Make a Page-curl

Step 2:
Now move a different screenshot ontop of the Gmail screenshot (I used the same steps as above for this screenshot), though you have to make sure that the height of this screenshot is bigger, since we're going to rotate it a bit.

Flip this screenshot horizontal, Go to > Edit > Transform > Flip Horizontal.

Make a Page-curl

Press Ctrl+T to go into transform mode, and rotate the upper screenshot like the preview below, by using one of the corner squares.

Make a Page-curl

Step 3:

Select the pen-tool Make a Page-curl and make a path like below.

Make a Page-curl

We're going to need the selection of this path now. So Ctrl+click The Pen-tool shape layer in the layers window to make a selection of it. Then hide the Pen-tool shape by clicking the eye icon infront of it. Select the Top screenshot (let's name this screenshots MSN screenshot from here on on), then press delete on your keyboard to delete the the part inside the selection we just made. And that should leave you with this.

Make a Page-curl

Step 4:

Move the MSN screenshot a bit to the left, like on my next screenshot. We're going to make the shadow first since we only need the MSN screenshot base for this. Duplicate the MSN screenshot and move the duplicated screenshot below the original MSN screenshot (NOT below the Gmail screenshot!). Make a selection of the duplicated layer, Set the foreground color to black, make sure you have the duplicated layer selected, then hit Alt+Backspace to fill the selection with the black foreground color. Then move the layer to the position I have it below, Note: I've also rotated it a bit.

Make a Page-curl

Take out a hard edged eraser tool Make a Page-curl, and delete the part that's sticking out of the top of the original MSN screenshot.

Make a Page-curl

Now Lower the opacity of the duplicated layer to 21%, which should leave you with the following.

Make a Page-curl

Tutorials
Links
Advertisements