这次的教学非常简单,要用AE来制作文字的笔划动画。
在这篇教学中你会学到:
- 如何制作写出文字的动画效果。
- 如何修正该动画会露出其他笔划的问题(两种修法)。
- 如何再次运用金属造型文字……
文章底下附有本教学使用的专案档。
一如往常,开好专案和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″]
※详情请参考商品页面。