如何覆盖文本(或任何其他)在Photoshop中的动画GIF

photoshop-gif-caption-featured

有时单独的GIF是不够的; 有时你想添加一点点文本。 Photoshop可以做这项工作,但过程不像你想象的那么直观,尤其是如果你从来没有在Photoshop中编辑动画。

当您在Photoshop中导入GIF时,您会注意到每个帧都显示在“图层”中。值得注意的是,更改图层的顺序不会更改帧播放的顺序。

要找出,您需要打开时间轴窗口,这将在窗口>时间线下找到。

photoshop-window-timeline

这将添加一个新窗口,您可以在其中查看GIF中的帧,甚至打击播放按钮以预览播放。

photoshop-gif-时间轴显示

事情可能会有点混乱,让我们回顾一下。 为了我们的练习目的…

  • Timeline窗口让你控制什么顺序的帧回放,以及预览动画。
  • 该框架透明叠加图层窗口控件将超过现身。 例如,列表顶部的叠加层将显示在所有框架上。

有了这个,我们继续并添加我们的覆盖。 在这个例子中,我们将添加文本,所以像平常一样创建一个文本框。

photoshop文本工具

与往常一样,您的文字将被添加到一个新的层。 继续并将此叠加层拖动到图层列表的顶部。

photoshop-gif-text-layer

就像这样,您的文字重叠式广告会显示在所有的GIF。

熊猫跳跃文本

如果这是所有你想做的,你就完成了! 但是如果你想让叠加显示在动画中的某一点,事情会变得更复杂一些。 将文本框拖动到中间,看看我的意思。

熊猫跳跃文本层

在我的示例中,这样做导致文本显示的前半帧,然后消失。

熊猫跳跃文本中途

这可能是你想要的相反,并且唯一的方法来解决它是重新安排所有的图层。 将早期帧拖动到列表的顶部,将您的文本放在中间。

photoshop-gif重新排列

这样,您的文本就可以显示在GIF的中间。 你甚至可以添加另一点文本,稍后。

photoshop-gif-more-text

得到它?

熊猫 - 跳两个语句

获得正确的东西可能需要一段时间,但播放层的顺序足够长,你的文本会显示出来,当你想要它。

准备就绪后,我建议您单击文件>保存为Web以导出GIF; 你会得到很多的质量控制,这可以帮助减少文件大小。 享受你新完成的GIF!

未经允许不得转载:在线科技杂志 » 如何覆盖文本(或任何其他)在Photoshop中的动画GIF

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址