如何用AE对数据展示ui设计
作者:暂无发布时间:2019年10月24日 17:13

1.打开软件AE,将做好的psd数据展示的素材文件导入进来到合成中打开。


2.选择形状1给【蒙版路径】打上关键帧,后移几帧将路径上方的瞄点下移,再打上关键帧。后移几帧在复制第一个关键帧,对锚点在进行调整。在前移几帧选中上面所有的锚点上移一点打上关键帧。全选关键帧按【F9】添加缓动,调整运动曲线。


3.对应形状1关键帧在时间轴上的位置给形状图层1拷贝3图层的【蒙版路径】也打上相同变化的关键帧。全选关键帧按【F9】添加缓动。


4.同上给形状图层1拷贝2和形状图层1拷贝的【蒙版路径】也都打上关键帧。


5.使用【文本工具】输入数字,将最下面的数字对应素材中的数字。


6.新建一个纯色层命名为遮罩,使用【矩形工具】绘制一个遮挡框,后面的【轨道遮罩】选择【Alpha遮罩】。


7.对应【蒙版路径】的第一个关键帧给数字层的【位置】打上关键帧,对应【蒙版路径】的最后一个关键帧给数字层的【位置】下移到最后一个数字在打上关键帧。全选关键帧按【F9】添加缓动,调整运动曲线。


8.给遮罩层的【蒙版羽化】设为14,可以不那么生硬。


9.选中数字和遮罩图层【Ctrl+D】复制,先将【轨道遮罩】选择【无】选中所有关键帧和图层将其右移对应下个数字,将第一个数字5改成0。


10.最后一个数字改成9,其他的数字随机改变。再将【轨道遮罩】选择【Alpha遮罩】。


11.同样的方法在复制一组,右移,改变数字。将三层的【位置】关键帧错开一点,选中三组数字和遮罩【Ctrl+Shift+C】创建一个预合成命名为滚动数字。


12.复制一层滚动数字合成,将其右移,双击进入到合成中,只显示两层,将开始时间点上的数值设为23,将结束位置的数值设为68。


13.同上在复制一层滚动数字右移双击进去调整数值,在复制一层同样的方法后移双击进去调整数值。


14.选中黄色圆角矩形给【缩放】设为100%,100%打上关键帧,后移几帧【缩放】设为100%,70%打上关键帧,后移几帧【缩放】设为100%,100%再打上关键帧。再给【位置】打上关键帧,后移几帧右移在打上关键帧,全选关键帧按【F9】添加缓动。


15.将白色today图层的时间轴后移,给【不透明度】设为0打上关键帧,后移几帧设为100%打上关键帧,给TODAY灰色层的【不透明度】100%打上关键帧,后移几帧【不透明度】0%打上关键帧。


16.给YESTERDAY灰色层的【不透明度】设为0打上关键帧,后移几帧设为100%打上关键帧,给YESTERDAY白色层的【不透明度】100%打上关键帧,后移几帧【不透明度】0%打上关键帧。


17.在【效果和预设中】搜索【填充】添加到所有滚动数字图层上,调整颜色。将原始的数值删掉。


18.最终效果如图所示。


点击观看视频教程
AE-数据展示
中级拔高11102人已学视频时长:15:00
立即学习
特别声明:以上文章内容仅代表作者本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,401
并提交了160份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证