|
打开微博，刷到一条优设哥发的新浪微博： 点开GIF图看了下，然后又自己点了个赞试了下，的确是简单好看，感觉可以非常简便的用PPT模仿粗来，就忍不住跑来写教程了……GIF效果如下： 其实写到这里我自己都还没动手做呢，只是在脑子里过了一遍大概需要的步骤——这是个值得推荐大家学习的好习惯（陈老师好习惯不多，都是精华），看到一种平面或动画效果，如果感觉可以在PPT里借鉴，就可以先逆向思考下，要做出这样的效果大概可能需要些什么步骤，这样才能得到提高。 如果你只是看了心里感叹一下：真酷！真好看！那这个效果永远不是你的。 要做出这个效果，首先需要准备原材料：点赞的大拇指图标。因为后面需要改颜色，所以图片是不行的，必须要是矢量元素或者形状。 当然，你可以用任意多边形自己画，但如果有AI的话，可以直接到“阿里巴巴矢量素材库”去下载一个AI素材，这样更快一下。 打开阿里巴巴，搜索点赞： 在结果页浏览了一下，感觉这个赞和新浪微博的赞比较像： 下载AI素材： 将素材在AI打开后拖动到PPT页面，两次解除组合转换为形状，点赞的大拇指就准备好了： 由于需要变换颜色，所以我们需要一个变色后的点赞效果，将大拇指复制一份，填充色改为红色，然后利用矩形和任意多边形沿拇指边缘分别勾出两个色块置于底层，填充颜色，得到变色后的大拇指（这些颜色均可以截原图取色），原大拇指也用矩形和多边形铺底，填充白色： 将变色后的拇指及底部填色编为一组，元素就只差点赞后拇指顶部的三条线了。因为三条线的位置要看点赞后运动的拇指顶端而定，所以最后再做，先做动画。 再看一遍GIF： 这个动画貌似包含了三个单独效果： 1、放大缩小； 2、上移下移； 3、跷跷板。 三者综合起来才有了最终的效果…… 对于动画渣的小白来说，好像很麻烦啊！真的那么复杂吗？ 陈老师这么懒的人，都说了今天很忙了，如果真这么复杂我还会写教程？所以说，年轻人就是图样图森破，桑蚕丝拿衣服！ 其实这个动画是可以 偷懒的！！ 要想偷懒，你必须要具备两个素质：1、熟悉PPT的原生功能；2、熟悉插件。 只要你熟悉了PPT的原生功能，你就会知道，PPT的动画效果中，“强调”一类动画效果，有很多都只是针对文本的： 为什么后面那些动画是灰色不可选？因为我现在选中的是一个形状。如果我选中的是一个文本框，效果就不一样了： 看到最后的“波浪形”了吗，要不试试看它是个什么效果？
怎么样？是不是和刚才的点赞动画感觉很像呢？就差一个大小变化了。这还不简单，添加一个放大动画，并勾选“自动翻转”，将“动画文本”改为“整批发送”：
将动画设置为“从上一项开始”，并把时间设置为0.25。这里需要注意，因为我们勾选了自动翻转，放大后还要缩小还原，所以时间会自动翻倍，波浪形动画的时间是0.5，这个动画就只能设置0.25了，翻倍后刚好和0.5一样长：
现在再看一下效果，WOW~赞！：
我知道很多人都有疑惑——等下，陈老师！你刚才不是才说了，这个动画只能针对文本吗？我们的点赞手势是图形啊，选中它根本没法使用这个动画效果嘛！
呵呵，别忘了，刚才我说了，你还得具备的第二个素质：熟悉插件。 在OK插件工具栏最右下角有一个“口袋动画”的按钮，很多人可能以为那是一个友情链接，并没有什么实际的功能：
你错了。这里有一个很强大的口袋动画（PA插件）的功能被内置到了OK里，也就是说即便你没有安装口袋动画,也可以在OK插件里使用它。这个功能就是“图形逐帧”：
图形逐帧功能可以将形状转变为文本，从而利用文本动画的很多独有的特性做出很多原本无法做到的效果，比如一条鱼在摆着尾巴游动的动画……（时间紧迫，我就不去找那个素材了，锐普论坛里放过，是哪位大神的作品我忘了） 选中我们的点赞手势，点击“图形逐帧”，提示需要手动修改一些参数，如果在口袋动画里设置，就可以一步完成。其实做我们这个动画好像并没有太大影响，点击“确定”：
此时在PPT页面的左上方就会生成一个文本框格式的点赞图形了，好像看起来并没有什么变化，但你可以把鼠标点到它身上试试……
看到了吗？这是文本框！！有没有很神奇？ 好了，把刚才我们做到“陈老师好帅！”上的动画用动画刷直接刷给这个大拇指：
效果就粗来了：
帅爆了有木有？ 接下来要做三条线的效果，平面上比较容易画，只需强调一点就是把端点改为圆形：
动画方面，擦除就好，一次进入动画的擦除，一次退出动画的擦除，退出动画设置为紧跟进入动画可能效果不够紧凑，不妨设置为与上一动画同时，然后通过调节延迟时间来推后一点，让二者更加连贯。 完成之后的效果及动画方案如下：
把未填色的大拇指叠放在填色大拇指的上层，将其挡住，设置动画“消失”，设置触发器为点击自己（组合31即白色大拇指）：
最后一步，把前面的动画都拖到触发器动画下方，然后单独选中文本框动画，将其改为“自上一项之后”：
好了，看效果吧：
教了你们半天点赞效果，陈老师的苦心你们可懂？？？？哈哈哈哈哈……都自觉点啊！快去！ |
|
|
