Tutorial Stormy's Guide To Making Realistic Overlays

Remove this Banner Ad

How to make something like this:
2wdv811.png


What you'll need:
- Photoshop
- This tutorial
- An image that you want to make look realistic

Step One:
Open up a photoshop document of the image you want to make look realistic. For this tutorial, we'll use this image. Keep this document open. Try to keep the image 600 pixels wide or less, and 420 pixels high or less, because the overlay you will be using is only this big.

30tqdte.png


Step Two:
Open up ANOTHER document using the EXACT SAME dimensions as the image you want to make realistic. Copy and paste the following image onto the document.

99nic3.png


This is the overlay we'll be using. Feel free to resize or move it around, but it is not necessary.
PROTIP: You can make your own overlay! I'll make a tutorial on how to do that later.

1ht2rr.png


Notice how it is the same dimensions as the image that I want to make look realistic.

Step Three:
At the top of the screen, click Filter in the menu bar. Go to Blur -> Gaussian Blur. Make the radius 2.0 pixels.

r1z9qd.png


Step Four:
Save this document as a .psd file. Name it whatever you like, and remember where it's saved.

Step Five:
Go back to the document you had open in Step One. Click on the image, and then click Filter in the menu bar. Go to Distort -> Displace. You may have to play around, but I'd recommend a horizontal scale of 4 and a vertical scale of 4. Click okay, and then locate the .psd file that you just saved. It should look something like this:
30syd60.png


Step Six:
Go back to the .psd file of the overlay. Undo the blur that you did in Step Three. Now, at the top of the menu bar, click Select -> All. Copy this selection. Open up the document of the image you want to make realistic, and paste the overlay on top.

Step Seven:
Change the blend mode of the overlay to "Hard Light". Feel free to reduce the opacity to about 70%, although this isn't necessary.
2rc0rq9.png


Step Eight:
There is no step eight, you're done. It should look something like this:
2cz26fk.png



Well done. Congratulations! You've converted 2D artwork into a 3D image that fits into the grooves and folds of the overlay. Sort of. Anyway, give yourself a pat on the back! You deserve it!
 
This will be such a good tool to trick people with in the New Jumpers for 2014 thread later this year, although I imagine I'll need a couple more texture overlays by then.

2jbtibk.png
x3yi6t.png
 

Log in to remove this ad.

(Log in to remove this ad.)

Someone willing to post a tutorial on designing the 'soccer' jerseys from the SS Template Pack on Photoshop?
If you want help with using photoshop PM me and I'll give you a personalised tutorial ;)
 

Remove this Banner Ad

Back
Top