不用3D软件!Figma插件Vector to 3d做玻璃质感3D图标

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

Figma插件Vector to 3d2.jpg

Figma插件vector to 3d可以通过一键操作,将文本和向量节点转换成3D模型。转换后的模型将自动放置并用GPU光线追踪渲染。你可以用它渲染一个漂亮的3D图标、文本或任何其他3D样式的图像,而无需使用复杂的3d软件,轻松完成3D玻璃质感图标的制作。

https://www.figma.com/community/plugin/1264600219316901594

下面跟随教程一起来熟悉基本的操作吧:

1.在Figma画板中绘制好平面矢量图形,全选要转换的图形,点击插件面板上的“从选择的图形转换”按钮。就可以将图形载入到插件中,下图所示是膨胀的3D效果。

figma插件Vector to 3D2.png

2.将膨胀效果更改为拉伸效果,就可以得到下图的图形。点击灰色的背景面板可以设置全局图形的各种效果、视角、光源等。

figma插件Vector to 3D4.png

3.在这个案例中我们需要调整每个图层为不同的厚度,在插件视图中单击每个图层可针对每个图层单独配置,我们一一设置不同的厚度,得到如下的效果

figma插件Vector to 3D9.png

4.如果要设置为玻璃感的效果,可选择对应的图层增加一点的粗糙度并拉高投射率就可以得到玻璃质感的效果:

figma插件Vector to 3D10.png

5.点击“渲染”进行高质量GPU光线追踪渲染,输出透明背景和阴影的图像。

6.可以调整视角、背景、光照等参数获得理想的3D渲染效果。

7.Pro版本可以保存与调出预设,以及导出生成的3D模型。该插件为付费插件,售价为19美元。

该插件使设计者能够通过一键操作生成3D图标和文本,大大简化了设计流程。如果你需要快速渲染3D风格的图标或文字,可以试试这个强大的Figma插件。

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作