Make Money with Photoshop

Join our mailing list to receive the ShowAndTell-Graphics Newsletter. You will get an email whenever a new tutorial is added.

At ShowAndTell-Graphics we value your privacy. Please view our privacy policy.

Google
 
Do you want to know how it's done? Learn how to use Photoshop the easy way!

Trendy Website Header
Photoshop Training

You may have seen some of the new websites popping up with a reflective logo on the header. These are pretty simple to do in Photoshop.

First of all let's start a new file. I am going to use the dimensions 600 X 80 for the sake of this tutorial. This is of course a smaller width than you would actually use, but is fine for this application.

Next I am going to throw down a quick gradient for the background. You will want to use some colors that you are going to theme your site around. I am going to use a lighter gray (hex#999999) for my foreground color tile, and a dark navy blue (hex#000066) for by background color tile. Drag from bottom to top and you should end up with something like this.

Now we need to select a font for our header. A nice thick bold font will work best here. Whichever font you choose, make sure to use all capital letters. This reflection will not look good with lower case letters that hang down such as "y" or "g". I am choosing a font called "Impact". I am also using a burnt orange color (hex#CC9900) for the text.

Let's add a little spice to the text. I will add some bevel and emboss to the text. Choose Layer/Layer Style/Blending Options. I used the settings shown below.

The next step is to make a copy of the text layer (Layer/Duplicate Layer). Make sure your duplicate text layer is highlighted and choose Edit/Transform/Scale. Now you will want to pull the middle handle on the top down to create a mirror image.

Use the Move Tool (Shortcut Key V) to nudge the mirror image down a bit so there is a small gap between the two images.

Now we will need to add a layer mask to get our fading reflection. Select the "Add Layer Mask" button at the bottom of the layers palette. Once you click this, you should have a black foreground color tile and a white background color tile.

With your gradient tool selected, drag from the bottom of the reflected image to the top of the entire image. You can drag a little more or a little less to get the desired reflection effect. Here is what I ended up with.

As always I encourage you to play around with the different settings and colors. That is the best way to learn all that Photoshop has to offer.