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
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
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!
Beautifully well explained tutorial. Thanks a lot for still keeping it on this platform, for learners.
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.
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.
I love how detailed you give the instructions.
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 😍
Thanks to you I’ve made big progress, so thank you for sharing your knowledge, and taking the time to explain things clearly. 😊
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.
Amazing. Thanks for your time!
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.
Another great tutorial. I like how you talk to all levels of experience and not just the power users.
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!
amazing! thanks
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! 😍
This was helpful 🙏
I really love your tutorials and it is very helpful to me! keep it up bro❣
@ForeverDansky
Жыл бұрын
Thanks, will do! 😀
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!!
Beautiful!! I've always wondered how to do the glass morphism effect in Illustrator. Thank you!
@ForeverDansky
Жыл бұрын
You’re welcome 😊
nice one!! not only did you share the GlassMorph but you also incorporated that gra[hic style window, that's a game changer!!!
Thanks for best tutor :)
Wooow! Tks!
Damn. That's cool!!!
THANKKKKKKKKS
Wonderful thanks boss
Love it
Thanks
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!
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.
This is awesome! Thanks for the video.
@ForeverDansky
Жыл бұрын
Yo, cheers Charley! Appreciate it 👊
thankyou so much this is very helpful
@ForeverDansky
Жыл бұрын
You're very welcome Didhi ☺️
Man this tutorial rules. How fun
Great one, well, as usual !
@ForeverDansky
Жыл бұрын
Thank you! Cheers!
Amazing !!
@ForeverDansky
Жыл бұрын
Thank you! Cheers!
Great work 👍
@ForeverDansky
Жыл бұрын
Thank you! Cheers Piotr!
Amazing Tutorial 🙌
@ForeverDansky
Жыл бұрын
Thank you 🙌
Thank you so much 💞💞 Respect from Bangladesh 🥰🥰
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.
Muito bom o vídeo. Aprendi bastante, vou usar sempre esses vidros aqui nas minhas criações. VALEU LEONEL MESSI!
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!!!
Great thanks for the inspiration.Bravo 🎉
@ForeverDansky
9 ай бұрын
You are so welcome!
That's Amazing 🤩😍
@ForeverDansky
Жыл бұрын
Thank you 😊
Thank you!
@ForeverDansky
Жыл бұрын
You're welcome!
Thanks!
@ForeverDansky
Жыл бұрын
No problem Dave!
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
you could also use transparency window to move the mask more freely :)
Prefect
thx
Thanks)
@ForeverDansky
Жыл бұрын
You're welcome George :)
awesomeeeeee
@ForeverDansky
Жыл бұрын
Thanks!
thank for video
@ForeverDansky
Жыл бұрын
You're welcome :)
Wonderful ⭐
@ForeverDansky
Жыл бұрын
Thank you! Cheers!
thank you thannnk you thank you
@ForeverDansky
9 ай бұрын
You're welcome!
Amazing
@ForeverDansky
Жыл бұрын
Thanks 😊
Such a random video appeared on my page, but surprisingly useful
oh! that's great
@ForeverDansky
Жыл бұрын
Thanks!
please do a video on how to export gradiants and transparency for print use ! thank you
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 ;)
bro disappearing at the end just made me subscribe💀
Interesting to watch even without adobi!
very helpfull
@ForeverDansky
Жыл бұрын
Awesome!
That outro effect (snap) Amazing tutorial as always! Thank you!
@ForeverDansky
Жыл бұрын
Awesome! Thanks for watching 👊😃
Always Love your Tutorials, You're Doing a great Job sir
@ForeverDansky
Жыл бұрын
Thanks a lot! 😊
Mashallah Allah pak ap k or in k karobar main barkat ata farmaye Ameen
Your videos are amazing!!! Well explained and good editing.
@ForeverDansky
Жыл бұрын
Cheers Xew! Appreciate it 😊👊
when you expand that group surely just locking down the blurred layer is easier then you can drag the box around however you want
Ooh nice trick tho. Thanks for sharing 🤔👌
@ForeverDansky
Жыл бұрын
No problem 👍
Great tutorial dan. Loved it! ❤️
@ForeverDansky
Жыл бұрын
Thanks so much Ayaz! 😀
Nice tutorial teacher
@ForeverDansky
Жыл бұрын
Thank you! 😃
wow relly nice sir.......
@ForeverDansky
Жыл бұрын
Thanks Musfiqur :)
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! 😍
Go Dansky
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.
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 👌🏼
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 👏👏
Simply an awesome tutorial, thank you so much for sharing...
@ForeverDansky
Жыл бұрын
Glad you liked it Sarvesh! Thank you 😊
Hi! where is the video's thumbnail wallpaper from? the one with the colorful spheres
heyy dansky is there any way to make a graphic style with glass andf blur effect both toghter as one shape ?
if the image on the clipping group are locked, can you still move around the glass effect without the image moving with it?
Could you make a Tutorials for Frutiger Aero?
Nice
@ForeverDansky
Жыл бұрын
Thanks!
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?
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?
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) 👌
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.
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 😊😊😊😊😊
the most USEFUL 8 minutes spent
whats that keyboard in the start of the video? Anyone?
Nice take on this one! :)
@ForeverDansky
Жыл бұрын
Cheers Andy, appreciate it 🙂👊
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 😅
what the final song?
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 😅
I dont have the photoshop effects in my effect panel , like any of the blur , what should I do please help
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.
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...
thanku my friend
@ForeverDansky
4 ай бұрын
Thank you too!
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
Make your cursor more brighter and magnifier always.
جميل جدا
Does anyone know where I can find the wallpaper used in the clip? Thanks in advance
@ForeverDansky
Жыл бұрын
It’s from Adobe Stock 👍