FLASH 动画设计与制作

[email protected]@qq.comm

博客 http://blog.sina.com.cn/wfsylu1

FLASHFLASH 动画设计与制作

主讲：吴芳

第 3 章遮罩动画



总 4 学时 : 讲课 2 上机 :2 具体内容：具体内容：遮罩层动画。声音的添加。 Alpha 通道 , 中心轴变化等多种动画制作技术及技巧。鼠绘元件。重点：重点：遮罩层动画原理遮罩层动画应用 , 遮罩层动画实例，

鼠绘元件 , 中心轴等多种技术应用难点：难点：遮罩层动画习题：习题：如何产生遮罩效果？如何在影片中加入声音？



遮罩动画

遮罩基本概念：

用于控制被遮罩层内容的显示，从而制作一些复杂的动画效果 , 如聚光灯效果等等。



遮罩层动画图例遮罩层的内容就好比一个洞，透过这个洞，我们可以看到下面的层。遮罩层的对象可以是填充的形状、文字和实例。



【例】 1. 制作探照灯效果的动画。设计思想：利用遮罩层运动的圆遮罩下面的文字，形成探照灯的效果。

【例】 2. 使用层的遮罩技术滚动显示彩色文字。

设计思想：在图层 1 有运动的图片；在图层 2 有所需的文字，设置为遮罩层。

13357397561335739756@@qqqq.com.com 博客 http://blog.sina.com.cn/wfsylu

特效文字制作（对第二章的复习）



声音的概念

声音的数位和频率，计算机中处理声音，最基本的操作是采样。声音是以赫兹（ Hz ）为单位的，在采样中，每秒钟的采样数量（即采样率）和采样的波形值（采样尺寸）就决定了声音的质量。

在 Flash 中不能自己创建或是录制声音，编辑动画所使用的声音文件，需要从外部导入到 Flash 中。

声音的导入与使用



声音在动画中占有相当重要的地位，它在整个动画过程中起着画龙点睛的作用。一个精彩的的动画，配以合适的背景音乐，将会使作品生动起来，变得更加精彩。

添加声音过程 1. 导入声音 2. 在场景中加入使用声音 3. 声音属性设置（音效、播放）



1. 导入声音使用“文件”／“导入”命令 ; 选择 .wav或 .mp3格式的文件，将其导入到库中 ; 如果想获得较好的音效，可导入22kHz、 16位立体声格式的声音文件；如果为了提高动画文件的传输速度，则应导入8kHz、 8 位单声道格式的声音文件。



2. 在场景中加入声音库面板中将声音文件拖到关键帧上

Flash 规定声音必须在独立的图层内播放。在影片中加入声音的方法如下：

制作方法 ① 将声音文件导入到 Flash 的库中。 ② 为声音创建一个图层，在希望开始播放声音的位置上插

入一个空白关键帧。 ③ 在属性面板的声音下拉框选择要使用的声音文件的名子。



效果：有淡入淡出等 .

同步方式四种：-- 事件： -- 开始：-- 停止：-- 数据流：

3.3. 声音属性设置、声音属性设置、 Flash 声音的播放方式3.3. 声音属性设置、声音属性设置、 Flash 声音的播放方式



1. Alpha 通道 Alpha 通道是决定图像中每个像素透明度的通道，用

不同的灰度值来表示图像的可见程度，共有 256 级变化。制作逐渐消失的文字设计思路：通过改变帧内元素位置、颜色和大小的方法利用颜色亮度、色调、 Alpha 值可产生变色效果。注意：位移过渡动画中的所有对象必须转换为符号或群组。

Alpha 通道等混合技术应用



Alpha 通道应用

① Alpha 通道 : 是指元件对象颜色的透明度，应用在对象由近到远逐渐变淡的过程。

② 通过改变文本的位置、颜色和大小的方法制作逐渐消失的文字。

③ 注意：使用 Alpha 通道属性的对象必须是元件或组，不能是分散的图形。



2. 混合技术的应用

混合模式是改变两个或者两个以上重叠对象的透明度或相互的颜色关系的过程，此功能只作用于影片剪辑元件和按钮元件。



在 Flash 中，在相同的混合模式下使用不同的颜色或相同的颜色下使用不同的混合模式，都会获得不同的显示效果。

混合模式包含元素：混合颜色：是应用于混合模式的颜色。不透明度：是应用于混合模式的透明度。基准颜色：是混合颜色下的像素的颜色。结果颜色：是基准颜色的混合效果。

实例： 1 、在新建的影片剪辑中绘制椭圆。

3 、导入图像到舞台，依次选择混合模式，观察图像变化。

2 、拖放元件到舞台上，打开“属性”面板，单击 “混合”选项，可以看到 14 种模式。





3. 混合模式的功能 : 一般、图层、变暗、色彩增殖、变亮、螢幕、叠加、强光、差异、反转、 Alpha 、擦除等混合模式。



实例：电子相册（多幅图片转换的效果）其中可以加入 ( 遮罩技术 -- 实现 " 开门 " 效果 )

滚屏技术

中心轴变化



FLASH 鼠绘技术 Flash 动画的无处不在 ,当你看完一部部搞笑动画或

Flash MTV之后 ,您除了拥有愉快的心情之外 ,您是不是也有一种创作的欲望 ; 是的 !几乎每个人都有这种想法 ;但大多数的人因为自己不会画画 , 而放弃这件号称“闪客”的战衣 ;因为绘画的好坏直接影响动画影片是否成功 ; 这门特

殊的绘画技术——鼠绘　鼠绘　



纯依靠 FLASH软件来制作动画确实存在比较大

的局限，而传统动画工艺中的制作手法在特殊情况下反而显得快捷有效，例如：角色的转面动作、角色走、跑、跳等幅度较大的动作等。因此，适当使用传统动画的制作手段与 FLASH软件配合，鼠绘与手绘结合，逐帧和补间灵活运用便成为制作 FLASH 动画片行之有效的解决方案。



鼠绘图示

















自然现象的运动规律与时间的控制

雷电



自然现象的运动规律与时间的控制

水



自然现象的运动规律与时间的控制火


绘制毛笔字实例




实例

花盆里的花，开花了



总结

遮罩层动画声音的添加Alpha 通道 , 中心轴变化等多种动画制作

技术及技巧鼠绘元件本次实验：上机 + 实验报告

Documents

FLASH 动画设计与制作