Adobe Photoshop Tutorials - Photo Effects

Photoshop Tutorials: Adding Reflections To Sunglasses

Learn Adobe Photoshop with Photoshop Tutorials at Photoshop Essentials.com

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 if it's not open already and have both images displaying in their own separate document windows on the screen (you can cycle through the various screen modes for each document by pressing the letter F on your keyboard). Press V to quickly select Photoshop's Move Tool, then simply click anywhere inside the second image and drag it into the sunglasses document:

Adobe Photoshop tutorial Photoshop effects image.

Photoshop Tutorials: 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":

Adobe Photoshop tutorial Photoshop effects image.

Photoshop Tutorials: The second image has been added on a new layer at the top of the Layers palette. Rename the new layer "left reflection".

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. Any areas of the tropical beach photo that are sitting above any transparent areas on the "left lens" layer below it will be hidden from view.

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 (Win) / Option+Command+G (Mac). 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:

Adobe Photoshop tutorial Photoshop effects image.

Photoshop Tutorials: The tropical beach photo now appears inside the left lens.

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:

Adobe Photoshop tutorial Photoshop effects image.

Photoshop Tutorials: Photoshop's Layers palette showing the "left reflection" layer being clipped by the "left lens" layer below it.

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 (Win) / Command+T (Mac) to bring up the Free Transform box and handles around the second image. Even though we can only see the part of the image that's inside the lens, Photoshop places the Free Transform box and handles around the actual dimensions of the image. If you can't see some of the handles because they're outside of the viewable area inside the document window, press F on your keyboard to switch your view mode to Full Screen Mode With Menu Bar, which will allow you to see all of the Free Transform handles (press F a couple more times when you're done with Free Transform if you want to switch back to the document window view mode). 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:

Adobe Photoshop tutorial Photoshop effects image.

Photoshop Tutorials: Resize the image by dragging any of the corner handles. Hold "Shift" to constrain the image proportions and "Alt" (Win) / "Option" (Mac) 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.

To move the image, click anywhere inside the Free Transform box and move the image around with your mouse. Just don't click on the small target icon in the center, otherwise you'll move the target icon, not the image. Press Enter (Win) / Return (Mac) when you're done to accept the transformation. Here's my image after moving and resizing my tropical beach photo inside the lens:

Adobe Photoshop tutorial Photoshop effects image.

Photoshop Tutorials: The image serving as the reflection has now been moved and resized.

Go to page: 1 | 2 | 3 | 4 | 5