---
title: "Materials for 2D projects"
content_type: tutorial
url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials/tutorial/materials-for-2d-projects?language=en"
language: en
container_type: pathway
container_title: "Game Development"
container_url: "https://learn.unity.com/pathway/game-development.md?language=en&version=6.3"
unit_title: "Shaders and Materials"
unit_url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials?language=en&version=6.3"
standalone_markdown_url: "https://learn.unity.com/tutorial/materials-for-2d-projects.md?language=en&version=6.3"
previous_title: "Challenge: Create your still life composition"
previous_url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials/tutorial/challenge-create-your-still-life-composition-1?language=en&version=6.3"
previous_markdown_url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials/tutorial/challenge-create-your-still-life-composition-1.md?language=en&version=6.3"
next_title: "Add materials to your game"
next_url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials/tutorial/add-materials-to-your-game?language=en&version=6.3"
next_markdown_url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials/tutorial/add-materials-to-your-game.md?language=en&version=6.3"
difficulty: beginner
duration_minutes: 15
unity_version:
  - "6.3"
supported_unity_versions:
  - name: "6.3"
    url: "https://learn.unity.com/pathway/game-development/unit/shaders-and-materials/tutorial/materials-for-2d-projects.md?language=en&version=6.3"
last_updated: "2026-08-04T14:23:07.000Z"
---

# Materials for 2D projects

Practice applying your understanding of materials from 3D workflows to 2D projects in Unity.

This tutorial guides you through applying your knowledge of materials within 3D projects to 2D projects.

## 1. Overview

You’ve made materials for 3D projects, including simulating solid surfaces, applying texture maps, creating transparent and translucent effects, and using Shader Graph to create custom shaders.

In this tutorial, you’ll explore a 2D version of a similar scene and learn how the implementation of those same features would be similar or different.


![Interior museum scene with a variety of different objects in display, showcasing different 2D material techniques. In the top-left, there’s a TV. In the top-right, there are two images of trophies, one of which is a normal image, the other is a normal map. There is also a trophy with a light shining on its side. In the bottom right, there are two gems, one of which is shining brighter than the other. There is a mug with a Unity logo at the bottom. And in the bottom right there are three fruits overlapping each other.](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%225974fece67dd%22%5D.body%5B_key==%22e38525b187fc%22%5D.image/Materials_1_Overview_20260126_144147.png)

## 2. Experience the 2D_Materials scene

In this step, you'll open the **CreativeCore_2D** project and then explore the **2D Materials** demo scene within it.


[Video](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%220d5fbd55ac42%22%5D.body%5B_key==%2201a2caa39160%22%5D.overviewVideo/Materials_2_Overview%20%281%29_20260126_144229.mp4)

To test out and explore the **2D** **Materials** scene, follow these instructions:

**1. Download and open the CreativeCore_2D project:**

- If you’ve already downloaded the **CreativeCore_2D** project in a previous unit, open it now using the Unity Hub.
- If you haven’t downloaded it yet, you can download the project [here](https://storage.googleapis.com/learn-platform-bucket-production/pathway/72351e57-61aa-4006-9a0c-ce8adc3a4797/units%5B_key==%22d33247785d76%22%5D.materials%5B_key==%227bf789466c85%22%5D.file/creative-core-2d_6.3_20260128_002707.zip) and then open it using the Unity Hub.
- When the project is open in the Unity Editor, verify you see a **\_CreativeCore_2D** folder within your **Project** window, containing several subfolders.

**2. Open the CC_Materials_2D scene:**

- Go to **Assets** > **CreativeCore_2D > Scenes**, then open **CC_Materials_2D_Scene**.

**3. Enter Play mode and take note of the materials:**

- Enter Play mode.
- Notice the following:
  - The fruits are layered on top of each other in a way that makes it seem like the apple is in front of the banana, which is in front of the pear.
  - An animated material is displayed on the TV, made with a shader graph.
  - An emissive material on the purple gem, which appears brighter than the green one, despite being in a dark corner.
  - The trophy with the moving light shows how a 2D image can be made to look more 3D with normal maps.
- Exit **Play mode** when you are done.

## 3. Explore the 2D vs 3D implementation

When implementing materials in Unity 2D projects, you'll find both similarities and key differences compared to 3D projects. For each of the similarities and differences listed below, explore the project to make sure you understand how each of the features were implemented in 2D.

# What's the same?

Materials define how surfaces look and respond to lighting and rendering, regardless of 2D or 3D. You still assign a material to a renderer, and that material’s shader determines available properties and visual effects.

# What's different?

## Sprite Renderer vs. Mesh Renderer

The main difference is that 3D objects have a **Mesh Renderer** component**,** while 2D sprites have a **Sprite Renderer** component. This is an important difference that is relevant to almost all art assets in a 2D scene. The **Mesh Renderer** component is used for 3D meshes and handles properties like light interaction and shadows based on 3D geometry. The **Sprite Renderer** component is specifically for 2D sprites and handles properties like the sprite asset, color, and Sorting Layers.

2D projects can also have other 2D-specific renderers:

- **Tilemap Renderer:** Renders tiles from a **Tilemap** component (grid-based 2D levels).
- **Sprite Shape Renderer:** Renders Sprite Shape contours (spline-based 2D geometry with fill and edge sprites). It’s ideal for organic terrains or paths.

To locate a **Sprite** **Renderer** component in the scene, follow these instructions:

**1.** Select the Unity Mug in the **Scene** view.

**2.** In the **Sprite** **Renderer** component, locate the **Sprite** property and the **Material** property, which determine the overall appearance of the GameObject.

![Sprite selected in the Scene view. In the Inspector, the Sprite property and the Material property are highlighted within the Sprite Renderer component.](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%223ede0e81dac3%22%5D.body%5B_key==%2215fb5071dff5%22%5D.image/Materials_3.1_Renderer_20260126_144422.png)

## Lit vs Unlit 2D shaders:

Lighting in 2D projects is not as common or universally necessary as in 3D projects; it often serves a specific artistic style. Since many 2D projects don't require lighting, they would use an unlit shader. A sprite with an **unlit** **shader** will appear the same brightness regardless of lighting conditions. You need to use a lit shader (such as **Sprite-Lit-Default**) for lighting to even work.

**1.** Select the **Mug** GameObject again and locate its **Material** property, noting that it’s set to the default **Sprite-Unlit-Default** shader.

**2.** In the **Scene** view, move the mug around the scene, noticing how it stays the same brightness.

**3.** Select one of the fruits and do the same thing, noticing how the **Sprite-Lit-Default** shader allows the sprite to react to different lighting conditions.

[Video](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%223ede0e81dac3%22%5D.body%5B_key==%224eb9b3e7feac%22%5D.overviewVideo/Materials_3.2_Unlit_20260126_144450.mp4)

## Sorting Layers and Order in Layer:

In 2D, the **Sorting Layer** and **Order in Layer** properties (found in the **Sprite Renderer** component) control which sprites render on top of each other, creating the illusion of position relative to the camera without actual 3D positioning along the Z axis. This is distinct from relying on physical 3D depth to manage overlapping objects.

**1.** Select the fruit on the table and take note of the values they have for **Sorting Layer** and **Order in Layer**.

You can use the **Order in Layer** property to sort objects’ rendering within the same layer (the **Default** layer in this case).

**2.** Select the table beneath the fruit and notice that it’s on a lower **Background** layer.

Everything on this layer will render beneath the higher **Default** layer, regardless of its **Order in Layer** property.


![](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%223ede0e81dac3%22%5D.body%5B_key==%22f1a9f7e8c743%22%5D.image/Materials_3.3_Layers_20260126_144528.png)

## Secondary Texture maps:

For 2D sprites, **Secondary Textures**, including normal maps, mask maps, or other custom maps aren’t directly controlled within the **Sprite Renderer** component's material slot like they would be in a **Mesh Renderer**. Instead, you typically configure these through the **Sprite Editor** as **Secondary Textures** associated with the sprite asset itself. The **Trophy** GameObject has a normal map applied to it, which allows it to appear more 3D and respond to changing light direction.

**Note:** Applying this kind of secondary mapping detail to 2D projects is more of a stylistic choice. It’s perfectly valid to have 2D projects without any lighting or secondary maps.

**1.** Enter Play mode and watch how the light affects the **Trophy** GameObject as it moves.

Additional details on surface direction from the normal map makes it appear more 3D.

**2.** Select the **Trophy** GameObject that is sitting on the table, then in the **Sprite** **Renderer** component, select **Open Sprite Editor.**

**3.** In the upper-left corner of the **Sprite** **Editor** window, open the **Sprite** **Editor** dropdown and select **Secondary Textures**.

**4.** Locate the normal map assigned to this sprite in the lower-left corner.

![Sprite Editor showing the secondary texture normal map for the Trophy GameObject in the Sprite Editor.](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%223ede0e81dac3%22%5D.body%5B_key==%228cb58237e30e%22%5D.image/Materials_3.4_SecondaryTextures_20260126_144558.png)

## Normal maps disabled by default in lights:

While normal maps in 3D appear by default with standard lights, 2D Lights have normal maps disabled by default.

**1.** In the **Hierarchy** window, select one of the **Light 2D** GameObjects.

**2.** In the **Light** **2D** component, use the foldout (triangle) to expand the **Normal Maps** section, then open the **Quality** property dropdown and explore the options.

The **Quality** property is set **Disabled** by default, but you must use either **Fast** or **Accurate** for normal maps to render under a 2D light.

![Light 2D GameObject selected. In the Inspector window, in the Normal Maps section of the Light 2D component, the Quality property is set to Fast.](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%223ede0e81dac3%22%5D.body%5B_key==%2254a933bcbde5%22%5D.image/Materials_3.5_2DLightNormalMaps_20260126_144642.png)

## Emissive materials:

For 3D, you typically enable **Emission** directly in the material and use **HDR colors** to make an object appear to glow. In 2D, to create emissive properties, you’d need to use a material with a custom 2D shader that uses an HDR color. Then, you just need to have post-processing and Bloom enabled in order to get the glowing effect. This technique is a bit more advanced; consider checking out our **[2D Lighting for Pixel Art ](https://learn.unity.com/course/2d-lighting-for-pixel-art)**[course](https://learn.unity.com/course/2d-lighting-for-pixel-art) for more detailed guidance.

**1.** Select the **Gem_Emission** GameObject.

**2. In the** Inspector **window,** use the foldout (triangle) to expand the **Sprite_Lit_Gem Material** section.

Note that this material uses a custom shader, which defines a **Main** texture, an **Emission** texture, and an emission **Color** property. These are all configured as Secondary Textures in the **Sprite** **Editor**, as well.

![](https://storage.googleapis.com/learn-platform-bucket-production/tutorial/80f873d6-0880-4aa6-a508-42c44b91c66f/versions%5B_key==%22ae2d7183f220%22%5D.sections%5B_key==%223ede0e81dac3%22%5D.body%5B_key==%2273d5bbe09d39%22%5D.image/Materials_3.6_EmissionMaps_20260126_144728.png)

## 4. Next steps

You now understand how to implement materials in 3D projects and how that translates to 2D projects. You’re ready to apply these concepts to your own personal projects, be they 3D or 2D.