残影字-试验步骤.PPT

实验名称：交互式动画实例 实验目的：掌握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转为遮罩层，完成效果。 雾里看景效果 二维动画设计 实验 数字体育教学实验中心：王 倩、孙萍、于飞等 目 录 实验一：补间动画实例 实验二：补间形状动画实例 实验三：运动引导层动画实例 实验四：遮罩层动画实例 实验五：逐帧动画实例 实验六：滤镜动画实例 实验七：交互式动画实例 实验一：补间动画实例 实验名称：补间动画实例 实验目的：掌握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的动画上添加形状提示，控制形状补间的变化。 12。测试影片，完成。 线变图形效果 实验三：运动引导层动画实例 实验名称：运动引导层动画实例 实验目的：掌握Flash运动引导层动画的制作技术和要点 实验任务： 1.制作运动的元件。 2.建立运动引导层，绘制运动路径。 3.使元件贴合运动路径运动。 4.会使元件随路径改变角度。 实验步骤 1、新建flash文件，新建“影片剪辑