你想学习如何创建和添加Cinemagraphs在你的WordPress的帖子? Cinemagraphs是图像的一部分或区域移动,而图像的其余部分保持静止。 这些图像非常吸引人,并为您的文章添加一个讲故事的元素。 在本文中,我们将向您展示如何在WordPress中轻松创建和添加cinemagraphs。
什么是Cinemagraphs?
Cinemagraphs通常是GIF图像,其中一小部分图像正在移动,而其余部分保持静止。 他们看起来非常电影,因此名称cinemagraphs。
他们为图像添加了一个讲故事的元素,使它们看起来更有吸引力。 当伴随长形内容,播客插曲或音频故事时,它们特别有用。
创建cinemagraphs有点不同于普通的GIF。 但是,如果您拥有合适的工具,那么只需付出一点努力,您就可以从自己的视频中创建出色的cinemagraph。
话虽如此,让我们来看看如何在WordPress中轻松创建和添加cinemagraphs。
从视频创建Cinemagraph
要开始,您需要以下项目:
- 一个小的视频剪辑,你想转换成一个cinemagraph
- Adobe Photoshop
- 你的时间,耐心和创造力
让我们开始吧。
首先,您需要准备好视频。 您可以使用像iMovie这样的视频编辑工具将视频剪裁到仅需要用于cinemagraph的最小剪辑。
接下来,您需要打开Photoshop并通过点击图层将视频导入图层 文件»导入»视频帧到图层 菜单。
选择您的视频,然后点击确定按钮继续。 根据您的视频大小,可能需要一段时间才能完全导入。
导入视频后,您将在“图层”面板下将视频帧视为图层。
现在,您需要选择除第一层以外的所有图层(第1层)。
去 层»新»从图层组 菜单或按Command + G(Windows上的CTRL + G)将图层添加到组中。
接下来,您需要选择组并转到 层»层面膜»显示所有 为该组添加掩码。
添加蒙版后,按下Command + I(Windows上的Ctrl + I)键以反转蒙版的颜色。
现在将前景色设置为白色,然后单击画笔工具。 您需要使用画笔工具来突出显示您要在循环中显示的区域。
之后,去 窗口»时间轴 以动画格式打开所有图层。
您会注意到除了第一帧以外,所有帧在时间轴上都显示为透明。
要改变这种情况,请在图层面板中选择第一层(第1层),然后单击“Unfiy Layer Visibility”图标,然后按“匹配”按钮。
接下来,单击时间轴上的切换图标,然后选择所有框架。 之后再次点击切换按钮选择复制框架。
复制框架后,点击切换按钮,然后选择“粘贴框架”选项。
您将被要求选择粘贴方法。 选择“选择后粘贴”,然后按OK按钮。
接下来,您需要再次单击时间轴切换图标,然后选择“反向帧”选项。
你的cinemagraph动画几乎已经准备好了。
要将其保存在您的计算机上,请转到 文件»保存为Web 选项。 这将弹出一个弹出窗口,您需要选择GIF格式并点击保存按钮。
这就是你所有的电影都准备好了。
您可以将其添加到您的网站,就像在WordPress中添加其他GIF一样。 只需编辑要添加cinemagraph的帖子或页面,然后单击添加媒体按钮即可。
这将弹出媒体上传弹出,点击选择文件按钮从您的计算机上传GIF文件。
上传后,点击“插入后”按钮继续。
您现在将在您的WordPress文章编辑器中看到图像。
不要忘记保存或更新信息。 您现在可以点击预览按钮来查看正在运行的cinemagraph。 这是我们在本教程中创建的cinemagraph。