碎片文字动效怎么做

碎片文字动效就是一开始完整的字体会随着时间一下子变成碎片,看起来还是比较有视觉效果的,而且做起来也比较简单,用AE预设的效果就能够轻松制作了,今天小编就来教你如何制作碎片文字动效。

操作方法

  • 01

    打开电脑中的AE软件,ctrl+n新建一个合成,帧速率一般情况是30f,分辨率要选择完整。

  • 02

    创建合成之后,在画布上输入想要进行编辑的文本信息,在右侧字符面板中能够调整文字属性。

  • 03

    添加完本之后我们要添加一个图层样式来增加细节,右键点击文本图层,选择“图层样式-斜面和浮雕”

  • 04

    然后在右侧“效果和预设”中搜索“碎片”,搜索之后拖动到文本图层进行添加。

  • 05

    在一开始的位置打上关键帧,选择“作用力1-位置”进行添加即可。

  • 06

    接着移动进度条到后方,再次在作用力1中调整位置,这个时候要调整到上方。

  • 07

    再次往后移动,同样在作用力1中调整位置,位置要移动到整个碎片都消失。

  • 08

    最后框选所有关键帧,右键点击之后选择“关键帧辅助-缓动”,添加缓动辅助之后能够让整个画面运动比较柔和,这样我们就快速做好了一个效果。

(0)

相关推荐

  • 碎片融化字效怎么做

    经常在网上看教程视频的时候,都会看到一些国外大神做的炫酷文字效果,比如碎片融化字效,碎片融化字效看起来十分有设计感,并且制作起来也比较简单,适合新手入门学习,下面一起学习起来吧. 操作方法 01 打开 ...

  • 教UI系列教程 – 流动文字动效

    欢迎大家来到<看了也不会练>系列教程 看了很多文字类型的动效教程,使用的方法都差不多,用蒙版的形式去完成整体的动效,并且动效的实现难度比较容易,不过在完成基础动效后加上不同的细节还是能做出 ...

  • 教UI系列教程 – 故障文字动效

    欢迎大家来到<看了也不会练>系列教程 在周四晚上9点会在B站直播本教程,有问题也可以攒着到时候问哦! 也欢迎大家我的B站直播间(当然,不也无所谓,小声比比) UI中国 作者:UILEO A ...

  • 关于动效赋能产品体验的思考

    会AE的设计师有很多,似乎动效已经是设计师的标配,但你懂得如何利用动效提升产品体验吗?什么是动效呢?动效就是使UI富有表现力且让产品易于使用的元素和表现手段. 设计师在工作中经常会收到"我觉 ...

  • UI设计中我们为什么需要设计动效

    最近越来越多的国内公司开始动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性.更多的射鸡师们也开始投身动效设计领域. 随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始动效设计了,越 ...

  • 那些创意十足的Loading动效原型合集

    @SophiaDuang!又来新货啦! APP设计中,我们在很多地方都会用到Loading,全屏加载要Loading,下拉刷新要Loading,上滑加载也要Loading- 所以今天就给大家分享一下我 ...

  • 教UI系列教程 – 鸡蛋融体动效

    欢迎大家来到<看了也不会练>系列教程 这个教程本来就想做一个融体动效,做着做着就做成了一个蛋,然后越做越像一个蛋,那就直接做一个蛋吧. "AE教程做到这已经是第十二期了,坚持了几 ...

  • 如何运用Lottie库让动效落地(附Bodymovin插件)

    AE 动画直接变原生代码:Airbnb 发布开源动画库 Lottie(本文适合中级设计师阅读).我们常常会在各大设计网站看到一些很炫酷的动效设计,然而Android.iOS.React Native ...

  • 无代码做动效神器HYPE3入门教程

    Hype这个关键词在百度上搜索都不一定知道它到底是什么,但自从我用上之后,就爱上它了,就像当年喜欢上Sketch一样 >>> 它适合哪些人? 用AE、Flash等动画视频工具做App ...