Spline入门教程！04 制作3D播放器插画的完整过程+思路

教程作者：饼饼時光（授权转载）

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

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

文章编辑：@十豆

一、关于教程

你们期待的spline教程更新啦，这次的案例并不复杂，都是由一些基础的图形组成，难点在于各个部件之间的高低错落以及简单动画的制作。这次讲得比较细～大家可以细看

没有看过前两集的同学可以点击下方链接：

二、关键步骤提示

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

Step 01 中间播放器

播放器整体由多个小矩形组成，利用基础形状和对齐功能可以很方便地搭建出整个播放器。调整不同组件的Z坐标值来确定高低关系。

Step 02 进度条与装饰组件

可以直接导入开源图标库的svg格式文件做图标，进度条使用细长的圆柱体制作。鼠标图标需要适当给一点倒角，装饰立方体使用默认的玻璃材质。

Step 03 打板

绘制好平行四边形图案，导入spline并应用到材质上制作打板的黑白相间效果。

Step 04 手与按钮

小手可以直接复制Spline官方素材库中的手部建模。

Step 05 动画制作

把小手与按钮在左右两个位置时分别添加状态，持续时间设置为1.5秒。其余组件根据它们的大小和重量感分别设置移动距离。

三、最终效果图

欢迎关注作者的微信公众号：「饼饼時光」

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）

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