想自己组合一个 GIF,本来以为这种简单的东西交给在线网站做就行了,不必用到 PR 来做,不然有点大材小用的感觉。但是在互联网找一圈后,能成功达到我的要求的根本没有,主要槽点在于:

  • 没有符合我需求的 GIF 处理。我要的是画面上的拼接,不是 GIF 前后合并
  • 不能直击痛点。WPS 图像处理也有 GIF 编辑,但是功能少和简陋。一些网站提供图像拼接,但是只能在规定的框架格式下运行(还要关注公众号)
  • 不能逐帧操作。WPS 图像处理可以逐帧操作,但简陋,不好调整图片
    额…突然发现我的需求还是挺复杂的。那么,刁钻的要求往往需要专业的软件解决,于是我就打算使用 PR 完成这个需求。

其实到最后,PR 也没能一键解决最后的需求。整个流程使用了许多软件和第三方服务,下面我将按照处理步骤分块拆解,读者可自由组合流程达到最终的目的。

需求描述

我拥有 GIF 图一张,PNG 素材两张(两个气泡框),我需要把他们整合到同一个画面生成 GIF,并且最后生成的 GIF 不同的帧显示指定的 PNG。

image-20230501182132872

制作简单 GIF 视频

方式一:使用 PR 软件制作动图

素材导入

两个气泡框的素材制作完成后,把所需要的文件导进来:

image-20230501182627900

调整好时间轴,刀片切割和拼接这些“视频条”(不懂专业名词)就不用我多说了吧:

image-20230501182750698

扩展画布

时间轴上选中 GIF 后,打开序列设置:

image-20230501182849883

调整画布大小:

image-20230501183003235

素材移动

为每一个片段添加“变换”效果(双击):

image-20230501183134619

在效果控件里调整位置、大小等参数:

image-20230501183306716

整个基本的 GIF 动画就制作好了!

导出

在老版本的 PR 里,GIF 的导出不支持把 Alpha 通道导出,也就是导出的 GIF 是黑色背景的。你可以看这篇文章确定一下你的 PR 是否可以直接导出透明背景的的 GIF:Premiere 2022 直接导出带透明通道 GIF 动画 - 知乎 (zhihu.com),注意,导出格式选择动画 GIF,不是GIF

如果你成功导出透明背景的 GIF 了,那么这篇文章就结束了!

如果上面这篇文章不能解决问题,那么你可以试着导出 PNG 序列:

image-20230501183800474

方式二:使用剪映专业版制作 GIF 动图

下载剪映专业版,我们只会使用它的免费功能。

添加一个透明背景素材:

image.png

可以为视频添加自定义字体:

image.png

字体的颜色建议灰色,这样无论是白色背景还是黑色背景都能看清。

GIF 视频制作完成后,下面就可以导出了:

image.png

选择 GIF 导出,分辨率尽量调低。剪映导出的 GIF 不带透明背景。因此我们需要进行下一步操作,将 GIF 导出图片序列。

GIF 导出图片序列

如果你通过 PR 已经导出的 PNG 图片序列,那么此步骤可以跳过。

这里我使用第三方免费在线工具完成这项操作。

打开 将GIF动图拆分成多张静态图片,支持单张或打包下载全部,直接把文件拖入到页面即可! - UU在线工具 (uutool.cn) 按操作指示即可。

image.png

去除 PNG 图片背景

如果你通过 PR 已经导出的 PNG 图片序列,那么此步骤可以跳过。

把 GIF 中的黑色背景去除的方法有很多。这里我就直接使用 Windows 自带的「照片」工具去除。

image.png

image.png

PNG 都处理好后就可以接下来后面的生成 GIF 步骤了。

PNG 序列生成 GIF

你可以用任何工具把 PNG 序列生成 GIF,如 PS 等。

方式一:WPS 图片处理(不推荐)

WPS 图片处理:

image-20230501183952279

添加 PNG 文件后调整速度,选择导出即可。

问题是它把透明底变白底了!(辣鸡,会员 🐶 都不充)

方式二:第三方免费网站 ezgif.com

这里我使用了在线网站进行处理:ezgif.com

参数参考下图:

image.png

注意看一下生成 GIF 中的一些选项,根据自己的情况选择。

成果展示

白天模式 夜间模式
image.png image.png

大功告成!

本文参考