flash教程_雷电动画.ppt

1、2006,1,FLASH游戏制作（上） 专业教程 理论与实践讲解部分 Ver 1.0,2006,2,课程概述,雨雪效果的制作,学习目标 理解雷电的运动规律,制作雷电的动画,重点,制作雷电的动画,难点,制作雷电的动画,第3章 自然现象及特效 ,2006,3,雷电是大气中的放电现象。由于光速比声速快，故先见闪电，后闻雷声。闪电是一瞬间的事情 。,雷电图示,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,2006,4,闪电的形状千变万化，可以绘制成树枝状，也可以绘制成图案状。,雷电有两种表现方法：一种是不出现闪电光带的亮光表示方法，另一种是带闪电光带的表示方法。,第3章 自然现象及

2、特效 ,3.1 雨雪效果制作 3.1.3 雷电,2006,5,制作雷电的动画,实践目的1 理解雷电的运动规律,实践目的2 制作出符合运动规律的雷电的动画,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【实践】,2006,6,在了解了雷电的运动规律后，制作一个雷电的动画 。首先绘制背景和天空亮光，然后绘制闪电，最后添加背景建筑。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【实践】,2006,7,步骤1：启动Flash，新建一个Flash文档，在【文档属性】里设置【帧频】值为“24”，修改【尺寸】为：“500px（宽）380px（高）”。,类型更改为“线

3、性”,步骤2:按“ShiftF9”键调出【混色器】，设置【填充颜色】，并更改【类型】为“线性”。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制天空亮光】,2006,8,设置颜色,步骤3:改变两个【颜色指针】的颜色，并移动【颜色指针】到合适位置。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制天空亮光】,2006,9,逆时针旋转线性渐变,步骤4:调整好填充色后，在舞台上用【矩形工具】绘制一个矩形，按“F”键选择【填充变形工具】，单击矩形中的颜色，逆时针旋转线性渐变。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制天空

4、亮光】,2006,10,制作补间动画,步骤5：在关键帧后按“F6”键，插入关键帧并制作其补间动画，调整后一帧的透明度为“10%”。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制天空亮光】,2006,11,增加一个补间,步骤6：在15帧处按“F6”键，插入关键帧并制作补间动画，调整后一帧透明度为“100%”并延长动画帧数。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制天空亮光】,2006,12,绘制闪电,步骤1：新建两个图层，一层绘制底色，一层绘制闪电。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制闪电】,200

5、6,13,制作闪电动画,步骤2：按“F6”键，插入关键帧，并擦掉闪电图象的一部分，依此类推制作闪电的逐帧动画。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制闪电】,2006,14,选中闪电所有帧并翻转,步骤3：选中闪电的所有帧，并翻转，翻转后闪电是逐渐显现的。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制闪电】,2006,15,移动闪电动画到合适位置,步骤4：删除“临时背景”图层，并根据天空亮光变化移动闪电动画层到合适位置。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制闪电】,2006,16,添加空白帧和关键帧

6、,步骤5：添加空白帧和关键帧，制作闪电闪动的效果。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制闪电】,2006,17,闪电渐隐动画,步骤6：制作闪电渐隐动画，透明度逐渐为“0”。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【绘制闪电】,2006,18,添加场景,步骤1：添加建筑群。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【场景交互】,2006,19,修改元件属性,步骤2：调整建筑群的颜色，使整个环境色调统一。选择场景元件，按“CtrlF3”键调出【属性面板】，在【颜色】中选择“色调”，在【色彩】中选择“黑色”，【

7、色彩数量】选择“65%”，【RGB】选择“0，0，51”。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【场景交互】,2006,20,制作补间动画,步骤3：根据天空亮光的变化制作建筑群明暗变化的补间动画，调整补间动画中12帧元件的属性，【色彩数量】选择“26%”。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【场景交互】,2006,21,添加雨天的效果,步骤4：新建一个图层，添加雨的动画，按“Enter”键预览。,第3章 自然现象及特效 ,3.1 雨雪效果制作 3.1.3 雷电,【场景交互】,2006,22,合格标准,是否符合运动规律。,【实践】,第3章 自然现象及特效