Photoshop 实用动画教程

Photoshop 制作动画主要以 GIF 帧动画和简单过渡动画为主,适合电商配图、表情包、社交媒体动图等场景。下面带来两种实用动画的详细教程,分别是文字切换 GIF 和元素移动过渡动画,步骤清晰且容易上手,适合新手学习。

教程一:文字切换 GIF 动画

这种动画适合制作交替显示的标题动图,操作核心是通过控制图层可见性来切换帧内容。

新建文档打开 PS,按快捷键Ctrl+N新建文档,设置宽度 800 像素、高度 400 像素,分辨率 72 像素 / 英寸,颜色模式选 RGB(适配网页和屏幕显示),点击 “创建”。

准备分层素材选择文字工具(快捷键T),分别添加两组文字如 “早安” 和 “你好”,注意每组文字单独放在一个图层。比如图层 1 输入 “早安”,新建图层 2 输入 “你好”,避免图层混乱。

调出时间轴并创建帧点击顶部菜单栏 “窗口> 时间轴” 调出面板,点击时间轴里的按钮,选择 “创建帧动画”。接着点击时间轴底部 “复制所选帧” 图标,创建两帧。

设置帧内容与时间

  • 选中第一帧,在图层面板隐藏 “你好” 图层,只显示 “早安” 图层;选中第二帧,隐藏 “早安” 图层,显示 “你好” 图层。

  • 点击每一帧下方的时间值(默认可能是 0 秒),设置为 0.5 秒,控制每帧的显示时长。

设置循环与导出在时间轴底部的循环选项中选择 “永远”。最后按Alt+Shift+Ctrl+S打开 “存储为 Web 所用格式”,格式选 GIF,颜色设为 256 色,点击 “存储” 完成导出。


教程二:元素移动过渡动画

这种动画适合制作小图标平移、缩放等效果,利用帧的渐变过渡让动作更流畅。

准备基础素材新建合适尺寸的文档,用形状工具(如圆形工具)绘制一个图形作为动画元素,确保该元素在独立图层。

创建关键帧调出时间轴并选择帧动画,先创建第一帧(显示图形初始位置)。再点击 “复制所选帧” 创建第二帧,在第二帧中,用移动工具(快捷键V)将图形拖动到目标位置。若要做缩放效果,可按Ctrl+T调整图形大小。

添加过渡帧(优化流畅度)选中这两帧,点击时间轴右上角的菜单图标,选择 “过渡动画帧”,在弹出的窗口中设置过渡帧数(如 5 帧),点击确定,PS 会自动生成中间过渡帧,让移动 / 缩放动作更平滑。

调整参数并导出统一设置所有帧的延迟时间为 0.1 秒,循环选项设为 “永远”。预览满意后,同样通过 “存储为 Web 所用格式” 导出 GIF 即可。


进阶小技巧

优化 GIF 大小:导出时可减少颜色数量(如从 256 色降至 64 色),缩小图像尺寸,或删减重复帧,避免文件过大影响传输。

用视频生成 GIFAdobe:若有短视频素材,可通过 “文件> 导入 > 视频帧到图层”,将视频片段转为图层,再按上述步骤制作成 GIF。

添加特效:给图层添加 “渐变叠加”“投影” 等样式,能让动画视觉效果更丰富,且特效会随图层同步显示在对应帧中。



扫一扫关注微信