: How do i need to process an picture to make it look like the background of this site? Im currently developing an little game... Im a pretty bad designer and artist so i need a lots of help.

@Kevin459

add new layer above the map, and fill it with white
make another new transparent layer
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.





copy CTRL+C, then deselect CTRL+D
paste CTRL+V copies of the rectangle and place them in a grid - it's easier if you have Smart Guides enabled





select and group CTRL+G all the rectangle layers
Press CTRL+T and click and drag the handles to rescale all the rectangles to fit the canvas.
Delete the white layer.

Vote Up Vote Down

@Pope1402555

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.


Pick a source texture, I used this one from a google search for folded paper.
Place the texture over your image, scale and adjust the contrast.
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.
When you decide on the best one, duplicate the channel to a new document.


Apply a small Gaussian Blur and save the new file as displacementMap.psd and close it.
Switch back to your original file and return the channel view to full RGB.





Turn off the texture layer, select your background and go to Filter>Distort>Displace, select your displacementMap.psd and hit ok.
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.

Vote Up Vote Down