Unlock the Glassmorphism Effect in Illustrator!

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!

Пікірлер: 206

  • @ForeverDansky
    @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_

    @abdullahsan_

    Жыл бұрын

    Thankyou Sir

  • @alinaseer.official

    @alinaseer.official

    Жыл бұрын

    Yup that will be great 😍

  • @rceleo

    @rceleo

    Жыл бұрын

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

  • @onsokumaru4663

    @onsokumaru4663

    Жыл бұрын

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

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

  • @shwetainge2657
    @shwetainge265712 минут бұрын

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

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

  • @c.sandlin5237
    @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.

  • @baizidahmedzidan170
    @baizidahmedzidan170 Жыл бұрын

    I love how detailed you give the instructions.

  • @Melonemond
    @Melonemond Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

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

  • @nabiloukhai2483
    @nabiloukhai2483 Жыл бұрын

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

  • @danjeyowtub
    @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-or5vw3bn5m
    @user-or5vw3bn5m Жыл бұрын

    Amazing. Thanks for your time!

  • @sesivedseD
    @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

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

  • @radharcanna
    @radharcanna Жыл бұрын

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

  • @user-jx3zc3il3j
    @user-jx3zc3il3j9 ай бұрын

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

  • @ForeverDansky

    @ForeverDansky

    9 ай бұрын

    Thank you! Cheers!

  • @josemairena4747
    @josemairena4747 Жыл бұрын

    amazing! thanks

  • @femis.6582
    @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

    @ForeverDansky

    Жыл бұрын

    You're very welcome Femi! 😍

  • @kaytics_cartoons
    @kaytics_cartoons Жыл бұрын

    This was helpful 🙏

  • @khurramiqbal2874
    @khurramiqbal2874 Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks, will do! 😀

  • @canaljefte
    @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
    @designsbypab Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    You’re welcome 😊

  • @Greg.Lacoste
    @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
    @user-cm8dd9ic9j Жыл бұрын

    Thanks for best tutor :)

  • @Victorcastillon
    @Victorcastillon Жыл бұрын

    Wooow! Tks!

  • @kerimdemir1712
    @kerimdemir1712 Жыл бұрын

    Damn. That's cool!!!

  • @gracedreamy2925
    @gracedreamy29253 ай бұрын

    THANKKKKKKKKS

  • @313gaming8
    @313gaming8 Жыл бұрын

    Wonderful thanks boss

  • @umarrgraphics
    @umarrgraphics2 ай бұрын

    Love it

  • @Cometon_
    @Cometon_6 ай бұрын

    Thanks

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

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

  • @MerchDesignAcademy
    @MerchDesignAcademy Жыл бұрын

    This is awesome! Thanks for the video.

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Yo, cheers Charley! Appreciate it 👊

  • @DidhiYAri
    @DidhiYAri Жыл бұрын

    thankyou so much this is very helpful

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    You're very welcome Didhi ☺️

  • @brenmakesthings
    @brenmakesthings Жыл бұрын

    Man this tutorial rules. How fun

  • @ayk9847
    @ayk9847 Жыл бұрын

    Great one, well, as usual !

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you! Cheers!

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

    Amazing !!

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you! Cheers!

  • @piotrgorski1945
    @piotrgorski1945 Жыл бұрын

    Great work 👍

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you! Cheers Piotr!

  • @omarguzman3776
    @omarguzman3776 Жыл бұрын

    Amazing Tutorial 🙌

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you 🙌

  • @mdnaimulislam
    @mdnaimulislam Жыл бұрын

    Thank you so much 💞💞 Respect from Bangladesh 🥰🥰

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

  • @henriquemachado1632
    @henriquemachado1632 Жыл бұрын

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

  • @noorahmadlondon
    @noorahmadlondon3 ай бұрын

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

  • @nadarTelevision
    @nadarTelevision9 ай бұрын

    Great thanks for the inspiration.Bravo 🎉

  • @ForeverDansky

    @ForeverDansky

    9 ай бұрын

    You are so welcome!

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

    That's Amazing 🤩😍

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you 😊

  • @skyfikid
    @skyfikid Жыл бұрын

    Thank you!

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    You're welcome!

  • @Dfvet106
    @Dfvet106 Жыл бұрын

    Thanks!

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    No problem Dave!

  • @Kiyuto23
    @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

  • @liize
    @liize Жыл бұрын

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

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

    Prefect

  • @the_pruf
    @the_pruf Жыл бұрын

    thx

  • @georgenicko8199
    @georgenicko8199 Жыл бұрын

    Thanks)

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    You're welcome George :)

  • @theshobee
    @theshobee Жыл бұрын

    awesomeeeeee

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks!

  • @summer9669
    @summer9669 Жыл бұрын

    thank for video

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    You're welcome :)

  • @Can17864
    @Can17864 Жыл бұрын

    Wonderful ⭐

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you! Cheers!

  • @manarabunaji6764
    @manarabunaji67649 ай бұрын

    thank you thannnk you thank you

  • @ForeverDansky

    @ForeverDansky

    9 ай бұрын

    You're welcome!

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

    Amazing

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks 😊

  • @dimaspenggalih
    @dimaspenggalih4 ай бұрын

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

  • @noman5661
    @noman5661 Жыл бұрын

    oh! that's great

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks!

  • @yacineessid7049
    @yacineessid7049 Жыл бұрын

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

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

  • @josephkabalila9807
    @josephkabalila9807 Жыл бұрын

    bro disappearing at the end just made me subscribe💀

  • @frogybot
    @frogybot Жыл бұрын

    Interesting to watch even without adobi!

  • @reafterapparel5037
    @reafterapparel5037 Жыл бұрын

    very helpfull

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Awesome!

  • @SpeedyFlix
    @SpeedyFlix Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Awesome! Thanks for watching 👊😃

  • @abdullahsan_
    @abdullahsan_ Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks a lot! 😊

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

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

  • @phiewpoint
    @phiewpoint Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Cheers Xew! Appreciate it 😊👊

  • @tashlentine
    @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

  • @philippruizlozano
    @philippruizlozano Жыл бұрын

    Ooh nice trick tho. Thanks for sharing 🤔👌

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    No problem 👍

  • @ayazuddin
    @ayazuddin Жыл бұрын

    Great tutorial dan. Loved it! ❤️

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks so much Ayaz! 😀

  • @harikrishnanaa5472
    @harikrishnanaa5472 Жыл бұрын

    Nice tutorial teacher

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thank you! 😃

  • @musfiqurrahman1699
    @musfiqurrahman1699 Жыл бұрын

    wow relly nice sir.......

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks Musfiqur :)

  • @gaugedicenso3761
    @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

    @ForeverDansky

    Жыл бұрын

    Much appreciated, thank you so much! 😍

  • @gamerxdesigner5735
    @gamerxdesigner5735 Жыл бұрын

    Go Dansky

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

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

  • @sarveshbhalerao
    @sarveshbhalerao Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Glad you liked it Sarvesh! Thank you 😊

  • @ronizaitsev4508
    @ronizaitsev4508 Жыл бұрын

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

  • @aymenazouz9065
    @aymenazouz9065 Жыл бұрын

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

  • @dwikafajri
    @dwikafajri Жыл бұрын

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

  • @guilhermebep7081
    @guilhermebep7081 Жыл бұрын

    Could you make a Tutorials for Frutiger Aero?

  • @saliuarts
    @saliuarts Жыл бұрын

    Nice

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Thanks!

  • @UmerFarooq-cf4hk
    @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?

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

  • @bojancenikol
    @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

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

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

  • @maliksweethome1025
    @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

    @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

    @maliksweethome1025

    Жыл бұрын

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

  • @MbonisiM
    @MbonisiM2 ай бұрын

    the most USEFUL 8 minutes spent

  • @RethinkFacts
    @RethinkFacts Жыл бұрын

    whats that keyboard in the start of the video? Anyone?

  • @AndyTellsThings
    @AndyTellsThings Жыл бұрын

    Nice take on this one! :)

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    Cheers Andy, appreciate it 🙂👊

  • @MissDaniiOliver
    @MissDaniiOliver Жыл бұрын

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

  • @ForeverDansky

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

  • @andersoncampos1070
    @andersoncampos1070 Жыл бұрын

    what the final song?

  • @ArvidOlson
    @ArvidOlson Жыл бұрын

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

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

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

  • @altereddesires
    @altereddesires Жыл бұрын

    I dont have the photoshop effects in my effect panel , like any of the blur , what should I do please help

  • @jimpoulos01
    @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

    @reqoil

    Жыл бұрын

    Why illustrator? Becauce they can.

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

  • @Markusion3
    @Markusion34 ай бұрын

    thanku my friend

  • @ForeverDansky

    @ForeverDansky

    4 ай бұрын

    Thank you too!

  • @hethvion9928
    @hethvion99289 ай бұрын

    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

  • @UsmanQadar.
    @UsmanQadar. Жыл бұрын

    Make your cursor more brighter and magnifier always.

  • @waelshawkatezzat
    @waelshawkatezzat Жыл бұрын

    جميل جدا

  • @hakanbilgin9532
    @hakanbilgin9532 Жыл бұрын

    Does anyone know where I can find the wallpaper used in the clip? Thanks in advance

  • @ForeverDansky

    @ForeverDansky

    Жыл бұрын

    It’s from Adobe Stock 👍