— Photoshop Tutorial: Creating an Image Reflection —
and/or Fading Out an Image
Reflecting and fading an image is really easy. This is also a great way to demonstrate a very powerful Photoshop feature know as a "mask," which is found in the layers menu. Masks allow us to "target" changes to an image so they are applied only to certain areas within an image.
To simplify this Photoshop tutorial, we start with a straight image on a clear background and open the layers pallet (select WINDOW > LAYERS if it is not already visible). Make a copy of the layer — the easiest way is drag it to the "create a new layer" icon.
Drag the layer copy to the bottom so it is the last item in the layers pallet. You may want to rename it "reflection." Now make the canvas size large enough to hold the reflected image. You may wish to make an additional layer with a background color at this point. I chose black as it will show up well for this Photoshop tutorial. Make the background color the LAST layer in the layers pallet or it will cover things up.
With the reflection layer selected, choose EDIT > TRANSFORM or the keyboard shortcut: Ctrl + T, or Command + T on a Mac, to select the transform tool.
Now drag the top handle downward until you have an upside down image below the original. The depth of the transformed image doesn't have to be the same as the original, as various depths will simulate different angles of the reflection to the angle of the light source of the reflection.
With the reflection layer selected, click on the "add layer mask" icon in the layers pallet By default it will be a white background. When using a mask on various effects in Photoshop, white reveals the effect and black hides the effect. In this case we are going to "hide" part of our reflection using the gradient tool.
Select the Gradient Tool in the tools menu, or use the keyboard shortcut "g." Make sure that the default colors (black and white) are selected in the colors pallet. With the layer mask thumbnail selected, draw a gradient from the bottom of the original image to the bottom of the reflected image. Drawing a shorter (or longer) gradient will affect how gradual or drastic the fade is. At this point you may want to reduce the overall opacity of the layer, apply a slight Gaussian blur, or change the angle of the reflection to simulate which direction the light source is located.
Graphic Connection is a freelance graphic design studio based in Lee's Summit, Missouri. We make creative ideas "come to life" in print and on the world wide web.
The first step in the design process is to discuss what your project goals are and the audience you are trying to reach. Once I have a feel for who you are and what you do, we can begin looking for ways to communicate your message visually.
As a freelance graphic designer with "on hands" experience in a commercial printing facility, I offer many advantages which can save your company both time and money when it comes to printing a graphic design project.
To see some of sample websites or graphic designs in my portfolio click here.
For a price quote on a design project click here.
Professional Graphic Design and Custom Web Site Design & Development
Copyright © 2009 Graphic Connection of Lee's Summit, Missouri • All Rights Reserved
— Freelance Professional Graphic Design & Custom Website Development | Graphic Artist Studio in Lee's Summit, Missouri —
Custom Website Design & Graphic Design Services Throughout Kansas City, Including:
Belton | Blue Springs | Edwardsville | Fairway | Gladstone | Grandview | Harrisonville | Independence | Kansas City | Leawood
Lee's Summit | Lenexa |
Merriam | Mission | North Kansas City | Olathe | Overland Park | Prairie Village | Raymore | Raytown | Roeland Park | Shawnee