Illustrator Beginner Tutorial: Glass Effect (Glassmorphism)

Andy Tells Things April 25, 2022
Andy Tells Things Logo

Andy Tells Things

@andytellsthings

About

Hi there! I'm Andy! I'm a graphic designer, decade long user of Adobe Illustrator and an Adobe Community Expert with a big, big passion for teaching. You'll find sprinkles of design lessons here and there, but the main focus of the channel is to teach you all about Illustrator, a software that I know the ins and outs like the palm of my hand! From in depth journeys into every function, tool and menus of Illustrator, to quick tips and tricks, design lessons and the things that inspire me - you'll find it all here! Make yourself at home and don't hesitate to comment the videos with your doubts! I'll make sure to reply you :)

Video Description

🎨 Subscribe to the Creative Cloud through my affiliate link and help support the channel: https://prf.hn/l/G9aODMz ✨ Patreon:   / andytellsthings   🎮 Epic Games Creator Code: ANDYTELLSTHINGS 🐦 Twitter:   / andytellsthings   📧 Contact: [email protected] --- 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: 50 Things You MUST Know About Illustrator:    • 50 things you MUST KNOW in Illustrator   Every Tool in Illustrator:    • All 80+ Adobe Illustrator Tools Explained ...   Shortcuts in Under 10 Minutes:    • Fundamental Shortcuts in Illustrator   --- 👍 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

Master Glassmorphism Today

AI-recommended products based on this video

Loading...
Crucial T705 4TB PCIe Gen5 NVMe M.2 SSD - Up to 14,100 MB/s - Game Ready - Internal Solid State Drive (PC) - +1mo Adobe CC - CT4000T705SSD3

Crucial T705 4TB PCIe Gen5 NVMe M.2 SSD - Up to 14,100 MB/s - Game Ready - Internal Solid State Drive (PC) - +1mo Adobe CC - CT4000T705SSD3

(2,172)
$599.11
FREE delivery Jun 17 - 18
Loading...
Adamanta 32GB (2x16GB) Memory Upgrade Compatible for 2017 Apple iMac 27" Retina 5K Display DDR4 2400Mhz PC4-19200 SODIMM 2Rx8 CL17 1.2v Dual Rank RAM DRAM

Adamanta 32GB (2x16GB) Memory Upgrade Compatible for 2017 Apple iMac 27" Retina 5K Display DDR4 2400Mhz PC4-19200 SODIMM 2Rx8 CL17 1.2v Dual Rank RAM DRAM

(419)
$213.23$172.93
Prime$5.05 delivery Fri, Jun 13 Arrives before Father's Day
Loading...
4 Pack LCD Writing Tablet for Kids, 8.5 Inch Colorful Doodle Board Drawing Tablet, Educational Learning Toys Birthday Gifts for Boys Girls Age 3 4 5 6 7 8

4 Pack LCD Writing Tablet for Kids, 8.5 Inch Colorful Doodle Board Drawing Tablet, Educational Learning Toys Birthday Gifts for Boys Girls Age 3 4 5 6 7 8

(910)
$13.28
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Toys for Girls Boys, Colorful Doodle Board Drawing Tablet, Memo Board, Drawing Pads with Lanyard, Travel Educational Toys Gifts for Boys Girls Age 3 4 5 6 7 8 9 Years (Pink)
Best Seller

Toys for Girls Boys, Colorful Doodle Board Drawing Tablet, Memo Board, Drawing Pads with Lanyard, Travel Educational Toys Gifts for Boys Girls Age 3 4 5 6 7 8 9 Years (Pink)

(5,477)
$22.99
FREE delivery Sat, Jun 14 on your first order
1K+ bought in past month
Loading...
Toys for Girls 10 inch Doodle Board Drawing Pad Tablet with Lock Function, Erasable, Portable, Educational Learning Unicorn Toy Gifts for 3 4 5 6 7 8 9 Years Old Girls Toddlers (Pink)

Toys for Girls 10 inch Doodle Board Drawing Pad Tablet with Lock Function, Erasable, Portable, Educational Learning Unicorn Toy Gifts for 3 4 5 6 7 8 9 Years Old Girls Toddlers (Pink)

(4,341)
$21.99
FREE delivery Sat, Jun 14 on your first order
400+ bought in past month
Loading...
LCD Writing Tablet, Portable Erasable 6.5 Inch Full Screen Digital Notepad, Reuseable Electronic Drawing Pads, for Taking Notes, Drawing, Office, Study, Teaching

LCD Writing Tablet, Portable Erasable 6.5 Inch Full Screen Digital Notepad, Reuseable Electronic Drawing Pads, for Taking Notes, Drawing, Office, Study, Teaching

(3)
$15.69
FREE delivery Aug 19 - 29
Loading...
Metapen Air 8 Apple Pencil for iPad 2018-2025, 20H Battry Life, 2Min Fast Charging, Palm Rejection, Stylus Pen for iPad 11/10/9/8/7/6th, iPad Pro 12.9/11/13“M4, iPad Air 3/4/5/6/M2/M3, iPad mini 5/6

Metapen Air 8 Apple Pencil for iPad 2018-2025, 20H Battry Life, 2Min Fast Charging, Palm Rejection, Stylus Pen for iPad 11/10/9/8/7/6th, iPad Pro 12.9/11/13“M4, iPad Air 3/4/5/6/M2/M3, iPad mini 5/6

(1,985)
$14.22
FREE delivery Tue, Sep 9 on your first order
1K+ bought in past month
Loading...
[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 FE 5G, 9H Tempered Glass, Ultrasonic Fingerprint Unlock, HD Clear Case Friendly for Samsung Galaxy S25 FE Screen Protector

[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 FE 5G, 9H Tempered Glass, Ultrasonic Fingerprint Unlock, HD Clear Case Friendly for Samsung Galaxy S25 FE Screen Protector

(28)
$10.79
FREE delivery Sun, Sep 28 on your first order
Loading...
[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 Plus 5G, 9H Tempered Glass, Ultrasonic Fingerprint Compatible,HD Clear Case Friendly for Galaxy S25 Plus Glass Screen Protector

[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 Plus 5G, 9H Tempered Glass, Ultrasonic Fingerprint Compatible,HD Clear Case Friendly for Galaxy S25 Plus Glass Screen Protector

(366)
$8.99
FREE delivery Sat, Jun 14 on your first order
200+ bought in past month
Loading...
ivoler 3-in-1 Case Designed for iPhone 17 6.3'' 2025 with 2 Pack Tempered Glass Screen Protector, [Military Grade Drop Protection] Hard Back Slim Shockproof Phone Cover, Anti-Scratch, Clear

ivoler 3-in-1 Case Designed for iPhone 17 6.3'' 2025 with 2 Pack Tempered Glass Screen Protector, [Military Grade Drop Protection] Hard Back Slim Shockproof Phone Cover, Anti-Scratch, Clear

(1,463)
$13.99
FREE delivery Sat, Sep 20 on your first order
200+ bought in past month
Loading...
ivoler 2 Pack Tempered Glass for iPhone 17 Pro 6.3 Inch Screen Protector with [Easy Installation Frame] Full-Coverage, 9H Hardness Anti Scratch, Bubble Free

ivoler 2 Pack Tempered Glass for iPhone 17 Pro 6.3 Inch Screen Protector with [Easy Installation Frame] Full-Coverage, 9H Hardness Anti Scratch, Bubble Free

(21,832)
$9.49
Prime
2K+ bought in past month
Loading...
Windshield Repair kit, Quick and Efficiency Glass Repair Fluid, Car Windshield Crack Repair Resin Kit for Fixing Chips, Bulls-Eye, Cracks and Star-Shape Cack-2 Pack

Windshield Repair kit, Quick and Efficiency Glass Repair Fluid, Car Windshield Crack Repair Resin Kit for Fixing Chips, Bulls-Eye, Cracks and Star-Shape Cack-2 Pack

(34)
$13.99
FREE delivery Thu, Mar 26 on your first order
100+ bought in past month
Loading...
Windshield Repair kit, DIY Glass Cracked Repair Kits, Easy to Use Automotive Glass Nano Repair Fluid, Scratch Chip Cracks Repair Kit (2 Pack) (Black)

Windshield Repair kit, DIY Glass Cracked Repair Kits, Easy to Use Automotive Glass Nano Repair Fluid, Scratch Chip Cracks Repair Kit (2 Pack) (Black)

(32)
$8.99
FREE delivery Wed, Mar 25 on your first order
Loading...
12 Set Graduation Gifts for Her Him Graduation Drinking Glass Cups The Tassel was Worth The Hassle 16 oz Glass Cup with Lid Straw for Women Men College High School Master Degree

12 Set Graduation Gifts for Her Him Graduation Drinking Glass Cups The Tassel was Worth The Hassle 16 oz Glass Cup with Lid Straw for Women Men College High School Master Degree

(0)
$17.10
FREE delivery Sat, Feb 14 on your first order
Loading...
1.5oz Golf Ball Shaped Shot Glass, Novelty Golf-Themed Shot Glasses with Leak-Proof Lid – 3-Pack Set for Golf Enthusiasts, Party Favors & Sports Gifts (2pc)

1.5oz Golf Ball Shaped Shot Glass, Novelty Golf-Themed Shot Glasses with Leak-Proof Lid – 3-Pack Set for Golf Enthusiasts, Party Favors & Sports Gifts (2pc)

(4)
$19.98
$6.99 delivery Jun 17 - 20
100+ bought in past month