I'm looking to create an effect similar to this one in Photoshop:

enter image description here

I.e. with a normal background but then with a shape which has properties that make it transparent but with some distortions like the shape distortions and the colour distortions.

Would somebody be able to point me in the right direction of how to recreate this effect?

1 Answer 1


Save a mask.psd file with the shape silohuette and a gradient from black to white at 45º the same size as the file with the text.


At the original file, duplicate the text layer and from Filter > Distort > add a Displace Effect using the mask.psd as displacing file.


In a layer with the original shape, add an Inner Bevel, Stroke and Color Overlay effects to simulate the edge profile. Set this layer fill to 0% to see just the effects.




enter image description here

Use different types of mask or settings at the Displace options to get another kind of distortions

enter image description here


This answer is an idea about how to make the distortion, it's clear that the poster of the question has much more work. For the color part I think it's a layer overlay. A quick way to do it is adding a layer under the glass effect with a color Inner Bevel on just one side and adjusting the light angle degree.

enter image description here

  • Thank you for your response, this is exactly what I was looking for! (Upvote if I could!) Quick question: After that, how would you add the slight colour distortions around the edges? Thanks once again!
    – Rocco
    Oct 20, 2018 at 15:50
  • Answer update with the color proposal.
    – user120647
    Oct 20, 2018 at 16:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.