In this tutorial, we’re going learn Adding Reflections to Sunglasses with Photoshop. This is a popular Photoshop effect and opens up a world of creative and artistic possibilities depending on who is wearing the sunglasses and who or what you have them looking at. This is for intermediate skilled Photoshop user but also beginner can improve their skills while doing it because we break it down into easy steps everyone can follow.
If you found a perfect picture open it with Photoshop and let’s get started!
Step 1: Select One Of The Lenses
We need to work on one lens at a time, so let’s begin with the lens on the left. To complete the work on the other lens, all we’ll need to do is repeat the same steps we’re about to do.
There are three kinds of tools that you can use to select the area on the pictures:
- Lasso tool: this tool allows you to draw a freehand selection.
- Polygonal lasso tool: this tool is used to make straight sided selections.
- Magnetic lasso tool: this tool helps us to detect the object’s edge and snaps alongside it while you are moving near it.
Step 2: Create A New Blank Layer
With the lens selected, click on the New Layer icon at the bottom of the Layers palette on the ride side to add a new blank layer above the original Background layer, which is the layer that contains our original image:
Photoshop adds a new layer above the Background layer and automatically names it “Layer 1”. Double-click directly on the layer’s name in the Layers palette and rename it to “left lens” to make it easier for us to keep track of what we’re doing (it’s always a good idea to name your layers):
Step 3: Fill The Selection With Black On The New Layer
With the “left lens” layer selected (the currently selected layer is highlighted in blue in the Layers palette), press the letter D on your keyboard to reset your Foreground and Background colors if necessary so black becomes your Foreground color (white becomes your Background color), then use the keyboard shortcut Alt+Backspace to fill the selection we made with black:
Press Ctrl+D when you’re done to deselect the selection.
It looks like we’ve filled the left lens with black, but since we’re using layers and we’ve filled the selection on a layer above the Background layer, our original image isn’t affected at all. The black filled selection area and the original photo are completely separate from each other.
Step 4: Drag The Second Image Into The Document
At this point, we need to bring in the image we’re going to be using as the reflection in the sunglasses, so open your second image in Photoshop. Press V to quickly select Photoshop’s Move Tool, then simply click anywhere inside the second image and drag it into the sunglasses document:
Use the Move Tool to drag the second image into the main sunglasses document.
If we look in our Layers palette, we can see that the second image has been added on a new layer above the “left lens” layer. Double-click on the layer’s name and rename it to “left reflection”. You can see that in the picture above. Don’t worry if your reflection picture is too big and covers your sunglasses we will fix that later.
Step 5: Create A Clipping Mask
Currently, the image on the “left reflection” layer is blocking much of the sunglasses image from view. What we want is for it to appear only inside the left lens, and we can do that easily by using the “left lens” layer as a clipping mask for the “left reflection” layer above it. What this means is, the only area of the tropical beach photo that will remain visible is the area sitting above the black-filled area on the layer below it.
To create the clipping mask, with the “left reflection” layer selected in the Layers palette, go up to the Layer menu at the top of the screen and choose Create Clipping Mask, or use the keyboard shortcut Alt+Ctrl+G .Either way turns the “left lens” layer into a clipping mask for the “left reflection” layer above it, and the tropical beach photo (or whatever photo you happen to be using) is now sitting nicely inside the left lens:
The tropical beach photo now appears inside the left lens. You can see that at the picture below.
If we look in our Layers palette, we can see that the “left reflection” layer now appears indented to the right, with a small arrow pointed down towards the “left lens” layer below it, which indicates that the “left reflection” layer is now being clipped by the “left lens” layer:
Step 6: Resize And Reposition The Image With Free Transform
Now that our reflection image is inside the left lens, let’s resize it and reposition it. We can do both of those things at once using Photoshop’s Free Transform command, so press Ctrl+T to bring up the Free Transform box and handles around the second image. Then simply drag any of the corner handles inward to resize the image. Hold down Shift as you’re dragging to constrain the proportions of the image, and hold down Alt as you drag if you want Photoshop to resize the image from its center:
If you need to rotate the image, move your mouse outside any of the corner handles. You’ll see your mouse cursor change to a curved line with a small arrow on each end. Simply click and drag with your mouse to rotate the image.
Press Enter when you’re done to accept the transformation. Here’s my image after moving and resizing my tropical beach photo inside the lens:
Step 7: Add An “Inner Shadow” Layer Style
Let’s add a bit of a shadow to the reflected image so it looks like it’s part of the lens and not just sitting on top of it. Click back on the “left lens” layer in the Layers palette to select it, then click on the Layer Styles icon at the bottom of the Layers palette:
Select “Inner Shadow” from the list.
This brings up Photoshop’s Layer Style” dialog box set to the Inner Shadow options in the middle column. I want my shadow to appear mainly in the top right corner of the lens so I’m going to set my Angle to 65° so change the Inner Shadow options circled in red below. You may want to set yours to a different angle.
Step 8: Apply The “Spherize” Filter
Right now, the image we’re using for our reflection is completely flat, but most lenses have a slight curve to them, so let’s add that slight curve to our reflection image. Click on the “left reflection” layer in the Layers palette to select it. Then hold down Ctrl and click directly on the thumbnail for the “left lens” layer in the Layers palette:
Select the “left reflection” layer, then “Ctrl-click” directly on the “left lens” thumbnail in the Layers palette.
This will load a selection around the lens back into the document:
A selection around the left lens now appears back in the document.
We’re going to be applying the Spherize filter to the “left reflection” layer, and by loading this selection first, this allows us to apply the filter only to the area inside the selection, rather than applying it to the entire layer.
When the Spherize filter dialog box appears, select Horizontal Only for the Mode option at the bottom, then use the slider to raise the Amount to around 25-30%.
Press Ctrl+D when you’re done to deselect the selection.
Step 9: Duplicate The “Left Reflection” Layer
With the “left reflection” layer still selected, use the keyboard shortcut Ctrl+J to duplicate the layer. A copy of the layer, which Photoshop names “left reflection copy”, appears above it in the Layers palette. Click on the new layer’s name and rename it to “multiply” (you’ll see why in a moment):
Step 10: Set The New “Multiply” Layer To Be Clipped By The “Left Lens” Layer
When we duplicated the “left reflection” layer, Photoshop created a copy of it for us but left us with a small problem. The original “left reflection” layer is being clipped by the “left lens” layer below it, but the copy we just created is not being clipped, which means it’s not being confined to the inside of the lens and is currently just sitting there on top of the original image. All we need to do to fix that is do the same thing we did with the original “left reflection” layer. Either go up to the Layer menu and choose Create Clipping Mask or use the keyboard shortcut Alt+Ctrl+G to clip the “multiply” layer to the “left lens” layer so the only part remaining visible is the area inside the lens.
Step 11: Change The Layer Blend Mode To “Multiply”
The reason we renamed the new layer to “multiply” is because we’re going to change it’s layer blend mode toMultiply, which is going to enable us to darken the image inside the lens so it’s not so bright. To do that, simply go up to the blend mode option in the top left corner of the Layers palette, click on the down-pointing arrow to the right of the word “Normal” and select “Multiply” from the list:
The image inside the lens now appears darker after changing the blend mode.
If you find the image inside the lens now appears too dark, simply go up to the Opacity option in the top right corner of the Layers palette and lower the opacity of the “multiply” layer until you’ve brightened the image back up to the point where you’re happy with the results.
The reflected image inside the lens is slightly darker, giving the lens a tinted appearance.
It’s entirely a judgment call on your part how dark to make the reflection, if you even want to darken it at all.
Step 12: Select The Gradient Tool With A White-To-Transparent Gradient
To finish off our work on the left lens and give it a bit more of a three dimensional, curved appearance, let’s add a highlight to it, as if the sun is reflecting off of it. I’m going to add it in the top right corner of the lens. To do that, we need the Gradient Tool, so select it from the Tools palette or press G to select it with the keyboard shortcut.
We want to add a white-to-transparent gradient, so press the letter X on your keyboard to swap your Foreground and Background colors, making white your Foreground color. Then with the Gradient Tool selected, right-click anywhere inside the document to bring up the Gradient Picker and select the gradient second from the left, top row:
Choose the white-to-transparent gradient from the Gradient Picker.
Step 13: Load A Selection Once Again Around The Lens
Hold down your Ctrl key and click directly on the thumbnail for the “left lens” layer in the Layers palette to once again load a selection around the lens:
“Ctrl-click” directly on the “left lens” thumbnail to again load a selection around the lens in the document.
Step 14: Add A New Layer At The Top Of The Layers Palette
Make sure the top layer (the “multiply” layer) is currently selected in the Layers palette, then click on the New Layer icon at the bottom of the Layers palette to add a new blank layer above all the others. Rename the new layer “highlight”:
Add a new blank layer at the top of the Layers palette and rename it “highlight”.
Step 15: Drag Out A White-To-Transparent Gradient On The “Highlight” Layer
To add the highlight, I’m simply going to drag out a white-to-transparent gradient on the “highlight” layer, starting from the top right corner of the lens and extending downward diagonally towards the center:
Dragging out a gradient from the top right corner of the right lens down towards the center.
Release the mouse button and Photoshop draws the white-to-transparent gradient, adding the highlight to the lens. Since we had a selection around the lens, the gradient is confined to the area inside the lens. Press Ctrl+D to deselect the selection.
Here’s my image after adding my highlight in the top right corner of the lens:
Step 16: Repeat The Same Steps For The Other Lens
Now you are able to create a reflection into sunglasses with Photoshop. Don’t worry if its hard the first time.
PRACTICE MAKES PERFECT
Photoshop is a cool and simple tool, as we can see in the process above, it is pretty easy to change different things in a picture using Photoshop. All you need to do is to get simple tips and practice it.
If you have any other idea or tips please share with us.