flas教程_下雪动画.ppt

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