Mobile app version of vmapp.org
Login or Join
Speyer780

: Faking a page-fold with photoshop Do any of you happen to know of some recommended techniques in creating the effect/look that makes a page appear as though it had been folded before? Something

@Speyer780

Posted in: #AdobePhotoshop

Do any of you happen to know of some recommended techniques in creating the effect/look that makes a page appear as though it had been folded before?

Something like this:

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

2 Comments

Sorted by latest first Latest Oldest Best

 

@Jennifer810

To recreate the effect in your example, first drag out horizontal and vertical guides (Ctrl/Cmd-R to display the ruler guides, click and drag from a ruler guide onto the document) where you want the "folds" to appear.

Next press D to make your foreground and background colors black and white respectively.

Use the rectangular marquee tool to make a precise selection of one section. This is where the guides will be very helpful. Press Ctrl/Cmd-H to hide the selection edges so you can see what you're doing in the next steps.

Create a new, empty layer and change its blend mode to Soft Light. Set the Opacity at something like 50% for now.

Choose the Gradient Tool. In the control panel select "Foreground to Transparent" as the gradient type (it's second from the left in the top row of the drop-down list) and be sure you have the simple Linear gradient (the leftmost of the five buttons) selected.

Starting just outside your "fold" selection, drag the Gradient Tool about 1/4 of the way into the selection. Adjust the Opacity of your shadow layer until the effect looks as you want it. If the gradient extends too far, or not far enough, delete what's there (Delete on the Mac, Backspace on Windows) and try again until you have the effect you're looking for.

Repeat for all the shadow edges. Notice that in your example, the second row has TWO shadows, top and bottom. That's why you need to use "Foreground to Transparent," because that setting will not replace a gradient you've already created.

You can experiment with Gaussian Blur and the Noise filter to make the edges not so surgically precise, and there are many other techniques you can use to make the effect more realistic and believable, but this will give you a start.

10% popularity Vote Up Vote Down


 

@Si6392903

It's mostly just playing with gradients until it looks right which can be tricky. Some things to pay attention for...


Make the sure the "print" material is bent too

Though I don't often see it done properly, one of the things that can make bent/crumpled effects look very nice is to apply subtle transformations to the "print" on the page. For example, the image you posted has a nice fold effects with the gradient overlays, but the lines & text on it are still perfectly straight. In particular, if you look at the horizontal rule beneath the heading - the center of it has a very noticeable bend in the background but the black line is unfazed. My eyes find this very distracting.
Make sure your shadows look natural

Making sure all the gradients reproduce a "natural" folding pattern also helps the effect. Pick a light-source direction and think about which direction each fold is going, and make sure the gradients are appropriate to the shadowing that would be produced. It may be easiest to fold up a regular piece of paper on your desk and study the shading in the real world.
Don't make the edges too sharp

No bent piece of paper in the real world will have razor-sharp edges. Having pixel-perfect edges sometimes looks just a bit too crisp.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme