如何使用Photoshop优化动画GIF中的重复帧?


10

我一直在尝试一种叫做Cinemagraphs的技术。该技术制作了动画GIF,其中只有一小部分场景被动画化。这是我刚刚制作的一个快速的:

在此处输入图片说明

到目前为止,Photoshop在压缩场景的静态部分方面做得很好。通过仅遮盖活动部分,您可以节省几兆字节。

在此处输入图片说明

Photoshop无法很好地优化的是重复的帧。为了获得无缝循环,我复制了所有帧并将其反转。在上面的示例中,新闻播音员向左转,需要转回其原始位置。这总是使GIF的大小增加一倍。如何告诉Photoshop像优化静态区域一样优化重复的帧?在“时间轴”面板的菜单中,我已经使用了“优化动画”选项,但是没有执行任何操作。


我认为Photoshop没有任何机制可以查看“重复帧”。它仅看到帧之间的相似像素。即使这样,我相信只有前一帧和下一帧。
斯科特,

@Dominic我无法控制CSS / JS。我将把这些gif文件发布到其他站点。斯科特:您知道PS如何将静态零件与动态零件分开吗?它是边界框(圆形,三角形等)吗?允许多少动态区域?等等...
JoJo,

Answers:


3

如果我理解您的问题,您会获得一个动画(可以说是5帧)。框架1和5、2和4相同。因此,您希望Photoshop像这样播放gif:1、2、3、2、1。

不幸的是,使用动画gif是不可能的。构建Gif允许数据流式传输,并在加载数据时按顺序显示下一帧。第一帧被认为是全局的,并且其数据可以在每个后续帧中使用。因此,第一帧设置了基准,然后“优化动画”使第一帧以外的相同像素透明。因此,无法重播上一帧,即使帧与当前帧相同,它们也必须重播。维基百科比我更详细地解释了它

很久以前,我通过javascript和带编号的jpg序列执行了与您要查找的内容相似的操作(看菜单)。该脚本在鼠标悬停时播放1-10的图像,然后在鼠标悬停时播放10-1的图像。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.