分享

FLASH遮罩动画学习笔记

 吉祥如意988 2017-03-05

FLASH遮罩动画学习笔记

吉祥如意988编辑


一、遮罩动画的制作方法

专家提示:

遮罩动画的原理是:在舞台前增加一个类似电影镜头的对象,将来导出的影片,只显示电影镜头“拍摄”出来的对象,其他不在电影镜头区域内的舞台对象不再显示。

(一)基本步骤:

1、新建文档

2、导入一张图片到舞台

3、新建图层2→选择【椭圆工具】→绘制一个无边框任意填充色的圆(将此圆当作电影镜头对象来使用)

注:共两个图层,图层1放置的是导入的图片,图层2放置的是绘制的圆。

4、定义动画遮罩效果→右键点击图层2→在弹出的对话框中勾选“遮罩层”

注:执行步骤4后,图层的结构发生了变化。

图层1的图标改变了,从普通图层变成了被遮罩层,并且图层缩进,自动加锁。

图层2的图标改变了,从普通图层变成了遮罩层,自动加锁,舞台显示也发生了变化,值显示电影镜头“拍摄”出来的对象,不在电影镜头区域内的舞台对象都没有显示。

5、Ctrl+回车,测试效果,可以看到只显示电影镜头区域内的图像。

(二)改变镜头形状

6、在图层1的第30帧按F5键,插入普通帧→选择图层2→将图层2解锁→在图层2的第30帧按F6键,插入关键帧→按Ctrl+T(打开变形面板)→将圆放大尺寸(比例)。

7、右键在第1-30帧区间点击→创建补间形状

8、Ctrl+回车,测试效果,可以看到只显示电影镜头区域内的图像,并且随着电影镜头的不断变大,显示出来的图像区域也越来越多。

(三)改变镜头位置

9、将图层2第1帧上的圆拖放到舞台左侧,将图层2第30帧上圆恢复到原来尺寸(比例),并拖放到舞台的右侧。

10、Ctrl+回车,测试效果,会看到随着电影镜头的移动,显示出来的动画内容也发生了变化,好像一个探照灯照射的效果。

专家提示:

1、在遮罩动画中,可以定义遮罩层中电影镜头对象的变化(尺寸、位置、形状等变化),最终显示的遮罩动画效果,也会随着电影镜头的变化而变化。

2、除了可以设置遮罩层中的电影镜头对象变化,还可以让被遮罩层中的对象进行变化,甚至可以是遮罩层和被遮罩层同时变化。

这样就可以设计出更加丰富多彩的遮罩动画效果。

二、利用遮罩动画实现电影镜头效果

1、新建文档

2、导入一张图片到舞台

3、选择【任意变形工具】→将图片压扁、拉长,并让图片左端对齐舞台左端;在40帧按【F6】插入关键帧→将图片向左移动使图片右端对齐舞台右端。

4、选择第1帧、40帧区间→右键点击→创建传统补间

5、新建图层2→选择【矩形工具】→绘制一个无边框任意填充色的矩形(散件)→调整矩形宽度和舞台宽度相同,高度和图片高度相同

6、定义动画遮罩效果→右键点击图层2→在弹出的对话框中勾选“遮罩层”

7、Ctrl+回车,测试效果

注:这样就定义了一个这种动画效果,图层2上是一个镜头的镜头“拍摄”对象,保持静止不动,图层1上是一个图片,它在做一个从右向左的移动动画,按下Ctrl+回车可以看到一个从左向右电影镜头的拍摄效果;之所以有这种效果,是因为相对运动的视觉,图层2上的镜头并没有动,只是图层1上图片在动,而我们最终看起来好像是电影镜头在移动一样,从这里可以体会到遮罩动画的奇妙效果。

推镜头效果制作

1、将图层1解锁→将图层2隐藏→在图层1第70帧按【F6】插入关键帧→选择第70帧上的图片→按Ctrl+T(打开变形面板)→设置宽和高同时放大到300%。

2、选择图层1的第40帧→选择图层2第70帧→按【F5】插入帧。

3、Ctrl+回车,测试效果。可以看到电影镜头从左向右拍摄景色后,推镜头得到一个景色的近景效果。

三、遮罩动画应用实例:

文字遮罩动画(水波文字特效)水波在文字上慢慢趟过,给人一种特殊的视觉效果。

(一)文字动画制作步骤

1、创建影片文档和元件

⑴新建文档→进行相应设置(280*100,舞台颜色任意)→确定。

⑵执行插入→新建元件【Ctrl+F8】→名称“文字”、类型“图形” →确定。

⑶选择文本工具→输入文字→打开属性面板【Ctrl+F3】→进行相应设置(字体、字号、颜色等)

⑷执行插入→新建元件【Ctrl+F8】→名称“遮罩”、类型“图形” →确定。

⑸打开颜色面板→选择填充类型为线性渐变→设置合适的填充颜色(如:黑、白、黑)。

⑹选择矩形工具→在场景中绘制一个纵向矩形。

2、创建黑白文字渐变动画

⑴返回场景1→新建图层2→将图层1命名为遮罩矩形→将图层2命名为遮罩文字。

⑵打开库【Ctrl+L】→将文字元件拖放一个实例到舞台中央。

⑶打开对齐面板【Ctrl+K】→勾选与舞台对齐→水平中齐→垂直中齐。

⑷选择矩形遮罩图层→打开库【Ctrl+L】→将遮罩元件拖放八个实例到遮罩图层。

⑸点选【选择工具】→框选八个实例→打开对齐面板【Ctrl+K】→勾选与舞台对齐→垂直中齐,将八个实例整齐排列成一排。

⑹执行修改→组合【Ctrl+G】组成一个群组。

⑺点选【选择工具】→将群组左端移动到与文字左端对齐。

⑻选择遮罩文字层→在第40帧按【F5】插入帧。

⑼选择遮罩矩形层→在第40帧按【F6】插入关键帧。

⑽选择遮罩矩形层第40帧上的矩形群组→将其向左移动一定距离。

⑾右键点选遮罩矩形层第1-40帧区间任意帧→创建传统补间。

⑿右键点选遮罩文字层→在弹出的菜单中勾选遮罩层。

⒀Ctrl+回车,测试效果。至此文字动画就制作好了。

(二)水波文字效果制作步骤

1、新建图层→命名为前置文字。

2、将制作遮罩文字层解锁→点选遮罩文字层第1帧→执行编辑→复制【Ctrl+C】

3、点选前置文字层第1帧→执行编辑→粘贴到当前位置【Ctrl+Shift+V】(这样就在前置文字图层得到一个和遮罩文字图层完全重合的文字)。

4、选择前置文字层第1帧→按一下向上方向的控制键→再按一下向左方向的控制键(前置文字图层中的文字向上、向左各位移了一个像素的位置)

5、点选舞台背景→打开属性面板→重新设置舞台的背景色为黑色。

6、Ctrl+回车,测试效果。水波文字特效制作完成。

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多