动画

用图层搭出动画:图层名加上 _a_ 前缀就成一帧,配上逗号延迟,导出即得 GIF 或 WEBP。

动画由帧和停留时间组成

常见的 GIF、APNG、WEBP 都属于动画图片,它们的结构并不神秘:一张画面就是一帧,再额外记录每帧停留多久后切到下一帧,连起来就动了起来。在本编辑器里,这类文件可以正常打开、修改和重新导出,导出格式仍然是这几种,不会因为编辑就变成视频。先理解「帧 + 时间」这两件事,后面的操作就都顺了。

用图层名造帧:加上 _a_ 前缀

不需要另外去找动画面板,动画可以直接由图层生成:把某个图层的名称改成以 _a_ 开头(例如 _a_dog),它就代表一帧。导出成 GIF、PNG 或 WEBP 时,编辑器会找出所有以 _a_ 开头的图层,第一个出现在第一帧,第二个出现在第二帧,依次类推;没有加前缀的图层(比如背景图、水印)则在每一帧里都会显示。

用图层名造帧:加上 _a_ 前缀:在线 PS 编辑器界面
右侧面板栏;点列顶部的粗线可以把这一列折叠或展开

给每帧设定停留时间

默认情况下每帧停留 100 毫秒,对多数画面来说偏快。想改时长,就在图层名末尾加一个英文逗号和数字,单位是毫秒:_a_dog,500 表示这一帧停留半秒。要注意数字本身就是图层名的一部分,动画节奏靠它来识别,所以别在用完之后随手把名字清理掉,否则时长会退回默认值。

打开已有动画会拆成图层

把一个现成的 GIF 或 WEBP 拖进编辑器打开,它会自动把每一帧还原成一个图层,并按顺序命名。于是删帧、调序、改尺寸这些操作都能用熟悉的方式完成——直接删图层、拖图层、缩放图像即可,不需要再去找专门的动画面板,也用不着担心图层名被改坏而影响动画结构。

让两组动画同时播放

如果你手上有两组各三帧的动画,想把它们叠在一起同时播,直接导出会得到六帧。做法是把每组动画的帧放进各自的图层组,再执行菜单「图层 - 动画 - 合并」,编辑器会找到这些组,把序号相同的帧压成一帧,最终得到三帧。也可以先在图层面板里只选中要合并的那几个组,再执行该命令,合并范围更可控。

要点速记

  • 图层名以 _a_ 开头即为一帧,不加前缀的图层会出现在所有帧里。
  • 在图层名末尾加逗号和毫秒数,例如 _a_01,500,即可让该帧停留半秒。
  • 导出时选择 GIF、PNG 或 WEBP,动画结构才会被识别。
  • 打开已有动画会把每帧还原成图层,删帧就是删图层。
  • 菜单「图层 - 动画 - 合并」可把多个图层组里的帧合并成一组。

边看边练,打开编辑器动手试一遍

免安装,在浏览器里直接打开 PSD 与其他常见图像格式,文件全程不上传服务器。

打开在线 PS 编辑器