In this Tutorial, I’ll show you how to create a reflection effect. This dark, spooky feeling can be achieved in less than 5 min. It can be used for your web graphics, as well as your friends’ Gothic band logo (just change the font).

Completed reflection graphic in Photoshop

Cheerful gothic band logo

1. Let’s start with a plain document in Photoshop that is 700 x 400 pixels, RGB mode.

Creating new image

2. Set your foreground colour to light Grey (#d7d7d7) and background to Black.

Background and foreground colours

3. Pick the Gradient tool from your toolbox and make sure that your gradient is set to linear, foreground to background mode.

Gradient tool selected

Dark to light gradient selection

4. Hold down the SHIFT key and draw the line from top to bottom. Holding Shift key will help you keep a straight line.

Drawing gradient in photoshop

Now your image should look like this

Gradient drawn

5. Now duplicate the background layer by dragging it onto the “New Layer” icon in the bottom right corner of the Layers palette. [duplicating the background layer]

Duplicated background layer

6. Click on “Background copy” layer and go to Filter > Render > Difference Clouds

Difference clouds filter

7. Set the Blending mode of this layer to Soft Light and set the opacity to 50%

Soft light blend mode and fifty percent transparency

Now your background should look like this.

Moody background

I don’t know about you, but I already feel spooked.

8. Now it’s time for the Text. Pick the font you want to use - I picked Myriad Pro size 90px.
Set the colour of the font to Black. Now type the text you want.

Myriad Pro font in Black

9. Now the same way we did with background layer, we are going to duplicate the text layer by dragging it onto “New Layer” icon.

Duplicating the text layer

Duplicated text layer

10. Now click on the “Text layer copy” and flip it vertically. Go to Edit > Transform> Flip Vertical

Transform > flip vertical the copy text layer

11. Place flipped layer below the text layer so it looks like its reflection

Reflection in place

12. Click on the flipped layer and add a Layer mask, then click the mask and set you foreground to white and background to black (Hit “D” key and then “X” key on your keyboard)

Text layer copy selected

Layer mask added

Colours selected

13. Now it’s the tricky part. You have to select gradient tool (make sure you’ve clicked on the layer mask) and draw the line from the top to bottom of the layer. Once you release the mouse you should see the layer fading

Drawing a gradient in the layer mask

Layer mask gradient drawn

14. Now set the opacity of that layer to 20-40%, it’s up to you.

Faded reflection and moody background

15. Now you can play a bit with the look of the Text Layer - move it to the centre of the image.
Make sure that your Reflection layer goes along. You can also play with the styling, I used these settings :

Gradient overlay settings for text layer

Stroke settings for text layer

16. The final Image should look like this

Complete reflected image

I hope you’ve enjoyed this tutorial. Good luck with your own experiments ;)