简单的数字滚动效果

上海/UI设计师/149天前/7浏览
简单的数字滚动效果
常看到一些数字滚动的效果,比如:
上下翻滚效果(截图来自WPS)
上下翻滚效果(截图来自WPS)
Collect
应用效果如下:
简单的数字滚动效果
Collect
制作方法如下:
1.打开AE,打上数字0-9
输入数字0-9
输入数字0-9
Collect
2.如果是上下滚动,这一步调整方向
竖向
竖向
Collect
3.画一个矩形(注意先点击画板周围灰色区域,目的是不选择任何图层)
画矩形
画矩形
Collect
4.调整数字位置,蒙层选择刚画的形状图层1,矩形以外的数字就消失了(没有蒙版,点击左下角第二个图标)
蒙版
蒙版
Collect
5.打开位置,添加关键帧
简单的数字滚动效果
Collect
6.在2秒位置再添加关键帧,同时上下移动数字,比如我移动到5(按住shift可以保证垂直移动)
简单的数字滚动效果
Collect
7.点击运动模糊,空格键预览效果
简单的数字滚动效果
Collect
8.再调整时间间隔,效果基本有了
简单的数字滚动效果
Collect
9.按F9,调整帧,再次预览
简单的数字滚动效果
Collect
最简单的效果基本完成,加入其他内容导出GIF(AE默认不能直接导出,需要借助其他工具),效果如下:
无回弹效果
无回弹效果
Collect
如需增加回弹效果,可以继续增加关键帧,这要看应用场景,有回弹会增加趣味性:
有回弹效果
有回弹效果
Collect
可以看到会增加一些趣味,但这里案例我觉得需要严肃,所以使用无回弹效果
0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
交互
交互
交互
交互
精选收藏夹
作品收藏夹
中国风元素插画
中国风元素插画
中国风元素插画
中国风元素插画
精选收藏夹
作品收藏夹
大家都在看
Log in