Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Using SVG Filters to Recreate a Neumorphic Logo Design

DesignCourse via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to recreate a famous neumorphic logo design using SVG filters in this 23-minute tutorial. Explore techniques for creating shadows, inner glows, and blurs on SVG elements, as these effects cannot be achieved with CSS properties alone. Dive into SVG graphics, gradients, and filters to master the neumorphic style. Follow along step-by-step to create box shadows, add linear and radial gradients, and apply various SVG filters to achieve the desired neumorphic effect. Gain valuable insights into advanced SVG techniques and enhance your design skills for creating modern, stylish logos.

Syllabus

Intro
Sponsor
Box Shadow
SVG Graphic
Adding a Gradient
Radial Gradient
CSS
Radial Gradients
Inline CSS
Filters
Outro

Taught by

DesignCourse

Reviews

Start your review of Using SVG Filters to Recreate a Neumorphic Logo Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.