android 动态绘制文字 an怎么做动态文字_图层


哈喽,大家好,今天给大家带来的是文字流动效果的动画制作教程,通过背景、手机、书三个素材,用AE制作出下方视频中的效果,一起来看看吧!


android 动态绘制文字 an怎么做动态文字_图层_02

文字流动效果https://www.zhihu.com/video/1223971984666996736

文字流动效果教程

01.制作步骤

在AE制作之前使用PS将需要的素材准备好,例如背景、手机、书,在PS当中把不需要的背景去掉,输出PNG文件或者保留PSD文件都可以。


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_03


android 动态绘制文字 an怎么做动态文字_锚点_04


android 动态绘制文字 an怎么做动态文字_关键帧_05


02.制作步骤

在AE中进行效果的制作,将背景和手机拖入AE中,创建合成,尺寸为1280*720,将手机放入相对应的位置。


android 动态绘制文字 an怎么做动态文字_文字抖动_06


03.制作步骤

复制手机,来制作反射的效果,缩放属性中等比缩放关联器关掉,在Y轴输入“-”


android 动态绘制文字 an怎么做动态文字_锚点_07


android 动态绘制文字 an怎么做动态文字_文字抖动_08


04.制作步骤

反射效果不理想,在反射的手机上添加网格变形效果,特效-扭曲-网格变形,拖动网格上的点对图像进行变形,为了方便变形,将网格的水平和竖直的数量减少


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_09


android 动态绘制文字 an怎么做动态文字_锚点_10


05.制作步骤

另外一个手机同样的效果,制作好之后将两个反射的手机预合成,不透明图调低,并且绘制好MASK,调整好羽化,使反射效果更佳自然。


android 动态绘制文字 an怎么做动态文字_图层_11


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_12


06.制作步骤

将书的素材导入,同样的方法制作好。


android 动态绘制文字 an怎么做动态文字_图层_13


07.制作步骤

制作阴影效果,形状图层绘制椭圆,放置在书下方,添加高斯模糊制作边缘羽化效果,将透明降低。


android 动态绘制文字 an怎么做动态文字_文字抖动_14


android 动态绘制文字 an怎么做动态文字_关键帧_15


效果如下:


android 动态绘制文字 an怎么做动态文字_图层_16


08.制作步骤

同样的方法在手机下方绘制椭圆,调整好角度


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_17


09.制作步骤

将制作好的背景预合成,做好命名。

10.制作步骤

创建文字,调整好文字的字体和大小


android 动态绘制文字 an怎么做动态文字_关键帧_18


11.制作步骤

将文字制作动画,设计好文字的运动路径。


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_19


android 动态绘制文字 an怎么做动态文字_关键帧_20


android 动态绘制文字 an怎么做动态文字_文字抖动_21


12.制作步骤

先启用逐字3D化,文本-动画-逐字3D化。


android 动态绘制文字 an怎么做动态文字_关键帧_22


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_23


13.制作步骤

目前制作的是文字整体的运动,我们需要的是单个字符的不规则运动,在文字下方创建动画制作工具,文本-动画-锚点,先创建一个锚点的动画,创建之后会自动生成一个动画制作工具,因为后面还要创建好几个动画工具,所以这里先改好名称。并且给锚点制作动画。


android 动态绘制文字 an怎么做动态文字_图层_24


android 动态绘制文字 an怎么做动态文字_锚点_25


android 动态绘制文字 an怎么做动态文字_关键帧_26


三个动画的数值分别为:


android 动态绘制文字 an怎么做动态文字_android 动态绘制文字_27


android 动态绘制文字 an怎么做动态文字_锚点_28


android 动态绘制文字 an怎么做动态文字_锚点_29


14.制作步骤

选择文本字样,再次添加动画工具,这次添加位置,添加完之后在这个动画工具后方点击添加小三角,在添加一个摆动工具,将这个动画工具命名为位置抖动,这个动画工具是为了制作文字在位置属性上的随机抖动的动画。


android 动态绘制文字 an怎么做动态文字_锚点_30


15.制作步骤

这里制作了3个关键帧


android 动态绘制文字 an怎么做动态文字_文字抖动_31


数值分别为


android 动态绘制文字 an怎么做动态文字_关键帧_32


android 动态绘制文字 an怎么做动态文字_关键帧_33


android 动态绘制文字 an怎么做动态文字_文字抖动_34


将摆动选择器的三角打开,调整摆动/秒,和关联两个属性,参数如下


android 动态绘制文字 an怎么做动态文字_关键帧_35


效果如下:


android 动态绘制文字 an怎么做动态文字_锚点_36


16.制作步骤

再次点击文本-动画,再创建一个动画工具,这次添加旋转属性,让文字在旋转上产生不规则的随机旋转效果。制作完毕之后根据文字的位置,制作不透明度的动画,从书下方逐渐出现的效果。


android 动态绘制文字 an怎么做动态文字_文字抖动_37


android 动态绘制文字 an怎么做动态文字_锚点_38


android 动态绘制文字 an怎么做动态文字_图层_39


17.制作步骤

一个文字效果有些单薄,我们可以将文字多复制基层,选中文字图层,将其预合成,在合成中复制十个文字,并将其时间位置一一错开。


android 动态绘制文字 an怎么做动态文字_图层_40


android 动态绘制文字 an怎么做动态文字_文字抖动_41


可以根据画面的效果将每个文字层的关键帧稍稍调整一下数值,让每个文字的效果稍微有些不同。效果如下


android 动态绘制文字 an怎么做动态文字_图层_42


18.制作步骤

给文字制作遮罩


android 动态绘制文字 an怎么做动态文字_图层_43


19.制作步骤

文字进入手机时,手机画面制作一些涟漪的变形效果,找到手机素材,特效-扭曲-波纹,文字接触手机时开始有涟漪效果,给半径做动画。


android 动态绘制文字 an怎么做动态文字_关键帧_44


最终效果如下


android 动态绘制文字 an怎么做动态文字_文字抖动_45