Transcript 第3章遮罩动画
FLASH动画设计与制作 第3章 遮罩动画 主讲：吴芳 [email protected] 博客 http://blog.sina.com.cn/wfsylu 1 总4学时: 讲课2 上机:2 具体内容： 遮罩层动画。 声音的添加。 Alpha通道,中心轴变化等多种动画制作技术及技巧。 鼠绘元件。 重 点： 遮罩层动画原理 遮罩层动画应用 ,遮罩层动画实例， 鼠绘元件,中心轴等多种技术应用 难 点： 遮罩层动画 习 题： 如何产生遮罩效果？ 如何在影片中加入声音？ [email protected] 博客 http://blog.sina.com.cn/wfsylu 2 遮罩动画 遮罩基本概念： 用于控制被遮罩层内容的显示，从而 制作一些复杂的动画效果,如聚光灯效果等 等。 [email protected] 博客 http://blog.sina.com.cn/wfsylu 3 遮罩层动画图例 遮罩层的内容就好比一个洞，透过这个洞， 我们可以看到下面的层。遮罩层的对象可以是填充的形状、文字和 实例。 [email protected] 博客 http://blog.sina.com.cn/wfsylu 4 【例】1.制作探照灯效果的动画。 设计思想： 利用遮罩层运动的圆遮罩下面的文字，形成探照 灯的效果。 【例】2.使用层的遮罩技术滚动显示彩色文字。 设计思想：在图层1有运动的图片； 在图层2有所需的文字，设置为遮罩层。 [email protected] 博客 http://blog.sina.com.cn/wfsylu 5 特效文字制作 （对第二章的复习） [email protected] 博客 http://blog.sina.com.cn/wfsylu 声音的导入与使用 声音的概念 声音的数位和频率，计算机中处理声音，最基本的操 作是采样。声音是以赫兹（Hz）为单位的，在采样中，每 秒钟的采样数量（即采样率）和采样的波形值（采样尺寸） 就决定了声音的质量。 在Flash中不能自己创建或是录制声音，编辑动画所使 用的声音文件，需要从外部导入到Flash中。 [email protected] 博客 http://blog.sina.com.cn/wfsylu 7 声音在动画中占有相当重要的地位，它在 整个动画过程中起着画龙点睛的作用。一个 精彩的的动画，配以合适的背景音乐，将会 使作品生动起来，变得更加精彩。 添加声音过程 1. 导入声音 2. 在场景中加入使用声音 3. 声音属性设置（音效、播放） [email protected] 博客 http://blog.sina.com.cn/wfsylu 8 1.导入声音 使用“文件”／“导入”命令; 选择.wav或.mp3格式的文件，将 其导入到库中; 如果想获得较好 的音效，可导入22kHz、16位立 体声格式的声音文件；如果为了 提高动画文件的传输速度，则应 导入8kHz、8位单声道格式的声 音文件。 [email protected] 博客 http://blog.sina.com.cn/wfsylu 9 2.在场景中加入声音 库面板中将声音文件拖到关键帧上 Flash规定声音必须在独立的图层内播放。 在影片中加入声 音的方法如下： 制作方法 ① 将声音文件导入到Flash的库中。 ② 为声音创建一个图层，在希望开始播放声音的位置上插 入一个空白关键帧。 ③ 在属性面板的声音下拉框选择要使用的声音文件的名子。 [email protected] 10 博客 http://blog.sina.com.cn/wfsylu 3.声音属性设置、Flash声音的播放方式 效果：有淡入淡出等. 同步方式四种： --事件： --开始： --停止： --数据流： [email protected] 11 博客 http://blog.sina.com.cn/wfsylu Alpha通道等混合技术应用 1. Alpha通道 Alpha通道是决定图像中每个像素透明度的通道，用 不同的灰度值来表示图像的可见程度，共有256级变化。 制作逐渐消失的文字 设计思路：通过改变帧内元素位置、 颜色和大小的方法 利用颜色亮度、色调、Alpha值可产生 变色效果。 注意： 位移过渡动画中的所有对象必须转换 为符号或群组。 [email protected] 12 博客 http://blog.sina.com.cn/wfsylu Alpha通道应用 ① Alpha通道:是指元件对象颜色的透明度，应用 在对象由近到远逐渐变淡的过程。 ② 通过改变文本的位置、颜色和大小的方法制 作逐渐消失的文字。 ③ 注意： 使用Alpha通道属性的对象必须是元件 或组，不能是分散的图形。 [email protected] 13 博客 http://blog.sina.com.cn/wfsylu 2.混合技术的应用 混合模式是改变两个或者两个以上重叠对象的透明度或相互的颜 色关系的过程，此功能只作用于影片剪辑元件和按钮元件。 [email protected] 14 博客 http://blog.sina.com.cn/wfsylu 在Flash中，在相同的混合模式下使用不同的颜色或相同的颜 色下使用不同的混合模式，都会获得不同的显示效果。 混合模式包含元素： 混合颜色：是应用于混合模式的颜色。 不透明度：是应用于混合模式的透明度。 基准颜色：是混合颜色下的像素的颜色。 结果颜色：是基准颜色的混合效果。 实例：1、在新建的影片剪辑中绘制椭圆。 2、拖放元件到舞台上，打开“属性”面板，单击 “混合” 选项，可以看到14种模式。 3、导入图像到舞台，依次选择混合模式，观察图像变化。 [email protected] 15 博客 http://blog.sina.com.cn/wfsylu [email protected] 16 博客 http://blog.sina.com.cn/wfsylu 3.混合模式的功能: 一般、图层、变暗、色彩增殖、变亮、螢幕、 叠加、强光、差异、反转、Alpha、擦除等混合模式。 [email protected] 17 博客 http://blog.sina.com.cn/wfsylu 中心轴变化 滚屏技术 实例：电子相册（多幅图片转换的效果） 其中可以加入( 遮罩技术--实现"开门"效果) [email protected] 18 博客 http://blog.sina.com.cn/wfsylu FLASH鼠绘技术 Flash动画的无处不在,当你看完一部部搞笑动画或Flash MTV之后,您除了拥有愉快的心情之外,您是不是也有一种创 作的欲望;是的!几乎每个人都有这种想法;但大多数的人因 为自己不会画画,而放弃这件号称“闪客”的战衣;因为绘画 的好坏直接影响动画影片是否成功; 这门特殊的绘画技术 ——鼠绘 [email protected] 19 博客 http://blog.sina.com.cn/wfsylu 纯依靠FLASH软件来制作动画确实存在比较大的局 限，而传统动画工艺中的制作手法在特殊情况下反而显 得快捷有效，例如：角色的转面动作、角色走、跑、跳 等幅度较大的动作等。因此，适当使用传统动画的制作 手段与FLASH软件配合，鼠绘与手绘结合，逐帧和补间 灵活运用便成为制作FLASH动画片行之有效的解决方案。 [email protected] 20 博客 http://blog.sina.com.cn/wfsylu 鼠绘图示 [email protected] 21 博客 http://blog.sina.com.cn/wfsylu [email protected] 22 博客 http://blog.sina.com.cn/wfsylu [email protected] 23 博客 http://blog.sina.com.cn/wfsylu [email protected] 24 博客 http://blog.sina.com.cn/wfsylu [email protected] 25 博客 http://blog.sina.com.cn/wfsylu [email protected] 26 博客 http://blog.sina.com.cn/wfsylu [email protected] 27 博客 http://blog.sina.com.cn/wfsylu [email protected] 28 博客 http://blog.sina.com.cn/wfsylu 自然现象的运动规律与时间的控制 雷电 [email protected] 29 博客 http://blog.sina.com.cn/wfsylu 自然现象的运动规律与时间的控制 水 [email protected] 30 博客 http://blog.sina.com.cn/wfsylu 火 自然现象的运动规律与时间的控制 [email protected] 31 博客 http://blog.sina.com.cn/wfsylu 实例 [email protected] 绘制毛笔字 博客 http://blog.sina.com.cn/wfsylu [email protected] 博客 http://blog.sina.com.cn/wfsylu 实例 花盆里的花，开花了 [email protected] 34 博客 http://blog.sina.com.cn/wfsylu 总结 遮罩层动画 声音的添加 Alpha通道,中心轴变化等多种动画制作 技术及技巧 鼠绘元件 本次实验： 上机+实验报告 [email protected] 35 博客 http://blog.sina.com.cn/wfsylu