Uploaded November 2024 | Updated September 2026, 3 weeks ago
Learn how to create a simple glass morphism effect using Inkscape, the free and open source graphic design software! Make you designs look more professional when designing for user interfaces (UI) with this trick for more dynamic cards and text boxes. With this effect, your text will be more easily readable against complex backgrounds, while making your background look like its passing through glass.
Enroll in My Inkscape Course:
daviesmediadesign.com/inkscape-course
0:00 - Intro
0:05 - Import Image
0:34 - Add Blur
1:27 - Add Frosty Glass Texture
2:18 - Make a Bitmap Copy of Image with Effects
2:57 - Draw Rounded Rectangle
3:53 - Clip Image with Rectangle
4:15 - Add Gradient to Fill
5:08 - Inkscape Course
5:26 - Add Gradient to Stroke
6:16 - Add Text & Button
6:43 - Final Thoughts
Visit our website for more text and video tutorials:
daviesmediadesign.com/tutorials
Enroll in My GIMP Photo Editing Masterclass:
udemy.com/course/gimp-photo-editing/?referralCode=418C294E695EA3962465
Enroll in My WordPress Course on Udemy:
udemy.com/course/wordpress-for-non-coders/?referralCode=741F8EC9A81CC573F41A
Download the latest version of Inkscape:
inkscape.org
Download the Photo Used in This Tutorial:
pexels.com/photo/blue-and-red-round-plastic-9934462
Facebook: facebook.com/DaviesMediaDesign
Twitter: @DaviesMediaDes
Instagram: @DaviesMediaDesign
#Inkscape #GraphicDesign #GlassMorphism
Learn how to create a simple glass morphism effect using Inkscape, the free and open source graphic design software! Make you designs look more professional when designing for user interfaces (UI) with this trick for more dynamic cards and text boxes. With this effect, your text will be more easily readable against complex backgrounds, while making your background look like its passing through glass.
Enroll in My Inkscape Course:
daviesmediadesign.com/inkscape-course
0:00 - Intro
0:05 - Import Image
0:34 - Add Blur
1:27 - Add Frosty Glass Texture
2:18 - Make a Bitmap Copy of Image with Effects
2:57 - Draw Rounded Rectangle
3:53 - Clip Image with Rectangle
4:15 - Add Gradient to Fill
5:08 - Inkscape Course
5:26 - Add Gradient to Stroke
6:16 - Add Text & Button
6:43 - Final Thoughts
Visit our website for more text and video tutorials:
daviesmediadesign.com/tutorials
Enroll in My GIMP Photo Editing Masterclass:
udemy.com/course/gimp-photo-editing/?referralCode=418C294E695EA3962465
Enroll in My WordPress Course on Udemy:
udemy.com/course/wordpress-for-non-coders/?referralCode=741F8EC9A81CC573F41A
Download the latest version of Inkscape:
inkscape.org
Download the Photo Used in This Tutorial:
pexels.com/photo/blue-and-red-round-plastic-9934462
Facebook: facebook.com/DaviesMediaDesign
Twitter: @DaviesMediaDes
Instagram: @DaviesMediaDesign
#Inkscape #GraphicDesign #GlassMorphism










