flash教程_下雪动画

FLASH游戏制作（上）
专业教程
理论与实践讲解部分
Ver 1.0
2006
1
第3章 自然现象及特效
课程概述
<第1节雨雪效果制作>
பைடு நூலகம்
雨雪效果的制作
重点
制作雪的动画
难点
制作雪的动画
学习目标 理解雪的运动规律,制 作雪的动画
2
2006
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
用曲线运动表示雪的运动轨迹
2006
4
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
为了使绘制出的雪有远近感，可分几层来表现，前后层雪的 大小和速度要有区别，远处的比近处的略小、略慢。
分层绘制雪
2006
5
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
制作雪的动画 【实践】
实践目的1 理解雪的运动规律
实践目的2 制作出符合运动规律的雪 的动画
2006
6
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【实践】
在了解了雪的运动规律后，制作一个雪的动画 。首先遵循运动规律绘 制雪的运动轨迹 ，然后复制元件绘制前景雪和远景雪，最后添加背景。
制作补间动画
2006
10
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤6：依此类推，新建图层画出雪下落的不同轨迹。
制作雪下落的不同轨迹
2006
11
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
复制排列元件
步骤11：前景中雪的动画制作完成，按“Enter”键预览。
2006
15
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制远景中的雪】
步骤1：在前景雪的图层下新建一个图层，用比刚才略小的笔触画出远景 的雪。
绘制远景雪
2006
16
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制远景中的雪】
步骤5：绘制好雪花后添加背景，按“Enter”键预览 。
添加背景
2006
20
第3章 自然现象及特效
<第1节雨雪效果制作>
合格标准
【实践】
是否符合运动规律。
2006
21
第3章 自然现象及特效
<第1节雨雪效果制作>
总结
【实践】
雪的下落速度相对缓慢，以曲线运动。前后层雪的大小和速度要有区别，远处的 比近处的略小、略慢。
雪和雨的动画表现方法有相同之处，不过雪的下落速度相对缓慢，更容 易看清它的形态和运动轨迹。
下雪图示
2006
3
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
雪是以曲线运动的。 在近景特写中雪的运动轨迹比较明显，制作中常用曲线运动表示雪的运 动轨迹。远景由于雪的曲线运动轨迹在视觉上并不明显，所以采用直线运动 来表示雪的运动轨迹。
2006
13
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤9：复制雪花元件，水平反转并排列在雪花元件上方。
复制雪花元件
2006
14
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤10：依此类推，复制排列元件并做适当的调整。
3.1 雨雪效果制作
3.1.2 雪
【绘制远景中的雪】
步骤2：转化为图形元件并复制排列 。
复制排列元件
2006
17
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制远景中的雪】
步骤3：制作补间动画。因为远景雪要比前景雪看起来下落得缓慢，根据 需要的效果调整补间动画中元件位移的位置。
2006
7
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤1：启动Flash，新建一个Flash文档，在【文档属性】里设置【帧频】 值为“24”，修改【尺寸】为：“500px（宽）×380px（高）”，并改变背景 颜色为深色。 步骤2：新建一个图形元件命名叫“雪花”，双击“雪花”元件进入该元 件编辑状态，在元件内的“图层1”上添加“引导层”。
步骤7：视雪花下落速度增加帧数，动作表现舒缓即可，然后选择“场景1” 退出名称为“雪花”的元件。
增加帧数并选择“场景1”
2006
12
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤8：进到场景，增加图层上的帧数（与雪花元件里的帧数相同）。
调整外部帧数与内部帧数相同
雪是以曲线运动的
前后层雪的大小 和速度要有区别
2006
22
第3章 自然现象及特效
<第1节雨雪效果制作>
结束
2006
23
制作补间动画
2006
18
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制远景中的雪】
步骤4：依此类推，绘制最远景的雪。雪花更小更密，下落速度更缓慢 。
绘制最远景雪
注：视表现效果添加雪的层数，一般场景中制作两层雪就能达到效果。
2006
19
第3章 自然现象及特效
<第1节雨雪效果制作>
添加运动引导层
2006
8
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤3：在运动引导层中画出运动轨迹。
在引导层上画出运动轨迹
2006
9
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.2 雪
【绘制近景中的雪】
步骤4：在“图层1”上画一个白色圆点，转化为图形元件，并与运动轨迹的 一端对齐。 步骤5：制作补间动画，并调整最后一帧上的元件与运动轨迹的另一端对齐。