flash课件第八课

1、LOGO图片转场特效图片转场特效1 1、百叶窗转场效果制作、百叶窗转场效果制作2 2、多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作3 3、翻书转场效果制作、翻书转场效果制作百叶窗转场效果制作百叶窗转场效果制作v实例展示：实例展示：9-1.swfv实例分析：实例分析： 本案例主要使用了遮罩技术（特点：被遮罩的那一块会显示出来。）遮罩层布满舞台，被遮罩的pic2显现遮罩层变为细线pic2隐藏，显现第1层的pic1显现pic1显现pic2百叶窗转场效果制作百叶窗转场效果制作遮罩层的变化30像素舞台300*300300像素百叶窗转场效果制作百叶窗转场效果制作v操作步骤：操作步骤：v1.

2、 新建新建300px300px，背景色为白色的舞台。，背景色为白色的舞台。v2.同时将两幅准备好的图片素材：百叶图同时将两幅准备好的图片素材：百叶图1.jpg、百叶图百叶图2.jgp导入到库中。导入到库中。v3. 新建一图形元件新建一图形元件“叶片叶片”，选中第，选中第1帧，选取帧，选取矩形工具，设置其填充色为黑色，去掉笔触，在矩形工具，设置其填充色为黑色，去掉笔触，在工作区中绘制一矩形工作区中绘制一矩形30030px。然后对齐中。然后对齐中心点心点百叶窗转场效果制作百叶窗转场效果制作v4.新建一影片剪辑元件新建一影片剪辑元件“百叶百叶”，选中第，选中第1帧，将帧，将图形元件图形元件“叶片叶片

3、”拖放到工作区中并对齐中心点，拖放到工作区中并对齐中心点，在第在第15帧处插入一关键，选中第帧处插入一关键，选中第1帧单击鼠标右帧单击鼠标右键，选择键，选择“创建补间动画创建补间动画”，选中第，选中第15帧，通过帧，通过变形面板调整高度为变形面板调整高度为2%，将实例调整为一条线。，将实例调整为一条线。v5.分别在第分别在第25帧和第帧和第40帧，插入两创建关键帧，帧，插入两创建关键帧，并在并在25帧和第帧和第40帧之间创建相反的运动激变动画，帧之间创建相反的运动激变动画，即由一条线放大为高度为即由一条线放大为高度为30px的矩形。的矩形。v6.返回主场景，将图层返回主场景，将图层1更名为更名

4、为pic1，放置库中的图，放置库中的图片片“百叶图百叶图1”；再新建一图层；再新建一图层“pic2”,放置库中的图放置库中的图片片“百叶图百叶图2”；分别对导入的两幅进行如下处理：；分别对导入的两幅进行如下处理： 将图片打散CTRL+B。 选取椭圆工具，设置其填充颜色为无填充色，按住【Shift】键分别在图层中绘制一圆(298*298)。 分别选中圆的轮廓线条及圆形外边的图片，按键盘上的Delete键，将其删除。v7. 分别在这两图层的第分别在这两图层的第42帧处插入帧，帧处插入帧，延时。延时。v8.选中图层选中图层“pic2”,在其上插入一遮罩层在其上插入一遮罩层“maske pic2”，选

5、中第，选中第1帧，将元件帧，将元件“百叶百叶”拖放到工作区中（拖放到工作区中（X:0,Y:270）v9.新增新增9个图层，按住个图层，按住Shift键，选中图层键，选中图层“pic2”和和“maske pic2”，用鼠标右键，用鼠标右键点击被选中的任意一帧，从弹出的快捷菜点击被选中的任意一帧，从弹出的快捷菜单中选择单中选择“复制帧复制帧”菜单命令。菜单命令。v10.用鼠标右键分别点击新增的用鼠标右键分别点击新增的9个图层的第个图层的第1帧，帧，从弹出的菜单中选择从弹出的菜单中选择“粘贴帧粘贴帧”菜单命令，这时菜单命令，这时新增的图层将变成复制后的新增的图层将变成复制后的“pic2”和和“mas

6、ke pic2”遮罩层。遮罩层。v11.选中最上层的选中最上层的maske pic2，将元件，将元件位置调位置调整为：整为：X:0,Y:0。v12.按住按住CTRL键，选中这键，选中这10个个maske pic2遮罩层。【遮罩层。【CTRL+ALT+9】按高度均匀】按高度均匀分布这分布这10个遮罩层。此时遮罩层布满舞台。个遮罩层。此时遮罩层布满舞台。v13.按【按【Ctrl】+【Enter】键查看效果】键查看效果 v多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作通过多层元件的嵌套来制作出较复杂的动通过多层元件的嵌套来制作出较复杂的动画遮罩效果画遮罩效果多层元件嵌套的图片转场效果制

7、作多层元件嵌套的图片转场效果制作v实例分析：实例分析：方方2影片剪辑影片剪辑方方3影片剪辑影片剪辑方方1图形元件图形元件产生方产生方1由小到由小到大的动画效果大的动画效果让方让方2影片剪辑布满舞台，做影片剪辑布满舞台，做出遮罩的效果，布满的过程是出遮罩的效果，布满的过程是逐列增加逐列增加多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v操作步骤：操作步骤：v1.【新建】动画，尺寸为【新建】动画，尺寸为550px X 400px，背景色为白色。，背景色为白色。v2. 将两张荷花的图片到库中。两张位图的将两张荷花的图片到库中。两张位图的大小已处理为大小已处理为550X400px 的尺寸

8、，这也的尺寸，这也是本实例舞台的大小。是本实例舞台的大小。v3.将图层将图层1命名为荷花命名为荷花1，放置图片，放置图片“荷花荷花1”，并按，并按F8键将其转为图形元件，名称为键将其转为图形元件，名称为“荷花荷花01”。多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v4.在第在第20 帧按下帧按下F6 插入一个关键帧。选插入一个关键帧。选择第择第1 帧，调出帧，调出“属性属性”面板，在颜色下面板，在颜色下拉列表中选择拉列表中选择Alpha，将其值设为，将其值设为“0%”， 在第在第1 帧到第帧到第19 帧之间帧之间“创建补间动画创建补间动画”。在第在第50 帧按下帧按下F5 插入

9、一个普通帧用来延插入一个普通帧用来延续画面停留的时间。图片淡入的动画效果续画面停留的时间。图片淡入的动画效果制作完成。制作完成。 多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v5.新建名为新建名为“荷花荷花2”的层，在该层第的层，在该层第20 帧按下帧按下F6 插入一个关键帧放置插入一个关键帧放置“荷花荷花2”图片。图片。v6.新建名为新建名为“荷花荷花2 遮罩遮罩”层，在第层，在第20 帧按下帧按下F6 插入一个关键帧。插入一个关键帧。v7.在在“荷花荷花2 遮罩遮罩”层第层第20 帧绘制一个帧绘制一个任意颜色的矩形，调出任意颜色的矩形，调出“属性属性”面板，宽面板，宽和高均

10、设为和高均设为“50”，X、Y 坐标均设为坐标均设为“0”多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v8.选择该正方形，开始进行元件的嵌套，分解选择该正方形，开始进行元件的嵌套，分解步骤如下：步骤如下：v第一次按下【第一次按下【F8】键将其转换为元件，命名】键将其转换为元件，命名为为“方方1”，类型为，类型为“图形图形”。 v第二次按下【第二次按下【F8】键转换为元件，命名为】键转换为元件，命名为“方方2”，类型为，类型为“影片剪辑影片剪辑” 。v第三次按下【第三次按下【F8】键转换为元件，命名为】键转换为元件，命名为“方方3”，类型为，类型为“影片剪辑影片剪辑” 。多层元件

11、嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v9.打开打开“库库”面板，双击进入面板，双击进入“方方2”影片影片剪辑。第剪辑。第10 帧按下【帧按下【F6】键插入关键帧，】键插入关键帧，在第在第50 帧按下【帧按下【F5】键插入普通帧。在】键插入普通帧。在第第1 帧至第帧至第9 帧的任意一帧单击鼠标右键帧的任意一帧单击鼠标右键选择选择“创建补间动画创建补间动画”，如图所示。这里，如图所示。这里我们暂时不进行任何内容的变化，保持该我们暂时不进行任何内容的变化，保持该元件的原始形状，以便于后面的操作。元件的原始形状，以便于后面的操作。多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果

12、制作v10.在在“库库”面板中双击面板中双击“方方3”影片剪辑，影片剪辑，在第在第50 帧按下帧按下F5 键插入一个普通帧。该键插入一个普通帧。该元件中要保持足够的帧长度以便于其嵌套元件中要保持足够的帧长度以便于其嵌套的动画能够完整播放，一般来说长度至少的动画能够完整播放，一般来说长度至少要和内嵌动画的长度相等。要和内嵌动画的长度相等。多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v11.在在“方方3”影片剪辑中，选中影片剪辑中，选中“方方2”影片影片剪辑。右键【时间轴特效】【帮助】【复制剪辑。右键【时间轴特效】【帮助】【复制到网格】命令，该命令以指定的行数乘以列到网格】命令，该

13、命令以指定的行数乘以列数产生对象整齐排列的多个复本。由于数产生对象整齐排列的多个复本。由于“方方2”的矩形长宽均为的矩形长宽均为50px，舞台的长宽为，舞台的长宽为550X400px，那么，那么5011=550、508=400，正好辅满整个舞台。所以在，正好辅满整个舞台。所以在对话框中，设网格尺寸行数为对话框中，设网格尺寸行数为“8”，列数为，列数为“11”。网格间距行列均为。网格间距行列均为“0”，这样可使，这样可使对象和对象之间没有空隙，单击右上角的对象和对象之间没有空隙，单击右上角的“更新预览更新预览”能够看到效果。能够看到效果。v完成后的平辅对象被打包为一个整体，无完成后的平辅对象被打

14、包为一个整体，无法直接使用。选择该对象，按下【法直接使用。选择该对象，按下【Ctrl】+【B】分离，可以看到已整齐排列好的】分离，可以看到已整齐排列好的8 行行11 列的正方形。列的正方形。多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v12.接下来我们把这些正方形成列分散于多接下来我们把这些正方形成列分散于多个图层，以便制作动画。使用选择工具圈个图层，以便制作动画。使用选择工具圈选除左侧第选除左侧第1 列之外的其它列，按下列之外的其它列，按下【Ctrl】+【X】剪切掉。插入一个新图层，】剪切掉。插入一个新图层，执行【编辑】【粘贴到当前位置】命令。执行【编辑】【粘贴到当前位置】命

15、令。v13.方法同上，使用选择工具再圈选除左侧方法同上，使用选择工具再圈选除左侧前两列之外的其它列，按下【前两列之外的其它列，按下【Ctrl】+【X】剪切掉。插入一个新图层，执行【编辑】剪切掉。插入一个新图层，执行【编辑】【粘贴到当前位置】命令。后边的方法相【粘贴到当前位置】命令。后边的方法相同，只是每次剪切时往后错一列，依此类同，只是每次剪切时往后错一列，依此类推，直到最后一列被分散到新的图层。推，直到最后一列被分散到新的图层。多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v14.保持最底层的帧不变，从保持最底层的帧不变，从“图层图层2”开开始，拖曳第始，拖曳第1 帧不松手放至

16、第帧不松手放至第3 帧。然后帧。然后拖曳拖曳“图层图层3”第第1 帧至第帧至第5 帧，每次多移帧，每次多移两帧，依此类推，效果如图所示。两帧，依此类推，效果如图所示。多层元件嵌套的图片转场效果制作多层元件嵌套的图片转场效果制作v15.调出【库】面板，双击其中的调出【库】面板，双击其中的“方方2”影片剪辑进入其编辑环境。选择第影片剪辑进入其编辑环境。选择第1 帧，帧，按下【按下【Ctrl】+【T】键调出【变形】面板，】键调出【变形】面板，选中选中“约束约束”复选项，输入宽高为原来的复选项，输入宽高为原来的“1%”，实现由小到大的动画效果（根据，实现由小到大的动画效果（根据喜好可以添加旋转效果）。

17、喜好可以添加旋转效果）。v16.回到回到“场景场景1”，在，在“荷花荷花2 遮罩遮罩”层层单击鼠标右键，从快捷菜单中选择单击鼠标右键，从快捷菜单中选择“遮罩遮罩层层”。测试影片吧。测试影片吧。v翻书转场效果制作翻书转场效果制作v实例分析：实例分析：v关键技术：书页的翻动要沿中心轴进行，实现的关键技术：书页的翻动要沿中心轴进行，实现的技巧：添加形状提示符技巧：添加形状提示符翻书转场效果制作翻书转场效果制作翻书转场效果制作翻书转场效果制作v操作步骤：操作步骤：v1.【新建】动画，背景色为蓝色色。将图【新建】动画，背景色为蓝色色。将图层层1命名为书本。命名为书本。v2.选择选择“矩形工具矩形工具”，

18、笔触黑色，填充：，笔触黑色，填充：线性，左色标：灰色，右色标：白色。绘线性，左色标：灰色，右色标：白色。绘制矩形。制矩形。v3.通过通过“选择工具选择工具”调整上下线为拱形，调整上下线为拱形，完成完成1页书的制作，复制该页，并水平翻转，页书的制作，复制该页，并水平翻转，适当移动位置，成翻开状。适当移动位置，成翻开状。翻书转场效果制作翻书转场效果制作v4.选取右书页，按选取右书页，按ALT再复制出再复制出1页书，选择该页书，选择该页，按页，按F8转为影片剪辑元件，命名为：转为影片剪辑元件，命名为：book。v5.在舞台上直接双击在舞台上直接双击book元件。进入元件。进入book元件元件的编辑状态。的编辑状态。v6.在在15帧、帧、30帧插入关键帧。选择帧插入关键帧。选择15帧，通过帧，通过“选择工具选择工具”，将书页调整为下图形状。关键技，将书页调整为下图形状。关键技术鼠标变形为直角时术鼠标变形为直角时 ，拖动。，拖动。翻书转场效果制作翻书转场效果制作v7. 3选择选择30帧，水平翻转，并移至左侧。帧，水平翻转，并移至左侧。在第在第1帧和帧和15帧之间、第帧之间、第15帧和帧和30帧之帧之间建立形状补间动画；间建立形状补间动画；翻书转场效果制作翻书转场效果制作v8.