flash教程风吹草动.ppt

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