第3章遮罩动画

Report
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有所需的文字,设置为遮罩层。
1335739756[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

similar documents