Create Flat 2D-Styles in 3D Scenes

Create Flat 2D-Styles in 3D Scenes

Hello! In this video, we guide you on how to create a cartoonish or flat 2D-like effect using Spline.
Check Spline: https://spline.design/

You will also learn how to use outline layers, add color to different sides of an object, and apply animations and interactions.

We also explore applying the 2D look to an object from the Spline library, like a Jordan shoe 👟

This tutorial is inspired by https://www.spaag.fr/ created using Spline - Designed by LEOLEO Studio.

💖 Join our Community 👉 http://discord.gg/spline
📘 Learn more at Spline Docs https://docs.spline.design/

#flat#styles#spline#3d#design#2d#tutorial#color#shading#3d design#flat colors#coloring#outline#3d cartoon#cartoon#cartoonish#design tutorial#tutorial-material

What you'll learn

  • 0:00Intro
  • 0:26Creating 2D-like 3D Effect
  • 0:43Adjusting Lighting and Shadows
  • 1:08Using Outline Layers and Adding Color
  • 4:17Animations and Interactions Examples
  • 4:27Applying 2D Look to Spline Library Objects and Exporting

Related resources

Overview

Spline 3D
5min
Beginner
Similar Tutorials
Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Video9minBeginner
Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Video13minBeginner
How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

Video4minBeginner