@LinusEkenstam: 新教程 🫟 Figma Motion 中的 Figma Shaders。我们将结合使用新的 Figma Agent、手动控制和……

✨ 新教程 ✨

🫟 Figma Motion 中的 Figma 着色器。我们将结合使用新的 Figma Agent、手动控制和运动。

你可以无限创建视觉滤镜和效果，且非破坏性 😱

我们走起

🧵 一条帖子 👇 https://t.co/9p6YpdHUrh

新教程

🫟 Figma Motion 中的 Figma 着色器。我们将结合使用新的 Figma Agent、手动控制和运动。

你可以无限创建视觉滤镜和效果，且非破坏性

我们走起

一条帖子

我们首先前往 @Figma Design，然后导航到 Motion。

在 Motion 中，我们将有两个东西：我们的基础帧，以及我们将要添加着色器的动画视频。

我想尝试在视频上创建一个毛刺效果。

所以我们将与左侧边栏中的 Agent 对话，看看最终结果如何。

*完整提示词在 ALT 标签中

好吧，它一次就生成了看起来很不错的东西。

1. 我们得到了很多控制选项
2. 它适用于视频

但实际上，我们想尝试使用 Motion Agent，并与我们的基础帧一起工作，这样每个对象都可以单独控制。

让我们看看 Agent 能做什么。

好了，这就是我们的输出动画。

我们能够完全控制 Agent 已动画化的每个参数，并且可以从此处接管控制权。

在播放按钮旁边有一个很好的功能：自动关键帧。 启用此功能后，你可以将时间轴滑块拖到动画中的任意点，更改任何值，系统就会为你创建关键帧。

这里可以看到我如何使用自动关键帧功能创建更多动画，我调整了数值以及驱动动画的贝塞尔曲线。

最终我们得到了一个应用了第一步中创建的着色器的动画，看起来像这样。

请记住，所有这些都是非破坏性的，我们可以在任何时间点向帧中添加形状、项目或图像。

我们可以实时编辑，或者将此着色器应用于整个帧或帧内的某个对象。无限可能。

这里我用相同的着色器创建了一些静态图像。 最后一个是多张图像叠加了着色器，一个在帧上，另一个在第二张图像上，通过非破坏性工作流混合搭配着色器，这是创建惊艳视觉效果的重大突破。

最后留给你这个示例：将此着色器应用于图像，完全非破坏性，且无限可定制。

能够在画布上做到这一点，部分环节利用 AI Agent，其他环节拥有完全手动控制，这正是我想要的理想状态。

额外福利：Figma 制作 Motion 发布视频的方式是…… 你猜对了，Figma Motion。

就这样，希望你喜欢，我会制作更多 Figma 教程。

你可以在这里找到文件： https://figma.com/design/KvuXybLcYrKzgUmfNC3Jlk/Previs?node-id=0-3&t=Aal59UJ4Y5Bem3qE-1…

感谢 @figma 的这次合作。

#Figmapartner #ad

喜欢这篇内容？

关注 @linusekenstam 获取更多 AI 新闻和教程！

请点赞、转发并收藏主推文，这对我持续创作这类内容很有帮助。