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

Shoutbox
Celox
The brand new site is up and running! There changed a lot around here, so many that I'll be posting a descriptive post on the blog tomorrow Happy I hope you all like the new version's redesign, the new features and what not. There are still some minor bugs those need fixing but I'll get on that in the very near future.
draw_dogs_101
Er... Wierd dogs msg me..
Celox
Hey Hey!
maycute_25
helow to celoxdesign
Celox
Added some new cool text effects, check 'em out! Especially check out the 3D Bulge text effect, it's again one of the best text effect tutorials on the web.
Celox
200 members \o/ let's get drunk! Happy
Celox
I've replied in the critique my graphics thread
Matt
Look at my spider man
Webpoll
Did the site improve with its new update?
Hell yeah!
Nah, I don't think so..
No idea, this is my first time here

Advertisements