flash教程风吹草动.ppt

《flash教程风吹草动.ppt》由会员分享，可在线阅读，更多相关《flash教程风吹草动.ppt（18页珍藏版）》请在三一办公上搜索。

1、2006,1,FLASH游戏制作（上）专业教程 理论与实践讲解部分 Ver 1.0,2006,2,课程概述,风效制作,学习目标理解叶片飞舞的运动规律，制作叶片飞舞的动画,重点,叶片飞舞的动画,难点,叶片飞舞的动画,第3章 自然现象及特效,2006,3,风吹草动“风”实际上是看不见的东西，可以通过草的摆动和叶片的飞舞来表现它。,叶片飞舞图示,第3章 自然现象及特效,3.2 风效制作3.2.1 叶片飞舞,2006,4,风越小，草和叶片的运动就越舒缓，帧数也就越多；反之，风越大，草和叶片的运动就越剧烈，帧数就越少。,也可以用有组织的速度线来表现风，比如寒风凛冽的冬天。,第3章 自然现象及特效,3.2

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（高）”。,绘制一丛小

3、草,步骤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”，退出“草”元件的编辑状态。复制

4、“草”元件若干，排列他们的位置，并延长帧数到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 叶片飞舞,【绘制叶片飞舞】,

5、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章 自然现象及特效,