最近在微信群里看到有人发那种文字会跳动的动图，感觉挺有意思的，就想着自己怎么制作字体动图。折腾了好几天，试了各种方法，总算搞明白了。今天就把我踩过的坑和学到的经验整理出来，希望能帮到有同样需求的朋友。
一、什么是字体动图？
说白了，字体动图就是让静态的文字动起来。比如文字从左往右移动、上下跳动、旋转、渐变色变化、闪光效果等等。这种动图在朋友圈、公众号文章、短视频封面里都很常见，能一下子抓住别人的注意力。
二、制作前需要准备什么？
- 一张干净的背景图（纯色、渐变或者透明背景都可以）
- 你想用的文字内容（建议不要太长，3-6个字最合适）
- 确定动图尺寸（一般用1080x1080或者750x1334）
- 想好动画效果（是左右移动、上下跳动还是旋转）
三、手机端怎么制作字体动图？
方法一：用微信小程序
微信里搜“字体动图”或者“文字动图制作”，能出来一堆小程序。操作步骤基本类似：
- 打开小程序，选一个空白模板
- 输入你想展示的文字
- 选字体样式（一般都有几十种免费字体）
- 选动画效果（弹跳、渐变、旋转、打字机效果等）
- 调整速度（太快看不清，太慢没动感）
- 导出保存到手机相册
这种方法的优点是免费、方便、不用下载软件，缺点是动图质量一般，很多小程序有水印，而且动画效果比较死板，自定义程度低。
方法二：用视频编辑App
像剪映、CapCut这些视频编辑App也能做字体动图。操作稍微复杂一点：
- 新建一个项目，比例选1:1
- 添加文字，调整字体和颜色
- 给文字添加动画效果（入场动画、出场动画、循环动画）
- 调整动画时长和速度
- 导出时选GIF格式或者导出视频后转成GIF
这个方法的好处是效果丰富，可以加背景、贴纸、特效，坏处是导出GIF时画质会压缩，而且视频转GIF比较麻烦。
四、电脑端怎么制作字体动图？
方法一：用在线网站
百度搜“在线字体动图制作”，有很多网站。比较常见的操作流程：
- 上传背景图或者选纯色背景
- 输入文字，选字体（有些网站支持上传自己电脑里的字体）
- 选动画类型（闪烁、波浪、呼吸、滚动等）
- 调整帧率（一般10-15帧/秒比较流畅）
- 下载GIF文件
在线网站的优势是不用安装软件，浏览器打开就能用，劣势是很多功能要付费，免费版有水印或者导出的动图尺寸很小。
方法二：用Photoshop
如果你电脑里有Photoshop，做字体动图其实很方便，而且效果最好。步骤：
- 新建文件，尺寸设好
- 用文字工具输入文字
- 打开时间轴面板（窗口-时间轴）
- 创建帧动画
- 每一帧修改文字的位置、大小、颜色或者透明度
- 设置每一帧的停留时间
- 选择循环次数（一般选永远）
- 导出为GIF（文件-导出-存储为Web所用格式）
PS做出来的动图质量最高，可以精确控制每一帧，但学习成本高，很多人不会用时间轴功能。
五、制作字体动图的常见问题
问题1：动图背景不透明怎么办？
很多工具默认背景是白色或者黑色，想要透明背景的话，导出时要选PNG序列或者支持透明通道的GIF格式。手机端小程序基本不支持透明背景，电脑端PS可以做到。
问题2：动图太大发不出去？
微信限制GIF不能超过10MB，如果动图太大，可以降低帧率、缩小尺寸、减少颜色数量。一般300x300像素、10帧/秒、颜色数128就能控制在5MB以内。
问题3：字体显示不全？
检查一下是不是字体包没装好，或者文字长度超出了画布。建议文字不要太长，如果必须用长文字，可以把画布宽度调大。
六、怎么让字体动图更好看？
- 背景颜色和文字颜色要有对比，比如深色背景配浅色文字
- 动画速度要适中，太慢显得拖沓，太快让人眼花
- 字体选择要匹配场景，可爱风格用圆体，商务风格用黑体
- 可以加一点光影效果或者渐变色彩让动图更有层次
- 如果文字有多个，可以设置依次出现的效果，比同时动更有节奏感
七、补充方案：用专业工具提高效率
上面说的那些方法基本能满足日常需求，但如果你要批量制作或者需要更精细的控制，可以试试一些专业工具。我最近在用一款叫字魂的字体工具，它里面有个动图制作功能。优点是比较傻瓜式，选好字体和动画效果就能生成，不用自己调帧率、透明度这些参数，而且字体库很全，有很多商业授权的字体可以直接用。但缺点也很明显，免费版只能导出带水印的动图，要去水印得开会员，而且动画模板不算太多，大概就二十来种，用久了会觉得不够用。另外它只能做纯文字动图，不能叠加背景图，如果你想做带背景的复杂动图，还是得用PS或者剪映。
总的来说，怎么制作字体动图这个问题，答案取决于你的需求。如果只是偶尔做一两张玩玩，用手机小程序就够了；如果想要效果好一点，可以试试剪映；如果讲究专业度和自定义，那还是Photoshop最靠谱。希望这篇经验分享能帮你少走弯路，做出自己满意的字体动图。
