In this tutorial, I’ll show you how I turned a 2D Blink-182 & Green Day poster into a 3D animation using Spline 3D. I’ll walk through the process of adding depth, textures, and motion to bring the design to life.
Timestamps:
- 0:00 Introduction / 3D Demo
- 0:58 Scan Poster Artwork
- 1:45 Create Photoshop Layers
- 7:56 Resize Image & Save As WebP Images
- 9:25 Spline 3D Scene Setup
- 10:08 Add Images to Spline
- 11:31 Add Image Material
- 13:42 Change Z Coordinates
- 16:00 Add Material Animation
- 19:00 Open Website Link – Easter Egg
- 19:54 Setup Orthographic Camera
- 22:06 Add Responsive Resize for Camera
- 23:16 Export Settings and Mouse Hover Effect
- 24:29 Run Performance Test
- 25:52 Add 3D Scene to Elementor
Links:
