UI·交互设计

100个AE小动画教程挑战——001 数字变化小动画

2020-05-16  本文已影响0人  白云熊胆丸说


以下是数字变化小动画的效果图

AE全称 Adobe After Effects。是一款PC端的图形视频处理软件,可以制作酷炫的动画特效。

教程:

1、打开AE,新建合成


设置宽度1000、高度500、持续时间5s(这几个数值仅供参考,建议宽高度不要调太大)


我这个合成设置帧速率默认是30帧/秒,你可以改也可以不改。

2、在合成中新建纯色,然后随便选一个颜色

3、用文字工具写几个数字

4、在效果与预设中搜索“编号”

5、把“编号”效果拖到数字文本上去

6、如果AE提示出现错误,点“确定”就可以了,AE会自动给你换个字体。

对齐方式点“居中对齐”,最后点“确定”。

7、调整文字大小,字体颜色也可以调整一下


8、给时间标尺的开头处打上关键帧

9、然后把时间标尺拉到4、5秒处,拉大“数值”(想拉多少拉多少),我拉到了两千多。


把“小数位数”改为0。

在“类型”处还可以更改数值类型

到这一步,这个动画已经做好了,可以敲空格键播放预览看看。


另外,如果勾选了“随机值”的话,这个小动画也是可以做成随机数效果的,随机数适用于抽奖

10、这个步骤是要将做好的动画导出来。


点导出——添加到渲染队列。


然后更改输出文件的名字和保存位置(防止保存完了之后找不到文件保存到哪里去了)。


最后点“渲染”。

到这一步骤时,小动画已经做好了,你可以根据自己的需求将小动画转化成GIF图或者MP4视频。


转化为MP4视频的话,需要使用到PR,即  Adobe Premiere 。


转化为GIF图的话,需要使用到Photoshop,方法如下:


(1)打开Photoshop,把刚刚导出的文件拖到Photoshop里

(2)点击文件——导出——储存为Web所用格式(旧版)

(3)格式选择“GIF”,最后点“储存”。

tip:储存在电脑上的的GIF图不要通过微信(包括文件传输助手)发送到手机,否则无法将GIF保存到手机里。


建议通过QQ、数据线等其他方式将GIF图传到手机上。



上一篇 下一篇

猜你喜欢

热点阅读