介绍一款 Figma 插件 Vector to 3D。与 C4D 和 Blender 这类专业的三维软件相比,它在 Figma 环境中直接运行,无需切换软件,极大地提高了工作效率。对于熟悉 Figma 操作的设计师来说,上手更为迅速,减少了学习新软件的成本。而且,它能与 Figma 的二维设计流程紧密结合,实现二维到三维的无缝转换。
与 StableDiffusion 和 Midjourney 相比,Vector to 3D 专注于将 Figma 中的二维矢量图形精准转化为三维模型,可控性和延续性更强,能够更好地满足设计师在特定场景下的三维创作需求。
点击 Figma 画布中准备好二维矢量图形,并启动插件可以是简单的形状、复杂的图标或者插画等。这里以简单的汽车图形为例:
通过插件对形状进行调整,如拉伸工具,可以在不同的轴向上拉长或缩短模型;旋转工具可以让模型绕着指定的轴旋转;扭曲工具则能为模型创造出独特的扭曲效果;倒角工具可以使边角变得更加圆润或锐利。
以车身为例,参数如下 3D 效果:拉伸,倒角大小:2,倒角角度:1,倒角类型:平滑。就可以得到一个圆润且具备结构的形体。
车体因为有车窗所以需要内部镂空的结构,镂空或内凹等效果可用于插件自带的布尔运算进行裁剪,注:需要在 figma 里面对相互裁剪的对象进行分组。
此处选择差集,我们就完成了车体内部的镂空处理。
在 figma 所选图形的画布中继续绘制矢量元素,增加细节,通过插件的 3d 效果(拉伸、膨胀、环绕)结合 XYZ 轴的移动、旋转、扭曲等功能完成不同形状的构建。
在 figma 中完成各个形状的填色后,在材质与纹理库中选择材质和纹理,直接拖放到三维模型上即可应用。也可以通过右侧的参数面板调整材质和纹理的相关属性,如颜色、反射强度、粗糙度等。
点击灯光设置选项,添加光源。可以选择点光源、平行光或聚光灯等不同类型的光源,并通过拖动光源位置、调整强度和颜色来达到理想的光照效果。这里选择正面主光,两侧辅光的方式让主体更加通透明亮。
最后导出透明背景的主体,在 PS 中进行简单调色就高效的完成了这个 3d 质感图标。
如果需要为三维模型添加动画效果,选择动画选项,设置关键帧,并调整模型在不同关键帧的状态,如位置、旋转角度、缩放比例等,从而生成流畅的动画。在输出方面,可以将三维模型导出为常见的图像格式(如 PNG、JPEG)或三维模型格式(如 OBJ、GLTF),以便在其他项目中使用或与团队成员分享。
Figma 插件 Vector to 3D 为设计师们提供了一个便捷、高效的工具,让二维与三维之间的转换不再是难题。不仅可以拓宽设计师的边界,还激发了更多的创造力。无论你是在进行 UI 设计、品牌设计,Vector to 3D 都值得一试,期待有了它的帮助会为你的设计带来新的色彩和价值。
欢迎关注「58UXD」的微信公众号:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
MJ版AIGC绘画原理
已累计诞生 614 位幸运星
发表评论 已发布19条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓