How To: Photoshop CS4 Text Reflections
In this Photoshop text effects tutorial, we’re going to create a simple text reflection effect. This effect has been used everywhere in advertising, and as we’ll see, it’s very easy to do. When we’re done you’ll end up with something like this.
Step 1: Create A New Photoshop Document
Create a new blank Photoshop document by going up to the File menu at the top of screen and choosing New. Enter the dimensions you need for your document. For this tutorial, I’m going to enter 600 pixels for my document’s Width, and 200 pixels for the Height, and a Resolution of 96 pixels/inch. Click OK when you’re done to exit out of the dialog box. Your new blank document will appear on your screen:
Step 2: Set The Background Color
You can make the background color anything you like. I chose to make mine black, why ? because reflections look good with a black background. Alright, lets do it… In the Layers Panel, Double Click on the Background Layer. You’ll get a pop-up, Click on OK
Here’s what we just did, we created an editable Layer from the background layer. Now we need to change the background color from white to black.To do this select the Paint Bucket Tooland make sure that your foreground color is set to black and then click inside of the white rectangle, your background color should now be black.
Step 3: The Main Text
Now that we have our background color set, we can move on to type some text that we want to use for our reflection. I chose to type chris-fletcher.com I used the font Myriad Pro with a point size of 36 and a blue shaded color with a Regular Style.
To do this, select the Text Tool and Open the Character Window, set your font type, style, size, etc… You can copy my settings if you like.
Once you have your text setup the way you like you can click anywhere inside the black rectangle. A new layer will automatically be created and a typing cursor will be placed around the area where you clicked. You can now being to type.
If you’ve done everything according to the tutorial so far you should have something that resembles the image to the right. The next step will cover duplicating the Text Layer that we just created as well as flipping it and correctly positioning it.
Step 4: Duplicating, Rotating, and Positioning
The first thing we need to do is duplicate the text layer we just created. For that we need to right click ( Control Click for a Mac ) on the Text Layer and then click on Duplicate Layer. You’ll get a pop-up, click on OK. The new duplicated Layer should be highlighted by default, if it isn’t then you need to select it.
Now we need to modify this layer and by modify I mean we need to Flip it Vertically. To do this make sure the layer is selected then click on Edit -> Transform -> Flip Vertical
You should now have something similar to the image below.
What we need to do now is move the duplicated layer down below the original layer. The move tool should be selected by default. If it isn’t then you need to select it. Make sure that the duplicated layer is still highlighted then start pressing the down arrow until you have something similar to the below.
Yay, we are done with Step 4 of the Tutorial, In Step 5 we will cover the importance of masking and how we can use it to create the reflection effect.
Step 5: Masking To Create The Reflection
The first thing we need to do is make sure that our Duplicated Layer is still highlighted / selected. After you’ve verified that the correct Layer is selected you can click on the Mask icon. Which looks like this
You then need to select the Gradient Tool from the toolbar.
After you’ve selected the Gradient Tool, move your mouse cursor to the middle right in between the 2 layers. Click and draw a line down, almost all the way to the end of the text. Sort of like this.
That should do it, you should now have a reflection similar to the one below. I hope you’ve enjoyed this tutorial and that it was helpful. If you have any questions or there is something you didn’t understand, feel free to leave a comment. I also accept requests for tutorials if there is something you’d like to know how to do, just ask.
You can download the PSD file here. Photoshop Reflections Tutorial
- How To: Make DVD Covers In Photoshop
- How To : Make Blu-ray Covers In Photoshop
- Glyph Designer – An Essential Mac Development Tool
- Tutorial: Change Eye Color in Photoshop CS4
- Ultimate Guide To Backing Up Original Wii Games