这次的教学非常简单,要用AE来制作文字的笔划动画。

 

在这篇教学中你会学到:

  1. 如何制作写出文字的动画效果。
  2. 如何修正该动画会露出其他笔划的问题(两种修法)。
  3. 如何再次运用金属造型文字……

 

文章底下附有本教学使用的专案档。

 

一如往常,开好专案和COMP,取好名:

然后输入你要的文字,这边我输入我自己。

 

再创建一个”搜里的”(Solid),或是调整层(Adjustment Layer)也可以:

取名为strokes,并先关闭图层显示。

 

直接进入操作:

用钢笔开始画笔划的顺序。

这边要注意一件事,请不要一条钢笔线就一次画到底,请分开来画。

一个笔划画好后,可以点一下时间轴或其他介面的空白处,就可以断开目前的钢笔路径、继续画下一条钢笔路径。

 

※其他方法可以使用Write on来做笔划动态,不过本次教学并不使用Write On来做。

 

※外挂部分则可以使用粒子或3D Stroke。这边不多做说明。

 

水平的路径:

可以按住SHIFT来创建、拖曳水平或垂直的钢笔路径。

同样的概念可以运用在拖曳物件方面。

 

 

在同个图层上画好所有笔划:

如果该笔划的头或尾是没有其他笔划存在(交接或重叠处),那钢笔路径请画超过文字。(例如”指”字的日部分)

 

开启该图层的显示:

并且加入Stroke这个效果。

 

设定如下:

颜色先选一个和背景、文字不同的、好辨别的颜色。

笔刷的Size拉大,确定笔划会完整盖住文字。

其他数值如上图。

 

将All Masks打勾:

会发现全部的笔划都出现了,那是因为End是100%的关系。

 

一般的做法在这边,就是将End的数值从0%设定到100%就完成了

半成品:

大部份的网路教学也都在这边就宣告结束。

 

不过

这边会有个问题出现:

一般的做法就是将我们画好的Strokes笔划,让文字吃它的Alpha,如上图。

 

不过笔划的形体并不会和文字字体一样,因此让文字吃笔划的Alpha,就会露出该笔划和其他笔划交界的一部分`.

要怎么解决这个问题呢?

 

我们再创一个图层:

取名叫Matte。

教学出现了那么多次的matte,应该知道它要做什么了吧!

 

我们把笔划之间的交界处(容易超过的部分)用钢笔框起来:

稍微顺着笔画的方向画。

 

 

全部画好后会像这样:

一样,照着笔划顺序画。(一定要照着顺序画哦!)

 

※小建议:

这边有两种修法,一种是用Stroke,一种是用Mask,因为复杂的笔划往往都要用Mask修,所以绘制遮罩请用「框」的方式(如上图)。

会有人觉得Stroke效果本身就具有笔刷粗度,于是只用钢笔画一条线的方式来遮住多余的部分,那遇到笔划复杂的字体就会修得很困难。

两者并不建议共存使用,要嘛就都使用Stroke,或只使用Mask,如果要两个一起使用,请分开图层控制。

 

※注意:以下Stroke效果修正非教学正式使用的方法,正式使用的方法为Mask遮罩(后续会提到)。

加入Stroke效果:

将All Masks打勾,笔刷的风格改成Revel Original Image,

 

将笔刷的大小拉大,让遮罩的内部全填满色板颜色:

拖拉End观察动画,稍微拉到第一个笔划的交界处来看看。

 

让文字吃笔划动态的Alpha:

 

回到strokes图层:

替它的End值设定关键影格。

我这边让它从0~4秒,由0%变成100%,让文字随着Storke笔划画出。

 

我将刚才的matte图层颜色改成红色,以方便观察它的存在。

 

将文字和它所吃的Alpha再comp起来:

Pre-Compose快捷键:CTRL+SHIFT+C。

 

 

回到matte的stroke效果上:

我将End改为100%,Start改为0%。

 

让文字不出现matte的部分:

如上。

 

被吃Matte关系的图层会自动关闭显示,我这边手动再把它打开:

然后将Start设定关键影格,并且按住CTRL+AL点击关键影格,属性变为方块状。

 

为方便观察,我将matte的不透明度降低到42%:

而这边的操作逻辑是,红色matte用来遮住笔划多画的区域,而下一笔笔划画过多画的区域后,就可以将红色matte收起来。

 

因此,我这边放大显示时间轴区域(游标在时间轴介面时,可按住ALT+滚轮缩放),观察笔划的时间点,然后调整Start值,让已画过的红色区域消失。

如下图:

 

 

这边犯了一个错误,就是笔划的顺序搞错了:

 

我将画错的遮罩删除:

然后重新绘制正确的遮罩。

 

你会发现,新画好的遮罩会在遮罩列的最下层,我们只要将它拉上去,回到正确的顺序即可。

由于遮罩修改后会更动到 Stroke效果的Start、End值所吃到的范围,因此会建议使用遮罩的方式修正,不推荐Stroke。(后续会提到Mask修正的方法)

 

这边发现它的笔划超过的、露出右方的文字区域:

 

进入text comp内:

将该笔画的钢笔路径修改一下,将最右边的节点往左拉一点,让它不要显示到右侧的文字区域。

 

又有matte笔划顺序错误的地方:

一样的方法修正。

(后续相同的错误,或是少画、多画的部分将不再展示修正截图)

 

如果matte笔划内的Stroke顺序有误,你可以设定节点的起始点来解决这个问题:

 

 

 

某些特别的情况可以直接修改遮罩的不透明度:

这也是第二种修正的方法,你也可以直接用遮罩的不透明度去修改,这是最推荐的方法。

 

※比起Stroke,Mask可以独立控制,修改路径也较为方便;Stroke一旦修改了遮罩路径,除了必须将遮罩的顺序放回去,还会更动到Stroke的Start、End吃的范围。

 

 

 

再更特别的情况是修改遮罩的路径形状:

 

注意:后面都用遮罩的方式去做修改了,因为较严谨的做法会是遮罩。Stroke的修法只用于造型简单的文字,以及Start和End的%值比较好控制。

因为是用遮罩的修法,前面用Stroke的修法可能会因此导致有些错误(例如遮罩形体被更动),所以后面的修改OK后,请回头检查一下之前的遮罩和Stroke。

 

都修改好后我们在将matte的不透明度改回100%,然后关闭显示。

 

笔划的边缘就会显得干净许多:

 

如果你想要更仔细一点,连笔划的转折都要一笔一画,那就要精确地将每个笔划拆开来做;

再更细腻一点,就是调控每个笔划的关键影格曲线,让动态模仿手写的速率,有快有慢。

教学这边并没有做这些处理。 ((鞠躬

 

 

 

 

成品:

看来这个金属造型文字可以用到天荒地老呢…… ((远目

 

这样的笔划动态不仅可以搭配材质,也可以替笔划做渐层、粒子,加上光的轨迹或是水彩、墨水等等。

 

那这次的教学到这结束了,谢谢~

 

那如果想略过上方教学,或想要搭配专案档学习

这边附上这次教学专案档供你选择下载:(详情请进入商品页面)

[product id=”2760″]

※详情请参考商品页面。