PHOTOSHOP TUTORIALS: PAGE PEEL

Leave a comment

*Wrote this article a while back for my company and wanted to share it on my blog too*

Greetings readers,

I would like to share a nifty trick with you today in Adobe Photoshop. The page peel effect can be found in many different designs because it is aesthetically appealing. Some folks don’t realize that the technique is deceptively simple. Below you can view what we are trying to create in this tutorial. The photo is from a production with artsee magazine.

artsee production

We’re going to start out with a blank document in Photoshop. Size isn’t terribly important for this effect, but I am using a landscape-oriented letter sized document (11in. x 8.5in.) at 300dpi.

Image

Now we want to select the background (Command/Control + A) and fill it with a radial gradient of a red to dark red. To get this same look, simply make your gradient and then click from the very center of the canvas and drag to one of the corners.

Image

Image

Next, we want to create our piece of paper that will look like it is being peeled off of the red background. To do so, select the Rectangle tool (U) and draw out a white rectangle somewhere around the lower left part of the canvas.

Image

The next step will be to make a copy of this shape, which can be done by dragging the layer to the new layer icon, or by simply pressing Command + J. Then we want to drag the copied layer below the original shape, and change it’s color (by double clicking the color well left of the layer) to black. It helps to be able to see what you are doing, so we’re going to turn of the top rectangle layer by clicking the eyeball to the left of its layer.

Image

Image

Now we need to convert this layer to a smart object by right-clicking the layer and selecting “Convert to Smart Object.” Then we can go to Filter > Blur > Gaussian Blur to blur our black layer and make it look more like a shadow.

Image

Image

Image

Next, press Command + T in order to transform this object then right-click on the image and select “Warp.” Now we are going to grab the lower right hand corner of our black box and drag it down just a hair.

Image

Image

If we turn the white rectangle layer back on, you can now see that it appears as if the white rectangle is being lifted from the background. It also helps to reduce the opacity of the shadow layer a little bit for a more believable look.

Image

As you can see here, it is quite simple to make it appear as if the white rectangle is being pulled up on both sides by using the same technique and warping the bottom-middle part of the shadow upwards.

Image

Image

Thanks for joining me for this tutorial on the page peeling effect 🙂

artsee production

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s