图片抖动效果在线制作教程：4 步做出可分享的动画

什么是图片抖动、摇晃与震动效果？

图片抖动效果，就是让静态画面的一块区域快速往复移动，像被轻敲或突然受到刺激。幅度小、换向快是抖动；走得更远、更慢是摇晃；频率高、冲击强则接近震动。

三种叫法常会混用，可以按情绪选择：抖动适合表情和小道具，摇晃适合头发、丝带、布丁，震动适合受击、警告和夸张梗图。整张图一起动像镜头被撞，只让选中的区域动，主体才不会脱离场景。

想先看看实际效果，可以直接打开 Purupuru Maker 图片动画工具，不用下载软件。

如何制作图片抖动效果：4 步完成

先想清楚这次抖动要表达什么：是表情包里的“被戳到”，还是产品图里的“重点出现”。目标越明确，蒙版越容易画，参数也不必一开始就拉满。

第 1 步：上传一张清晰图片

支持 PNG、JPEG 和 WebP。第一次练习选主体单一、轮廓清楚的猫咪、布丁、玩偶或头像，四周留一点空白。原图越清晰，抖动后的边缘越稳；只发手机信息流时，适当缩小也会更快。

在 Purupuru Maker 工作室 中选择图片、拖入或粘贴内容开始制作。

第 2 步：涂抹动区并选择动作

用画笔涂真正需要动的部分，不要默认刷满整张图。人物可只涂发梢、脸颊或挂件，商品可只涂包装；眼睛、字幕和背景先固定。

快速震动先选 Quake，最接近漫画冲击和游戏受击；Bounce 像向上弹一下，Jelly 则适合布丁、脸颊和衣服。背景被涂到会跟着弯，主体中间漏涂会出现缝，橡皮擦和撤销可以修边。

在 Purupuru Maker 工作室 里涂画局部区域，再对比 Quake 与 Bounce 的实时预览。

第 3 步：调节幅度、速度和阻尼

幅度决定移动距离，速度决定换向快慢，阻尼决定多久停下。一次只调一个，连续看两个循环：第一遍看情绪，第二遍找重影和接缝。

快速小抖动用低幅度加高速度；想要摇晃则提高幅度、放慢速度，并给主体留空间。阻尼高，动作收得快；阻尼低，尾巴更有弹性。

如果感觉像“肉从脸上被拿下来”，先降幅度，再加阻尼，通常就能把局部运动贴回原图。

所有参数都可以在 Purupuru Maker 工作室 里边看边调，不需要上传图片等待服务器渲染。

第 4 步：导出 GIF、MP4 或 WebM

GIF 适合微信群、论坛和表情包，打开就会循环；照片颜色多时，MP4 通常更清楚；网页可考虑 WebM。平台会再次压缩，导出后最好用手机打开一次。首尾若突然跳动，缩短循环、降幅度或加阻尼即可。

完成预览后，在 Purupuru Maker 工作室 中选择需要的格式并下载动画。

免费在线图片动画工具对比

“在线”不代表每个工具的工作方式都一样。有的工具让整张图片套用固定震动，有的工具可以涂出局部区域；有的直接在浏览器处理，有的需要先上传。下面按实际制作时最容易遇到的几个维度做个快速对比。

只动局部时，Purupuru Maker 的画笔蒙版更合适；整张图像镜头一样抖动，ShakeImage 更直接。3D GIF Maker 和 WiggleMaker 偏向旋转、景深或整体摇摆。免费额度和隐私规则可能变化，使用前请再确认。

抖动、摇晃、震动：到底该怎么选？

把动作和材质联系起来：柔软、有重量的东西用摇晃；被戳到的可爱反应用抖动；碰撞、警报和漫画冲击用震动。不要只看名字，要看它能否自然回到原位。

如果你想做更柔和的效果，可以读读 中文图片摆动 GIF 制作指南，里面有固定点和循环接缝的处理方法。

想了解小幅回弹和可爱节奏，可以看看 中文图片抖动效果基础文章，再回到工作室试 Quake 或 Bounce。

图片抖动效果有哪些创意用途？

微信表情包和抖音、B站评论区的反应图适合短促抖动：只动拳头、脸颊或道具，字幕保持静止，笑点更清楚。

游戏和漫画可以把它当作受击提示；产品图则收敛幅度，只动包装、鞋带或功能区域，避免品牌文字变形。小红书封面、动态头像和原创贴纸可以用 Bounce 或 Jelly，最后记得缩到手机大小检查。

常见问题 FAQ

想快速做出可分享的小动画，先从局部和低幅度开始。下面是制作前最常见的六个问题。