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

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:

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.

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.

Create a vector in the same shape and size to the Clipping Mask. Apply gradients on the fill and the stroke.
Color 1: White, Opacity 25%, Location 0%.
Color 2: White, Opacity 0%, Location 100%.
Mid Point: Location 30%.
Angle: 65°.
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.

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:
50 Things You MUST Know About Illustrator:
Every Tool in Illustrator:
Shortcuts in Under 10 Minutes:

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

🐦 Follow me on Twitter:

📧 Commercial contact:

#AdobeIllustrator #IllustratorTutorial #Glassmorphism

Duration: 00:04:45

Likes: 10 – Views: 90