Unlock the Glassmorphism Effect in Illustrator!

[@ForeverDansky]

One more thing! You can also add a drop shadow to the glass, by selecting it and going to EFFECT > STYLIZE > DROP SHADOW 🙂

[@abdullahsan_]

Thankyou Sir

[@alinaseer.official]

Yup that will be great 😍

[@rceleo]

I thought you were going to add it to add the punch we love so much ! Thanks for the run down

[@onsokumaru4663]

I can't unsee the *AI* in the Illustrator logo

[@ultravioletidea]

Besides your friendly, approachable teaching style, I like that you make “mistakes” to show us common pitfalls that we might have done by accident. Class act!

[@chasebros4948]

Thanks for the tutorial. I have two tips that will make this effect easier to work with. First instead of making a clipping mask with a group, I would make a clipping mask with a layer. To do that create a new layer that has just the clipping object on top of the blurred image. Now click once on the layer name and then click on the make/release clipping mask button at the bottom of the layers panel. Making the clipping mask in this way allows you to move the blur around freely without having to go into a group to select just the clipping object before moving. I would lock the blurred image too so you don’t accidentally move it. Now duplicate the clipping object and paste a copy in place and apply the glass effect. Then group the glass and clipping objects together. Now you can move the glass and blur (clipping object) together freely as you would any other object.

[@Melonemond]

I just love your tutorials! Always so well explained - thank you so much Dansky!

[@ForeverDansky]

You're very welcome! Appreciate you taking the time to let me know, means a lot 😍

[@sesivedseD]

THANK YOU for keeping in all of the "mistakes" you make during the tutorial ! It really is so helpful to solidify the links of every aspect of it when you're quite unfamiliar with the software ins and outs. too many tutorials are too polished and you just end up clicking on stuff you were told to click on without knowing what these things actually are and do. Great vid. Thanks

[@davidborrink137]

Agreed. When I taught Illustrator and InDesign classes, I often found my "mistakes" were helpful to students to know what could possibly happen and how to avoid it, or just know that it could happen and what they need to know to undo it. "Mistakes" are learning opportunities.

[@c.sandlin5237]

I'd lock the image inside the clipping mask to keep it still and so you won't accidently move all of what inside the clipping mask.

[@danjeyowtub]

Underrated feature of your tutorials: SMOOTH CURSOR MOVEMENTS! They glide from button to button so perfectly. How do you do that?? Sometimes it looks animated, sometimes it looks like you just have very steady, intentional hand control.

[@АртемГірман]

Cheers Dansky for this really smooth refresher on the glassmorphism effect, could not recall it, you truly do your stuff! ❤

[@ForeverDansky]

Thank you! Cheers!

[@canaljefte]

Been using illustrator for 3 years now, and I think I have never used the Graphic Styles Panels to save anything! I have created many things manually over and over, and sometimes, I just give up because of the effort I got to make., thank u for this masterclass!!

[@designsbypab]

Beautiful!! I've always wondered how to do the glass morphism effect in Illustrator. Thank you!

[@ForeverDansky]

You’re welcome 😊

[@femis.6582]

This is super amazing!!!.... I never thought of the clipping mask frame layer as the power house for movable effects. Now I want to see what else can be done with that. Thanks so much Dansky!!!

[@ForeverDansky]

You're very welcome Femi! 😍

[@shwetainge2657]

Beautifully well explained tutorial. Thanks a lot for still keeping it on this platform, for learners.

[@IainAnderson]

Nice demo - thanks. As much as I like Illustrator, this is way easier in Affinity Photo, where you can create Live Filter layers with many types of blur, then mask them and move them around wherever you like - even bring them across directly to in a Publisher/Designer layout.

[@maralans1701]

Very helpful for me ❤ thank you for video

[@SpeedyFlix]

That outro effect (snap) Amazing tutorial as always! Thank you!

[@ForeverDansky]

Awesome! Thanks for watching 👊😃

[@noorahmadlondon]

THANK YOU. This whole time, I was suffering in silence w the first method you showed where it only blurs it in a NON-DYNAMIC WAY 😢 thank you so much for this tutorial & for the glass graphic style, what a time saver!!!

[@radharcanna]

Another great tutorial. I like how you talk to all levels of experience and not just the power users.

[@MerchDesignAcademy]

This is awesome! Thanks for the video.

[@ForeverDansky]

Yo, cheers Charley! Appreciate it 👊

[@baizidahmedzidan170]

I love how detailed you give the instructions.

[@Greg.Lacoste]

nice one!! not only did you share the GlassMorph but you also incorporated that gra[hic style window, that's a game changer!!!

[@JuliánHernández-d3c]

Amazing. Thanks for your time!

[@brenmakesthings]

Man this tutorial rules. How fun

[@nabiloukhai2483]

Thanks to you I’ve made big progress, so thank you for sharing your knowledge, and taking the time to explain things clearly. 😊

[@bojancenikol]

Can you please tell me which screen capture app you use? I’m not sure how the mouse cursor is moving that smoothly. Thanks!

[@ForeverDansky]

ScreenFlow for Mac. It has a ‘motion blur’ setting, or you can record with any screen capture software at 60 fps (frames per second) 👌

[@tashlentine]

when you expand that group surely just locking down the blurred layer is easier then you can drag the box around however you want

[@UmerFarooq-cf4hk]

Hey Dansky ! I have recently started my design carrer from past 6 months. I want some work to learn new things. Can you suggest me any platform where I can get work?

[@Desain1Undangans.official]

Thanks for best tutor :)

[@stevemoretz]

I don't even use AI but that approach of adding sort of masking and adding blur then adding opacity on top of it was genius!

[@xfobia1]

Can I use a regular photo in place of the blur instead and still have the same effect?

[@khurramiqbal2874]

I really love your tutorials and it is very helpful to me! keep it up bro❣

[@ForeverDansky]

Thanks, will do! 😀

[@ayk9847]

Great one, well, as usual !

[@ForeverDansky]

Thank you! Cheers!

[@AhmedRaza-tn9iz]

Mashallah Allah pak ap k or in k karobar main barkat ata farmaye Ameen

[@sergeballiet]

Nice thanks a lot, I just had an idea with the selection, what if you lock the picture in the clipping mask, maybe then it’s possible to click on the middle of the rectangle without moving the blurred picture ;)

[@liize]

you could also use transparency window to move the mask more freely :)

[@Markusion3]

thanku my friend

[@ForeverDansky]

Thank you too!

[@nadarTelevision]

Great thanks for the inspiration.Bravo 🎉

[@ForeverDansky]

You are so welcome!

[@gaugedicenso3761]

you are the dopest Dansky, take my sub!!! right to the point, and very human approach by letting the camera run a little longer to show when you’re really in the workspace actively moving things around. so tired of formulaic illustrator videos that waste time getting to the technique. you’re doing everything right, keep it up brother

[@ForeverDansky]

Much appreciated, thank you so much! 😍

[@omarguzman3776]

Amazing Tutorial 🙌

[@ForeverDansky]

Thank you 🙌

[@skyfikid]

Thank you!

[@ForeverDansky]

You're welcome!

[@MissDaniiOliver]

So to add multiple you'd need to have multiple backgrounds or is there a way to have multiple clips?

[@ForeverDansky]

Aha yes I imagine it gets a little more complicated with multiple blurs, especially if they need to overlap. Although, as long as you have a group or "background" graphic, with a rectangle (the frame to move the blur) above it, all contained within a clipping group - it should in theory still work 😅

[@mdnaimulislam]

Thank you so much 💞💞 Respect from Bangladesh 🥰🥰

[@jimpoulos01]

I haven't been using illustrator for over 10y now and there's a lot of new features. I would have done something like this in photoshop, so my question is basically, what makes illustrator the right tool for something like this? I've only ever used it for cutting vinyl and designing vector logos, like pen tool stuff.

[@reqoil]

Why illustrator? Becauce they can.

[@kaytics_cartoons]

This was helpful 🙏

[@aeonjoey3d]

You can also double click and select the frame instead of the image, and move it, you can even escape out from isolation mode and as long as the frame is still selected, you can move and edit, all with just clicks and not touching the layer panel.

[@alveriaz]

seriously in comparison when I tried to make this effect in Figma, cant believe how Figma is FAAAAR WAY MORE EASIER THAN ILLUSTRATOR, in illustrator you got a bunch of layers but in figma there are only 2 layers in total 👏👏

[@josemairena4747]

amazing! thanks

[@DidhiYAri]

thankyou so much this is very helpful

[@ForeverDansky]

You're very welcome Didhi ☺️

[@abdullahsan_]

Always Love your Tutorials, You're Doing a great Job sir

[@ForeverDansky]

Thanks a lot! 😊

[@noorahmadlondon]

hey! does this also work with vector objects like it did with the image? thanks!

[@ForeverDansky]

Yes, absolutely! 😃

[@gracedreamy2925]

THANKKKKKKKKS

[@yacineessid7049]

please do a video on how to export gradiants and transparency for print use ! thank you

[@JMindeleble]

Increíble que a estas alturas y Illustrator no tenga desenfoque de fondo frente a la competencia que llevan años con esa herramienta e incluso Adobe XD gana la batalla con esa opción.

[@JordynClements]

What about in After Effects for video?

[@Victorcastillon]

Wooow! Tks!

[@Dfvet106]

Thanks!

[@ForeverDansky]

No problem Dave!

[@Cometon_]

Thanks

[@hethvion9928]

i can't seems to save it as graphic styles because there is a group of layer that clipped with the original image. even if i use the saved graphic style to another background, i can only bring the glassed and grained square to it. not the first square that needs to be clipped with the new background

[@riotechmod]

I can't able to save this as preset, "Graphic Style" option is replaced by "Graphics Style Libraries" and showing me inbuilt presets name. Can't found option to save my settings as new preset

[@dimaspenggalih]

Such a random video appeared on my page, but surprisingly useful

[@harikrishnanaa5472]

Nice tutorial teacher

[@ForeverDansky]

Thank you! 😃

[@marilynisaacs7739]

OK - I'm usually pretty on-target with your fabulous videos!!! But in this one, I can get the glassy look, but I cannot get it to be moveable, where the glassy look changes with what's beneath it. Any suggestions?

[@wyzeful.officialttv]

@ForeverDansky I've tried to find a way to turn this whole effect into a overlay so I may use it anywhere and not just photos, but was unable to find how this works or if it's even possible. Can you help me?

[@maliksweethome1025]

I love your work dan sky. Plz tell me video editing software for laptop which is free and wothout water mark plz reply

[@ForeverDansky]

Thanks Malik! I use Premiere Pro for editing, but DaVinci Resolve is free and heard very good things about it, and would definitely suggest checking it out 👍🙂

[@maliksweethome1025]

@@ForeverDansky okay thank you much for your reply 😊😊😊😊😊

[@AMMARAMMAR-gq8vz]

Amazing !!

[@ForeverDansky]

Thank you! Cheers!

[@josephkabalila9807]

bro disappearing at the end just made me subscribe💀

[@ArvidOlson]

How did you make the mouse cursor move so efficiently to exactly where it needed to be?

[@ForeverDansky]

Hey Arvid, with a very steady hand, and an obsession with smooth cursor movement 😅

[@Can17864]

Wonderful ⭐

[@ForeverDansky]

Thank you! Cheers!

[@piotrgorski1945]

Great work 👍

[@ForeverDansky]

Thank you! Cheers Piotr!

[@philippruizlozano]

Ooh nice trick tho. Thanks for sharing 🤔👌

[@ForeverDansky]

No problem 👍

[@eduardocalix8834]

Yo tengo una buena voz, una buena dicción pero siento que soy aburrido 😅la próxima semana empiezo una serie de talleres y pondré en práctica tus consejos 👌🏼

[@aymenazouz9065]

heyy dansky is there any way to make a graphic style with glass andf blur effect both toghter as one shape ?

[@phiewpoint]

Your videos are amazing!!! Well explained and good editing.

[@ForeverDansky]

Cheers Xew! Appreciate it 😊👊

[@ronizaitsev4508]

Hi! where is the video's thumbnail wallpaper from? the one with the colorful spheres

[@alinaseer.official]

That's Amazing 🤩😍

[@ForeverDansky]

Thank you 😊

[@frederickmestio2394]

Been looking for this style for years 🥹

[@sarveshbhalerao]

Simply an awesome tutorial, thank you so much for sharing...

[@ForeverDansky]

Glad you liked it Sarvesh! Thank you 😊

[@manarabunaji6764]

thank you thannnk you thank you

[@ForeverDansky]

You're welcome!

[@frogybot]

Interesting to watch even without adobi!

[@summer9669]

thank for video

[@ForeverDansky]

You're welcome :)

[@313gaming8]

Wonderful thanks boss

[@thatskysylvos]

Do you regularly not use the Align buttons or do you just drag the objects back to the centre of the canvas so viewers don’t get confused?

[@ForeverDansky]

I use both, align features are great. Smart Guides and snap to center is also great 👍

[@henriquemachado1632]

Muito bom o vídeo. Aprendi bastante, vou usar sempre esses vidros aqui nas minhas criações. VALEU LEONEL MESSI!

[@guilhermebep7081]

Could you make a Tutorials for Frutiger Aero?

[@musfiqurrahman1699]

wow relly nice sir.......

[@ForeverDansky]

Thanks Musfiqur :)

[@theshobee]

awesomeeeeee

[@ForeverDansky]

Thanks!

[@georgenicko8199]

Thanks)

[@ForeverDansky]

You're welcome George :)

[@dwikafajri]

if the image on the clipping group are locked, can you still move around the glass effect without the image moving with it?

[@carl_lacanlale]

Is it possible to transfer it to After Effects?

[@ForeverDansky]

Mmm maybe… for the intro I just recreated it in After Effects from scratch, as it just seemed quicker. Add a rectangle, do the gradients for stroke and fill, add a noise effect and track matte (mask) for the blur, and you’re sorted 👍

[@Dr.5trange]

Amazing

[@ForeverDansky]

Thanks 😊

[@Kiyuto23]

Vi seu vídeo por acaso, achei SENSACIONAL, você é incrível! virei inscrito. (I saw your video by chance, I thought it was AWESOOOME, you are amazing! I am now subscribed.)NA

[@umarrgraphics]

Love it

[@the_pruf]

thx

[@kerimdemir1712]

Damn. That's cool!!!

[@jaegerschtulmann]

Question, although I can apply the glass effect from the graphic styles pannel to any new shapes I create, what if I want to use it in another document? the blur will be gone?

[@ForeverDansky]

Hey Jaeger, from the Graphic Styles panel, in the top right corner the menu icon will show an option called 'Save Graphic Style Library' that will let you export your graphic styles to reuse in other documents 👍

[@jaegerschtulmann]

@@ForeverDansky 🙏 thank you very much I got this part covered, but what about the clipping mask with Gaussian blur, is it possible to save that as a graphic style too?

[@AndyTellsThings]

Nice take on this one! :)

[@ForeverDansky]

Cheers Andy, appreciate it 🙂👊

[@gamerxdesigner5735]

Go Dansky

[@UsmanQadar.]

Make your cursor more brighter and magnifier always.

[@texturastylist]

i dont get this blur result, the gaussian effect wont apply if i go inside the clipping group, i can add the gaussian effect but its not changing to that glas blur effect..and if i do it without going inside clipping mask, the blur effect dont go to the frame

[@ibnusuhail1189]

how to dowload these like backgrounds ?

[@ForeverDansky]

This one is from Adobe Stock, or search for something like “abstract 3D background” on a search engine.

[@ayazuddin]

Great tutorial dan. Loved it! ❤️

[@ForeverDansky]

Thanks so much Ayaz! 😀