EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Reflection Effect in Photoshop

Home » Design » Design Tutorials » Photoshop Tutorial » Reflection Effect in Photoshop

Reflection Effect in Photoshop

Introduction to Reflection Effect in Photoshop

Photoshop generally comes with a range of graphic enhancing and designing techniques. One such great technique which is popular and makes use of easy photoshop tools is the Reflection Effect. It is used widely in logos, ads, etc for text effects and also in images for creating a blurry mirror-like effect for example, for creating wallpapers of a place for a Travel and Tourism website with locations that have lakes and water bodies. This effect could be useful for graphic designing. It makes use of very few components like Motion and Gaussian Blur, Free transform, Selection tools and so on. Let’s try to create a few examples for us to learn this effect.

Water Reflection Effect in Photoshop

This is one of the most commonly used reflection effects that can probably be identified quickly too. Many scenic pictures have all water reflections on them and trust me a lot of them are indeed Photoshop-ed!!

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: First of all grab the image of whose reflection needs to be created. Go to File, select the appropriate image and there we can edit all we want now.

selecting the image

Step 2: I would suggest convert unlock the layer first and convert it into the normal layer by double-clicking on the Background Layer first and giving it the name Layer 0.

Background Layer

Step 3: Now select the layer with the image and with the help of Rectangular marquee tool or the Polygonal Lasso Tool cut the water part.

Cutting the water part

cut water

Step 4: Now duplicate the layer by selecting Duplicate Layer and select Edit and Transform, then Flip Vertical. You will see an upside-down image of the cut part. So by using the move tool place it below our original image.

Popular Course in this category
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,114 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

duplicate layer

flip vertical 1

flip vertical 2

Step 5: Now its time to create some water ripples. Let the duplicate layer be selected. Now Select Filter> Blur>Motion Blur. And set the values in the following manner: Angle: 90 Degrees, Distance: 30 pixels. You will see something like this.

motion blur 1

angle 90

Step 6: Now its time to give the water some Smudgy effect. Hence grab the Smudge tool, and I experimented a lot so I was finally comfortable with these values. You can create your own values depending upon the image you have selected to have water reflection in it. So set Brush size: 150, hardness: 0 and Strength: 20 percent.

Smudgy effect

Step 7: Normally one would be satisfied with what we have created, but let’s experiment a bit more and put more effects. Let’s create a new layer and fill it with white colour using the Paint Bucket tool. Also, let us give it Noise Filter to give a more natural rippled effect to the water waves. So, go to Filter>Noise>Add Noise. Make sure you have selected the new Layer here. Now set the following values (again these may vary as per image) Amount: 400 %, Distribution: Gaussian and check the Monochromatic button.

Applying Noise

Noise Effect

Step 8: Let’s add one more Filter. Go to Filter> Blur> Motion Blur. Now you can set the following values and experiment. Angle: 0 degrees, Distance: 40 px and let us also add a bit of contrast in colors for better Blending options later. And also see what happens if we use keys CTRL + L and inverse colors. So you can add and see the following, 1st tone: 147, mid-tone: 1.53 and last tone: 219.

Motion Blur Effect 1

motion distance

blending option

Step 9: Let us add perspective to give it a better view of the eye. So you can select the following Edit, Transform then Perspective. Now simply drag any corner of the bottom with the mouse to the side as per your choice end.

Transform and Perspective

prespective
Step 10: Now drag this layer to the side of the water and adjust it according to your wish.
adjust layer

Step 11: Now you can right-click on the layer and go to Blending Options. In that set the following values. Opacity: 30 % and Blend mode: Soft Light. It will be something like this.

soft light

set soft light

Step 12: And it is final!!!!… Please go ahead and make your own water reflection effects.

Final image (reflection effect in photoshop)

Jewellery Ad Reflection Effect

This might be also one the most common of all but that’s I chose to do it so that the concept of reflection might get clearer to you. We will be using similar techniques here but in a way that will make our piece of jewelry more appealing to the naked eye.

Step 1: Please go to File>Place and place the image that has to be edited first.

place image1 (Reflection Effect in Photoshop)

Step 2: Once that is done I would suggest selecting the Crop tool based on my image and crop excess part of the image so that we can make the reflection. Normally in case, we do not have sufficient space for reflection we can even use Image then Canvas Size and increase the size of the canvas below in order to give the reflection below.

select crop tool (Reflection Effect in Photoshop)

canvas size (Reflection Effect in Photoshop)

Step 3: Now let’s make a copy of our jewellery piece. Select the Magic Wand Tool from the left. Now with the help of the Shift key on the keyboard please select the entire area except the jewellery as shown below.

select magic wand (Reflection Effect in Photoshop)

shift select image (Reflection Effect in Photoshop)

Step 4: Now go to Select>Inverse and you will find that My piece of jewellery is selected instead. Now Go to Layer, click on New and then select Layer Via Copy. This will make a copy of the Jewelry.

layer via copy (Reflection Effect in Photoshop)

Step 5: Now go to Edit Transform and Flip Vertical. Now select Opacity to 30% and adjust as per your liking.

opacity adjust (Reflection Effect in Photoshop)

Step 6: Now I believe to use the easiest way and that is the Eraser tool. Please set the following values and you can fade off the jewelry as per your liking. Hardness: 30 and brush: 38 px.

eraser tool (Reflection Effect in Photoshop)

Step 7: You can even use this effect. Go to Filter>Blur then Gaussian Blur. Set the radius to 1.5. Now your reflection looks natural.

Gaussian Blur (Reflection Effect in Photoshop)

You can even use this effect in the following areas. Any product Reflection ads also use this effect extensively like Wine Glass or crockery. In-text effects for creating a reflecting effect etc.

Conclusion

It is often much easier to replicate in Photoshop than to catch one in film. Use these simple steps to create an interesting Photoshop reflection image to improve rather boring photography.

Recommended Articles

This is a guide to the Reflection Effect in Photoshop. Here we discuss the steps to create water and Jewelry ads and Reflection in after effects. You can also go through our other related articles to learn more –

  1. Introduction to Text Effects in Photoshop
  2. Uses of Patch Tool in Photoshop
  3. Adding Keyframes in After Effects
  4. Lasso Tool in Photoshop

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Photoshop hologram effect
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More