Spline 新手3D入门！NO.08 3D卡通涂鸦风效果

教程作者：Splinedesign（授权转载）

spline中文版：https://cn.spline.design/

交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑：@十豆

一、关于教程

Hello 大家好，欢迎来到全新的Spline新手入门3D课程第 8 集：3D卡通涂鸦风！在本教程中，我们将以简单的立方体为例，来实操学习3渲2的技巧：

• 单面添加颜色
• 3渲2技巧
• 添加动画和交互示例

素材：

本教程的灵感来自LEOLEO Studio 使用 Spline 创建的网站👉🏻 https://www.spaag.fr/
Remix文件：https://app.spline.design/file/8f5ee2f8-df1b-461f-aea7-82e4af16bf84

二、关键步骤提示

图文内容简概为视频内容的提炼总结，想要了解详细教程内容，请观看文章顶部完整的视频教程。

#01 创建2D平面效果：

在Spline中创建一个对象，比如立方体。默认情况下，它是灰色的，并且带有阴影。通过点击灯光层旁边的小眼睛图标进入灯光设置，关闭阴影，使3D对象看起来更加扁平化，从而创建出2D平面效果。

#02 添加描边和单面颜色

使用描边图层为对象添加卡通效果，可以在材质面板中调整描边的颜色、宽度和位置。如果想要只给立方体的某个面添加颜色，可以通过添加深度层并调整渐变点来实现，这样可以精确控制颜色覆盖的区域。

#03 交互动画和其他案例探索

为对象添加交互动画，例如鼠标悬停时的旋转或变大效果，使元素更加生动。此外，可以在Spline库中选择不同的对象应用2D风格，或者从案例中获取灵感，将设计导出代码应用到网站中。

欢迎关注「Spline」的微信公众号：

学完这篇教程的人还在学…