梦联左右网站改加元版设计需求网站改版方案：梦联信通：手机银行支付专家及

梦联左右网站改加元版设计需求网站改版方案：梦联信通：手机银行支付专家及内容摘要：

14所示建立 “ 鱼尾 ” 层。 分 别在第 1 20帧上插入关键帧。 然后把每帧中的鱼尾设置成图 15中不同的形状，当然笔者使用洋葱皮命令是为了大家能够看得更清楚一点，实际上这 5个鱼尾应该是重叠的。 单击 “ 鱼尾 ” 层，使该层的所有帧成阴暗的被选取状态。 然后在 “ 属性 ” 面板的 “ 补间 ” 下拉菜单中选择 “ 形状渐变 ” 选项建立形状渐变动画。 图 14 5．制作金鱼。 创建一个 “ 金鱼 ” 影片剪辑元件，如图 15所示建立 “ 胸鳍 ” 、 “ 鱼头 ” 、 “ 鱼身 ” 等层。 除了 “ 鱼头 ” 层外，其它三层都是由 “ 鱼尾 ” 元件通过 “ 变形 ” 面板变形而得到，这也体现了 Flash设计中尽量重 复使用元件来减小文件体积，提高效率的原则。 在 “ 鱼身 ”层中，只要设计一个红色的鱼身，然后让鱼身发生一点形变，产生一点动的效果就可以了。 图 15 6．制作流水。 新建一个 “ 流水 ” 层。 然后如图 16所示创建元件的各层： “ 小桥 1” 层、 “ 小桥 2” 层、 “ 遮罩 ” 层。 图 16 7．按快捷键 Ctrl+L打开库，把库中的 “ 小桥 ” 元件拖到 “ 小桥 1” 层中。 然后单击选中该层的第 60帧按 F5键插入帧。 接着单击 “ 隐藏 /显示 ” 按钮 隐藏 “ 小桥 1” 层中的元件。 然后再把库中的 “ 小桥 ” 元件再拖到 “ 小桥 2” 层中。 单击选中该层的第 50帧按 F6键插入关键帧。 注意， “ 小桥 1” 层和 “ 小桥 2” 层中的 “ 小桥 ” 元件应该相同。 8．在 “ 遮罩 ” 层中制作一个由一条条高度为 8px的线条组成的遮罩块，每条小条之间要保证有一定的间隙。 接着按快捷键 Ctrl+G将其组合。 如图 17所示。 图 17 9．单击 “ 遮罩 ” 层的第 1 4 60帧并按 F6键插入关键帧。 然后把各帧中的遮罩元件上下移动一下，并建立补间动画。 目的是使其上下移动，形成流水的间隙效果。 只要保证遮罩物能完全遮罩住小桥就可以了。 10．从库中把 “ 金鱼 ” 元件拖拽到 “ 小桥 2” 层中的适当位置，可随意的再 复制出几条金鱼，并可在 “ 属性 ” 面板中将其色彩改成黑色。 也可自己设计几条小蝌蚪放在该层中。 那样，效果就更有童趣，更加春意盎然了。 11．回到主场景。 如图 18所示建立 “ 小桥 ” 层和 “ 倒影 ” 层。 然后从库中把 “ 小桥 ” 图形元件拖拽到 “ 小桥 ” 层中。 再把 “ 流水 ” 影片剪辑元件拖拽到 “ 倒影 ” 层中。 并使用 “ 变形 ” 面板调整到适当位置。 图 18 小桥流水的效果到这里就做好了。 一个完整的 Flash动画就做好了。 小结 在整个 Flash动画的制作过程中要注意，在运用形状渐变动画时两个关键帧中的对象属性要一致，最好是选中关键帧后再 在属性面版的中间下拉菜单中选择形状。 在使用遮照时要注意遮照的位置，及遮照层覆盖的内容。 布置学生预习书上的 P141红星闪闪的例子。 课件制作中插入 Flash 动画的方法 在日常教学中用Ａｕｔｈｏｒｗａｒｅ、ＰｏｗｅｒＰｏｉｎｔ能制作十分精美的课件，但由于使用了大量图片、声音、动画，所以文件比较大，课件制作中最占空间的是声音和动画。 对于动画，Ｆｌａｓｈ是很好的动画制作软件，并且文件体积很小，占用空间比较少，而且Ｆｌａｓｈ动画效果很好。 如果在课件中加入一些Ｆｌａｓｈ动画，一方面可以减小课件的体积，另一方面为课件 增色很多，下面谈谈如何插入Ｆｌａｓｈ动画。 １、 Ａｕｔｈｏｒｗａｒｅ ７．０课件中插入Ｆｌａｓｈ动画 在Ａｕｔｈｏｒｗａｒｅ ７．０中插入Ｆｌａｓｈ动画，常用的有两种方法： 方法一，利用ＡｃｔｉｖｅＸ控件插入Ｆｌａｓｈ动画 １）首先在流程中插入ＡｃｔｉｖｅＸ控件。 在菜单中选择 “ Ｉｎｓｅｒｔ ” （插入），选取 “ Ｃｏｎｔｒｏｌ ” （控制），选定 “ ＡｃｔｉｖｅＸ ” （控件），单击它。 ２）弹出 “ Ｓｅｌｅｃｔ ＡｃｔｉｖｅＸ Ｃｏｎｔｒｏｌ ” 对话框，在对话框中，拖动 “ Ｃｏｎｔ ｒｏｌ Ｄｅｓｃｒｉｐｔｉｏｎ ” 列表框的滚动条，找到 “ Ｓｈｏｃｋｗａｖｅ Ｆｌａｓｈ Ｏｂｊｅｃｔ ” 选项。 ３）单击 “ ＯＫ ” 按钮，弹出 “ ＡｃｔｉｖｅＸ Ｃｏｎｔｒｏｌ Ｐｒｏｐｅｒｔｉｅｓ ” 对话框。 ４）单击 “ Ｃｕｓｔｏｍ ” （自定义）按钮，弹出 “ Ａｕｔｈｏｒｗａｒｅ 属性 ”对话框。 在 “ Ｍｏｖｉｅ ＵＲＬ ” （影片地址）后面的文本框中输入要播放的 Ｆｌａｓｈ动画文件名（文件后缀名为．ｓｗｆ）和路径。 选定 “ Ｐｌａｙ ” 复选框，否则将只显示一幅静止的图片；选定 “ Ｌｏｏｐ ” 复选框，重复循环播放Ｆａｌ ｓｈ动画，否则只播放一次。 点击 “ 应用 ” 、 “ 确定 ” 回到 “ ＡｃｔｉｖｅＸ Ｃｏｎｔｒｏｌ Ｐｒｏｐｅｒｔｉｅｓ ”对话框，再点击 “ ＯＫ ”。 此时流程上会出现一个ＡｃｔｉｖｅＸ控件的图标。 ５）单击工具栏中的 “ 控制面板 ” 按钮，在弹出的控制面板中先单击运行按钮，在展示窗口中运行程序，再单击暂停按钮，暂停程序运行，出现Ｆｌａｓｈ动画窗口，然后拖动窗口四周的句柄，就可以调整Ｆｌａｓｈ动画窗口的大小和位置了。 方法二，利用链接的方法插入Ｆｌａｓｈ动画 １）在菜单中选择 “ Ｉｎｓｅｒｔ ” （插入），选取 “ Ｍｅｄｉａ ” （媒体）中的“ Ｆｌａｓｈ Ｍｏｖｉｅ．．． ” ，打开对话框。 ２）单击 “ Ｂｒｏｗｓｅｒ ” （浏览）按钮，在 “ Ｏｐｅｎ Ｓｈｏｃｋｗａｖｅ Ｆｌａｓｈ Ｍｏｖｉｅ ” 对话框中选择Ｆｌａｓｈ动画文件（后缀为．ｓｗｆ） 单击 “ Ｏｐｅｎ ” （打开）按钮，单击 “ Ｏｋ ” 即可，此时流程上会出现一个ＡｃｔｉｖｅＸ控件的图标。 ３）调整Ｆｌａｓｈ动画窗口的大小和位置的方法同方法一中的第五步骤。 ２、ＰｏｗｅｒＰｏｉｎｔ 2020课件中插入Ｆｌａｓｈ动画 在ＰｏｗｅｒＰｏｉｎｔ中插入Ｆｌ ａｓｈ动画，常用的也有两种方法： 方法一，利用ＡｃｔｉｖｅＸ控件插入Ｆｌａｓｈ动画 在ＰｏｗｅｒＰｏｉｎｔ 2020中使用Ｆｌａｓｈ动画，首先要求系统安装Ｆｌａｓｈ ＡｃｔｉｖｅＸ控件。 打开ＰｏｗｅｒＰｏｉｎｔ 2020工作界面，在 “ 视图 ” 菜单中选取 “ 工具栏 ” 内的 “ 控件工具箱 ” ，打开 “ 控件工具箱 ” 面板。 在 “ 控件工具箱 ” 面板中选 “ 其他控件 ” ，用鼠标左键单击该按钮，打开系统安装的控件清单，从中选择“ Ｓｈｏｃｋｗａｖｅ Ｆｌａｓｈ Ｏｂｊｅｃｔ ”。 此时光标变成十字形，用鼠标在需要插入动画的地方拖 动出一个方框（方框的大小表示演示窗口的大小），在所拖出的区域中，点击鼠标右键，选择 “ 属性 ”。 在打开的 “ 属性 ” 窗口中，选择 “ Ｍｏｖｉｅ ” ，在其后输入Ｆｌａｓｈ动画 ．ｓｗｆ 的完整的路径和文件名，使用 “ 幻灯片放映 ” 命令，就可以看到Ｆｌａｓｈ动画的演示效果。 方法二，利用链接的方法插入Ｆｌａｓｈ动画 可用超级链接的方法，具体的步骤是：打开ＰｏｗｅｒＰｏｉｎｔ 2020工作界面，选择 “ 插入 ” 菜单中的对象，打开 “ 插入对象 ” 对话框；在对话框中，选择 “ 由文件创建 ” ，输入Ｆｌａｓｈ动画 ．ｓｗｆ 文件 的完整路径和文件名，按 “ 确定 ” 按钮退出；在幻灯片视图上，右击Ｆｌａｓｈ图标，在弹出的快捷菜单上，选择 “ 动作设置 ” 命令，在“ 动作设置 ” 对话框中，选择 “ 单击鼠标 ” 选项卡中的 “ 对象动作 ” 单选框，在此单选框中选择 “ 激活内容 ” ，单击确定即可。 使用 “ 幻灯片放映 ” 命令，就可以看到Ｆｌａｓｈ动画的演示效果。 ３、Ｄｒｅａｍｗｅａｖｅｒ课件中插入Ｆｌａｓｈ动画 在Ｄｒｅａｍｗｅａｖｅｒ中，直接单击 “ ｏｂｊｅｃｔ ” 工具栏上的Ｆｌａｓｈ控件图标就可以插入ＳＷＦ文件了。 小桥流水 Flash动画 范宇侠 胡宇明 这 个 Flash动画效果实现的是小桥流水的效果。 小桥下的水静静地流淌着，小桥的倒影和水中的金鱼可以让我们想起了童年的生活。 但最重要的这是一个比较实用和常用的效果。 教学目标 ： 学生掌握小桥流水的实现方法，如何设计一只可爱的金鱼；学会运用另一种渐变动画类型 —— 形状渐变动画，以及在动画中使用遮照功能。 教学难点： ； 性要一致； ，要怎样实现。 教学过程： 展示小桥流水 Flash动画，学生注意观看，指出动画中 有那些对象有过运动， 打开原程序，注意观察时间轴上的有几个图层，图层的图标和以前学到过的有什么不同，以及时间轴的补间等。 打开库看一下里面有几个元件几元件的属性。 具体制作小桥流水 Flash动画 1．设置场景的大小为 500px 300px，背景色为 10A9CC，帧频为 12fps。 2．导入小桥。 按快捷键 Ctrl+F8打开 “ 创建新元件 ” 面板创建一个 “ 小桥 ” 图形 元件。 然后导入一座小桥图片，如图 11所示。 图 11 3．制作鱼尾。 新建一个 “ 鱼尾 ” 影片剪辑元件。 在元件的场景中绘制一个鱼尾，如图 12所示。 图 12 4．按快捷键 Shift+F9键打开 “ 混色器 ” 面板，并如图 13所示进行设置。 “ 混色器 ” 下拉菜单中选择 “ 线型渐变 ”。 其中三个滑块的颜色分别是 F5800A、 F8D356（透明度为 70%）和白色（透明度为 50%）。 设置好后用 “ 颜料桶 ” 工具给鱼尾上色。 图 13 4．如图 14所示建立 “ 鱼尾 ” 层。 分别在第 1 20帧上插入关键帧。 然后把每帧中的鱼尾设置成图 15中不同的形状，当然笔者使用洋葱皮命令是为了大家能够看得更清楚一点，实际上这 5个鱼尾应该是重叠的。 单击 “ 鱼尾 ” 层，使该层的所有 帧成阴暗的被选取状态。 然后在 “ 属性 ” 面板的 “ 补间 ” 下拉菜单中选择 “ 形状渐变 ” 选项建立形状渐变动画。 图 14 5．制作金鱼。 创建一个 “ 金鱼 ” 影片剪辑元件，如图 15所示建立 “ 胸鳍 ” 、 “ 鱼头 ” 、 “ 鱼身 ” 等层。 除了 “ 鱼头 ” 层外，其它三层都是由 “ 鱼尾 ” 元件通过 “ 变形 ” 面板变形而得到，这也体现了 Flash设计中尽量重复使用元件来减小文件体积，提高效率的原则。 在 “ 鱼身 ”层中，只要设计一个红色的鱼身，然后让鱼身发生一点形变，产生一点动的效果就可以了。 图 15 6．制作流水。 新建一个 “ 流水 ” 层。 然后如图 16所 示创建元件的各层： “ 小桥 1” 层、 “ 小桥 2” 层、 “ 遮罩 ” 层。 图 16 7．按快捷键 Ctrl+L打开库，把库中的 “ 小桥 ” 元件拖到 “ 小桥 1” 层中。 然后单击选中该层的第 60帧按 F5键插入帧。 接着单击 “ 隐藏 /显示 ” 按钮 隐藏 “ 小桥 1” 层中的元件。 然后再把库中的 “ 小桥 ” 元件再拖到 “ 小桥 2” 层中。 单击选中该层的第 50帧按 F6键插入关键帧。 注意， “ 小桥 1” 层和 “ 小桥 2” 层中的 “ 小桥 ” 元件应该相同。 8．在 “ 遮罩 ” 层中制作一个由一条条高度为 8px的线条组成的遮罩块，每条小条之间要保证有一定的间隙。 接着按快捷键 Ctrl+G将其组合。 如图 17所示。 图 17 9．单击 “ 遮罩 ” 层的第 1 4 60帧并按 F6键插入关键帧。 然后把各帧中的遮罩元件上下移动一下，并建立补间动画。 目的是使其上下移动，形成流水的间隙效果。 只要保证遮罩物能完全遮罩住小桥就可以了。 10．从库中把 “ 金鱼 ” 元件拖拽到 “ 小桥 2” 层中的适当位置，可随意的再复制出几条金鱼，并可在 “ 属性 ” 面板中将其色彩改成黑色。 也可自己设计几条小蝌蚪放在该层中。 那样，效果就更有童趣，更加春意盎然了。 11．回到主场景。 如图 18所示建立 “ 小桥 ” 层和 “ 倒影 ” 层。 然后从库中 把 “ 小桥 ” 图形。