Copy link to clipboard
Copied
Easily mask transparent glass in Photoshop
Have you ever wondered how to make something look like it's behind glass in Photoshop?
In this post, you will learn how to extract glass objects, and blend transparent glass with any background in Photoshop using blend modes. You can download this PSD (Photoshop Document) and open it in Photoshop to follow along with the tutorial.
❶ Convert the bottle into a smart object
Converting the Bottle layer into a smart object allows you to work Non-Destructively, which means that you can always go back later and adjust the transformations, filters, and adjustments after you have applied them.
❷ Create a duplicate layer
❸ Create a mask to blend the bottle with the background
❹ Make the bottle look transparent
❺ Make additional adjustments
Now we have Luminosity in the bottle, but we’re still missing Hue & Saturation. Let’s add them to the mix:
In the last steps, we brought back some color to the bottle. Now, we will bring the specular highlights back:
❻ Fix the cork
When we edited the bottle to blend it with the background, the cork became darker. Now we will bring back the original luminosity to the cork.
❼ Add specular highlights to the bottle
❽ Add Distortion
Since the inside of the bottle is not realistic yet, we need to add some distortion
❾ Add Shadow
Related links:
Work with Smart Objects in Photoshop
How to use Layer Masks in Photoshop?
Adjustment Fill Layers in Photoshop
Levels Adjustments in Photoshop
Layer Blending modes in Photoshop
Copy link to clipboard
Copied
this is four clicks to make in Adobe Dimesnion but its nice that Photoshop can do it too
Copy link to clipboard
Copied
Great dear, I will edit my store's that is [website link removed by moderator] images using this method of yours thankyou
Copy link to clipboard
Copied
To make visible parts in a layer mask (and already full black) we must paint with white.
"White shows, black hides."
Copy link to clipboard
Copied
I fixed the typo, thanks.
Copy link to clipboard
Copied
Thanks
Copy link to clipboard
Copied
If you don't mind me going off at a tangent, I love that we can click on your screen shots and see them as high res images. I found it far more difficult to add images to posts after the forum software was changed, so I would greatly appreciate a rund down on your method. Did you have to save each file to a local drive and upload, or were you able to paste them into the add image window?
Thanks.
Copy link to clipboard
Copied
Hi Trevor,
I agree this is quite a lengthy task as compared to the old forums, we've raised a few feature requests regarding this. I had to manually upload all the images here, I took screenshots while editing and then added each image separately.
Regards,
Sahil
Copy link to clipboard
Copied
Hi Sahil,
I actually had been looking for something like that for a long time. And now here is this great challenge in my PS-experience start-up phase! Thank you for that!
Hans-Günter
Copy link to clipboard
Copied
Hi Hans,
Glad to know I came up with something that would help you with your Photoshop learning phase 🙂
Please let me know if you need any help with the process.
Regards,
Sahil
Copy link to clipboard
Copied
This needs to be a video. It's unclear the whole time which layer I should copy and which layer should take precedence over the others. This would be good maybe for someone who's done this process before, but not a novice.
Copy link to clipboard
Copied
@elsieb64211074 wrote:
It's unclear the whole time which layer I should copy and which layer should take precedence over the others.
Please tell us the step number and the command you are on so we can better assist. For instance, if you are in Step 2, it's the Bottle layer you need to select and copy.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You can also post a screen shot so we can see where you are having trouble.
Jane