Glassmorphism Illustrator Tutorial (Glass Effect) | Beginner Adobe Illustrator Tutorial

🎮 Epic Games Creator Code: ANDYTELLSTHINGS
---
In this Illustrator tutorial for beginners I'll teach you how to make a glass effect in Illustrator, also known as Glassmorphism. This glass effect is very on trend in design right know with the release of Windows 11, which makes a beautiful use of Glassmorphism.
---
Tutorial Breakdown:

LAYER 1 - BACKGROUND
This can be any background you want, from images to vectors and patterns. If you’re using vector objects, make sure to group them, it’ll be easier to work this way. Tip: use a darker background with sharp detail, the glass effect will be more noticeable this way.

LAYER 2 - BLURRED BACKGROUND
Copy your background and apply a Gaussian Blur and a Glass distortion.
FX ➡ Blur ➡ Gaussian Blur (Radius: 70px).
FX ➡ Distort ➡ Glass (Distortion: 12, Smoothness: 7, Texture: Frosted, Scaling: 200%).
After applying the effects, make a Clipping Mask in the shape you want the glass effect.

LAYER 3 - REFLECTIONS
Create a vector in the same shape and size to the Clipping Mask. Apply gradients on the fill and the stroke.
FILL GRADIENT
Color 1: White, Opacity 25%, Location 0%.
Color 2: White, Opacity 0%, Location 100%.
Mid Point: Location 30%.
Angle: 65°.
STROKE GRADIENT
Color 1: White, Opacity 25%, Location 0%.
Color 2: White, Opacity 5%, Location 50%.
Color 3: White, Opacity 25%, Location 100%.
Mid Point 1: Location 35%.
Mid Point 2: Location 65%.
Angle: -100°.
Align Stroke (Stroke Panel): Outside.

LAYER 4 - NOISE TEXTURE
Create another object with the same shape and size as the Clipping Mask, then add a Film Grain effect.
FX ➡ Artistic ➡ Film Grain (Grain: 20, Highlight Area: 20, Intensity: 10).
In the Transparency Panel, set the Blending Mode to Overlay and the Opacity to 50%.
---
Adobe Illustrator is a software to create vector art for graphic design, web design, UI and so much more. With over 20 years of updates and upgrades, it has accumulated a wide range of tools and functions, which can be overwhelming at start, but with a few tutorials like this one, you'll be creating amazing art in no time!
---
Check out other tutorials that might help you:
---
👍 If you enjoyed this video, like and subscribe to the channel!
🔔 Click on the bell icon to be notified whenever I upload a new video.
---
#adobeillustrator #IllustratorTutorial #Glassmorphism

[jims]

I've seen so many ways of doing this, but your way is so much easier to follow than the rest.

[fumar.official]

I've seen one video about glassmorphism but never have i ever seen a good explanation for it. Thank you again!

[shannongallagher]

By FAR the best design tutorial I've ever seen, thank you SO MUCH!!!

[ashsees]

Thanks man, Iearning this trick was always in my design todolist, finally learned it thanks to your easy to follow and to the point tutorial. Keep creating!!

[piashahmed]

Very clean and full of specific details
Love it man

[noor-ul-ain]

For the first time.
Something that actually worked for me❤

[marvelmanchester]

That was a great tutorial!! Thanks for such great explanation

[loomonda]

Great Tutorial!! Thank you for this!!!

[Mr.Beavis]

Damn looks sick! Never heard of Glassmorphism before

[Yhaa]

the easiest glass morph tutorial i watch, thank you so much

[MogShade]

Thank you so much. Excellent video. Easy to follow along.

[MinskiArt]

I’m not planning on ever using illustrator but this looks really nice!

[xclusiveautoke]

This video is just priceless, 🔥🔥thank you so much for the tutorial.

[andersonlontsi]

I have been wondering how to go about this for years.. thank you

[true_visual]

Great tutorial, thank you very much!!!

[gigefour]

ANDY you are the best thank you so much for this tutorial you make it a piece of cake 😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍

[aljonzc]

Do you have a video which panels you added on your right side?

[markirish]

thank you for this quick and nice tutorial. I am using a jurassic version of illustrator, CS6, and when i apply the clipping mask the rectangle loses the rounded corners... any thought about why and how to preserve it? thanks

[tamaraboo]

Love the tutorial, this effect is awesome 👏🏽 and love the graphic you used, where can you find one similar? 😊

[Hamsterpenguins]

I'll need to redo. My first attempt didn't end up with a smooth high resolution finish. Mine is pixelated. I don't know where I went wrong?