我建议您改为在After Effects中执行此操作。

Photoshop 可能具有制作 GIF 的动画功能，但它不是动画程序。Adobe 的 After Effects 是您想要使用的，您会发现您尝试在 Photoshop 中制作动画的任何效果不仅会减少您的时间，而且看起来，嗯……最终会变得更好。祝你好运。

如果您打算仅在 Web 上使用动画，则最好使用比视频更适合 Web 的格式，例如 Javascript 或 CSS 动画或动画 svg。优点是这些通常重量更轻，因此加载速度更快，缺点是它们不能总是实现视频效果的“酷”。

1. javascript

Javascript 动画的第一个选项是使用纯 javascript、jQuery 或GS​​AP等动画框架自己编写代码。这为您提供了最大的控制力和灵活性，但您需要亲自动手。

Javascript 动画的第二个选项是Edge Animate，这是一个专门为网络动画制作的 Adob​​e 工具。非常易于使用，无需了解大量代码，并且网络上有很多很棒的教程。缺点是 EA 会生成大量文件，如果您不了解任何代码，可能很难集成到网站中。

2.css

CSS 动画需要你懂一点代码，但是一旦你掌握了它，它就很强大，而且很容易。好处：无需使用过多的 javascript，这将使您的网站有效负载下降。缺点：不如 javascript 动画强大和灵活。

3.动画svg

SVG 是一种矢量图形格式，因此最适合矢量图形（因为您使用的是 PS，我假设这可能是个问题）。使用动画 svg 的好处是您可以将其全部保存到一个文件中，然后像任何其他图像一样将其放入 HTML 中。缺点：IE 不能很好地配合。