如何使用 VECTARY 制作 3D 网站
你想要在网站上添加引人注目的 3D 元素吗？还是想为你的出色网站或博客制作一张独特的主视觉图或页眉图片？又或者，你也可以像嵌入 YouTube 视频一样轻松嵌入一个完整的 3D 对象。
你无需成为专业的平面设计师就能完成这些。使用 Vectary 的 3D Studio，随心所欲地为你的网站制作 3D 设计。从我们的库中拖放 3D 对象，双击即可进行自定义。
轻松创建 3D 网站
在这篇文章中，你将了解到：
- 如何使用 Vectary 创建 3D 主视觉图
- 如何使用 Vectary 创建视差 3D 元素
- 如何在你的网站上添加交互式 3D 设计
1. 如何使用 Vectary 创建 3D 主视觉图
- 打开 Vectary —— 在线即可使用。
- 从资源库中拖放对象，导入你自己的 3D 文件，或从零开始创建你自己的 3D 设计。
- 调整材质、灯光、样式，添加文本或背景。
- 实时渲染你的设计。
- 保存并将你的 3D 设计导出为 PNG 文件。
2. 如何为你的网站创建 3D 元素
视差 3D 元素在当前的网页设计中非常流行。它们能为你的网站增添恰到好处的质感。来看看这个获奖的 来自 Niika 的设计 作为示例：
你可以将 3D 元素导出为静态 PNG 文件，并在网页编辑器（如 Framer）中添加动画，或者你也可以将元素导出为交互式 3D 嵌入内容。在 Vectary 的“发布”设置中即可实现这一操作。
如何使用 Vectary 3D 元素创建视差网站
根据你使用的网页平台，这里有一些资源供你参考：
Weebly：如何在你的 Weebly 网站中创建动态视差横幅
3. 如何在你的网站上添加交互式 3D 设计
在 Vectary 中，你可以像嵌入 YouTube 视频一样轻松地将 3D 设计嵌入到你的网站中。得益于 iPhone 和 Android 支持的增强现实功能，你的访客可以旋转或缩放 3D 设计，也可以在现实世界中进行体验。
- 打开 Vectary，在线即可使用。
- 将 3D 文件导入 Vectary（我们支持 60 多种文件格式），或从零开始创建你的 3D 设计。
- 前往 “Publish” 选项卡并点击 “Generate” 按钮。
- 复制 iframe 嵌入代码并将其粘贴到你的网站编辑器中。
- 你可以随时修改你的设计并重新生成嵌入代码。所有网页嵌入内容都将自动更新。
3D/AR 查看器示例
在 iPhone 上使用 Safari 或在 Android 上使用 Chrome 打开此网站，然后点击 AR 徽标。
Vectary 3D 设计编辑器还能为你带来什么
用 3D 横幅和页眉图片提升你的平面设计作品集
趣味十足的 3D 形状是广告领域的下一个视觉趋势。保持你的平面设计作品集与时俱进，用我们在线 3D 工具创作的精美视觉效果给客户留下深刻印象。
与同事和客户协作进行 3D 设计
与同事或客户分享你的设计，携手共同创作。有人可以专注于 3D 模型，有人可以调整对象，其他人则可以添加评论。Vectary 3D Studio 让创意团队协作更轻松。
使用 Google Fonts 创建惊艳 of 3D 排版
Vectary 是首个引入了 Google Fonts 字体库中 1200 多种字体的在线 3D 工具。选择你最喜欢的 Google 字体，只需一键即可在 Vectary 中将其转换为 3D 效果。如需进一步自定义你的设计，只需双击进入 Vectary 编辑模式，即可使用其他强大的 3D 建模工具。
在其他工具中完善你的 3D 设计
轻松将你的 3D 图像导出为 PNG，并在诸如以下的平面设计工具中完成项目 Photoshop 和 Canva，或在其他网页设计平台上继续，例如 Wix, Wordpress 或者 Weebly。创意不设限！
常见问题
如何下载 Vectary 来为我的网站创建 3D 设计？
Vectary 3D 图像制作工具是在线版的，因此你无需下载任何内容。它可以在 Chrome、Firefox 和 Safari 等所有现代浏览器中运行。只需注册或登录即可开始创作。
如何下载我的 3D 设计？
点击左上角菜单，并将鼠标悬停在 “Project” 上。接下来，点击 “Export as image” 将你的 3D 设计下载为 PNG 文件，或者从其他多种 3D 格式中进行选择：STL 和 OBJ（用于 3D 打印）、glTF（通用 3D 格式）、DAE（Sketchup 和建筑格式）或 FBX（一种由 Kaydara 开发、所有权属于 Autodesk.)
