Create real glass typography effect in Photoshop and Illustrator
Вставка
- Опубліковано 30 лип 2024
- To this day I’ve made three tutorials about simulating a glass effect in Photoshop 🥽 But the more videos I make the more questions people have. I’ve heard you all 👂 So, in effort to close this subject once and for all i’m stepping out of my 90 sec comfort zone to share the method that will allow you to design your own typographic layouts made of glass.
Follow me on Instagram or TikTok and comment there “stay glassy” to get the PSD of the design.
Instagram: / antoncreations
Tik Tok: / made.by.anton
Stay glassy 🍸
0:00 Intro
0:31 Message to 3d Designers
0:49 Poster layout in Illustrator
2:44 Creation of Displacement Mask in Photoshop
5:56 Building glass shine and texture
12:45 The most important: Glass effect using Displacement Mask
14:41 Let me know your thoughts - Навчання та стиль
To those unaware: it doesn't matter how you cut the apples.
😉 IF apple pie is a result, who cares, right?! Right?! 🍏🥧
it cracked me up TT
You probably grate them though, right?
First of all, thank you very much for producing the video we requested. You're pretty talented about that. I didn't find anyone who could make such a design with these methods. I'd like you to continue your videos, we'll keep track of it.
Thanks for the kind words 🙏 Appreciate it a lot! Please let me know if there is anything else you'd like to learn, or perhaps heard of what other tutorials or tricks people are interested in learning?
Appreciate this. More non-reels are super welcomed.
Glad you liked, will try to do more
Bingo! Thanks for the tutorial! Love your work! Would love to see more tutorials, learn ways to develop skill set & push boundaries!
you're welcome 🙏 will try to produce some more in the future
Thank you for stepping out of your comfort zone! It was extremely helpful. Wanna try some of your other works too.
appreciate the feedback man 🙏
This video is so elaborate. Really apprciate it!
🙏 thanks and enjoy
Really good tutorial. Keep the longer vids coming.
Thanks a ton, it's hard but will try 🥰
Fantastic video! I tried using Blender or Dimension to add some geometric glass shapes like cubes in order to achieve some text distortion effect, but the outcome was never the one I was supposed to achieve! This is so cool (and just with Photoshop and Illustrator 😍). Thank you!
Glad you liked it. I agree it should be simple visual rather than a bunch of effects 👍
Thank you for the lovely tutorial 🙂
you're welcome, enjoy!
Man!!!!!!!!!!!!!!! this is absolutely insane 😎😎🔥🔥🔥🔥🔥🔥😎😎😎
Thanks mate, enjoy 🙏
It’s 1am and I’m still watching this brilliant video.
🫂 love that, knowledge never sleeps ;) thanks for the support 🙏
Thanks :)
Thanks you Master!
you're welcome enjoy 👍
Appreciate this.
Enjoy 🙏
sick!! making my first logo for first client using your brain
break a leg!
Beautiful! Thank you!! I can't help but subscribe to your channel! : )
🙏 thanks for the support
Dude love this tutorial! and I miss your sarcasm a lot 🤣
😜 sarcasm? what sarcasm?
damn cool. Thanks
You're welcome 🙏
Love the final result and will definitely try out the tutorial, thanks so much for that! I wonder if the PS file can be made into some kind of template for different texts or shapes, so I don't need to go through this process every time? (for all the amazing posters I will be creating lol )
maybe, not sure how to though, especially around the part where needs to make a text (glass type) selection of the background. Thanks for the feedback, and let me know if you manage to nail it 🙏
Man you're just crazy! I can’t imagine how it was possible to achieve such an effect in such complex ways based only on personal experience.
You are insanely cool!
Thanks a ton for kind words and support 🙏 you're the kind of people I do this for 😉
sick
🙏
you are king
thanks greatly
Stay glassy
www.dropbox.com/scl/fo/vc1zyth3qmh3dwt5dtrgk/h?rlkey=cse4o7d6eo7gd2dcczsq89oja&st=jjr94qwf&dl=0
Thanks for sharing…
you're welcome
awesome tutorial, I wonder if this is acheivable in a 3d setting on web, using either 3JS or even Webflow/Framer with Spline?
Need to check it out 🙏
Hey Anton
Loved the tutorial but i have a problem. IN 12.01 how did you select the outline layer of coachella can you please tell me?
Hey mate, thanks for the comment. I appreciate it. Bring your mouse pointer over the type layer hold CMD and click on the thumb. It will outline the type only. Let em know if that works 👍
Superb techniques and tutorials - I love your work!!
Which version of Illustrator were you using in this tutorial?
(The lighting options on my 3D Materials looks different, I can't add light source / edit the position) :(
Sorry to hear it doesn't work for you. I think thr current version or the one before this 😥
Thanks for your reply, I updated Illustrator - and not all 100! @@naturetonyx
Sorry to hear @@ESkengman have you tried googling. Basically if the interface is different from what. I show in my tutorial, it's got to be hardware or software difference. Worth looking up if you're working on PC
Apologies, was a typo - it's all now 100% and I did your amazing Tut!! 🤗
bangin mate @@ESkengman
Subscribed
Thanks hugely for the support
Thanks for the tutorial! Could you please tell me if this method will work with vector graphics? I haven't had a chance to try it out yet, but I'd like to find out. Thank you very much.
No worries, thanks for the feedback. Not sure distortion mask exist in Illustrator, but if you bring your vectors to PS as Smart Objects they will definitely work. God speed ;)
Thank you so much!
Great Tutorial, thank you! I followed every step, but somehow my letters are not as transparent as yours. It's rather milky white 😅 Any tips on how to solve that?
Thanks a ton 🙏 appreciate the feedback. Try turning every layer off and on and seeing which one causing a discomfort. Something tells me it might be the LIGHT/SCREEN layer that is too bright, might be worth darkening it. Let me know
7:24 how did you erase some of the mask at the top left which tool,you used ?
I've used gradient tool over the mask, but quite frankly you can use eraser or any brush tool 👌
oh. mygawd.
😉
I'm having a problem which is probably really easily solved but I'm so confused... when I go to change the levels of the text smart objects, it's changing all of the levels of everything (background smart object) - am I being stupid or is there an easy fix to this?
You just need to 'clip' the Adjustment mask to the layer (Google clipping in Photoshop)
Hi Anton, thank you very much for sharing your inspiring videos. But I have one question. Why isn't it possible to record your video in my folder (Photoshop tutos) in youtube. Is it possible for you to activate that? Let me know. And again thank you for all your nice tutos!
Sorry, I don't quite understand what you need?
Ah OK the problem is solved (I'm able now tpo record your video in my personal folders) ;-) @@naturetonyx
Where can I watch the 3 videos you mentioned on the intro? I only see two on your youtube page. I wanna watch the purple and the green one too
All are available on my reels on Instagram
thanks sir! @@naturetonyx
so good, i have one question, when I choose the 3d and material, and open the lighting section, there is no turning ball there for me to click on, just 4 presets.... I have trouble turning the light to the top right angle...hope someone can help :):)
also I cant add new light source, there is just no + button there,
Sorry to hear. For me as soon as I choose an Object preset ie Extrude in 3D, the ball with light sources appears fine. If you still do not have it, it's probably something to do with your hardware capabilities or the App Preferences. Please google this issue and let me know if you find a solution
I think it is because you are using pure black color in your text or object. Try to use a lighter black
@@see.you.naonao or this...!
🙃🙃🙃🙃
Great tutorial but It would be nice to have simpler methods if possible. it is difficult to perform so many actions to make a simple effect.
Thanks for the feedback. Basically you can achieve the glass effect simply by creating distortion map and applying it to the background of your graphics. The additional effects like overlays, shadows, scratches etc. are just to pump up the glass effect further.