《flash教程风吹草动.ppt》由会员分享，可在线阅读，更多相关《flash教程风吹草动.ppt（18页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 FLASH游戏制作（上）游戏制作（上）专业教程专业教程 理论与实践讲解部分理论与实践讲解部分 Ver 1.0Ver 1.020061 1 1 1课程概述课程概述 风效制作学习目标学习目标理解叶片飞舞的运动规理解叶片飞舞的运动规律，制作叶片飞舞的动律，制作叶片飞舞的动画画重点重点叶片飞舞的动画难点难点叶片飞舞的动画第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 20062 2 2 2风吹草动“风”实际上是看不见的东西，可以通过草的摆动和叶片的飞舞来表现它。叶片飞舞图示第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效
2、制作3.2.1 叶片飞舞20063 3 3 3风越小，草和叶片的运动就越舒缓，帧数也就越多；反之，风越大，草和叶片的运动就越剧烈，帧数就越少。也可以用有组织的速度线来表现风，比如寒风凛冽的冬天。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞用速度线来表现风20064 4 4 4制作叶片飞舞的动画实践目的实践目的实践目的实践目的1 1理解叶片飞舞的运动规律实践目的实践目的实践目的实践目的2 2制作出符合运动规律的叶片飞舞的动画第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3
3、.2.1 叶片飞舞【实践】【实践】【实践】【实践】20065 5 5 5在了解了叶片飞舞的运动规律后，制作一个叶片飞舞的动画。首先绘制小草的运动，然后绘制叶片飞舞，最后添加背景。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【实践】【实践】【实践】【实践】20066 6 6 6步骤步骤步骤步骤1 1 1 1：启动Flash，新建一个Flash文档，在【文档属性】里设置【帧频】值为“24”，修改【尺寸】为：“500px（宽）380px（高）”。绘制一丛小草步骤步骤步骤步骤2:2:2:2:首先绘制一丛小草，并转化为元件，命名为
4、“草”。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制草】【绘制草】【绘制草】【绘制草】20067 7 7 7调整元件的形状 步骤步骤步骤步骤3:3:3:3:双击“草”元件，进入其编辑状态，制作小草的补间动画。选中第1帧的元件，按“Q”键，选择【任意变形工具】调整元件的形状。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制草】【绘制草】【绘制草】【绘制草】20068 8 8 8创建补间动画 步骤步骤步骤步骤4:4:4:4:复制第1帧到31帧处
5、，并创建补间动画。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制草】【绘制草】【绘制草】【绘制草】20069 9 9 9绘制一片叶子 步骤步骤步骤步骤5 5 5 5：选择“场景1”，退出“草”元件的编辑状态。复制“草”元件若干，排列他们的位置，并延长帧数到62帧。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制草】【绘制草】【绘制草】【绘制草】200610101010绘制一片叶子 步骤步骤步骤步骤1 1 1 1：新建一个图层，绘制一片叶子，并
6、转化为元件，命名为“叶片”。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】200611111111制作补间动画步骤步骤步骤步骤2 2 2 2：双击“叶片”元件，进入其编辑状态，再次将图形转化为元件，命名“叶片旋转”，双击“叶片旋转”元件进入其编辑状态，制作叶子的补间动画，并在【属性面板】里更改【旋转】为“顺时针”。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制叶片飞舞】【绘制叶片飞舞
7、】【绘制叶片飞舞】【绘制叶片飞舞】200612121212添加运动引导层画出运动轨迹步骤步骤步骤步骤3 3 3 3：选择“叶片”元件退出“叶片旋转”元件的编辑状态。步骤步骤步骤步骤4 4 4 4：在图层上添加“引导层”画出运动轨迹，并制作“叶片旋转”元件的路径动画。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】200613131313绘制另外几片叶子步骤步骤步骤步骤5 5 5 5：依此类推，绘制另外几片叶子的运动。第第第第3 3章章章章 自然现象及特效自然现象
8、及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】200614141414添加背景步骤步骤步骤步骤6 6 6 6：选择“叶片”元件退出“叶片旋转”元件的编辑状态。步骤步骤步骤步骤7 7 7 7：在“场景1”中添加草地、远处的小草和背景，按“Enter”键预览。第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 3.2 风效制作3.2.1 叶片飞舞【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】【绘制叶片飞舞】200615151515合格标准是否符合运动规律。【实践】【实践】【实践】【实践】第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 200616161616 草左右摇摆叶片旋转飞舞总结风越小，草和叶片的运动就越舒缓，帧数也就越多；反之，风越大，草和叶片的运动就越剧烈，帧数就越少。【实践】【实践】【实践】【实践】第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 200617171717结束结束结束结束第第第第3 3章章章章 自然现象及特效自然现象及特效自然现象及特效自然现象及特效 200618181818