Leave a comment

PHOTOSHOP TUTORIALS: PAGE PEEL

*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


1 Comment

PHOTOSHOP TUTORIALS: VINTAGE PHOTO EFFECT

Greetings websters, and thanks for tuning in again for another installment of my Photoshop Tutorials to get your learn on! Today I would like to discuss how to accomplish a vintage photo effect.

To start, we are going to need a photograph. I grabbed mine from Stock.xchng, you can pick that up here if you would like to follow along in Photoshop.

The goal here, is to change this photograph in a manner so that it will appear older than it actually is, and to add a subtle sharpness to it that is not present in the original photo. Below you can view the before and after images.

before

after

First things first, open the image in Adobe Photoshop and go ahead and double-click on the “background” layer to unlock/rename it. With that done, we now need to start using a few adjustments layers to get the effect that we want.

Step 1

Click on the New Adjustment Layer button in the layers panel (you can also do this by clicking Layer > New Adjustment Layer), and select Levels. Basically we want to bring in the lights and darks closer to the middle by using the sliders to carefully adjust these settings. Don’t go overboard here, we just need subtle changes.

Step 2

Step 3

Next, we need to add another adjustment layer, this time Photo Filter. Click on the “Filter” drop box and select Sepia, and drag the density adjustment slider over to around 95%.

Step 4

Step 5

And now we need to add a Curves Adjustment Layer. These are also VERY subtle changes, so pay attention to what I’ve done in the image and be sure to not go crazy with these settings either.

Step 6

Step 7

Now we can see that the image is really starting to shape up and look the way we want it to. There’s another very helpful effect that can be applied to bring out this image even further. It’s as simple as using the Sharpen filter. I however, like to use the Smart Sharpen option as it yields more settings and refinement possibilities. So, as in the other steps, pay attention to what I’ve done in the image to get the same sort of effects I got in my final product.

Step 8

Step 9

Now we have a sharp, and vintage looking image. Thanks for joining me for this tutorial and look forward to more helpful techniques & effects in the near future.

after