多媒体技术----flash动画

多媒体技术实验多媒体技术实验 逐帧动画逐帧动画 第一步第一步：夜空背景，出现对比颜色。 方法：建立背景图层，利用【矩形】工具在第一帧上绘制与默 认舞台大小相同的无边界矩形，利用填充桶设置矩形显色为黑灰渐 变（上下分布） 。 选中该矩形背景点右键设置【排列】-【锁定】 。原因：避免 后期操作其他图层的对象时改变该矩形的位置。 利用【椭圆】工具的（绘制对象模式） ，去掉笔触填充颜色选择 为黄色，按下 shift 键绘制一个半径为 100 的圆，按下 ALT 键拖动刚 绘制出的圆复制一份至合适位置，修改其填充颜色为蓝色（可是不 为黄色的其他颜色） 。 选择菜单【修改】-【合并对象】-【打孔】 选中完成打孔后的图形， 【修改】-【形状】-【柔滑填充边 缘】-弹出对话框设置距离和步长数，选择方向扩展 第二步：第二步：建立新一图层命名“星星一”,选 中【多边星形】工具，打开属性对话框， 单击【选项】打开工具设置对话框。按照 如右图所示设置。 选中该层第一帧，在舞台合适位置绘制出 一个 4 角星形。选中该星形， 【修改】-【形状】-【柔滑填 充边缘】-（插入） 选中图形，按下 F8 键转换图形为图形元件命名为星星 注意：星星闪烁，一可改变大小，二可改变填充颜色透明度。 按下 F6 键创建关键帧，选中【任意变形】工具，改变星星的大小， 可以建立 7 帧，知道星星缩小到不能调整。选中建立的 7 帧-复 制帧-选中第 8 帧，点右键-粘贴帧。然后 选择复制的后 7 帧，点右键-翻转帧。 第三步：第三步：创建新图层并命名为星星 2，复制星星 1 图层中的 14 帧，单击到星星 2 的第一帧，选择 粘贴帧。 锁定背景和星星 1 图层，单击时间轴下方的 【编辑多帧】 托选该层的整个 14 帧。然后选中舞台的星星移动到其他位置。 取消编辑多帧功能。 第四步：第四步：创建新图层并命名为星星 3，选中第一帧，从库中拖动星 星元件至舞台一位置。按下 F6 键创建关键帧，打开属性对话框- 【样式】-【透明度/ALPha】 依次建立 7 帧，直到调整到透明度为 0。 选中建立的 7 帧-复制帧-选中第 8 帧，点右键-粘贴帧。 然后选择复制的后 7 帧，点右键-翻转帧。 第五步：第五步：创建新图层并命名为星星 4。按下 CTRL+F8 键打开创建元 件对话框，选择影片剪辑，名称为闪星 1。复制星星 1 图层的 14 帧， 粘贴到闪星 1 元件的第一层上。 按下 CTRL+F8 键打开创建元件对话框，选择影片剪辑，名称为闪星 2。复制星星 3 图层的 14 帧，粘贴到闪星 2 元件的第一层上。 选中星星 4 图层的第 7 帧，从库中分别拖出几个闪星 1 和闪星 2 元 件至舞台的上半部分 第六步：第六步：创建新图层并命名为山层。在第一帧上利用椭圆工具绘制 一椭圆，使用主选工具和部分选择工具及钢笔工具调整出波澜起伏 的山脉。 第七步：第七步：创建新图层并命名为树木。 【文件】-【导入】-导 入至舞台，选中一个准备好的树木图片至舞台。调整大小， 【修改】 -【位图】-【转位图为矢量图】 ，删除图片中的白色部分。 使用颜料桶工具，把树木变成黑色，并转换为元件（树木） ，删除原 来导入的树木。并在该层上，按下 ALT 键复制几份树木的实例，在 舞台上调整大小，至舞台合适的位置。 第八步：第八步：新建图层并命名为狮子。按下 ctrl+F8 键打开创建新元件对 话框，选择影片剪辑元件命名狮子。导入连续的几张狮子运动的图 片至库中。 在从库中拖 shape1 图片至狮子影片剪辑元件的第一帧上。选中狮子， 【修改】-【位图】-【转位图为矢量图】 ，删除图片中的白色部 分。选中狮子转换为 s1 图形元件，依次把导入的 7 张图片按照上述 步骤完成处理。 分别把 s1-s7 图形元件拖动至对应的狮子影片剪辑元件的前 7 帧上。 在狮子图层的一帧出拖入狮子元件放置舞台的左侧， 【修改】- 【形状】-【水平翻转】 ，在 14 帧按下 F6 键，移动狮子至舞台的 右侧。选中任意一帧点右键创建传统补间。 第九步：第九步：按下 ctrl+enter 键测试，并保存。 放大镜的制作过程：放大镜的制作过程： （用带孔的矩形遮住小文字图层，用矩形中抠出的圆部分遮住大文 字图层） 1. 在图层区域，先创建两个图层分别为“大文字”和“小文字” ， 2. 在小文字图层所对应的舞台上，使用文本工具写上一行字体“某 某某某” ，并适当调整字之间的间距，最后复制这行文字。 3. 选择大文字图层对应的舞台，并粘贴处刚才复制的那组文字，然 后把该组文字调大，接着让这组大文字看上去与小文字尽可能重 合， 4. 插入新图层命名为“遮小” ，移动该层到小文字图层的上方。使 用矩形工具（图形模式）绘制一个长度为 1100*任意宽度（注： 只要能覆盖住文字即可）矩形。然后使用椭圆工具绘制一个带边 框的圆，直径略少于所绘制矩形宽度，但应保证能覆盖住大文字。 5. 移动绘制的圆到矩形的中间位置，然后把圆再次移动到舞台空白 位置。选择带孔的矩形，转换为元件 1，选中圆转换为元件 2， 并删除该圆。 6. 再次插入图层，命名为“遮大” ，移动该图层到大文字的上方。 然后从库中把元件 2 拖到舞台。 7. 选中遮小图层，把矩形移动到覆盖文字的位置，而且孔正好处在 文字的左侧，选中遮大图层，把圆移动到上面矩形孔的位置。 8. 在时间轴的大文字和小文字图层的 60 帧处分别按下 F5 建，遮大 和遮小图层的 60 帧处分别按下 F6 建，然后分别拖动矩形和圆， 是矩形的圆孔处在文字的右侧，圆再次和孔进行重合。之后分别 选中 1-60 中的任意帧，添加传统动画补间。 9. 分别选中遮大，遮小图层，点右键在弹出的菜单中选择遮罩层选 项 10.导入放大镜图片至舞台-缩放一定的大小-【修改】- 【位图】-【转换为矢量图】-去掉白色区域-按下 F8 键 转换为“放大镜”元件。 11.移动放大镜实例位置保证与绘制的圆形重合。在 60 帧下按下 F6 创建关键帧，并移动其位置在此与右边的圆重合。在 1-60 帧之间 任选一帧，点右键选择创建传统补间。 12.按下 Ctrl+enter 建测试效果。 地球自转的制作：地球自转的制作： 1. 导入地图元件到舞台，调整一下图片的大小，并复制一份，两张 图并排排列，选中之后转换成元件。 2. 创建 2 个图层，依次取名为地球，遮罩，地图。在遮罩层上使用 椭圆工具绘制一个与创建的元件高度相同大小的圆，并放置舞台 的中间，调整一下圆的颜色渐变及透明度。 3. 在地图层的第一帧处移动地图，使右半边地图的一部分（A）覆 盖住地图，然后在时间轴的 100 帧按下 F6 键，移动地图使元件 的左半部分的地图上 A 部分处于相同的位置。 4. 选择 1 到 100 帧的任意一帧点右键在菜单中选择创建补间动画。 5. 复制遮罩层中的圆，选中地球层的第一帧，在舞台上点右键弹出 的菜单中选择粘贴到当前位置。 6. 在地图层的下方创建新图层-地图反。拖动地图 2 元件至舞台， 【修改】-【变形】-【水平翻转】 。选中该实例， 【属性】- -【选项】-【亮度】变暗一些。 7. 该层第一帧选择合适位置，在第 100 帧按下 F6 创建关键帧。建 立传统补间动画。 8. 选择遮罩层，点右键选择“遮罩层”效果，使用一遮罩遮两层。 9. 创建文字图层，写上地球自转字样，利用形状补间动画进行创建。 10.创建按钮层，并如图所示放置三个按钮，从上至下分别表示，暂 停，播放，回放。然后分别在属性设置实例名称为 zt_btn,bf_btn,hf_btn. 11.创建新图层-代码层 在该层第一帧上写下如下代码： import flash.events.MouseEvent; zt_btn.addEventListener(MouseEvent.CLICK,暂停); function 暂停(e):void this.stop(); bf_btn.addEventListene