EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Photoshop Tutorial Reflection Effect in Photoshop
Secondary Sidebar
Photoshop Tutorial
  • Basics and Advanced
    • What is Photoshop?
    • Install Adobe Photoshop
    • Introduction to Photoshop
    • Career in Photoshop
    • Uses of Photoshop
    • Adobe Photoshop Commands
    • Is Photoshop Free?
    • Website Layout in Photoshop
    • Adobe Photoshop
    • Top Features in Adobe Photoshop
    • Adobe Photoshop Elements tools
    • Free UI Kits For Photoshop Download
    • Layers Panel in Photoshop
    • Photoshop Moon Brushes
    • Ripple Effect Photoshop
    • Action in Photoshop
    • Photoshop Color Match
    • Photoshop color picker
    • Photoshop split toning
    • Photoshop GIF
    • Photoshop Extend Background
    • Photoshop template flyer
    • Photoshop content aware fill
    • Photoshop Overlays
    • Photoshop vignette
    • Photoshop Textures
    • Photoshop liquify
    • Photoshop automate
    • Photoshop presets
    • Layer effects in Photoshop
    • Photoshop hologram effect
    • Vintage Effect Photoshop
    • Vaporwave Photoshop
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Photoshop Creative
    • MP4 to GIF Photoshop
    • Templates in Photoshop
    • Night Effect in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Perspective Correction in Photoshop
    • VHS Effect Photoshop
    • Halftone in Photoshop
    • Puppet Warp in Photoshop
    • Photoshop Cheat Sheet
    • Resize Object in Photoshop
    • Distortion Effect Photoshop
    • Clone Stamp Tool in Photoshop
    • Fisheye Effect in Photoshop
    • Vanishing Point in Photoshop
    • Fix Perspective in Photoshop
    • Warp Image Photoshop
    • Transform Tool Photoshop
    • Photoshop Straighten Image
    • Glitch Effect in Photoshop
    • Photoshop Cinemagraph
    • Stamp Effect in Photoshop
    • Typography in Photoshop
    • Photoshop Distort Effect
    • How to Print in Photoshop?
    • Morphing in Photoshop
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • 3D Text Effect in Photoshop
    • Shiny Effect Photoshop
    • Photoshop Font Effects
    • Metallic Effect Photoshop
    • Ice Effect in Photoshop
    • Dispersion Effect in Photoshop
    • Healing Brush Tool in Photoshop
    • Crop Tool in Photoshop
    • Artboard in Photoshop
    • Fire Effect in Photoshop
    • Photoshop Versions
    • Portrait Effect in Photoshop
    • Quick Selection Tool in Photoshop
    • How to Highlight Text in Photoshop?
    • How to Change Text Color in Photoshop?
    • Change Color in Photoshop
    • Filters in Photoshop
    • Change Hair Color in Photoshop
    • How to Change Shirt Color in Photoshop?
    • Watercolor Brushes in Photoshop
    • How to Blend Images in Photoshop?
    • Plastic Effect in Photoshop
    • Ruler Tool in Photoshop
    • How to Fill Color in Photoshop?
    • How to Delete Background in Photoshop?
    • Plugins in Photoshop
    • Photoshop Mixer Brush Tool
    • Color Replacement Tool in Photoshop
    • Eraser Tool in Photoshop
    • Motion Effect in Photoshop
    • How to Make Logo in Photoshop?
    • Lasso Tool in Photoshop
    • Reflection Effect in Photoshop
    • Metal Text Effect in Photoshop
    • Gold Text Effect in Photoshop
    • Smart Objects in Photoshop
    • Text Effects in Photoshop
    • Layers in Photoshop
    • 3D Text in Photoshop
    • Selection Tool in Photoshop
    • Patch Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Rain Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Clipping Mask in Photoshop
    • Burn Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Adobe Photoshop Alternatives
    • Transparent Text in Photoshop
    • Sharpen Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Adobe Photoshop Tools
    • Red Eye Tool in Photoshop
    • Adobe Photoshop Shortcut Keys
    • Pencil Tool in Photoshop
    • Blur Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Move Tool in Photoshop
    • Line Tool in Photoshop
    • Photoshop Interview Questions
    • Lightroom New Presets

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 images to create 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. However, 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 about 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 converting the layer first and converting 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 the 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.

duplicate layer

flip vertical 1

flip vertical 2

Step 5: Now, it’s time to create some water ripples. First, 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 it’s 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. First, let’s create a new layer and fill it with white colour using the Paint Bucket tool. Also, let us give it a Noise Filter to give the water waves a more natural rippled effect. 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 also be 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 to 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 an excess part of the image so that we can make the reflection. Normally, if 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 Shift key’s help 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 in using 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
Popular Course in this category
Photoshop Training (10 Courses, 12+ Projects)
  10 Online Courses |  12 Hands-on Projects |  80+ Hours |  Verifiable Certificate of Completion
4.9
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • 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

ISO 10004:2018 & ISO 9001:2015 Certified

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

EDUCBA

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

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

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

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

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

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

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more