如何为jQuery动画创建缝合在单个图像中的帧？

我想使用粘贴帧动画来设置图像的动画，类似于（）

因此，我用Photoshop创建了我的粘贴帧图像，将每个帧放置在正确的位置，这是一个非常困难和耗时的过程，我犯了几个错误（），所以我的问题是：是否有一个工具或Photoshop插件或其他东西可以自动将我的图像缝合在一起，这样我就不必手动操作了？有没有像Photoshop那样的插件可以将我的动画导出为一张粘贴的图像，而不是GIF或MOV

---

感谢您的帮助！谢谢

在Photoshop中，根据您的版本，他们有一个窗口面板，名为timeline或animation。您可以将每个帧设置为不同的层，完美地定位它们并测试动画，而无需先输出所有内容

一旦动画变得完美，就可以以任何方式导出每个帧。完成动画并将每个帧设置为一个层后，可以转到文件>脚本>将层导出到文件。在该窗口中，可以设置为以任何前缀和任何文件类型导出到任意位置。这将使您更容易制作动画

此外，当提到“缝合”时，这通常是一个设计师用于全景快照之类的术语，您需要将一个图像放在另一个图像旁边，并对边缘进行淡入淡出，以便它们实际上像布料一样“缝合”在一起，而不是逐帧动画，更像翻页书样式

我知道这就是他们所说的，我理解他们之所以这么说，是因为从技术上讲，你可以将35毫米（或其他）胶片“缝合”在一起，但我认为称之为“缝合”可能会带来更多的困惑

更新

第一步。我假设您已经编辑了所有图像并将它们全部保存为.PNGs。我还假设你用相同的宽度和高度保存了它们中的每一个

第二步。在Photoshop中，转到文件>脚本>将文件加载到堆栈中。浏览所有保存的图像，然后单击“确定”

第三步。确保所有图像都已直接加载到中心。按住

alt

并单击图层托盘中的眼球，即可自行查看每个图像。当你一个接一个地看这些，你就能看到它们是否都在同一个地方。如果其中任何一个发生碰撞，请使用箭头键进行调整

第四步。数学时间：计算图像的总高度（文档的高度，以像素为单位），然后乘以图像的数量。（即，如果您有10个图像，并且文档高度为80px，则结果为800）

第五步。记住这个数字，然后转到图像>画布大小。在

高度

框中键入该数字，然后确保单击

向上箭头

锚定。这将确保您要添加的额外高度添加到当前文档下。单击

OK

第六步。我建议您为此录制一个动作，并给该动作一个功能键，这样您就可以一遍又一遍地执行此操作在执行此操作之前单击第二层。这将确保您不会记录此操作。然后，转到窗口>操作并单击面板底部的

新操作

按钮。将其命名为任何您记得的名称，并选择一个可反复按下的功能键。单击记录

第七步。现在，还记得文档的原始高度吗？将图像向下移动或微移到那么多像素。使用上面的示例：如果图像是80px，我将按住shift键并按向下箭头8次（轻推时按住shift键，一次轻推10px）。这将把这个图像80px放在第一个图像的下面，第一个图像正好是下一个“帧”

第八步。按操作面板上的

停止录制

（面板左下角的小正方形）

第九步。选择第三层并按功能键两次。这将在每次按下该按钮时重播轻推或移动特定像素量的操作。（即第一次80px、第二次80pm以上、第三次80px以上等）

第十步。对每个层重复此操作，直到放置好每个层

---

您会发现，假设第1步正确完成，这将使它们都处于完美的位置

谢谢你的答复，但也许我没有说清楚。我需要的是动画在一个图像中，就像一个卷轴，所有帧都在同一个图像中，一个在另一个上，像这样：。现在制作这个图像并不难，直到你有40帧或更多帧，然后它变得相当困难，我问自己，是否有一种方法可以自动将它们连接在一起（或“缝合”在一起，如果你愿意的话）。有办法吗？谢谢啊，我明白了。我会很快写一个更新来帮助你。我设计这只猫已经超过13年了，大约有90种方法可以帮它剥皮。我会告诉你我对最好的方法的看法，尽管我相信很多人会有不同的想法。实际上，我需要你先回答这个问题。你需要这些图像有透明度吗？或者你的图片可以是白色背景吗？您好，再次感谢您的回复！对是的，透明度！是的，是的！绝对是的！事实上，我的第一个示例是一个透明的PNG.Edited。这是一种非插件方式。一旦你理解了它，用这种方式比用插件更快。如果您必须为50多个对象执行此操作，我建议您编写一个脚本。我不确定这样的插件是否存在。