Puru Frame, the Purupuru Maker animation mascotPurupuruMAKER
免费 · 无需登录 · 图片不会上传

Purupuru Maker ,让静态图片灵动起来。

上传一张图片,像涂鸦一样画出需要摆动的部分,马上看到弹性动画。微调节奏与力度,再把循环保存为 GIF、MP4 或 WebM;全部处理都在你的浏览器内完成。

  • 本地处理
  • 触屏友好
  • GIF · MP4 · WebM
LIVE PREVIEW4.8 SEC LOOP
MASK / RIBBON + HAIR
发梢与丝带,慢速轻盈摆动48%
PURUPURU STUDIO / START

先选一张图片,再进入专注制作页。

首页只负责开始;涂抹范围、调整动效和导出都放在下一页完成。

  1. 1选择图片
  2. 2涂出范围
  3. 3调整并保存
图片只在你的浏览器内处理
把图片拖到这里也可以直接粘贴剪贴板图片支持 PNG、JPEG、WebP · 可一次选择多张
动效样片库 / 10 组原创示例

十种素材,也应该有十种不同的动法

从原创角色、宠物、布丁、玩偶、像素画到漫画、水彩与玩具,所有示例均为全年龄原创内容,并针对材质分别调校动效。

01
原创角色轻盈漂浮
全年龄原创样片

背景保持稳定,只让丝带、袖口和发梢轻轻漂浮。

ORIGINAL DEMOLOCAL MOTION
02
宠物照片柔软晃动
宠物照片 wobble animation sample全年龄原创样片

保留猫咪慵懒的重量感,让身体和尾巴小幅软弹。

ORIGINAL DEMOLOCAL MOTION
03
喫茶店甜点布丁摇摇
喫茶店甜点 wobble animation sample全年龄原创样片

盘子和桌面不动,只让布丁本体自然颤动。

ORIGINAL DEMOLOCAL MOTION
04
手作玩偶弹簧跳跳
手作玩偶 wobble animation sample全年龄原创样片

木凳牢牢固定,填充柔软的身体弹一下再停住。

ORIGINAL DEMOLOCAL MOTION
05
像素画像素波浪
像素画 wobble animation sample全年龄原创样片

保留像素轮廓,只让果冻小精灵像波浪一样起伏。

ORIGINAL DEMOLOCAL MOTION
06
漫画分镜快速颤动
漫画分镜 wobble animation sample全年龄原创样片

短促、细碎的震动,很适合漫画反应镜头。

ORIGINAL DEMOLOCAL MOTION
07
产品设计无重力漂浮
产品设计 wobble animation sample全年龄原创样片

灯座保持稳定,灯罩和触手像失重一样漂浮。

ORIGINAL DEMOLOCAL MOTION
08
水彩画水彩游动
水彩画 wobble animation sample全年龄原创样片

保留纸张水彩纹理,让两条锦鲤各自摆动。

ORIGINAL DEMOLOCAL MOTION
09
治愈系吉祥物软弹跳跃
治愈系吉祥物 wobble animation sample全年龄原创样片

落地时轻轻压扁,是饭团吉祥物特有的软弹感。

ORIGINAL DEMOLOCAL MOTION
10
搪胶玩具发条震动
搪胶玩具 wobble animation sample全年龄原创样片

头盔、工具袋和手臂一起细颤,像真的发条玩具。

ORIGINAL DEMOLOCAL MOTION
只要三个小步骤

不到一分钟,让静态图片有弹性

Purupuru Maker 把完整流程摆在眼前:加入图片、涂运动区域、预览并导出。

01

加入静态图片

拖入 PNG、JPEG 或 WebP,也可以从剪贴板粘贴、输入网址,或使用内置示例。

02

涂出运动区域

画过的部分会摆动。用橡皮擦修边,在固定点附近降低强度,让动画更自然。

03

调节、录制、分享

选择 Jelly、Sway、Bounce、Wave、Pulse 或 Quake,再导出循环 GIF、MP4 或 WebM。

六种运动性格

从轻轻晃动到突然震颤

从预设开始,再单独调整速度、幅度、阻尼和重力,无需重新涂蒙版。

01

Jelly

柔和的双轴弹动,适合圆润轮廓和柔软材质。

02

Sway

舒缓的左右摇摆,适合头发、丝带和植物。

03

Bounce

带回弹感的上下跳动,适合贴纸与图标。

04

Wave

沿着轨迹流动的波形,适合布料和长形物体。

05

Pulse

像呼吸一样收缩与放大,适合标志和表情。

06

Quake

快速、碎片化的震动,适合夸张反应和梗图。

小工具,完整工作流

创作时需要的细节都在这里

图片留在本机

读取、涂抹、预览和导出都在浏览器内进行。

拖放、粘贴、网址

用最顺手的方式加入一张或多张素材。

触屏绘制与摇动

手机上可直接用手指涂画,支持设备还能摇一摇触发。

放心试错

画笔、橡皮擦、填满与清空操作都可以撤销和重做。

三种导出格式

本地生成 GIF,并在浏览器支持时录制 MP4 或 WebM。

一套设置,多张图片

批量模式让一组图片共享相同的预设与调节参数。

01

从一张静态图片开始,而不是从动画工程开始

传统动画工具通常要求创作者先建立图层、关键帧和时间轴。对于一张只想让头发轻轻摇摆、让文字产生弹性、让贴纸更有生命力的图片来说,这套流程往往过重。Purupuru Maker 把问题缩小为一个直观动作:在图片上画出需要移动的区域。涂过的像素形成运动层,没有涂到的部分继续充当稳定的视觉支点。这样的工作方式更像在纸上标记重点,而不是搭建一整套动画项目。

蒙版与动作参数彼此独立,所以创作者可以大胆试验。你可以保留同一块涂抹区域,在 Jelly、Sway、Bounce、Wave、Pulse 与 Quake 之间快速切换。速度决定节奏,幅度决定夸张程度,阻尼控制回弹是否柔和,重力则让摆动带有方向感。每次调整都会直接反映在实时预览中,不需要排队渲染,也不需要先理解复杂术语。

02

为什么本地处理对创作者很重要

表情包素材、尚未公开的插画、客户预览图和朋友照片都可能包含不希望上传的内容。Purupuru Maker 在当前浏览器标签页内完成图片读取、蒙版绘制、运动预览和文件导出,不把原始图片发送到应用服务器,也不会悄悄建立云端作品库。关闭页面后,当前工作内容会随会话结束,除非你已经主动下载导出文件。

本地处理也让创作节奏更轻。没有上传进度、服务器队列或积分消耗,画笔可以立即响应。最终速度取决于设备性能;如果使用较旧的手机,可以先把图片最长边控制在约 1280 像素,并制作一到两秒的短循环。对于颜色简单、尺寸较小的贴纸,GIF 很方便;对于照片或较长动画,WebM 或 MP4 往往能保留更多颜色并减少文件体积。

03

自然摆动的关键:中心、软边与固定点

可信的抖动并不是让整张图一起摇,而是让柔软区域相对于固定区域产生位移。开始涂画前,先找出绝对不能动的地方:人物的脸部中心、物体接触桌面的底部、鞋底、花盆或图标的基准线都可以成为支点。用较大的画笔覆盖运动区域中心,再在边缘降低强度。中心有力、边缘柔和,动画就不容易出现生硬的剪纸感。

不必沿轮廓逐像素描边。运动层在弯曲时需要一点邻近像素,轻微越界有时反而更自然。如果边缘出现重影,先降低幅度或增加阻尼,再考虑修改蒙版。橡皮擦适合重新挖出固定点;撤销与重做让你可以比较激进版本和克制版本。制作梗图时可以夸张,但制作头像、产品图或原创插画时,较慢速度与较小幅度通常更耐看。

04

为 GIF、短视频和社交媒体选择合适输出

GIF 的优势是像普通图片一样容易分享和自动循环,适合聊天、论坛、贴纸预览和轻量网页内容。它的颜色数量与压缩效率有限,因此最好缩小尺寸、减少复杂背景,并让循环尽量短。WebM 更适合网页与现代浏览器,通常能在更小体积下保留丰富颜色。MP4 的兼容范围很广,但能否直接在浏览器里生成取决于设备与 MediaRecorder 支持情况。

无论选择哪种格式,先观察循环首尾是否自然。速度过快会让动作像故障,幅度过大会暴露固定边缘,阻尼过低则可能产生机械感。Purupuru Maker 的目标不是替代专业角色绑定软件,而是让创作者在一分钟内把一个视觉想法变成可分享的小动画。对于表情包、社交帖子、贴纸、头像、博客配图和创意原型,这种轻量流程往往已经足够。

常见问题

开始制作前,你可能想知道这些

关于隐私、支持格式、手机操作与导出的简短答案。

01Purupuru Maker 是免费的吗?

是。核心的上传、蒙版绘制、实时预览与导出无需付费,也无需注册账号。

02图片会上传到服务器吗?

不会。图片像素、蒙版、预览和导出都在浏览器本地处理。

03支持哪些输入格式?

支持浏览器可以读取的 PNG、JPEG 和 WebP,可拖放、粘贴、选取文件或输入允许跨域访问的图片网址。

04为什么图片网址有时打不开?

部分网站禁止其他网页直接读取图片,这是跨域规则导致的。下载图片后再作为本地文件加入即可。

05手机可以使用吗?

可以。界面支持触屏绘制,部分移动设备还可以授权动作传感器,用摇动触发额外的摆动。

06怎样让摆动更自然?

保留一个固定支点,中心涂得更强,边缘更柔和,并从较小幅度与较高阻尼开始。

07可以撤销涂错的蒙版吗?

可以。画笔、橡皮擦、全图填充和清空都进入本地历史记录,可撤销或重做。

08为什么 MP4 按钮在某些浏览器不可用?

浏览器必须公开支持 MP4 的 MediaRecorder 编码能力。不可用时请选择 WebM,再按需要转换。

09GIF 和 WebM 应该选哪个?

需要像图片一样分享时选 GIF;需要更丰富颜色、更小体积或更长循环时优先选择 WebM。

10可以制作透明背景动画吗?

透明 PNG 可以保留在画布中,但最终透明度是否保留取决于所选导出格式与浏览器编码器。

11它可以替代 Live2D 吗?

不能。它适合快速的局部摆动与短循环,不是可以操控角色骨骼和表情的绑定工具。

12批量模式怎样工作?

加入多张图片后,它们会共享动作预设和调节值;你可以逐张编辑蒙版,再按同样节奏导出。

PURUPURU LAB NOTES

让循环动画更好看的制作笔记

三篇入门文章,讲清蒙版、动作预设与导出格式。

技巧 · 5 分钟

怎样涂出自然的摆动蒙版

从固定点、柔和边缘到局部强度,一套适合图片动画的实用蒙版方法。

阅读文章
动作设计 · 6 分钟

六种动作预设分别适合什么?

从 Jelly 到 Quake,快速找到与图片材质和情绪相匹配的运动。

阅读文章
导出 · 5 分钟

GIF、MP4 与 WebM 导出指南

根据发布场景、颜色与文件大小选择最合适的循环格式。

阅读文章

静态图片,只差一笔就能动起来。

不上传图片,直接在浏览器里完成柔软、可循环的小动画。

制作我的动画