animate扇形遮罩层动画制作步骤(Animate中遮罩层的实例应用)(1)

使用图形元件和遮罩技术制作的动态字幕效果

对于初学Animate或者flash动画制作的同学来说,制作动态字幕是一种很烦琐的事情,比如一个MTV类的小作品,一首歌的歌词可能有几十行,没有经验的创作者很可能在字幕方面就做了几十个图层之多,这会使得制作和维护过程耗费大量的时间和精力。

如何最优化的处理这个问题?这一次的实例分享,教你在时间轴上如何应用两个图层就解决一个MTV的所有同步字幕的方法。

第一步是将作品分为若干组“场景”,比如第一个场景是片头部分,第二个场景是分镜一,依次类推,可以设计一句歌词切换一个分镜,也可以设计多句歌词一个分镜,最终加上一个和片头呼应的片尾部分。就好像一个书本的设计,有封面封底也有书的正文部分。

animate扇形遮罩层动画制作步骤(Animate中遮罩层的实例应用)(2)

遮罩层的使用 就是选择性的呈现对象

第二步是将歌词制成一个“图形元件”,再在屏幕的底部中间放一个“遮罩层”,遮罩层就像一个小窗口,我们让它来选择性的呈现一个对象。然后,每过一段时间,就让歌词这个图形元件向上移动,这样就有了场景和歌词的同步对应。

animate扇形遮罩层动画制作步骤(Animate中遮罩层的实例应用)(3)

把所有的歌词按行分段,变成一个图层元件,根据剧情向上移动

制作MTV的字幕部分,具体的操作步骤包括:

1.将下载的歌曲MP3文件导入到软件之中,并在属性面板上选择出来;

2.在网上找到对应歌词,把字歌词直接复制后在新建的“图形元件”内粘贴,

再把字体“分离”二次,转化成为“填充色块”(不保留任何字体属性,以确保任何机子都能打开原文件);

3. 回到主时间轴,新建一个图层,命名为歌词,把歌词元件拖到舞台的下方;

4.建立一个遮罩层,并画出用以遮罩的对象(图中绿色的矩形的位置)以制作选择性的显示歌词的效果;

5.建立字幕元件的“移动补间动画”; 在制作字幕元件的向上运动补间时,把遮罩层以轮廓显示,这样明确了元件的运动终点位置;

本例小结:

首先,我们得熟悉遮罩层的基础操作和思路,也要熟悉图形元件的运动补间操作;有了这些基础,我们才可以做这个案例的进阶应用;字幕是制作成为一个“图形元件”,它随着歌曲同步的向上运动(这也是需要根据剧情的发展手动编辑调整运动位置的);然后,用遮罩层把它的显示限定在只需要的那部分; 这样做,在主时间轴上,动态字幕方面就只需要两个主要图层了;也就提高了创作效率。

,