How To Make A Page Fold Effect!

[Plutonium_mybb_import11555]

Step 1

Create a new document (mine is 600 by 420 pixels) and fill with a dark gradient or solid colour. I’ve filled mine with a radial gradient from #242424 to #0e0e0e.

Step 2

On a new layer select the rounded rectangle tool and make a rectangle 250 pixels wide and 300 pixels high with a colour of white and a radius of 5 pixels. This is our page

Step 3

Using the polygonal lasso tool make this selection. Hold down the shift key to make it line up at a 45 degree angle.

Step 4

Rasterize the layer (right click > rasterize layer) and remove selection (hit delete).

Step 5

On a new layer use the rounded rectangle tool to make a 100 by 100 pixel white box.

Step 6

This is our fold part, and we want to get rid of the part outside of the page so firstly rasterize the layer like we did before. Now select the area of the page (Ctrl + click the layer’s thumbnail) and invert selection (Select > Inverse) and hit delete.

Step 7

Duplicate this fold layer and fill with a linear gradient from the top right to the bottom left using the colours #c8c8c8 and #eeeeee. This is the fold shadow layer.

Step 8

Go Edit > Transform > Warp and stretch out the bottom left corner. Hit enter to set the transformation

Step 9

Move the shadow layer below the fold layer (in the layers window by dragging)

Step 10

And there you have it, your page fold effect! You may also want to warp the fold layer to the left at the bottom too.

Finishing Results;

Hope you liked this tutorial!

~ P​

 

[Asshole_mybb_import11515]

Although ill most likely never use this cause I fail at photoshop and stuff this is a very cool tutorial =]

 

[Acapella]

Although ill most likely never use this cause I fail at photoshop and stuff this is a very cool tutorial =]

Same but nonetheless, I just learnt something pretty cool.
Loving these tutorials!

 

[d-_-b]

Was searching for something similar , thanks for the tutorial PLutonium.

 

[Plutonium_mybb_import11555]

Thanks for the comments guys! I appriciate it!

 

[Monetizer]

Plutonium, I have seen many of your tutorials of graphics and I know that you are astonishing at graphics and this tutorial is extremely helpful because I am just starting graphics and I wanted to learn graphics for a long time.

Thank you!

 

[Plutonium_mybb_import11555]

Thank you! This is indeed one of my in-detail tutorials.

 

[Boosh]

One of the sexy keys to making something look like legit paper lol. Although I have never used it myself.

 

[Weed™]

Wow, pretty nice man. I'll probably use this if my friends need any flyers for their parties.

 

[Plutonium_mybb_import11555]

Giving this a small bump!

 

[GAMEKINGZ_mybb_import1105]

Hehe nice one , maybe i will use this when im starting to make a flash book .

 

[Slug]

Thanks for this, I might use it for a sales thread or E-Book.

 

[w1nd]

That's actually so cool, the simplest tutorial for this effect I've ever seen.

 

[Plutonium_mybb_import11555]

That's actually so cool, the simplest tutorial for this effect I've ever seen.

Thanks!

Thanks for this, I might use it for a sales thread or E-Book.

You're welcome. irate:

 

[Deantehnoobhacks]

really simple thing, but you have made it really complex and look good, and an easy to use tut well done

 

[n0f4m3_mybb_import11553]

Cool! I won't use it because I don't often make "pages" but thanks ;D

 

[Plutonium_mybb_import11555]

Cool! I won't use it because I don't often make "pages" but thanks ;D

Well, Don't use it then

 

[kinky_mybb_import11536]

haha really cool, i'll def check out all your Tuts.

 

[Plutonium_mybb_import11555]

haha really cool, i'll def check out all your Tuts.

Hah, Do so! irate: :smile:

 

[Clockworkk]

How do we use color codes in gradiant!