图片序列特效编辑器

图片序列特效是动画中的视觉增强元素,如爆炸、闪光、烟雾等,可通过多张图片按顺序播放来形成动态特效。

如果你希望导入视频素材制作特效,请参阅 1.7.1 视频特效编辑器。如果你希望制作参数化粒子效果,请参阅 1.7.2 粒子特效编辑器

effect-editor


创建图片序列特效

  1. 在左侧项目树的 素材 → 特效 分类右侧,点击 + 按钮
  2. 在弹出的类型菜单中选择 图片序列特效
  3. 双击特效名称修改为更具描述性的名称(如「爆炸特效」「闪光特效」等)

编辑器界面

区域说明
状态列表管理特效状态
属性面板编辑特效的属性
画布预览右侧主区域,预览当前帧的效果
帧时间轴管理特效的每一帧

FPS 设置

FPS(每秒帧数)决定了特效动画的播放速度。

  • 较高的 FPS 值使动画播放更快、更流畅
  • 较低的 FPS 值使动画播放更慢

在属性面板中可以设置特效的 FPS 值。


帧(Frame)

特效由一系列序列帧图片组成。每一帧包含一张图片和变换信息。

添加帧

  1. 在帧时间轴区域,点击右键,在弹出的菜单中选择 添加图片
  2. 一次选择多张图片文件导入,每张图片会作为一帧添加到帧列表中

帧的顺序按照文件名排序,建议使用带有数字序列的文件名(如 effect_001.png, effect_002.png)来确保正确的帧顺序。

编辑帧

由于特效图片序列通常是预先制作好的同尺寸图片,因此很多情况下无需对每帧做大幅修改。但如果确实需要微调,也可以直接编辑每一帧的位置、旋转、缩放、倾斜和变形。

除了在属性面板中输入数值外,也可以在画布中选中当前帧并使用视图工具直接调整。

预览播放

点击播放按钮可以预览特效的动画效果,按照设定的 FPS 循环播放。

demo


状态(State)

特效也支持多状态管理,每个状态对应一段帧序列。

创建状态

  1. 在帧时间轴中,点击右键,在弹出菜单中选择 创建特效状态,即可添加新状态

特效状态虽然只记录“起始帧”,但在播放时会从当前状态的起始帧开始,一直播放到下一个状态之前,或播放到最后一帧为止。

add-state


使用技巧

  • 图片准备:建议使用透明背景的 PNG 图片,确保特效叠加在场景上时效果自然
  • FPS 调整:根据特效的节奏感调整 FPS,爆炸等快速特效适合高 FPS,烟雾等缓慢特效适合低 FPS
  • 帧级微调:如果某些帧的重心不一致,可以直接在画布中微调这些帧的位置或变形
  • 帧数建议:一般 4-12 帧即可制作出基本的特效动画
  • 循环特效:如果特效需要持续播放(如火焰),注意首尾帧的衔接要自然

动画剧本

可在剧本中使用的素材部分

图片序列特效在剧本中以「特效演员」的身份参与,可以通过以下方式引用:

元素引用方式说明
特效名【特效名】特效作为演员使用,支持 入场退场,以及通过属性调整 位置旋转角度缩放比例透明度 等 2D 演员属性
状态名【特效名】变换为【状态名】通过 变换为 切换到指定的帧序列片段
播放【特效名】通过 播放 循环播放当前状态的帧动画
暂停【特效名】通过 暂停 暂停帧动画

图片序列特效也可以作为道具的「特效引用部件」嵌入到道具中使用,此时无需在剧本中单独管理特效演员。

剧本示例

特效出场并播放

// 特效站到场景的定位点并播放
【爆炸特效】入场。
【爆炸特效】的【位置】变更为【教室】的【黑板中央】的【位置】。
播放【爆炸特效】。

切换状态后播放

// 先切换到指定状态,再播放该状态对应的帧序列
【爆炸特效】变换为【爆炸开始】。
播放【爆炸特效】。

停止动画并退场

暂停【爆炸特效】。
【1】秒内,【爆炸特效】的【透明度】变更为【0】。
【爆炸特效】退场。

综合示例:配合角色动作播放特效

【小明】说:"看我的魔法!"。
【0.3】秒内,【小明】的【右上臂】的【旋转角度】减少【60】。
【闪光特效】入场。
【闪光特效】的【位置】变更为【小明】的【0】度方向【300】点处。
播放【闪光特效】;
【1】秒内,【闪光特效】的【位置】增加【500】【0】。
暂停【闪光特效】,【闪光特效】退场。
【0.3】秒内,【小明】的【右上臂】的【旋转角度】增加【60】。