Unlock the Glassmorphism Effect in Illustrator!
Вставка
- Опубліковано 19 чер 2024
- 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!
One more thing! You can also add a drop shadow to the glass, by selecting it and going to EFFECT > STYLIZE > DROP SHADOW 🙂
Thankyou Sir
Yup that will be great 😍
I thought you were going to add it to add the punch we love so much ! Thanks for the run down
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!
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.
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.
Thanks to you I’ve made big progress, so thank you for sharing your knowledge, and taking the time to explain things clearly. 😊
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!!
I just love your tutorials! Always so well explained - thank you so much Dansky!
You're very welcome! Appreciate you taking the time to let me know, means a lot 😍
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.
Another great tutorial. I like how you talk to all levels of experience and not just the power users.
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
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.
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!!!
You're very welcome Femi! 😍
Amazing. Thanks for your time!
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.
Cheers Dansky for this really smooth refresher on the glassmorphism effect, could not recall it, you truly do your stuff! ❤
Thank you! Cheers!
amazing! thanks
nice one!! not only did you share the GlassMorph but you also incorporated that gra[hic style window, that's a game changer!!!
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!!!
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.
Man this tutorial rules. How fun
This was helpful 🙏
you could also use transparency window to move the mask more freely :)
I really love your tutorials and it is very helpful to me! keep it up bro❣
Thanks, will do! 😀
Wooow! Tks!
Damn. That's cool!!!
Thanks for best tutor :)
Thanks
Love it
Beautiful!! I've always wondered how to do the glass morphism effect in Illustrator. Thank you!
You’re welcome 😊
Wonderful thanks boss
THANKKKKKKKKS
Muito bom o vídeo. Aprendi bastante, vou usar sempre esses vidros aqui nas minhas criações. VALEU LEONEL MESSI!
Thank you so much 💞💞
Respect from Bangladesh 🥰🥰
please do a video on how to export gradiants and transparency for print use ! thank you
This is awesome! Thanks for the video.
Yo, cheers Charley! Appreciate it 👊
Amazing !!
Thank you! Cheers!
thankyou so much this is very helpful
You're very welcome Didhi ☺️
Mashallah Allah pak ap k or in k karobar main barkat ata farmaye
Ameen
when you expand that group surely just locking down the blurred layer is easier then you can drag the box around however you want
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 ;)
Interesting to watch even without adobi!
Such a random video appeared on my page, but surprisingly useful
Great work 👍
Thank you! Cheers Piotr!
Great one, well, as usual !
Thank you! Cheers!
Thank you!
You're welcome!
That's Amazing 🤩😍
Thank you 😊
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 👌🏼
bro disappearing at the end just made me subscribe💀
Been looking for this style for years 🥹
Amazing Tutorial 🙌
Thank you 🙌
Thanks)
You're welcome George :)
thank you thannnk you thank you
You're welcome!
thx
Prefect
Great thanks for the inspiration.Bravo 🎉
You are so welcome!
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
oh! that's great
Thanks!
Thanks!
No problem Dave!
thank for video
You're welcome :)
Amazing
Thanks 😊
Wonderful ⭐
Thank you! Cheers!
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.
awesomeeeeee
Thanks!
heyy dansky is there any way to make a graphic style with glass andf blur effect both toghter as one shape ?
Ooh nice trick tho. Thanks for sharing 🤔👌
No problem 👍
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?
wow relly nice sir.......
Thanks Musfiqur :)
if the image on the clipping group are locked, can you still move around the glass effect without the image moving with it?
very helpfull
Awesome!
That outro effect (snap)
Amazing tutorial as always! Thank you!
Awesome! Thanks for watching 👊😃
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?
Hi! where is the video's thumbnail wallpaper from? the one with the colorful spheres
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 👏👏
Nice tutorial teacher
Thank you! 😃
Can you please tell me which screen capture app you use? I’m not sure how the mouse cursor is moving that smoothly. Thanks!
ScreenFlow for Mac. It has a ‘motion blur’ setting, or you can record with any screen capture software at 60 fps (frames per second) 👌
Go Dansky
Could you make a Tutorials for Frutiger Aero?
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
Much appreciated, thank you so much! 😍
So to add multiple you'd need to have multiple backgrounds or is there a way to have multiple clips?
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 😅
Your videos are amazing!!! Well explained and good editing.
Cheers Xew! Appreciate it 😊👊
Always Love your Tutorials, You're Doing a great Job sir
Thanks a lot! 😊
thanku my friend
Thank you too!
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.
Why illustrator? Becauce they can.
I love your work dan sky. Plz tell me video editing software for laptop which is free and wothout water mark plz reply
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 👍🙂
@@ForeverDansky okay thank you much for your reply 😊😊😊😊😊
Great tutorial dan. Loved it! ❤️
Thanks so much Ayaz! 😀
hey! does this also work with vector objects like it did with the image? thanks!
Yes, absolutely! 😃
Nice
Thanks!
Simply an awesome tutorial, thank you so much for sharing...
Glad you liked it Sarvesh! Thank you 😊
Make your cursor more brighter and magnifier always.
How did you make the mouse cursor move so efficiently to exactly where it needed to be?
Hey Arvid, with a very steady hand, and an obsession with smooth cursor movement 😅
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?
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 👍
@@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?
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.
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?
I use both, align features are great. Smart Guides and snap to center is also great 👍
@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?
the most USEFUL 8 minutes spent
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
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...
I dont have the photoshop effects in my effect panel , like any of the blur , what should I do please help
whats that keyboard in the start of the video? Anyone?