酷炫动效怎么做？试试这3款宝藏神器（已打包）

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

导言

随着“58 同城超级福利日”视频的上线，精致的界面、丝滑的动效展示给整个项目带来了更好的视觉观赏性与生动性。也让越来越多的设计师意识到单一的图形展示已无法满足一些特殊场景的情感化设计表达。本文结合了“58 同城超级福利日”项目案例，用几个简单的插件与脚本，带你实现炫酷的动效。

注：视频可选用超清模式观看更清晰。

案例解析

1. 预设动画

AE 软件内置了动画效果，包含了很多文字动画和特效，这些集成封装好的效果可以直接提升动画制作效率。同时还有一些第三方的插件或脚本也有制作好的集成效果，我们只需把效果拖拽放到制作对象的图层上即可完成。比如下图示例，“超级福利日”字体出场效果，包含了透明度、模糊度、缩放的变化，就是使用了 Mister Horse 脚本中的一个进场动画效果实现。

具体操作方法，选中图层后，打开插件面板找到对应效果点击添加即可，通常每个效果会包含三种形式：In (进场)、Out (出场)、Both (进出场)，可以根据需要进行添加。如果不满意还可以点击插件面板的 Edit 选项，再选择 Remove 即可移除。

2. 视频转场

好的转场一方面能够让视频过度更加自然，甚至用户都察觉不到，另一方面还可以产生酷炫的节奏感。同样在 Ae 中也内置了一些转场效果，但是现在看来这些大多效果略显 PPT 风，显得过于老旧。

而我们自己制作一个酷炫的转场又会耗费巨大的精力，简单有效的办法就是使用一些集成好的转场过渡素材，还可以对转场素材进行修改以达到我们满意的效果。如下，使用了故障效果的转场。

下面来演示一下怎么利用 Mister Horse 脚本来给视频添加过渡效果。

3. 3D 手势旋转模型导入 AE

视频中手机旋转切换活动的效果，若单独在 AE 或 C4D 中都无法实现效果与文件大小的最优。AE 中直接使用 3D 效果，手机在旋转的过程中会出现页面与手机不贴合、脱离等情况。若直接在 C4D 中制作多个旋转效果，则会导致视频的整体文件偏大，影响视频加载时间。

最终我们采取了一个折中的形式，先在 C4D 中将旋转的 3D 场景进行运动轨迹制作。将手机旋转序列与摄像机文件导入到 AE 中。旋转的动效进行复制，即可轻松实现多个切换效果也不会影响文件大小。页面与手机贴合的问题可以在 AE 中在进行细致地调整。

插件与脚本

好的 AE 插件&脚本会为你的动效设计添砖加瓦，节省大量的时间成本。动态设计师在日常的工作中都会依赖一些插件&脚本。下面为大家介绍一下本次文中使用的插件&脚本。不管你是高手还是菜鸟，以下几款插件都能让你的动效能力突飞猛进。

1. Mister Hors 马先生

马先生是一款能够快在 AE 软件中直接快速预览项目面板中的各个素材，不需要双击一个一个繁琐的预览，可以预览视频、图片、音频或合成的第一帧等一切素材，这款插件又出自疯狂的马头人，他出过很多精品的 AE 资源。

官网地址： https://misterhorse.com/

2. Glitch Transitions 脚本

Glitch Transitions 脚本是一款带有音效的故障过渡转场，包含 11 个独特类别的 500 个预设，轻松调整视频之间的剪辑！在几秒钟内设计和轻松编辑城市和徽标类别的过渡 – 即使您是 After Effects 的初学者！这些类别中的每个预设都有独特的颜色和效果控制器——您将能够更改颜色、打开和关闭不同的故障效果、调整元素大小等等。

3. Text Animator 一键添加文字动画和标题动画脚本扩展

Text Animator 是一款用于设置各种文本和标题动画的预设扩展工具。一键添加文字动画效果可以节省很多时间和金钱！1200 个预设双击快速添加到文本层，淡入淡出文字特效，弹跳文字动画，虚焦模糊文字动画等多种文字动画效果，可对时间、效果进行调整控制，可与任何语言、任何字体一起使用。

最后

以上为我们在这次项目的案例解析及运用到的视频制作的插件，插件已打包到附件，希望能对大家在日常设计工作中有所帮助或从中获得更多启发。

要做动效？这75款动效工具让你无所不能（上）

动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。

要做动效？这75款动效工具让你无所不能（下）

这个动效工具合集真的是够长啊！

欢迎关注「58UXD」的微信公众号：