残影字-试验步骤.ppt

二维动画设计二维动画设计 实验实验数字体育教学实验中心：王数字体育教学实验中心：王 倩、倩、孙萍、于飞等孙萍、于飞等目 录•实验一：补间动画实例•实验二：补间形状动画实例•实验三：运动引导层动画实例•实验四：遮罩层动画实例•实验五：逐帧动画实例•实验六：滤镜动画实例•实验七：交互式动画实例实验一：补间动画实例•实验名称：补间动画实例•实验目的：掌握Flash补间动画的制作技术和要点•实验任务：–1.制作元件–2.使用元件制作补间动画–3.使用多层补间动画制作残影字效果残影字残影字-实验步骤实验步骤•1.新建flash文件，设置舞台大小为550*300，背景色为黑色•2.在舞台左下方输入“Flash残影字”，设置为“黑体”，字号30，红色按F8键转换为“影片剪辑”元件，命名为“残影字”•3.双击此元件实例，进入“残影字”元件编辑状态选中文字，再次按F8，转换为“图形”元件，命名为“字”•4.单击图层1第25帧，按F6插入关键帧，把25帧的“字”实例拖到舞台右上角•5.右击第一帧，选择“创建补间动画”在属性面板中，设置旋转为“顺时针”“1次”•6.选中1~25帧，右击选择“复制帧”，新建图层2，在第3帧右击，选择“粘贴帧”。

实验步骤实验步骤•7. 新建图层3，在第5帧“粘贴帧”新建图层4，在第7帧“粘贴帧”新建图层5，在第9帧“粘贴帧”•8. 将图层1~5都补齐为35帧结束多余帧删除•9. 将图层2两个关键帧上“字”实例的颜色属性“Alpha”修改为“80%”•10.依次将图层3~5上关键帧上“字”实例的“Alpha”修改为“60%” “40%” “20%”.•11.测试影片，完成残影字效果实验二：补间形状动画实例•实验名称：补间形状动画实例•实验目的：掌握Flash补间形状动画的制作技术和要点•实验任务：–1.制作矢量图形–2.使用矢量图形制作补间形状动画–3.会使用形状提示控制补间形状变化–4.使用多段补间形状制作连贯循环播放效果实验步骤实验步骤•1.新建flash文件•2.在第1帧绘制一条垂直线，笔触高度13，紫色•3.在第31帧按F6插入关键帧，删除刚才的线，选择“椭圆”工具按住Shift画正圆，无填充色，笔触同刚才的线•4.在第61帧按F6插入关键帧，删除刚才的圆，选择“矩形”工具按住Shift画正方形，无填充色，笔触同上•5.在第91帧按F6插入关键帧，删除刚才的正方形，选择“多角星形”工具绘制三角形，无填充色，笔触同上。

•6.在第121帧按F6插入关键帧，删除刚才的三角形，选择“多角星形”工具绘制五边形，无填充色，笔触同上实验步骤实验步骤•7.在第151帧按F6插入关键帧，删除刚才的五边形，选择“多角星形”工具绘制五角形，无填充色，笔触同上•8.在第31帧右击“复制帧”，在第181帧右击“粘贴帧”•9.在第1帧右击“复制帧”，在第211帧右击“粘贴帧”•10.分别右击第1、31、61、91、121、151、181帧，选择“创建补间形状”•11.在第1~31帧、181~211的动画上添加形状提示，控制形状补间的变化测试影片，完成线变图形效果实验三：运动引导层动画实例•实验名称：运动引导层动画实例•实验目的：掌握Flash运动引导层动画的制作技术和要点•实验任务：–1.制作运动的元件–2.建立运动引导层，绘制运动路径–3.使元件贴合运动路径运动–4.会使元件随路径改变角度实验步骤实验步骤•1、新建flash文件，新建“影片剪辑”元件super，导入超人图片•2、回到场景，新建引导层，使用铅笔工具的“平滑”选项绘制绘制超人飞行的轨迹•3、在图层1第1帧和第25帧插入关键帧，拖入super元件，分别放置在引导线的两端。

•4、在起始端设置超人的大小为原大小的7%，旋转180度；在结束端将超人旋转30度•5、选取图层1的第一帧，创建“移动”动画，并在属性面板中选取“调整到路径”、“同步”和“贴紧”完成效果实验四：遮罩层动画实例•实验名称：遮罩层动画实例•实验目的：掌握Flash遮罩层动画的制作技术和要点•实验任务：–1.分析谁做遮罩层，谁做被遮罩层–2.建立动画–3.转换为遮罩层实验步骤实验步骤•1、新建flash文件，导入3张等大的中国画素材图片，与舞台中心对齐，分别放置在图层1的第1、71、141帧•2、新建图层2，绘制与素材图等大的矩形，转换为图形元件1在图层2第1帧~40帧制作补间动画，使元件1实例从素材图上到完全覆盖素材图，51~70帧从完全覆盖到上方原位置补间动画71~140、141~210帧重复1~70的动画•3、将图层2转换为遮罩层•4、新建图层3，使用基本矩形工具绘制卷轴，转换为图形元件“卷轴”•5、新建图层4，使用“卷轴”元件做上下动画，与图层2同步画卷展示实验五：逐帧动画实例•实验名称：逐帧动画实例•实验目的：掌握Flash的逐帧动画制作技术和要点•实验任务：–1.绘制或导入一系列动态图片–2.制作元件–3.制作其他动画实验步骤实验步骤•1、新建flash文件，设置舞台背景为黑色。

•2、用铅笔绘制闪电，设置为透明色到白色到透明色的渐变，转换为图形元件“闪电” •3、绘制与舞台等大白色矩形，转换为元件“白”•4、第4帧插入关键帧，拖入“闪电”（靠左放置）和“白”，“白”置于下层，并设置Alpha为20%•5、第5帧插入关键帧，设置“白” Alpha为0%•6、第6帧插入关键帧，改变“闪电”大小、角度、位置居中，设置“白” Alpha为20%实验步骤实验步骤•7、第8帧插入关键帧，改变“闪电”大小（变大）、角度、位置偏右•8、第9帧插入关键帧，设置“白” Alpha为100%•9、第10帧插入关键帧，设置“白” Alpha为0%•10、完成闪电效果闪电效果实验六：滤镜动画实例•实验名称：滤镜动画实例•实验目的：掌握Flash的滤镜动画制作技术和要点•实验任务：–1.给文字添加滤镜效果–2.添加补间动画–3.改变动画初始和结束时滤镜的参数–4.制作效果实验步骤实验步骤•1、新建flash文件，774*95•2、导入背景图，锁定该层•3、输入文字“五方不夜城”，华文行楷，字号80，黄色•4、转为“影片剪辑”元件，双击进入编辑，在第10帧插入关键帧，加上斜角和发光滤镜效果。

•5、第10帧复制为第1帧建立两段补间动画•6、回到场景，绘制很多短彩线，转换为影片剪辑元件，进入编辑，添加3帧的小位移动画•7、回到场景，给彩线添加x轴模糊滤镜效果•8、完成广告条实验七：交互式动画实例•实验名称：交互式动画实例•实验目的：掌握Flash的交互式动画制作技术和要点•实验任务：–1.创建旋转的六边形影片剪辑元件–2.导入图片–3.创建一层半透明图片–4.制作雾里看景效果实验步骤实验步骤•1、新建flash文件•2、导入风景图，转为元件设置Alpha为25%锁定该层•3、新建图层2，拖入风景图•4、新建图层3，绘制正六边形，转换为影片剪辑元件•5、双击进入正六边形影片剪辑，再次转换为元件，创建补间动画1~30帧，缓动40，顺时针旋转1次•6、回到场景，给正六边形影片剪辑元件添加实例名称“view”实验步骤实验步骤•7、在关键帧上添加AS动作代码：function moveView(event:MouseEvent):void {view.startDrag(true);}back.addEventListener(MouseEvent.MOUSE_DOWN, moveView);function stopView(event:MouseEvent):void {view.stopDrag();}back.addEventListener(MouseEvent.MOUSE_UP, stopView);•8、将图层3转为遮罩层，完成效果。