如何在 WordPress 中创建和添加动态摄影图

01/05/2023

什么是动态摄影图?

动态摄影图通常是 GIF 图像,其中的一小部分图像在移动,而其余部分保持静止。由于其电影般的效果,它们看起来非常引人注目。

它们为图像增添了一种叙事元素,使其更具吸引力。它们在长篇内容、播客或音频故事中尤其有用。

创建动态摄影图与普通 GIF 有所不同。但是,如果您有合适的工具,花费一些精力和时间练习,您将能够从自己的视频中创建出色的动态摄影图。

从视频中创建动态摄影图

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

  • 要转换为动态摄影图的小视频片段
  • Adobe Photoshop
  • 您的时间、耐心和创造力

首先,您需要准备您的视频。您可以使用视频编辑工具如 iMovie 修剪视频,仅保留创建动态摄影图所需的最小片段。

接下来,您需要打开 Photoshop 并通过 File » Import » Video Frames to Layers 菜单将视频导入图层。

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

视频导入后,您将在图层面板下看到视频帧作为图层。

现在,您需要选择所有图层,除了第一个图层(Layer 1)。进入 Layer » New » Group From Layers 菜单或按 Command + G(Windows 上为 CTRL+G)将图层添加到组中。

接下来,选择该组并进入 Layer » Layer Mask » Reveal All 为组添加蒙版。添加蒙版后,按 Command + I(Windows 上为 Ctrl + I)键反转蒙版颜色。

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

之后,前往 Window » Timeline 打开所有图层的动画格式。您会发现除第一个帧外,时间轴中的所有帧都是透明的。

要更改这一点,在图层面板中选择第一个图层(Layer 1),然后点击 Unify Layer Visibility 图标,然后按下 Match 按钮。

接下来,点击时间轴的切换图标并选择所有帧。然后再次点击切换按钮选择 Copy Frames。

复制帧后,点击切换按钮并选择“Paste Frames”选项。系统会提示您选择一种粘贴方法。选择“Paste After Selection”并按 OK 按钮。

然后,您需要再次点击时间轴切换图标并选择“Reverse Frames”选项。

您的动态摄影图动画几乎已经准备好了。

要将其保存到您的计算机上,前往 File » Save for Web 选项。这将弹出一个弹窗,您需要选择 GIF 格式并点击保存按钮。

就是这样,您的动态摄影图准备好了。您可以像在 WordPress 中添加任何其他 GIF 一样将其添加到您的网站。

只需编辑要添加动态摄影图的文章或页面,然后点击添加媒体按钮。

这将弹出媒体上传弹窗,点击选择文件按钮从计算机上传 GIF 文件。上传完成后,点击“插入到文章”按钮继续。

您现在会在 WordPress 文章编辑器中看到图像。不要忘记保存或更新文章。您现在可以点击预览按钮查看动态摄影图的效果。这是我们在本教程中创建的动态摄影图。

我们希望本文能帮助您学习如何在 WordPress 中创建和添加动态摄影图。您可能还想看看我们的 WordPress 用户免费使用免版税图片的网站列表。

如果您喜欢本文,请订阅我们的 YouTube 频道以获取更多 WordPress 视频教程。您也可以在 Twitter 和 Facebook 上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>