别人的动效为什么这么酷！原来他们都用了这些插件（附送宝藏插件） UI/UX 21年10月18日 编辑 58UXD 取消关注 关注 私信 01 导言 随着“58同城超级福利日”视频的上线，精致的界面、丝滑的动效展示给整个项目带来了更好的视觉观赏性与生动性。也让越来越多的设计师意识到单一的图形展示已无法满足一些特殊场景的情感化设计表达。本文结合了“58同城超级福利日”项目案例，用几个简单的插件与脚本，带你实现炫酷的动效。 02 案例解析 · 预设动画 AE软件内置了动画效果，包含了很多文字动画和特效，这些集成封装好的效果可以直接提升动画制作效率。同时还有一些第三方的插件或脚本也有制作好的集成效果，我们只需把效果拖拽放到制作对象的图层上即可完成。比如下图示例，“超级福利日”字体出场效果，包含了透明度、模糊度、缩放的变化，就是使用了Mister Horse脚本中的一个进场动画效果实现。 具体操作方法，选中图层后，打开插件面板找到对应效果点击添加即可，通常每个效果会包含三种形式：In (进场)、Out (出场)、Both (进出场)，可以根据需要进行添加。如果不满意还可以点击插件面板的 Edit 选项，再选择 Remove 即可移除。 · 视频转场 好的转场一方面能够让视频过度更加自然，甚至用户都察觉不到，另一方面还可以产生酷炫的节奏感。同样在Ae中也内置了一些转场效果，但是现在看来这些大多效果略显PPT风，显得过于老旧。 而我们自己制作一个酷炫的转场又会耗费巨大的精力，简单有效的办法就是使用一些集成好的转场过渡素材，还可以对转场素材进行修改以达到我们满意的效果。如下，使用了故障效果的转场。 下面来演示一下怎么利用 Mister Horse 脚本来给视频添加过渡效果。 · 3D手势旋转模型导入AE 视频中手机旋转切换活动的效果，若单独在AE或C4D中都无法实现效果与文件大小的最优。AE中直接使用3D效果，手机在旋转的过程中会出现页面与手机不贴合、脱离等情况。若直接在C4D中制作多个旋转效果，则会导致视频的整体文件偏大，影响视频加载时间。 最终我们采取了一个折中的形式，先在C4D中将旋转的3D场景进行运动轨迹制作。将手机旋转序列与摄像机文件导入到AE中。旋转的动效进行复制，即可轻松实现多个切换效果也不会影响文件大小。页面与手机贴合的问题可以在AE中在进行细致地调整。 03 插件与脚本 好的AE插件&脚本会为你的动效设计添砖加瓦，节省大量的时间成本。动态设计师在日常的工作中都会依赖一些插件&脚本。下面为大家介绍一下本次文中使用的插件&脚本。不管你是高手还是菜鸟，以下几款插件都能让你的动效能力突飞猛进。 · Mister Hors马先生 马先生是一款能够快在AE软件中直接快速预览项目面板中的各个素材，不需要双击一个一个繁琐的预览，可以预览视频，图片，音频或合成的第一帧等一切素材，这款插件又出自疯狂的马头人，他出过很多精品的AE资源. 官网地址：https://misterhorse.com/ · Glitch Transitions 脚本 Glitch Transitions 脚本是一款带有音效的故障过渡转场，包含11个独特类别的500个预设。加强您的编辑游戏，轻松调整视频之间的剪辑！在几秒钟内设计和轻松编辑城市和徽标类别的过渡 – 即使您是 After Effects 的初学者！这些类别中的每个预设都有独特的颜色和效果控制器——您将能够更改颜色、打开和关闭不同的故障效果、调整元素大小等等。 · Text Animator 一键添加文字动画和标题动画脚本扩展 Text Animator 是一款用于设置各种文本和标题动画的预设扩展工具。一键添加文字动画效果可以节省很多时间和金钱！1200个预设双击快速添加到文本层，淡入淡出文字特效，弹跳文字动画，虚焦模糊文字动画等多种文字动画效果，可对时间、效果进行调整控制，可与任何语言一起使用，与任何字体一起使用。 04 最后 以上为我们在这次项目的案例解析及运用到的视频制作的插件，希望能对大家在日常设计工作中有所帮助或从中获得更多启发。 后台回复“AE插件”将赠送 Text Animator、Glitch Transitions 安装包。 ? 一起聊设计 ?♂️ 高质量，学知识的设计行业群 设计行业一手资料 设计大厂最直接内推 定期大咖直播 0门槛扫码进群！ 期待与更多优秀设计师一起成长? ? Our Daily Life 精彩设计展览 — 我们视频号开通啦 会定期分享设计师们的优秀视频 ?欢迎关注? 本篇文章来源于微信公众号:58UXD 58UXD
