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 叶片飞舞 【绘制叶片飞舞】 * * *