FAQ

💡
如仍无法解决你的问题,欢迎加入讨论群,反馈你的问题!

一、下载安装

1. 请问在哪里下载中文版:

下载地址:cn.spline.design,已经支持了网页版、win、mac版本

2. 安装失败,提示“需要移动到废纸篓”

解决方案:cn.spline.design

请一定要按照上述的解决方案来,如仍无法解决,请使用网页版(网页版免安装,也很香)!!!

3. 怎么创建快捷方式到桌面(win)

找到安装包的位置,点击Spline的应用程序,右键-发送快捷方式到桌面

4. 支持平板/手机下载吗?

目前不支持呢。

5.软件更新之后,我需要重新下载吗?

不需要,软件自动更新的,无需再次下载。

6.中英文版本的功能有区别吗?

没有区别的,中文版本只对英文版本进行汉化,其他功能是一样的

7.为什么界面显示有些是中文,有些是英文呢?

中文版的汉化会有稍许的延迟,中英文版本在功能上是没有区别的

8.打开文件很卡,一直显示正在加载,有什么办法可以加快访问速度吗?

官方也在一直优化访问速度。除此之外,可以参考群友提供的解决方案:

@一花一世界: Spline 启动显示界面慢,或新建文件出来慢解决办法: 1.有条件的开梯子 2.没条件的试试改host 试着把下面的 添加到 host 文件里面 127.0.0.1 178.128.126.116:443 127.0.0.1 access-sngapm.qcloud.com 127.0.0.1 api.amplitude.com 我自己Mac 测试了,不挂 T子,启动速度显示界面大大提升,新建文件 会快一丢丢。 win版测试均有效。 【 不会添加 host 文件的百度,或挂T子就可以解决启动慢,新建文件慢】

二、建模

1. 使用平滑编辑时,拖不动小把手,使用内插还是挤出,没反应

这种情况是卡住了,请退出重进,或者重新加载当前为网页,即可。

2. 怎么修改圆环内的直径呢?

有两种方式:

A. 拖动z轴的小把手,改变为你想要的粗细(如被遮挡,可放大视图,更易定位)

B. 直接修改“形状-z轴”的数值

image

3.可以输入中文吗?

暂时不支持。

可以导入中文字的SVG,然后再调整SVG的3D效果。

可参考3D文字教程:https://www.bilibili.com/video/BV1hF411z7Dw?spm_id_from=333.999.0.0

4.SVG导入之后,变形了该怎么办?

svg导入之后,变形了,破面了,少面了……大概率是格式原因,需要到其他的工具重新导出svg的格式:可以试下在Ai里重新用路径查找器分割做下就正常了,或者到Figma里面重新导出一下也可以

如果还是以上方法还是不行,也请检查一下原始的svg文件,是否是svg矢量文件,也有遇到过有些文件是用svg的格式包装一下外层,实际是一个图片。这种实际是一个图片格式,没有办法对图形进行编辑的。

5.新建一个对象之后,在编辑器显示是透明的,咋办?

可以试着新建一个文件,将已有的文件复制到新文件中,再添加对象。

6.怎么移动轴坐标到中心的位置?

目前仅支持更改组的轴坐标位置,对于单个物体,可以给这个物体打个组,组的轴坐标会默认到中心的位置。移动坐标轴位置的方法如下:

win:Alt+ctl,点击组,然后即可移动轴位置 mac:option+command,点击组,然后即可移动轴位置

7.平滑编辑的时候,怎么环选一圈线?

平滑编辑-线模式-双击一段线,即可环选这圈线。

8.平滑编辑的时候,怎么选中背面的面呢?怎么不选中背面的面呢?

是否允许选中背面的面可以通过来设置,路径是:选择-选择范围-二者,则将会同时选中前视和背面的面,选择-选择范围-前视,则仅会选择前视的面,背面的面将不会被选中。线模式、点模式同理。

image

9. 为什么没有投影呢?

在3D空间内,投影出现的前提是,有光源、有投影地面。请检查你的场景内是否都具备。

可参考灯光教程:https://www.bilibili.com/video/BV1WF411e7hW?spm_id_from=333.999.0.0&vd_source=d7c0bf56d9da92e5a2bb2644dc6df922

10.可以导入什么格式到Spline呢?

支持导入PNG、JPG、SVG、OBJ、FBX、STL、GLTF (as .gltf)、Spline Files (.spline)等

详细说明请见 🎞 导出场景

11. 阴影经常出现锯齿,是什么原因?

厚度过薄时,容易出现锯齿。这时可以通过以下方式来减少锯齿:

  1. 增加厚度
  2. 调大灯光的分辨率,例如调为大或巨大

如果调整后,希望阴影更加柔和,可使用软渲染,教程详见 软渲染

                                                                   厚度过薄时,容易出现锯齿
厚度过薄时,容易出现锯齿
                                                                               调整灯光的分辨率
调整灯光的分辨率

12.为什么我的阴影一点都不柔和了?

可以使用软渲染让阴影柔和。点击空白处,进入全局设置-右侧面板软渲染,详细说明参见 软渲染

软渲染教程:https://www.bilibili.com/video/BV1kG4y1a7eU?spm_id_from=333.999.0.0

13.怎么显示这种线框图?

打开线框显示,操作路径:全局显示-可见性-线框显示-显示

                                                                                        线框图
线框图

14.请问克隆里面的对齐和不对齐有什么作用呢?

用长方形/正方体创建时会出效果,比如用于做表的时针的效果

对齐和不对齐分别是这样的效果

image

三、动画

1.可以设置状态a到状态b再到状态c这样的动画吗?

可以。通过打组的形式,给每一个组一个状态

可参考logo动画教程:https://www.bilibili.com/video/BV19u411z7aU?spm_id_from=333.999.0.0

2.摄像机动画应该怎么设置呢?有什么教程吗?

可查看动画切换教程:https://www.bilibili.com/video/BV1ma411K7Bm?spm_id_from=333.999.0.0

四、导出

1.支持导出什么格式呢?

支持导出url、iframe、代码、图片、gif、视频、、gltf、.spline等格式

详细说明请见 文件导出

2.为什么导出玻璃材质之后,有一块是黑色的?

当场景 隐藏背景颜色+有玻璃材质时,导出图片,玻璃部分会出现黑块。目前还不太好解决,可以参考群友的一个解决方案。

@新新: 虽然导出的玻璃材质PNG可用度弱。但可以把直接导出的当做蒙版,再导出高清JPG,用PS处理一下,提高可用度! 给需要的小伙伴参考吧~

3.导出的时候有黑边怎么处理?

五、教程&资源

1.我是一个新手,怎么入门呢?有入门教程推荐吗?

B站有针对新手入门的系列教程,可通过搜索Spline获取,这里整理了一些入门教程给大家参考:

新手入门系列教程(英版中字):

https://www.bilibili.com/video/BV1oY4y1Y783?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

新手入门系列教程(中文版):

https://www.bilibili.com/video/BV14g411X73g?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

2.我已经有了一定的3D基础,想要学习进阶版的复杂模型的教程

B站和Youtube上有比较丰富的案例教程,可以通过搜索Spline获取,这里整理了一些进阶版的教程:

进阶版案例教程:

https://www.bilibili.com/video/BV19R4y1c7Mt?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

3.有玻璃材质的教程吗?

透明玻璃立方体:https://www.bilibili.com/video/BV1AW4y1b7aB?spm_id_from=333.999.0.0

玻璃教程:https://www.bilibili.com/video/BV19S4y1q7nP?spm_id_from=333.999.0.0

4.有和Figma导出做网页动效的教程吗?

Figma+Spline还能这么玩:3D交互场景嵌入Figma(可视化大屏/网页设计):https://www.bilibili.com/video/BV1mt4y1H7ZC?spm_id_from=333.999.0.0

3D动效:https://www.youtube.com/watch?v=K0Dh-8rHMLk

5.有Matcap材质的教程吗?

这里的案例有讲到:https://www.bilibili.com/video/BV1US4y1Q7yx?spm_id_from=333.999.0.0&vd_source=d7c0bf56d9da92e5a2bb2644dc6df922

六、开发

1.有开发文档吗?

开发文档地址:https://www.npmjs.com/package/@splinetool/runtime

详细信息可参考:导出代码

2.有开发教程吗?

有的:

Spline+React: https://www.youtube.com/watch?v=EJxeMbDTkVI&t=2922s

Spline对接开发人员:https://www.bilibili.com/video/BV1e94y1y7Go?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

React+Spline创建网站:https://www.youtube.com/watch?v=EJxeMbDTkVI&t=51s

3.可以通过代码对某一个物体进行单独的动画控制吗?

可以,可以通过对单独的对象id进行单独的动画控制,具体参考开发文档:https://www.npmjs.com/package/@splinetool/runtime

4. 导出代码的时候可以导出动画吗?

目前导出vanilla.js React时,是支持导出带动画的,即在Spline编辑器中设定交互动画,通过导出vanilla.js / React代码即可直接使用,不需要前端再绑定交互了

react-three-fiberthree.js 导出不支持带动画,需要前端再用代码来实现动画。

七、效果

1. 可以做有颜色的投影吗?

可以哦 这里有教程:https://www.bilibili.com/video/BV1hu411r7Vt?spm_id_from=333.999.0.0&vd_source=d7c0bf56d9da92e5a2bb2644dc6df922

2.可以做金属材质吗?

可以哦 详见

八、其他

1.有Spline的快捷键合集吗?

Spline 快捷键合集地址:Spline 快捷键

2. Spline 库里面的素材可以商用吗?

可以的。

3.我可以给Spline库投稿吗?

可以的,欢迎向Spline库投稿,收到投稿后,Spline团队将会进行评估,评估通过后的作品将会以“作品+署名”的形式展示在官方库中。 投稿地址:https://wenjuan.feishu.cn/m?t=sWvw4L7NnGEi-exl2 ps:投稿即表示您同意Spline团队对您的作品在官方库、社交媒体进行展示。

4.有Spline的3D素材可以推荐吗?

Spline 3D官网素材库:

网址:https://app.spline.design/library

持续更新,且种类丰富,有完整的场景和单独的小物件,且素材免费可以商用。

Spline Showcase :

https://airtable.com/shrYuFU780HbiVKDD/tblLktUkGPevZxC5a

Splinespiration

网址:https://splinespiration.com/

持续更新中

Dribble上搜索Spline:

https://dribbble.com/search/spline

5.免费版、超级版、超级团队版有什么区别呢?

您可以在设置中查看,区别如下:

image

6.购买之后,可以开具发票吗?

您在购买成功之后,将会自动收到一封invoice邮件,请您注意查收。

如您需要有公司抬头的invoice,请发送邮件申请至help@spline.design

7.请问怎么支付呢,支持使用微信支付/支付宝支付吗?

目前暂不支持微信/支付宝支付呢,您可以使用visa卡或是mastercard进行支付,支付信息如下:

温馨提示,这些信息都可以在实体卡的卡面上获取。

image

8.有交流群可以加入吗?怎么联系官方团队?

有的。

image