PS基础操作-帧动画制作-学习记录

目录

打开帧动画功能

1、我们选择打开【窗口】-【时间轴】 功能

会出现帧动画的菜单工具栏

点击【创建帧动画】

​编辑

tips：如果觉得帧动画的预览图片太小了，可以在这里放大一些：

 如果你不小心手抽，把帧动画面板拖出来了，可以这样再拖回去：

 现在我们有2帧了，可以播放试试 

因为帧数少，所以看起来闪烁，所以我们可以使用【过渡动画帧】

 插入过渡帧之后，画面就不会这么闪烁了 ，而且，可以设置每一帧的延迟时间

导出成GIF

​编辑 导出的图片效果：

---

前言

在Photoshop中，帧动画是一种基础且强大的动画形式。创建帧动画的基本步骤如下：

1. 激活时间轴面板：在Photoshop的界面底部找到并点击“时间轴”面板以激活它。
2. 选择创建帧动画：在时间轴面板中选择“创建帧动画”选项，准备开始制作动画。
3. 创建新的帧：在时间轴中可以创建新的帧，每个帧代表动画的一个特定瞬间。
4. 编辑帧内容：通过在不同的帧上更改图像的内容，例如移动图层、改变不透明度或应用不同的效果等，来创造动画效果。
5. 调整帧延时和循环：设置每个帧显示的时间长度，以及整个动画的循环播放选项。
6. 预览和导出：使用时间轴上的播放按钮预览动画效果，并通过文件菜单中的“导出”功能将动画保存为GIF或其他视频格式。

帧动画非常适用于制作较为简单的循环动画效果，如广告横幅、网页元素动态效果或是社交媒体上的动态图标等。由于其简洁性和易于上手的特点，帧动画在设计领域中被广泛使用。

---

帧动画应用场景：

Photoshop的帧动画功能具备强大的制作能力，它能够创造出丰富的动画效果。以下是对其能力的扩展介绍：

• 位移动画：通过在时间轴上创建关键帧，并移动对象在不同帧之间的位置，可以制作出平滑的位移动画。例如，可以将一个圆角矩形从画布一侧移动到另一侧，形成简单的动画效果。
• 过渡效果：为了解决动画生硬的问题，Photoshop允许在两个关键帧之间添加过渡效果，使动画更加平滑自然。这可以通过“过渡”功能实现，它可以在位置、不透明度和效果等属性之间生成中间帧。
• 复杂动效：虽然时间轴和帧动画都可以实现复杂的动画效果，但具体的操作技巧和步骤可能会有所不同。在脑海中构思好动画效果后，可以将其分解成单个动作或元素，然后利用Photoshop的工具进行制作。

综上所述，Photoshop的帧动画不仅能够制作简单的位移和过渡效果，还能通过组合使用各种工具和技巧，创造出复杂且富有创意的动画作品。

---

打开帧动画功能

这是默认的PS打开界面效果：

1、我们选择打开【窗口】-【时间轴】 功能

会出现帧动画的菜单工具栏

点击【创建帧动画】

---

tips：如果觉得帧动画的预览图片太小了，可以在这里放大一些：

 

 如果你不小心手抽，把帧动画面板拖出来了，可以这样再拖回去：

 操作演示GIF：

---

 现在我们有2帧了，可以播放试试 

因为帧数少，所以看起来闪烁，所以我们可以使用【过渡动画帧】

 这样就插入了5帧

 插入过渡帧之后，画面就不会这么闪烁了 ，而且，可以设置每一帧的延迟时间

导出成GIF

 导出的图片效果：

---

 博主 [DTcode7] 带您 溺亖在知识的海洋里，嘿嘿嘿.~
🐒 个人主页—— DTcode7 的博客🐒

《微信小程序相关博客》
《Vue相关博客》
《前端开发习惯与小技巧相关博客》
《AIGC相关博客》

《photoshop相关博客》
😚 吾辈才疏学浅，摹写之作，恐有瑕疵。望诸君海涵赐教。望轻喷，嘤嘤嘤 🙈
🕍 愿斯文对汝有所裨益，纵其简陋未及渊博，亦足以略尽绵薄之力。倘若尚存阙漏，敬请不吝斧正，俾便精进！