How To Import & Edit SVG's In Spline Tool
🎨✨ Welcome to Part 2 of our exciting 5-part series on logo creation! In this video, we’ll take a 2D logo designed in Figma and transform it into a stunning 3D masterpiece using Spline. 🚀
In this video, here’s what we’ll cover:
✅ Preparing SVGs for Spline
✅ Importing and Setting Up SVGs in Spline
✅ Extruding Shapes in Spline
✅ Applying Materials and Effects
✅ Aligning and Combining Shapes
✅ Adding and Extruding Text
This is the second step in creating a fully animated, responsive 3D logo for web projects. Stick around for the next videos where we’ll animate this design, export it as PNGs/videos, and embed it seamlessly into a responsive website. 🖥️🔥
Want free assets in your inbox? 🥶
https://splinetime3d.substack.com/
Seamless User Experience: 3D elements adapt to different screen sizes.
Professional Design: Avoids clipping, awkward scaling, or misalignment.
Easy Integration: Simplifies embedding in tools like Webflow, Framer, or Squarespace.
👨💻 Tools/Resources Used:
Spline: A browser-based 3D design tool for creatives
Matcaps Megabundle: https://cosmolabs.design/work/matcaps...
⏱️ Timestamps:
00:00 Introduction to the Series
00:39 Creating and Exporting the Logo in Figma
01:32 Preparing SVGs for Spline
03:15 Introduction to Spline
04:12 Importing and Setting Up SVGs in Spline
05:23 Extruding Shapes in Spline
06:13 Applying Materials and Effects
08:52 Aligning and Combining Shapes
11:36 Adding and Extruding Text
16:00 Final Touches and Exporting
📬 Connect with Me:
🌐 Portfolio & Projects (https://www.jackredley.design/)
🛒 Shop My Creations (https://www.jackredley.design/shop)
📬 Subscribe to Spline Time 3D (https://splinetime3d.substack.com/)
🐦 Follow Me on Twitter (https://x.com/JackRedley1)
💼 LinkedIn Profile ( / jackredley )
📸 Instagram ( / jackredleydesign )
💡 Cloneables & Links:
https://community.spline.design/@jack...
📌 If you enjoyed the video, hit like and subscribe for more Spline tutorials and creative design tips. Share your own creations in the comments—I’d love to see them!
#3DDesign #spline3d #splinetool #spline #WebDesign #CreativeTutorials