Final Result

Step 1

Create a new document with any size that you like for your banner. In this tutorial, I will be using 800×300 pixels.

Step 2

Create a new layer and fill it with white(#FFFFFF) then go to Filter – Render – Lighting Effects. Under the lighting effects menu, change the Style to 2 O’clock Spotlight, intensity to 30 and the property colour to #3c3c3c. Adjust the angle of the lighting in the preview to look like the sample below. Use the default option for the rest of the property.

You should have this result if you have done it correctly.

Step 3

Create a new layer and fill it with white(#FFFFFF) then go to Filter – Noise – Add noise. Set the amount to 3%, distribution to Gaussian and enable Monochromatic. Set this layer’s blend mode to Overlay.

You should have this result if you have done it correctly.

Step 4

Type in the text you want for your banner. I am using the font aller which you can download here for free. Set the font colour to #393939.

Step 5

We will create the shadow of the wording that is casted by the lighting at the back of the it.

Firstly, right-click duplicate the text layer and flip it vertically by going to edit – transform – flip vertical. Secondly, position it at the bottom of the original text.

Step 6

Now we need to give it abit of perspective. To do so, we have to first rasterize the layer. Right click the text layer and select rasterize type. After you are done, go to edit – transform – perspective to adjust the perspective of the shadow.

Step 7

To give the shadow abit of realism, go to Filter – Blur – Gaussian Blur and set the radius to 1.2px.

Step 8

Follow by giving it a gradient mask. Make sure your text shadow layer is selected. Go to layer – layer mask – reveal all. Use a black foreground and white background gradient. Refer to the example below, drag from point A to point B to achieve the effect.

Step 9

Create a new layer. You do not need to fill in any colour. Make sure your foreground colour is #737272 and background colour is #000000.

Go to Filter – Render – Clouds. Set this layer’s blend mode to color dodge.

Step 10

You are almost done. Lastly, add 3 adjustment layer on top of all the layers for the final touchup. The adjustment layer icon is at the bottom of the layer panel.

Firstly, the curve adjustment. Slightly lower the curve as shown in the example below.

The result:

Step 11

Secondly, the photo filter. I am using the default warming filter for this.

The result:

Step 12

Lastly, the brightness/contrast. Set the brightness to +37 and the contrast to 29.

Final Result