3D 中的 Lottie 和 Gif —— 全新动态材质

在你的设计中添加动态材质和纹理，是让网页上嵌入的 3D 对象更具吸引力的绝佳机会。Vectary 是唯一一个不仅允许你导入 Gif 作为动态材质，还支持导入 Lottie 的 3D 设计平台，该格式是优化网页性能的理想之选。动态纹理非常适合展示 UI 或为表面添加特效。

“随着这一新版本的发布，Vectary 正在成为产品设计师、动效设计师、3D 艺术家和开发人员的枢纽。我可以预见到一个全新的 Lottie 市场，它将更加专注于 3D 资产的纹理。” Daniel Nisttahuz，Lottiefiles 首席产品设计师

“创建动画需要点击很多次。有时候，你只需要一丝微弱的动感，就能营造出空间深度和沉浸感。而添加动态纹理就能实现这一效果，而且只需点击 2 下即可完成。” Andy Klement，Vectary 研发负责人

该功能基于网页，非常易于使用，且能轻松融入任何工作流 (Figma, Miro, Pitch, Framer) 中。Vectary 的设计潜力和工作灵活性，将为专注于用户体验和内容创作的设计师带来巨大帮助。

“我经常使用 Lotties 和 Vectary，因为它们具有网页端的灵活性。将两者结合，使我能够为客户提供更多服务。” Apostolos Roussas，CandyMustache 的总监、动态设计师。

如何将动画导入 Vectary

有几种方法可以将动画导入 Vectary：

1. 将 Lottie 动画文件或 .gif 文件作为纹理放置。选择对象，然后选择 “动画” ，在 “颜色” 设置中。导入文件或使用在线文件的链接。Vectary 会自动加载。要查看动画，请转到 预览 模式。要移除动画，请选择 “纯色”.

2. 在各种 “材质属性” 中加载动画，以获得令人惊艳的效果。 

- 要使其发光，请将其导入 “自发光” (Emission)。 在 环境 设置中添加 “辉光” (Bloom) 以获得额外发光效果。 

-  将动画加载为 “法线贴图” (Normal map) 设置 ，以仅改变表面凹凸。

3. 将动画作为独立对象导入场景中。 将文件拖放到场景中，或复制粘贴链接。 Lottie 文件或 .gif 文件将作为独立对象。使用 Gizmo 在场景中移动它。 

分享场景链接或将其嵌入你的网站，呈现精美效果

“现在我可以轻松地在网站中引入 3D 动画。该功能开启了充满无限可能的全新世界。” Joseph Berry，自由体验设计师