Lately we have had clients ask about making their logo have a reflection with a gradient look to it, a Web 2.0 trend.
So here is a quick write up on how to achieve this in Photoshop (most versions should be able to handle it).
This “how-to” assumes in your Quick Mask Options you have selected “Selected Areas” in the Color Indicates. To make sure the selection you make in Quick Mask is the selection you want, while in Quick Mask mode, go into the Channels palette and double click the image for Quick Mask and change the Color Indicates option to Selected Areas.
Let’s get started:
Duplicate layer of image you want to reflect by dragging that layer over the New Layer icon in the layers palette, or by pressing Ctrl + J.

Then, while the copied layer is highlighted, go to Edit > Transform > Flip Vertical. Drag that layer down vertically by moving it with the move tool and holding the Shift key as you move the cursor down. Bring down the flipped layer until the top touches the bottom of the original image.

Next, while that same flipped layer is selected, go into Quick Mask Mode by clicking on the rectangular box with the white circle in it below the Foreground and Background color chooser or by pressing Q. In Quick Mask Mode, use the gradient tool (under the paint bucket button menu option, or press G) to create a gradient over the flipped layer. Press and hold shift while dragging to make a gradient that is perfectly vertical. You should start at the top of the layer, and move down as far as you want the gradient to last.


After you make a gradient in Quick Mask Mode, exit Quick Mask Mode (press Q) and you should see a selection on the canvas that will appear like a plain rectangular selection. While that flipped layer is still selected in the layers palette, click on the Add Layer Mask icon at the bottom of the palette to hide a portion of the flipped image but with a gradient.

With the same flipped layer selected, change the opacity of the layer from the layers palette to about 30% (or more if you wish). Then go to Edit > Transform > Skew; grab one of the two bottom corners and drag out while holding Alt + Shift. Skew layer as you see fit for your own custom reflection.

Here is what you end up with. Gradient reflections tend to look better on dark backgrounds.

Tags: gradient, how to, logo reflection, Photoshop