# Captivating Skull Scene Atmosphere with Fog - Spline Academy (https://spline.design/academy/tutorials/captivating-skull-scene-atmosphere-with-fog)

> In this tutorial let’s explore using Fog in your 3D scenes 🌁

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. Captivating Skull Scene Atmosphere with Fog

# Captivating Skull Scene Atmosphere with Fog

Spline 3DBeginner13 min

In this tutorial let’s explore using Fog in your 3D scenes 🌁

We'll demonstrate how to use fog in 3D design to create spooky, epic, and mysterious atmospheres. You'll learn how to activate fog, adjust its settings, and apply it to your next 3D project—from mini-games to landing page designs. We'll guide you through adding interactivity, setting up cameras, applying materials, and optimizing your file for performance.

Let’s get started!

Discover more amazing creators and projects #MadeInSpline at <https://community.spline.design/> \---

## What you’ll learn

1. [0:00Introduction to Fog in Spline](https://www.youtube.com/watch?v=i29GQQUxtl0&t=0s)
2. [1:12Adding Atmosphere with Fog](https://www.youtube.com/watch?v=i29GQQUxtl0&t=72s)
3. [2:03Creating a Spooky Landing Page](https://www.youtube.com/watch?v=i29GQQUxtl0&t=123s)
4. [3:07Applying Materials and Camera Setup](https://www.youtube.com/watch?v=i29GQQUxtl0&t=187s)

## Related resources

- [Skull FogTemplate](https://app.spline.design/academy/tutorials/captivating-skull-scene-atmosphere-with-fog?redirect-duplicate-template-uuid=28ae663e-8cec-4503-bc8e-cb565717636a&is-2d-file=false)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Working with FogDocument](https://docs.spline.design/cameras/working-with-fog)

## Overview

- Spline 3D
- 13 min
- Beginner

## Part of

- [Lights, Camera & Effects](https://spline.design/academy/collections/lights-camera-effects/captivating-skull-scene-atmosphere-with-fog)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[Add Atmospheric Fog to 3D ScenesSpline 3DBeginner4 min](https://spline.design/academy/tutorials/add-atmospheric-fog-to-3d-scenes)[How to Enhance 3D Scenes with Bloom & Glow EffectsSpline 3DBeginner5 min](https://spline.design/academy/tutorials/how-to-enhance-3d-scenes-with-bloom-glow-effects)[Animate Organic 3D Blobs with StatesSpline 3DBeginner5 min](https://spline.design/academy/tutorials/animate-organic-3d-blobs-with-states)

[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.