Spline
  • Customers
  • Enterprise
  • Pricing
Talk to salesStart building
  1. Academy
  2. Tutorials
  3. Add a Smooth 3D Gradient Depth Effect

Add a Smooth 3D Gradient Depth Effect

Spline 3DBeginner7 min

In this quick tutorial, you will learn how to achieve a smooth 3D gradient + depth extrusion effect with Spline.

What you’ll learn

  1. 0:00Introduction
  2. 0:30Extruding the numbers on a plane
  3. 2:05Creating the material
  4. 3:44Adding more color and details

Related resources

  • 10 Gradient DepthTemplate
  • 3D Modeling ToolsDocument
  • Depth Layer / 3D GradientDocument

Overview

  • Spline 3D
  • 7 min
  • Beginner

Part of

  • Materials & Shading That Look Good

Related tutorials

All tutorials
Refine & Style 3D Icons with Materials

Spline 3DBeginner9 min

Build a Dark Interactive Keyboard in 3D

Spline 3DIntermediate16 min

How to Enhance 3D Scenes with Bloom & Glow Effects

Spline 3DBeginner5 min

Spline

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

Ask AI about Spline

Products

  • 3D Design
  • Hana
  • Omma
  • AI 3D Generation
  • Spline MCP
  • Pricing
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Download
  • Spline Mirror
  • Download Spline Mirror

Learn

  • Docs
  • Academy
  • Spline API
  • Solutions

Community

  • Spline Community
  • Blog
  • Changelog
  • Education
  • Contra
  • Affiliate

Company

  • Customers
  • Careers
  • Security

Legal

  • Terms & Conditions
  • Privacy

Contact

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.