flash教程风吹草动.ppt

2006 FLASH游戏制作（上） 专业教程 理论与实践讲解部分 Ver 1.0 * * 课程概述 风效制作 学习目标 理解叶片飞舞的运动规律，制作叶片飞舞的动画 重点 叶片飞舞的动画 难点 叶片飞舞的动画 第3章 自然现象及特效 第2节风效制作 风吹草动——“风”实际上是看不见的东西，可以通过草的摆动和叶片的飞舞来表现它 。 叶片飞舞图示 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 风越小，草和叶片的运动就越舒缓，帧数也就越多；反之，风越大，草和叶片的运动就越剧烈，帧数就越少。 也可以用有组织的速度线来表现风，比如寒风凛冽的冬天 。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 用速度线来表现风 制作叶片飞舞的动画 实践目的1 理解叶片飞舞的运动规律 实践目的2 制作出符合运动规律的叶片飞舞的动画 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【实践】 在了解了叶片飞舞的运动规律后，制作一个叶片飞舞的动画 。首先绘制小草的运动，然后绘制叶片飞舞，最后添加背景。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【实践】 步骤1：启动Flash，新建一个Flash文档，在【文档属性】里设置【帧频】值为“24”，修改【尺寸】为：“500px（宽）×380px（高）”。 绘制一丛小草 步骤2:首先绘制一丛小草，并转化为元件，命名为“草”。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制草】 调整元件的形状 步骤3:双击“草”元件，进入其编辑状态，制作小草的补间动画。选中第1帧的元件，按“Q”键，选择【任意变形工具】调整元件的形状。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制草】 创建补间动画 步骤4:复制第1帧到31帧处，并创建补间动画。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制草】 绘制一片叶子 步骤5：选择“场景1”，退出“草”元件的编辑状态。复制“草”元件若干，排列他们的位置，并延长帧数到62帧。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制草】 绘制一片叶子 步骤1：新建一个图层，绘制一片叶子，并转化为元件，命名为“叶片”。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制叶片飞舞】 制作补间动画 步骤2：双击“叶片”元件，进入其编辑状态，再次将图形转化为元件，命名“叶片旋转”，双击“叶片旋转”元件进入其编辑状态，制作叶子的补间动画，并在【属性面板】里更改【旋转】为“顺时针”。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制叶片飞舞】 添加运动引导层画出运动轨迹 步骤3：选择“叶片”元件退出“叶片旋转”元件的编辑状态。 步骤4：在图层上添加“引导层”画出运动轨迹，并制作“叶片旋转”元件的路径动画。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制叶片飞舞】 绘制另外几片叶子 步骤5：依此类推，绘制另外几片叶子的运动。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制叶片飞舞】 添加背景 步骤6：选择“叶片”元件退出“叶片旋转”元件的编辑状态。 步骤7：在“场景1”中添加草地、远处的小草和背景，按“Enter”键预览。 第3章 自然现象及特效 第2节风效制作 3.2 风效制作 3.2.1 叶片飞舞 【绘制叶片飞舞】 * * *