Rule #3 – Separate items get their own reflections.
Photoshop Reflection Bloopers
If you have more than one object you need to reflect, take the time to create a reflection for each object.
The image below appeared in a slide show at the Adobe booth during the NAB Show I went to in April. There are so many things wrong with this image, I hardly know where to begin. I can only hope for Adobe’s sake that this slide show was put together by a business partner and not their own designers.
The first and most obvious error is creating a floating monitor and laptop. This happened because the designer simply flipped all three items as one image. This image also breaks Rule #4 – “Items pointing toward you have smaller reflections than you think” (on page 4). It also breaks Rule 5 (“Cars don’t float. And they have underneathy-bits” – page 5) in its own way. Monitors don’t float and they have underneathy-bits too.
Just in case you don’t believe where I found this image, here’s my original photo of the presenter. Notice the “dobe” part of the Adobe logo above and behind her.
Here I have a photo to demonstrate how different objects get their very own reflections. To show that the object is not floating, the reflection needs to begin right under the object.
Each object’s reflection starts immediately underneath it. Also notice how a circled the underneathy-bits which are visible in reflections if an object isn’t perfectly vertical and flat-bottomed. Even the cell phone shows some of the bottom edge where the corners curve up.
Reflection Realism in Photoshop
Read rules 4 and 5 for tips on working with non-linear objects. For flat-surfaced, straight-bottomed objects you can use these guidelines.
- Put each object on its own layer.
- Create your reflection layers, one for each object. See how on page 1.
- If the bottom edge of an object has a curve, put the reflection layer beneath the object layer in the layer stack. Then move the reflection up a couple of pixels.
- Don’t let reflections appear as overlapping. This can happen when we use gradients on the layer masks. The layers are partially see-through.
That’s what happened in this unfortunate ad (not to mention that the front monitor must be a vampire.)
- To clean up the overlaps:
- Press D to set the foreground color to black.
- Find the reflection layer for the front object. Ctrl+click (Mac: Cmd+click) on the layer thumbnail for this layer. This will create a selection around the front object’s reflection.
- Find the reflection layer for one of the objects behind the front object. Click (not Ctrl+click) on the layer mask thumbnail for this layer.
- Press Alt+Backspace (Mac: Opt+Backspace). This will fill the selection with black on the layer mask. It will hide the reflection where it overlaps with the front object’s reflection.
- While the selection is still active, click on the layer mask thumbnail for the third object’s reflection. Press Alt+Backspace (Mac: Opt+Backspace) again.