flash教程红旗飘飘.ppt

2006,1,FLASH游戏制作（上）专业教程 理论与实践讲解部分 Ver 1.0,2006,2,课程概述,风效制作,学习目标理解旗子飘动的运动规律,制作旗子飘动的动画,重点,旗子飘动的动画,难点,旗子飘动的动画,第3章 自然现象及特效,2006,3,旗子是受风的作用力而顺着风向飘动的。一般来说，飘动时旗子的轮廓线呈曲线变化。,旗子飘动图示,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,2006,4,微风时，旗子飘动舒缓，帧数较多；反之，强风时，旗子飘动剧烈，帧数较少。,制作有图案的旗子，可以绘制网格作参考。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,绘制网格,2006,5,在制作高级动画中，表现这类物体运动时还应该考虑重力对物体运动产生的影响。这样看起来物体的运动更舒服更符合自然运动规律，同时避免了表现物体运动时的重复和单调。,受重力影响的绳子运动轨迹,受外力（风）影响的绳子运动轨迹,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,2006,6,旗子飘动的运动原理在动画中应用比较广泛，同样适用于头发和衣服的飘动。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,头发和衣服的飘动,2006,7,制作旗子飘动的动画,实践目的1理解旗子飘动的运动规律,实践目的2制作出符合运动规律的旗子飘动的动画,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【实践】,2006,8,在了解了旗子飘动的运动规律后，制作一个叶片飞舞的动画。首先绘制旗子,然后绘制旗子飘动，最后添加背景。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【实践】,2006,9,步骤1：启动Flash，新建一个Flash文档，在【文档属性】里设置【帧频】值为“24”，修改【尺寸】为：“500px（宽）380px（高）”。,绘制旗子,步骤2:首先绘制一个旗角向下飘动的旗子。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,10,绘制旗子,步骤3:在下一帧，绘制一个旗角向上扬的旗子。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,11,添加2帧,步骤4:在两个关键帧中间添加两帧，并打开【绘图纸外观】显现出前后两帧的图像，参照这两帧绘制中间帧。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,12,进行翻转,步骤5:复制添加的两个关键帧，粘贴在第4帧后，并进行翻转。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,13,调整颜色,步骤6:在每个关键帧上按“F5”键插入1帧。,步骤7:按“ShiftF9”键调出【混色器】，选中【填充颜色】，更改【类型】为“放射状”并调整【颜色指针】的颜色、透明度和位置。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,14,添加颜色,步骤8:添加颜色后去除轮廓线。,注：上色时每个旗子的光源位置要统一。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,15,添加背景,步骤9:在新图层绘制背景和旗杆，按“Enter”键预览。,第3章 自然现象及特效,3.2 风效制作3.2.2 旗子飘动,【绘制旗子飘动】,2006,16,合格标准,是否符合运动规律。,【实践】,第3章 自然现象及特效,2006,17,受重力影响下落,受外力影响飘起,总结,微风时，旗子飘动舒缓，帧数较多；反之，强风时，旗子飘动剧烈，帧数较少。,【实践】,第3章 自然现象及特效,2006,18,结束,第3章 自然现象及特效,