Creating glass typography in Photoshop and Illustrator in 3 minutes

Photoshop’s Displacement Distort filter can be a pretty powerful tool in achieving realistic results for your graphic design projects. My favourite way to use it is for creating glass typography. Together with the power of Illustrator’s 3D tool this comes in handy for generating cool typographic posters.

(Feel free to pause and playback if the video too fast. Originally tutorial was intended for 90 sec playback)

Hope you enjoy this tutorial and I’d love to see your artworks using this technique.

🔈 LWilliamsBeats - London

0:00 Asking ChatGPT to help with an idea
0:12 Typography layout in PS
0:28 Creating 3D type in Illustrator
0:48 Applying glass colours in Layer Style
1:43 Creating displacement mask for glass texture
2:06 Applying displacement mask glass effect
2:38 Presentation

[vida_plans]

I like how you explained *why* you’re doing some of the steps in this video! Super helpful

[marinabeck]

Wow!!! It really helped that you uploaded the longer version here. I tried to repeat the steps from your instagram reel, but I didn't notice the step where you turned down the fill for the "server" in Photoshop from 100% to 0%, before you started to create the inner shadows and that's what I missed... And all the time I couldn't figure out why your letters were so see-through and mine were black hahaha I was still able to achieve some nice glass effects, but I'm going to try it again. Thank you for that cool tutorial!!! 😍

[surprise_feed]

This is insane, Anton! Kudos for such a great tutorial! Loved it. Very clever and beautiful!

[Olaarts_oc]

WOW the last part says it all, amazing bravo👏👏

[kupi_cheeseburger]

Amazing. Need extended version of this tutorial 🙏🏻

[kimhyeonjeong]

와!!! 엄청나게 많은 영감을 받았습니다. 멋진 그래픽 기술입니다. 많이 배워갑니다. 앞으로도 많은 멋진 작품들 올려주세요!!!! 👍👍👍

[babyyyyface]

It's amazing!! Thank you so much for tutorial!!

[malu]

Thanks for the tutorial! Made a lovely poster!

[peterbushuev]

Great tutorial! Thank you for giving links to the fonts! 🤜🤛

[felixdachhauser]

I don't know anything about creating such artwork. I just love to look at it. You are a genius. Can I buy your posters?

[Daily_nhvh]

Thank you for this tutorial version 🎉🎉

[casseyonutube]

I am so sorry for my comment Anton! The tutorial is great, and I was just in a bad mood lol, trying to get a glass effect done for a project on a tight deadline, and I couldn't follow. My apologies ❤, and yes I did find the longer tutorial on this effect later 😊😊!

[CitrusxTangerina]

"server copy" is the "light 2" layer, right ?

[izzie]

thanks i didn't get it at first time but ill will try again i got the gist displacement map tho

[animamundi]

That was cool man thx. Can you explain why do you add and delete the black layer? I lost you there

[oanamagureanu]

im sorry but this tutorial is incredibly hard to follow, i have been trying for two days. Its way too fast, you barely explain anything you re doing and the portrait format of the video makes it even harder to see whats going on. its a shame, i really like your style

[giuliagaburro]

Amazing job!!& thank you very much for the tutorial:) Can I just ask you which kind of material did you choose in Ai for the Pillowlava font?

[Moreinius]

Can you explain what was the purpose of the black layer and turning everything into a smart object at 2:06?

[dashabykova]

Thank you so much!!! Please, can you write what font you use?🙏🏻😍

[JasmaiGostling]

Proper struggling with the inner shadow settings, trying to copy exactly what you did but it just isn't looking how yours does!