如何在WordPress中创建和添加Cinemagraphs

你想学习如何创建和添加Cinemagraphs在你的WordPress的帖子? Cinemagraphs是图像的一部分或区域移动,而图像的其余部分保持静止。 这些图像非常吸引人,并为您的文章添加一个讲故事的元素。 在本文中,我们将向您展示如何在WordPress中轻松创建和添加cinemagraphs。

为您的WordPress网站创建cinemagraphs

什么是Cinemagraphs?

Cinemagraphs通常是GIF图像,其中一小部分图像正在移动,而其余部分保持静止。 他们看起来非常电影,因此名称cinemagraphs。

Cinemagraph预览

他们为图像添加了一个讲故事的元素,使它们看起来更有吸引力。 当伴随长形内容,播客插曲或音频故事时,它们特别有用。

创建cinemagraphs有点不同于普通的GIF。 但是,如果您拥有合适的工具,那么只需付出一点努力,您就可以从自己的视频中创建出色的cinemagraph。

话虽如此,让我们来看看如何在WordPress中轻松创建和添加cinemagraphs。

从视频创建Cinemagraph

要开始,您需要以下项目:

  1. 一个小的视频剪辑,你想转换成一个cinemagraph
  2. Adobe Photoshop
  3. 你的时间,耐心和创造力

让我们开始吧。

首先,您需要准备好视频。 您可以使用像iMovie这样的视频编辑工具将视频剪裁到仅需要用于cinemagraph的最小剪辑。

接下来,您需要打开Photoshop并通过点击图层将视频导入图层 文件»导入»视频帧到图层 菜单。

将您的视频导入图层

选择您的视频,然后点击确定按钮继续。 根据您的视频大小,可能需要一段时间才能完全导入。

视频到图层导入

导入视频后,您将在“图层”面板下将视频帧视为图层。

从视频导入的图层

现在,您需要选择除第一层以外的所有图层(第1层)。

层»新»从图层组 菜单或按Command + G(Windows上的CTRL + G)将图层添加到组中。

分组的图层

接下来,您需要选择组并转到 层»层面膜»显示所有 为该组添加掩码。

揭示一切

添加蒙版后,按下Command + I(Windows上的Ctrl + I)键以反转蒙版的颜色。

现在将前景色设置为白色,然后单击画笔工具。 您需要使用画笔工具来突出显示您要在循环中显示的区域。

刷动画部分以突出显示它们

之后,去 窗口»时间轴 以动画格式打开所有图层。

您会注意到除了第一帧以外,所有帧在时间轴上都显示为透明。

时间线

要改变这种情况,请在图层面板中选择第一层(第1层),然后单击“Unfiy Layer Visibility”图标,然后按“匹配”按钮。

统一可见度

接下来,单击时间轴上的切换图标,然后选择所有框架。 之后再次点击切换按钮选择复制框架。

复制框架

复制框架后,点击切换按钮,然后选择“粘贴框架”选项。

您将被要求选择粘贴方法。 选择“选择后粘贴”,然后按OK按钮。

选择后粘贴

接下来,您需要再次单击时间轴切换图标,然后选择“反向帧”选项。

反向帧

你的cinemagraph动画几乎已经准备好了。

要将其保存在您的计算机上,请转到 文件»保存为Web 选项。 这将弹出一个弹出窗口,您需要选择GIF格式并点击保存按钮。

另存为GIF

这就是你所有的电影都准备好了。

您可以将其添加到您的网站,就像在WordPress中添加其他GIF一样。 只需编辑要添加cinemagraph的帖子或页面,然后单击添加媒体按钮即可。

用WordPress上传你的cinemagraph GIF

这将弹出媒体上传弹出,点击选择文件按钮从您的计算机上传GIF文件。

上传后,点击“插入后”按钮继续。

您现在将在您的WordPress文章编辑器中看到图像。

不要忘记保存或更新信息。 您现在可以点击预览按钮来查看正在运行的cinemagraph。 这是我们在本教程中创建的cinemagraph。

Cinemagraph示例