flash课件第八课.ppt

图片转场特效 1、百叶窗转场效果制作 2、多层元件嵌套的图片转场效果制作 3、翻书转场效果制作 百叶窗转场效果制作 实例展示：9-1.swf 实例分析： 本案例主要使用了遮罩技术（特点：被遮罩的那一块会显示出来。） 百叶窗转场效果制作 百叶窗转场效果制作 操作步骤： 1. 新建300px×300px，背景色为白色的舞台。 2.同时将两幅准备好的图片素材：百叶图1.jpg、百叶图2.jgp导入到库中。 3. 新建一图形元件“叶片”，选中第1帧，选取矩形工具，设置其填充色为黑色，去掉笔触，在工作区中绘制一矩形300×30px。然后对齐中心点 百叶窗转场效果制作 4.新建一影片剪辑元件“百叶”，选中第1帧，将图形元件“叶片”拖放到工作区中并对齐中心点，在第15帧处插入一关键，选中第1帧单击鼠标右键，选择“创建补间动画”，选中第15帧，通过变形面板调整高度为2%，将实例调整为一条线。 5.分别在第25帧和第40帧，插入两创建关键帧，并在25帧和第40帧之间创建相反的运动激变动画，即由一条线放大为高度为30px的矩形。 6.返回主场景，将图层1更名为pic1，放置库中的图片“百叶图1”；再新建一图层“pic2”,放置库中的图片“百叶图2”；分别对导入的两幅进行如下处理： 将图片打散CTRL+B。 选取椭圆工具，设置其填充颜色为无填充色，按住【Shift】键分别在图层中绘制一圆(298*298)。 分别选中圆的轮廓线条及圆形外边的图片，按键盘上的Delete键，将其删除。 7. 分别在这两图层的第42帧处插入帧，延时。 8.选中图层“pic2”,在其上插入一遮罩层“maske pic2”，选中第1帧，将元件“百叶”拖放到工作区中（X:0,Y:270） 9.新增9个图层，按住Shift键，选中图层“pic2”和“maske pic2”，用鼠标右键点击被选中的任意一帧，从弹出的快捷菜单中选择“复制帧”菜单命令。 10.用鼠标右键分别点击新增的9个图层的第1帧，从弹出的菜单中选择“粘贴帧”菜单命令，这时新增的图层将变成复制后的“pic2”和“maske pic2”遮罩层。 11.选中最上层的maske pic2，将元件位置调整为：X:0,Y:0。 12.按住CTRL键，选中这10个maske pic2遮罩层。【CTRL+ALT+9】按高度均匀分布这10个遮罩层。此时遮罩层布满舞台。 13.按【Ctrl】+【Enter】键查看效果 多层元件嵌套的图片转场效果制作 通过多层元件的嵌套来制作出较复杂的动画遮罩效果 多层元件嵌套的图片转场效果制作 实例分析： 多层元件嵌套的图片转场效果制作 操作步骤： 1.【新建】动画，尺寸为550px X 400px，背景色为白色。 2. 将两张荷花的图片到库中。两张位图的大小已处理为550X400px 的尺寸，这也是本实例舞台的大小。 3.将图层1命名为荷花1，放置图片“荷花1”，并按F8键将其转为图形元件，名称为“荷花01”。 多层元件嵌套的图片转场效果制作 4.在第20 帧按下F6 插入一个关键帧。选择第1 帧，调出“属性”面板，在颜色下拉列表中选择Alpha，将其值设为“0%”， 在第1 帧到第19 帧之间“创建补间动画”。在第50 帧按下F5 插入一个普通帧用来延续画面停留的时间。图片淡入的动画效果制作完成。 多层元件嵌套的图片转场效果制作 5.新建名为“荷花2”的层，在该层第20 帧按下F6 插入一个关键帧放置“荷花2”图片。 6.新建名为“荷花2 遮罩”层，在第20 帧按下F6 插入一个关键帧。 7.在“荷花2 遮罩”层第20 帧绘制一个任意颜色的矩形，调出“属性”面板，宽和高均设为“50”，X、Y 坐标均设为“0” 多层元件嵌套的图片转场效果制作 8.选择该正方形，开始进行元件的嵌套，分解步骤如下： 第一次按下【F8】键将其转换为元件，命名为“方1”，类型为“图形”。 第二次按下【F8】键转换为元件，命名为“方2”，类型为“影片剪辑” 。 第三次按下【F8】键转换为元件，命名为“方3”，类型为“影片剪辑” 。 多层元件嵌套的图片转场效果制作 9.打开“库”面板，双击进入“方2”影片剪辑。第10 帧按下【F6】键插入关键帧，在第50 帧按下【F5】键插入普通帧。在第1 帧至第9 帧的任意一帧单击鼠标右键选择“创建补间动画”，如图所示。这里我们暂时不进行任何内容的变化，保持该元件的原始形状，以便于后面的操作。 多层元件嵌套的图片转场效果制作 10.在“库”面板中双击“方3”影片剪辑，在第50 帧按下F5 键插入一个普通帧。该元件中要保持足够的帧长度以便于其嵌套的动画能够完整播放，一般来说长度至少要和内嵌动画的长度相等。 多层元件嵌套的图片转场效果制作 11.在“方3”影片