• The Facebook Platform

Results 1 to 1 of 1
  1. #1
    Join Date
    Jan 2010
    Location
    Lahore, Pakistan
    Age
    25
    Posts
    3,818
    Points
    6,772.51
    Rep Power
    10000

    Default Create a realistic folded paper text in Photoshop

    folded paper preview1 - Create a realistic folded paper text in Photoshop

    Step 1

    Create a new document in Photoshop. Mine is 1920×1200 pixels and, since the work is destined to be a wallpaper, the resolution is 72 pixels/inch.
    *note for Mac users: ctrl=cmd, alt=option
    folded paper 1 - Create a realistic folded paper text in Photoshop
    Step 2

    Fill the background with a dark green (#41514c).
    folded paper 2 - Create a realistic folded paper text in Photoshop
    Step 3

    To create the textured effect of the background, I’ve used 2 of our soft grunge patternsmember, you can try with soft grunge textures to achieve the same result. created by Piervincenzo. Create a new layer and go to Edit>Fill. Open the patterns library and click on the small arrow on the top right of the window. Then click on load and select the soft grunge pattern file (.pat) you’ve just downloaded. In case you are not a
    folded paper 3a - Create a realistic folded paper text in Photoshop
    Select the pattern2_380_hard and press ok to fill the background.
    folded paper 3b - Create a realistic folded paper text in Photoshop
    Finally set the layer to overlay with opacity 50%.
    folded paper 3c - Create a realistic folded paper text in Photoshop
    Step 4

    Create another layer, this time fill it with pattern_9_380_hard.
    folded paper 4a - Create a realistic folded paper text in Photoshop
    Press ctrl+I to invert the colors of the layer and shift+ctrl+U to desaturate it.
    folded paper 4b - Create a realistic folded paper text in Photoshop
    Set the layer to screen with opacity 70%.
    folded paper 4c - Create a realistic folded paper text in Photoshop
    Step 5

    Now that the background is complete, we can start with the letters. The process to create each letter is the same, so I will show you how I created the first letter and you can apply the same method for the others.
    You need a bold sans serif font. I’ve used Nevis, which is an awesome free font. With the Horizontal type tool, write the first letter, which is F in my case. Font size is 260pt, but it depends by the size of your canvas.
    folded paper 5a - Create a realistic folded paper text in Photoshop
    Press ctrl+T to activate the Free Transform tool and rotate a bit the letter. By rotating with different angles all the letters, we will obtain a final result more realistic.
    folded paper 5b - Create a realistic folded paper text in Photoshop
    Duplicate the letter layer by pressing ctrl+J. Move this layer below the original one and hide its visibility. We will use it later to create the shadow effect.
    folded paper 5c - Create a realistic folded paper text in Photoshop
    Step 6







    Add a light grey (#f6f6f6) color overlay to the letter (right click on the layer thumb>Blending Options>Color overlay).
    folded paper 6a - Create a realistic folded paper text in Photoshop
    For the next steps, we need to remove the style because we will use the dodge and burn tool, and they are not visible with the style active. So we need a layer with the shape of the grey letter F, but without any style. There’s a trick to obtain this result. Simply create a new blank layer, then select the new layer and the letter one, and merge them (ctrl+E). Done!
    folded paper 6b - Create a realistic folded paper text in Photoshop
    Step 7

    With the pen tool in path mode, make a path as shown in the screenshot below:
    folded paper 7a - Create a realistic folded paper text in Photoshop
    Press ctrl+enter to activate the selection.
    folded paper 7b - Create a realistic folded paper text in Photoshop
    By pressing ctrl+J, you will copy the selected part of the shape into a new layer. Now you should have a layer with the entire letter shape, and a second one with only the shape previously selected:
    folded paper 7c - Create a realistic folded paper text in Photoshop
    Step 8

    We have to remove the small shape from the letter. The aim is to have a layer with the small shape (that we already have) and a layer with the letter without the small shape. To do it, select the layer of the letter, then ctrl+click on the layer of the small shape to select its pixels. Hold down alt and press the “add layer mask button”. Finally hit ctrl+D to deselect.
    folded paper 8 - Create a realistic folded paper text in Photoshop
    Do you want to learn more about Photoshop layer masks? Check out this tutorial for Photoshop beginners.
    Step 9

    If you hide the visibility of the small shape layer, you can notice a white edge that we need to remove:
    folded paper 9a - Create a realistic folded paper text in Photoshop
    To remove it, select the mask, grab a black brush and paint over it.
    folded paper 9b - Create a realistic folded paper text in Photoshop
    Step 10

    Make visible and select the small shape layer. Then go to Edit>Transform>Distort and drag the top-left anchor point a little bit to the right-bottom.
    folded paper 10a - Create a realistic folded paper text in Photoshop
    You can notice there’s a space between the small shape and the letter. To join the two shapes, select the mask of the letter, grab a white brush and paint over that space.
    folded paper 10b - Create a realistic folded paper text in Photoshop
    Step 11

    While creating the folded effect, we have to take in mind the light direction. I decided that light comes from the top-right, so the folded piece of paper we’ve just created has to be lighter than the letter one. So with the transformed piece of paper selected, grab the Dodge tool (set on highlights) and paint over it.
    folded paper 11a - Create a realistic folded paper text in Photoshop
    Now select the main letter layer, grab the Burn tool, and paint over the area that confine to the folded paper piece, so to create a gentle shadow effect.
    folded paper 11b - Create a realistic folded paper text in Photoshop
    Step 12

    With the same method applied to create the first folded paper effect, create a second piece of paper on the top right, this time use the burn tool over it.
    folded paper 12 - Create a realistic folded paper text in Photoshop
    Step 13

    We have to create the shadow of this piece of paper. So with the pen tool in “shape layers” mode, create a shape as shown in the screenshot below:
    folded paper 13a - Create a realistic folded paper text in Photoshop
    Go to Filter>Blur>Gaussian Blur and enter a radius around 2 px.
    folded paper 13b - Create a realistic folded paper text in Photoshop
    Reduce the opacity to 10% to make the effect softer.
    folded paper 13c - Create a realistic folded paper text in Photoshop
    Step 14

    Select all the paper layers created till now and merge them. Now, do you remember the copy of the letter we made at the beginning (step 5)? As I wrote, we are going to use it to create the shadow effect. So make visible this layer and add a black color overlay to it.
    folded paper 14a - Create a realistic folded paper text in Photoshop
    Go to Edit>Transform>Distort and stretch the shadow as shown in the screenshot below:
    folded paper 14b - Create a realistic folded paper text in Photoshop
    Go to Filter>Blur>Gaussian Blur and enter a radius around 5px.
    folded paper 14c - Create a realistic folded paper text in Photoshop
    Finally reduce the opacity to 30% and use the erase tool or a mask if you prefer to eliminate some parts of the shadow.
    folded paper 14d - Create a realistic folded paper text in Photoshop
    Step 15

    As the final touch, we will use a texture to create the wrinkled paper effect. For this purpose I’ve used on of our paper textures, paper1.jpg. Paste the texture inside the document, re-size (ctrl+T) and desaturate it (shift+ctrl+U). Then if you switch the layer to multiply, you will eliminate the white areas and will see how the texture will affect the letter:
    folded paper 15a - Create a realistic folded paper text in Photoshop
    Once you’re satisfied, ctrl+click on the letter layer (all the layers merged together) to select its pixels and add a layer mask to the texture. Also if you want the effect stronger, duplicate the texture layer.
    folded paper 15b - Create a realistic folded paper text in Photoshop
    Step 16

    This is the technique to create all the letters. Just play with the letter angulations and the opacity of the shadows to complete the word or the phrase. This is my result:
    folded paper 16 - Create a realistic folded paper text in Photoshop
    Step 17

    As the last touch, merge all the layers into a new layer (select all the layers and press shift+alt+ctrl+E), then go to Filter>Render>Lighting Effects and set a lighting coming from the top-right.
    folded paper 17 - Create a realistic folded paper text in Photoshop
    Step 18

    Set the layer to color burn and reduce the opacity to 60%. We’ve finished! I hope you’ve enjoyed this tutorial.
    folded paper preview1 - Create a realistic folded paper text in Photoshop
    Find Me On Social Networks

    Facebook | Twitter | Google+



 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •