0基础做动图？一个文案3分钟就能搞定（附详细步骤）
有好奇心，多试试，就够了～...
其实，这不是一个“技术帖”，因为太蹩脚、外行了，只能算是一个兴趣分享帖，于我自己只是一个惊喜的小确幸。虽然伪装成“技术帖”，所演示的东西，仍然希望得到方家指正和赐教。
本人纯属自学摸索，有很多专业术语及一些功能的更多用途并不清楚，也没多大兴趣深入了解，我觉得一点一点摸索着，能满足自己的小小好奇心，有闲的时候多试试就挺好的了。设计界不缺我一个设计师，但做文案会点小设计还是能加分哒～
这是前阵子我摸索做的头一张动图，处女作啊，就是我现在几乎每篇推文后面都会放的底图。首次在5月28日发的帖子《动不动就说欠谁谁一张电影票，真是够了》中使用～
如果你对这个动的效果有点兴趣，不妨往下看我如何3分钟做个动图出来，其实有的动效实现连30秒时间都花不到。
起初，我就是想做个能长久点用的带二维码的名片图，能动就最好了。根据自己的想法，先找好一个意向图，能反应我的某些想法或寄托某种精神愿望的，于是就对这张图很带感。
一个走钢丝的长颈鹿，勇敢、无畏、不协调……
于是，我就打开photoshop开始弄了
接着把长颈鹿图和二维码都拖到画板上，加上必要的文字图层——
操作到这里，没有哪一步是需要有什么基础的吧？都是傻瓜式操作了，下面也一样。
按理说，这样子我的初衷其实已经实现了，但如果只是这样，开始时用ppt搞下就可以了，干嘛还打开ps呢？不甘心呐！人家都能做出动图来，我也要做！哪怕只是字在动……
我对天发誓，到这一刻，我并不相信自己能做出会动的图。想起之前有个设计师同事说起过一个功能叫——时间轴，具体是啥功能我也不清楚，只是隐约记得是实现“动”的关键功能。
于是在菜单栏里翻了一遍（请原谅我本身对ps就是菜鸟水平）
在［窗口］里找到了［时间轴］，点开（实现动图效果的3分钟可以从这里开始计时了）
然后就看到了［时间轴］的操作框——
红圈放大如下
没错，这时候我是懵逼的，然后呢？我就不知道了……
好在好奇心让我把能点的按钮都点了一遍。当初会用ps搞点平面的皮毛，也得益于我最初把什么按钮都按了一遍的好奇，我相信这比看教程神马的更有用！
［时间轴］上能点得动的按钮有三处，从左至右分别是：
1，选择帧延迟时间
2，选择循环选项
3，复制所选帧
这时候能看到一些原本禁用的按钮也能点了，光看图标都能明白啥意思了吧。
对于“帧”的概念，大家应该不会完全不清楚，小时候都看过动画片，一定有玩过或接触过［翻页动画］的游戏——
刚才说了，我挨个试着“操作”到了［复制所选帧］，有了两帧（页）画面，两个画面肯定要有一点点不一样的，才能在播放的时候像动的样子嘛～
如上图所示，我把第二帧画面上的“走走停停 写写画画”的那个文字图层给隐藏了……然后，按下播放键——
看到动的东西了么？哈哈，当我瞅见那一行字闪闪的，几乎都要叫出来了～～～
不过，这字儿确实闪得太快了～～～
然后就在［选择帧延迟时间］按钮那里随便选了一下，把两帧画面都选了个0.5秒。
是的，我都在心里默默给自己点了个赞！
这时候，我发现刚才的［选择循环选项］好像没用到，也是，这动图肯定永远循环的好啊。
完成到这一步，总共也就30秒吧？不过在导图上，我花了差不多有两分钟，开始我以为另存为GIF图就行，结果却懵逼了，因为导出的图不动了？？？（不是说GIF就能动么？为什么？这个问题，很期望有大神指点我一下～～）
导图方式不对？立马又尝试点了［导出］
然后在这个列表里，瞅来瞅去，也就［存储为web所用格式］这个最有可能了～～～
对于这里面那么多的选项啊数据啊什么的，我看懵了，真心不了解也不想了解，直接一路存储、存储地按下去……
因为只有［存储］是蓝色按钮，应该表明可以按的，哈哈，其他还是不要想太多了啊～
最后打开保存的那个图，哇咔咔，哦了哦了～原来动图搞起来没那么难嘛！
我已经让字动了，下面让“长颈鹿”也动动？？
第一次尝试让长颈鹿动，只是考虑了它捧的那个“平衡杆”，其他元素我也不知道咋入手，结果出来就很拙劣（注意看杆儿哈）……
图没p好，哈哈，主要还是感觉这杆子怎么动都不明显，不如干脆把长颈鹿单独p出来。
抠图我是没信心的，也没必要为了一个不知道结果的尝试，去浪费工夫抠图，于是就用了个偷懒的办法，我把长颈鹿用［阈值］搞了一下——
这个功能也是无意中乱按发现原来可以有这种效果，然后把长颈鹿给剔干净了些……
然后组合一下，与之前对比效果如下——
是不是右边的鹿更出位，哈哈～既然已经给勾出来了，就索性让它出头！
再接着，就是重复刚才做文字动图效果的步骤，把［复制所选帧］按了两次（一共有了三帧画面），其实按一次也就够了（有两帧画面就能动了）。
［选择帧延迟时间］同样都照旧选了0.5秒。
最后的一步呢，就是把两个复制的［帧］上的长颈鹿分别依次向右移动了一点点位置，向左也行，反正跟第一帧有点位置上的变化，就可以了。
根据事后反复摸索的经验，建议在移动关键元素（想让它动的那个素材，比如我这个长颈鹿），一定要点选中不同帧再进行移动。
然后导图～哈哈～
后来没几天，我又得空做了下面几张，感觉越来越有样儿了——
感觉对这个0基础能实现简单动效的动图，已经“彻底”掌握了，再复杂的我就不会做了，目前还没兴趣去琢磨，毕竟这一招已经够用一阵子了。
虽然这个东西不是什么有难度的大技能，但我们搞文案的要是都会这一招，平时玩玩也是蛮帅哒～有不会的，可以赶紧上手啦～
＋ 互 动 话 题 ＋文案有必要会搞搞设计吗？
（欢迎在“留言区”发表观点）
＋ 推 荐 阅 读 ＋
- 除了文字，我还可以靠设计吃饭
- 你的文案无法“一稿过”的6个原因…
- 这年头做公众号，有什么技术可以保持不掉粉？
- 热爱文字，光说没用
- 文案接私活如何报价？绝对是个严肃的问题！
- 我们该如何认识与判断文案？
真是的，有些朋友连自己中奖了都不知道！
《0506-0531原创帖子评论有奖名单公布》
再不来领奖，我可要作废了啊！哼哼～
点“阅读原文”，给你和别人不一样的回答
关注 我的文字生涯
微信扫一扫关注公众号
