Unlock the Glassmorphism Effect in Illustrator!

Рет қаралды 384,757

Күн бұрын

Are you looking to create a stunning glassmorphism effect in Adobe Illustrator? This Adobe Illustrator tutorial will show you how to create a stunning glassmorphism effect in just a few easy steps!
With this glassmorphism effect, you'll be able to create incredibly realistic glass designs that will blow your clients away! This effect is easy to use and can be used in a variety of different Adobe Illustrator templates and designs. So be sure to check out this Adobe Illustrator tutorial and learn how to create a stunning glass morphism effect.
0:00 Intro
0:34 The blur trick
3:47 The glass effect
5:43 Adding texture
6:07 Avoid this mistake
6:57 Saving the glass effect
7:38 Changing the image
#adobe #illustrator #tutorial #glass #effect #glassmorphism #realistic
⭐️ Master Adobe Illustrator and unleash your creativity!
View course: www.dansky.com/courses/the-ad...
Get 15% off: academy.dansky.com/opt-in
🤝 Get professional guidance with a 1-2-1 coaching session!
Book here: www.dansky.com/coaching
✅ Download unlimited photos, videos, fonts, brushes, music, mockups, icons, templates, UI kits, and much more!
1.envato.market/q5nq
💻 My design tools and studio setup
Apple MacBook Pro laptop: amzn.to/45jnzIK
BenQ PD3225U monitor: amzn.to/4cnyjdh
Logitech MX Master 2S mouse: amzn.to/45eCjIP
Wacom Intuos Pro tablet: amzn.to/45gXWIq
Sony A6400 camera: amzn.to/3ZCnjTQ
KRK 6400 headphones: amzn.to/3LJ7KEe
Shure SM7B microphone: amzn.to/3rIUclg
Elgato Wave microphone arm: amzn.to/3RHvrAM
Godox studio light: amzn.to/3RIhoL3
IVISII G2 RGB light: amzn.to/468h1xQ
Some links may be affiliate links for products and platforms that power by business. I make money with these which helps support the channel, so if you do use them, thank you for being awesome!

Пікірлер: 207

@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!

@baizidahmedzidan170 Жыл бұрын

I love how detailed you give the instructions.

@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 😍

@shwetainge2657 Күн бұрын

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

@nabiloukhai2483 Жыл бұрын

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

@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.

@user-or5vw3bn5m Жыл бұрын

Amazing. Thanks for your time!

@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.

@user-jx3zc3il3j 9 ай бұрын

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

@ForeverDansky 9 ай бұрын

Thank you! Cheers!

@radharcanna Жыл бұрын

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

@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.

@josemairena4747 Жыл бұрын

amazing! thanks

@designsbypab Жыл бұрын

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

@ForeverDansky Жыл бұрын

You’re welcome 😊

@khurramiqbal2874 Жыл бұрын

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

@ForeverDansky Жыл бұрын

Thanks, will do! 😀

@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! 😍

@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!!!

@user-cm8dd9ic9j Жыл бұрын

Thanks for best tutor :)

@kaytics_cartoons Жыл бұрын

This was helpful 🙏

@MerchDesignAcademy Жыл бұрын

This is awesome! Thanks for the video.

@ForeverDansky Жыл бұрын

Yo, cheers Charley! Appreciate it 👊

@Victorcastillon Жыл бұрын

Wooow! Tks!

@ayk9847 Жыл бұрын

Great one, well, as usual !

@ForeverDansky Жыл бұрын

Thank you! Cheers!

@313gaming8 Жыл бұрын

Wonderful thanks boss

@DidhiYAri Жыл бұрын

thankyou so much this is very helpful

@ForeverDansky Жыл бұрын

You're very welcome Didhi ☺️

@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.

@omarguzman3776 Жыл бұрын

Amazing Tutorial 🙌

@ForeverDansky Жыл бұрын

Thank you 🙌

@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!!

@kerimdemir1712 Жыл бұрын

Damn. That's cool!!!

@AMMARAMMAR-gq8vz Жыл бұрын

Amazing !!

@ForeverDansky Жыл бұрын

Thank you! Cheers!

@gracedreamy2925 3 ай бұрын

THANKKKKKKKKS

@Cometon_ 6 ай бұрын

Thanks

@brenmakesthings Жыл бұрын

Man this tutorial rules. How fun

@skyfikid Жыл бұрын

Thank you!

@ForeverDansky Жыл бұрын

You're welcome!

@piotrgorski1945 Жыл бұрын

Great work 👍

@ForeverDansky Жыл бұрын

Thank you! Cheers Piotr!

@mdnaimulislam Жыл бұрын

Thank you so much 💞💞 Respect from Bangladesh 🥰🥰

@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!

@umarrgraphics 2 ай бұрын

Love it

@nadarTelevision 9 ай бұрын

Great thanks for the inspiration.Bravo 🎉

@ForeverDansky 9 ай бұрын

You are so welcome!

@alinaseer.official Жыл бұрын

That's Amazing 🤩😍

@ForeverDansky Жыл бұрын

Thank you 😊

@Dfvet106 Жыл бұрын

Thanks!

@ForeverDansky Жыл бұрын

No problem Dave!

@Can17864 Жыл бұрын

Wonderful ⭐

@ForeverDansky Жыл бұрын

Thank you! Cheers!

@noorahmadlondon 3 ай бұрын

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!!!

@georgenicko8199 Жыл бұрын

Thanks)

@ForeverDansky Жыл бұрын

You're welcome George :)

@summer9669 Жыл бұрын

thank for video

@ForeverDansky Жыл бұрын

You're welcome :)

@Dr.5trange Жыл бұрын

Amazing

@ForeverDansky Жыл бұрын

Thanks 😊

@manarabunaji6764 9 ай бұрын

thank you thannnk you thank you

@ForeverDansky 9 ай бұрын

You're welcome!

@theshobee Жыл бұрын

awesomeeeeee

@ForeverDansky Жыл бұрын

Thanks!

@SpeedyFlix Жыл бұрын

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

@ForeverDansky Жыл бұрын

Awesome! Thanks for watching 👊😃

@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.

@abdullahsan_ Жыл бұрын

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

@ForeverDansky Жыл бұрын

Thanks a lot! 😊

@liize Жыл бұрын

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

@the_pruf Жыл бұрын

thx

@user-lw6if9vs2z Жыл бұрын

Prefect

@noman5661 Жыл бұрын

oh! that's great

@ForeverDansky Жыл бұрын

Thanks!

@henriquemachado1632 Жыл бұрын

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

@ayazuddin Жыл бұрын

Great tutorial dan. Loved it! ❤️

@ForeverDansky Жыл бұрын

Thanks so much Ayaz! 😀

@phiewpoint Жыл бұрын

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

@ForeverDansky Жыл бұрын

Cheers Xew! Appreciate it 😊👊

@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

@harikrishnanaa5472 Жыл бұрын

Nice tutorial teacher

@ForeverDansky Жыл бұрын

Thank you! 😃

@frogybot Жыл бұрын

Interesting to watch even without adobi!

@musfiqurrahman1699 Жыл бұрын

wow relly nice sir.......

@ForeverDansky Жыл бұрын

Thanks Musfiqur :)

@reafterapparel5037 Жыл бұрын

very helpfull

@ForeverDansky Жыл бұрын

Awesome!

@dimaspenggalih 4 ай бұрын

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

@philippruizlozano Жыл бұрын

Ooh nice trick tho. Thanks for sharing 🤔👌

@ForeverDansky Жыл бұрын

No problem 👍

@yacineessid7049 Жыл бұрын

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

@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! 😍

@AhmedRaza-tn9iz Жыл бұрын

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

@sarveshbhalerao Жыл бұрын

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

@ForeverDansky Жыл бұрын

Glad you liked it Sarvesh! Thank you 😊

@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 ;)

@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

@josephkabalila9807 Жыл бұрын

bro disappearing at the end just made me subscribe💀

@gamerxdesigner5735 Жыл бұрын

Go Dansky

@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 👌🏼

@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 👏👏

@saliuarts Жыл бұрын

Nice

@ForeverDansky Жыл бұрын

Thanks!

@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.

@AndyTellsThings Жыл бұрын

Nice take on this one! :)

@ForeverDansky Жыл бұрын

Cheers Andy, appreciate it 🙂👊

@guilhermebep7081 Жыл бұрын

Could you make a Tutorials for Frutiger Aero?

@Markusion3 4 ай бұрын

thanku my friend

@ForeverDansky 4 ай бұрын

Thank you too!

@MbonisiM 2 ай бұрын

the most USEFUL 8 minutes spent

@ronizaitsev4508 Жыл бұрын

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

@aymenazouz9065 Жыл бұрын

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

@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) 👌

@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?

@UsmanQadar. Жыл бұрын

Make your cursor more brighter and magnifier always.

@noorahmadlondon 3 ай бұрын

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

@ForeverDansky 3 ай бұрын

Yes, absolutely! 😃

@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 😊😊😊😊😊

@dwikafajri Жыл бұрын

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

@wyzeful.officialttv 6 ай бұрын

@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?

@diristovski Жыл бұрын

Pro tip: Make a psd for the image/bg, USE it as a Link, don't embed it. You can make changes in the psd, save it and it will auto update with out relinking. It's a little quality of life hack, but it can save a lot of time on bigger projects...

@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?

@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 😅

@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.

@riotechmod 6 ай бұрын

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

@hethvion9928 9 ай бұрын

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

@jakeysea Жыл бұрын

i love this. in graphic design school now and i'm being asked to find something we want to create from a tutorial, and to replicate it for a class assignment. i adore this effect, but i realize i don't know how to mimic that gorgeous background in layers. is there a video part to create that too? thank you for all you do. love your content.