1

Im currently developing an little game... Im a pretty bad designer and artist so i need a lots of help.

I just found a really cool main menu, which got a pretty interesting background:

enter image description here

As you can see in the background theres a part of the world map. It looks really cool, so i downloaded an world map illustration which looks kinda old. I tried to reduce the opacity, but that just made it looks worse. Is there an other way to "create" such an background ?

Here's where I'm stuck: I want to add some realistic wrinkles to the following picture, to make it look a bit more used and older. Because i use this texture in a game, i want the wrinkles to have a specific structure ( For example wrinkles positioned to make them look like a square ).

Whats the best way to do that ? What tools do i need ?

enter image description here

Improve this question
3
  • You mean "other than a bitmap editor"? Something like a displacement map?
    – Jongware
    Dec 15, 2017 at 15:03
  • 2
    Possible duplicate of Faking a page-fold with photoshop
    – Luciano
    Dec 15, 2017 at 16:04
  • Try Multiply instead. Play with opacity and modes.
    – LeoNas
    Dec 15, 2017 at 16:08

2 Answers 2

Reset to default
1

  1. add new layer above the map, and fill it with white

  2. make another new transparent layer

  3. make a rectangular selection, choose a large soft edged brush, and create a single rectangle like this by painting on the left edge, and then the top edge.

enter image description here

  1. copy CTRL+C, then deselect CTRL+D

  2. paste CTRL+V copies of the rectangle and place them in a grid - it's easier if you have Smart Guides enabled

enter image description here

  1. select and group CTRL+G all the rectangle layers

  2. Press CTRL+T and click and drag the handles to rescale all the rectangles to fit the canvas.

  3. Delete the white layer.

enter image description here

Improve this answer
3
  • Thanks a lot ! Is it possible to make those squares a bit smaller ? Just tried it but got an weierd result. Its working so far, but at the "end" of the squares the color isnt fully transparent. Heres a picture of what i mean : imgur.com/a/sppm9 The black arrows marks the spot. Thanks ! :-)
    – genaray
    Dec 15, 2017 at 17:20
  • 1
    @genaray Sure make the rectangles smaller if you want. When I made my rectangles, I only painted in black. Did you add some white or to the other edges? If you did, I guess you could set all the rectangle layers to Multiply mode, that'll get rid of any white areas.
    – Billy Kerr
    Dec 15, 2017 at 17:47
  • 1
    I don't think this is a very effective method. It will take a lot more work to make it passable vs starting off from an existing texture. I'd have also added noise to this if you are going this route.
    – Stegathesaurus
    Dec 15, 2017 at 19:37
1

This looks like a displacement map with a bit of airbrushing added to it.

Note for this to be most effective your base image should be colored as well.

  1. Pick a source texture, I used this one from a google search for folded paper.
  2. Place the texture over your image, scale and adjust the contrast.
  3. Next cycle through the channels using the Ctrl+3,4,5 keys to find the one with the most contrast. Mine is the blue channel.

  4. When you decide on the best one, duplicate the channel to a new document.

    enter image description here

  5. Apply a small Gaussian Blur and save the new file as displacementMap.psd and close it.

  6. Switch back to your original file and return the channel view to full RGB.

enter image description here

  1. Turn off the texture layer, select your background and go to Filter>Distort>Displace, select your displacementMap.psd and hit ok.
  2. Turn back on your texture layer and change the blend mode to multiply.

This is only one way of achieving this effect.

Some things to keep in mind:

  • Play around with more settings and filters
  • Use dodge and burn to make more natural highlights and shadows
  • Use brushes to hide or show parts of the texture.
Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.