更改特定 GIF 帧的背景

Posted

技术标签:

【中文标题】更改特定 GIF 帧的背景【英文标题】:Change background at specific GIF frame 【发布时间】:2017-11-21 13:42:52 【问题描述】:

我正在寻找在我的 WordPress 网站主页上做一些“动画”的建议, 我的主页上播放过一次 gif, 我想更改背景颜色,仅在 gif 的特定帧处。当 gif 达到 80 帧时,背景应该从白色切换到黑色。 可以用javascript完成吗? 你能指导我怎么做吗? 非常感谢

【问题讨论】:

为什么不改用视频呢?它们通常比等效的动画 GIF 更小,而且 html 视频元素为您提供了更多的控制权。 Check this Link 【参考方案1】:

80 帧或更多帧的 gif 对您的网站来说并不是很好。我强烈建议使用像Slider Revolution 这样的插件来创建动画或使用像Animate It! 这样的其他方法 视频也是另一种可能的选择。您可以借助一些在线工具将您的 gif 转换为视频。

【讨论】:

感谢您的回答,我可以使用视频,当然,这对我来说更好,但是如何在此视频的特定时间更改背景颜色?我会检查你的建议,任何更多的帮助将不胜感激,非常感谢! 您可以在 Photoshop (youtube.com/watch?v=ot5GwpQPjF0) 中创建您的 gif,并更改特定图层的背景颜色或使用 AfterEffects 等更高级的工具。如果您在 Photoshop 中打开 gif,您将拥有多个图层。选择要更改背景颜色的图层并使用 Photoshop 本身进行编辑。

以上是关于更改特定 GIF 帧的背景的主要内容,如果未能解决你的问题,请参考以下文章

如何更改特定 UITabBarItem 的背景 [关闭]

输入特定的全屏部分时,是不是可以更改标题背景?

如果我更改标签并返回,我的 GIF 会冻结一段时间(p5.js)

jqGrid更改特定列标题的背景颜色

闪亮的 Toastui 日历:更改特定日期的日历背景颜色

如何更改特定角度材质选项卡的背景颜色?