# How to Create Stylized Toon Shading in 3D - Materials & Shading That Look Good - Spline Academy (https://spline.design/academy/tutorials/how-to-create-stylized-toon-shading-in-3d)

> Hello! In this tutorial, you will learn how to create stylized toon shading or lighting using the Toon layer in Spline. You'll also learn how to combine…

1. [Academy](https://spline.design/academy)
2. [Courses](https://spline.design/academy/collections)
3. [Materials & Shading That Look Good](https://spline.design/academy/collections/materials-shading-that-look-good)
4. How to Create Stylized Toon Shading in 3D

# How to Create Stylized Toon Shading in 3D

Lesson 4 of 12Spline 3DBeginner4 min

Hello! In this tutorial, you will learn how to create stylized toon shading or lighting using the Toon layer in Spline. You'll also learn how to combine this with the Outline layer to create a mecha/anime scene.

## What you’ll learn

1. [0:00Introduction](https://www.youtube.com/watch?v=5tq9R2zQxYg&t=0s)
2. [0:30Creating the base 3 colors](https://www.youtube.com/watch?v=5tq9R2zQxYg&t=30s)
3. [2:27Adding noise](https://www.youtube.com/watch?v=5tq9R2zQxYg&t=147s)
4. [2:44Exploring other options](https://www.youtube.com/watch?v=5tq9R2zQxYg&t=164s)
5. [3:19Adding the outline layers](https://www.youtube.com/watch?v=5tq9R2zQxYg&t=199s)

## Related resources

- [Robot 4 Legs - ToonTemplate](https://app.spline.design/academy/tutorials/how-to-create-stylized-toon-shading-in-3d?redirect-duplicate-template-uuid=5f5583de-897b-44b5-8537-187cb14ed1ad&is-2d-file=false)
- [Toon LayerDocument](https://docs.spline.design/materials-shading/toon-layer)

## Overview

- Spline 3D
- 4 min
- Beginner

## Up next

[Create Flat 2D-Styles in 3D Scenes6 minBeginner](https://spline.design/academy/collections/materials-shading-that-look-good/create-flat-2d-styles-in-3d-scenes)[Continue](https://spline.design/academy/collections/materials-shading-that-look-good/create-flat-2d-styles-in-3d-scenes)

[Spline](https://spline.design/)

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

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.