flash动画的基本操作

Flash 动画的基本操作（二） 一、如何创建 Flash 文档并设置场景？ （一）、如何创建 Flash 文档？ A、启动 Flash 软件，单击“开始”界面中的“创建新项目”选项区域中的 “Flash 文档”选项即可。这样，就可以创建一个空白的 Flash 文档。 B、新建一个空白的 Flash 文档后，可以对“场景”进行一些简单的设置，选择 “修改”“文档”命令，打开文档“属性”对话框，在“尺寸”的“宽”和 “高”的文本框中分别输入数值“800”和“600”，单击“背景”颜色按钮， 选择“红色”为背景颜色，然后单击“确定”按钮。 注意：Flash 的启动方法与其他软件的启动方法类似。另外，在舞台中单击鼠 标右键，在弹出的快捷菜单中选择“文档属性”命令，也可以打开“文档属性” 对话框。 C、进行一些简单的设置后，我们就可以将该 Flash 文档进行变成。选择“文件” “保存”命令，打开“另存为”对话框，在“保存在”下拉列表中输入文件 名，如：“我的 Flash”，然后单击“保存”即可。 二、使用椭圆工具绘制圆形 如何在 Flash 中绘制圆形？ A、启动 Flash，选择“文件”“新建”命令，打开“新建文档”对话框，选 择“Flash 文档”选项，单击“确定”按钮，新建一个空白的 Flash 文档。 B、单击工具箱中的“椭圆工具”按钮，光标变成“+”字形状，在舞台上按住 鼠标左键，拖动到需要的位置后释放鼠标左键，即可绘制一个椭圆形。 C、如何绘制一个正圆形呢？ 很多地方都有用到正圆图形的图案，现在我们学习绘制正圆。 单击工具箱中的“椭圆工具”按钮，光标变成“+”字形状，按住键盘上的 Shift 键，同时拖动鼠标，即可绘制出一个正圆。 注意：选择工具箱中的“矩形工具”，可以绘制出矩形和正方形。方法与绘制 椭圆和正圆的方法类似。 三、如何使用多角形工具绘制多边形？ 你知道如何在 Flash 中制作小星星图形吗？ A、单击工具箱中的“矩形工具”，按钮，在弹出的下拉菜单中选择“多角星工 具”，然后关闭右侧的折叠面板。 B、在“属性”面板中单击“选项”按钮，弹出“工具设置”对话框，在“样式” 下拉列表框中选择“星形”，在“边数”文本框中输入数值“5”，然后单击 “确定”。 C、按住鼠标左键，在舞台中拖曳到需要的合适位置，释放鼠标左键，即可绘制 出一个五角星。 四、创建图形元件 前面我们学习了 Flash 的一些基本操作，下面我们来学习一些关于动画制作的 知识，我们就从创建图形元件开始。 A、新建一个 Flash 文档，选择“插入”“创建新元件”命令，打开“创建新 元件”对话框，在“名称”文本框中输入“我爱你”，在“类型”选项区域中 选择“图形”单选按钮，然后单击“确定”按钮。 B、单击“工具箱”中的“文本工具”按钮，打开“属性”面板，设置“字体” 为“黑体”，“字号”为“20”，“字体颜色”为“红色”，然后在舞台中输 入文本“我爱你”。 C、单击时间轴上方的“场景 1”按钮，回到场景 1 中按 F11 键，打开库面板， 就可以看到刚才创建的“我爱你”图形元件。 注意：影片剪辑元件的创建方法与图形元件的创建方法类似，一定要多加练习。 另外，影片剪辑元件里，通常放置一些动画内容，而图形元件中常常放置一些 静态内容。 五、创建按钮元件 创建按钮元件的具体操作步骤如下： A、新建一个 Flash 文档，选择“插入”“新建元件”命令，打开“创建新元 件”对话框，在“名称”文本框中输入“立体按钮”，在“类型”选项区域中 选中“按钮”单选按钮，然后单击“确定”按钮。 说明：可以看到按钮元件的时间轴和其他元件的时间轴是不相同的，它的时间 轴通常为“弹起”、“指针经过”、“按下”、“点击”4 个状态。 B、单击工具箱中的“椭圆工具”按钮，在舞台中绘制一个正圆形，选择“窗口” “对齐”命令，打开“对齐”面板，单击“水平中齐”按钮和“垂直中齐” 按钮，使图像对齐于舞台的中心位置。 C、在“指针经过”状态下，单击鼠标右键，在弹出的快捷菜单中选择插入“空 白关键帧”命令。 D、单击工具箱中的“椭圆工具”按钮，在舞台中再绘制一个稍小一些的正圆形。 单击“对齐”面板中的“水平中齐”按钮和“垂直中齐”按钮，使图形对齐于 舞台的中心位置。 E、 单击时间轴上方的“场景 1”按钮，回到场景中，按 F11 键打开库面板就 可以看到刚才创建的“立体按钮”按钮元件了。 注意：在按钮经过的状态上放置一个动画，测试本按钮时，将光标移动到按钮 上时，会产生一些动画效果。 六、制作帧帧动画 下面我们学习制作简单的渐变动画，具体的操作步骤如下： A、新建一个 Flash 动画，选择“插入”“新建元件”命令，打开“创建新元 件”对话框，在“名称”文本框中输入“小球”，在“类型”选项区域中选中 “圆形”单选按钮，然后单击“确定”按钮。 B、单击工具箱中的“椭圆工具”按钮，在舞台中绘制出一个正圆形，选择“窗 口”“对齐”命令，打开对齐面板，单击“水平中齐”和“垂直中齐”按钮， 使图形对齐于舞台中心位置。 C、单击时间轴上方的“场景 1”按钮，回到场景 1 中，按 F11 快捷键打开库面 板，选中“小球”图形元件，并将其拖入舞台中，然后关闭库面板，使小球对 齐于舞台的中心位置。 D、将“小球”图形元件对齐于舞台中心位置，然后在第 20 帧处单击鼠标右键， 选择“插入关键帧”命令，插入关键帧，并将在舞台中的小球向下移动一小段 距离。在第一帧处单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令， 就完成了渐变动画的制作。 E、选择“控制”“测试影片”命令，打开测试窗口，即可看到动画的效果。 七、制作卡通按钮 如何制作 Flash 动画中的卡通按钮，具体操作步骤如下： A、新建一个 Flash 文档，选择“插入”“新建元件”命令，打开“创建新元 件”对话框，在“名称”文本框中输入“卡通”按钮，在“类型”选项区域中 选中“按钮”单选按钮，然后单击“确定”即可。 B、选择“文件”“导入”“导入到舞台”命令，打开“导入”按钮对话框， 选择图片 2jpg，单击“打开”按钮，导入图片 2jpg。 C、在“指针经过”状态下单击鼠标右键，在弹出的快捷菜单中选择“插入关键 帧”命令，单击时间轴上方的“场景 1”按钮，回到场景中按 F11 快捷键，打 开库面板，将刚才创建的名为“卡通按钮”的按钮元件拖入到舞台中。 D、选择“控制”“测试影片”命令，打开测试窗口，将鼠标移动到卡通图像 上，可以看到图像变小，光标变为手的形状，这就是按钮的效果。 八、制作带有滤镜效果的文字 （一）、我们学习了 Flash 中制作动画，现在我们学习制作一个特殊的文字效 果，Flash 能否像 Photoshop 那样制作会发光的文字呢？ A、新建一个 Flash 文档，单击工具箱中的“文本工具”按钮，在“属性”面板 中设置“字体”为“隶书”，“字号”为“40”，“字体颜色”为“红色”。 在舞台中央输入文字“大家好”。 B、单击“属性”面板右侧的“滤镜”标签，打开“滤镜”面板，单击“添加滤 镜”按钮，选择“投影”选项，在对应右侧面板中设置投影多“颜色”为“黑 色”。在舞台中任意位置处单击，就会发现文字有一种立体感了。 （二）、制作有链接效果的文字 要制作出一个一按就会弹出一个网页的文字效果，具体操作步骤如下： A、新建一个 Flash 文档，单击工具箱中的“文本工具”按钮，在“属性”面板 中设置“字体”为“宋书”、“字号”为“30”、“字体颜色”为“蓝色”， 在舞台中输入文字“网站首页”。 B、在“属性”面板中的链接文本框中输入链接网址：http/。 在舞台中任意空白处单击，然后选择“控制”“测试影片”命令，打开测试 窗口。 C、当光标放在“网站首页”的文字上时，光标就变成手形样式，单击即可打开 链接的网页。 Flash 制作进度条教程 前言： 一、进度条的意义：在网上发布了你的作品后，由于文件较大，下载速度慢， 有些朋友看到一片空白，不耐烦等待，就离开了你的网页。为了吸引他，你就 做一个进度条，让进度条先来接待他，让他知道，网页是正常的，只要稍等会 儿就会显示。就如你到饭店吃饭，菜不可能马上烧出来，这时小姐会给你倒一 杯茶，让你悠闲的等待一样。 二、进度条的原理：进度条主要是靠 as 代码来指挥的。你先制作一个进度条的 影片剪辑，这个影片剪辑的长度为 100 帧，用形状补间动画把里面的填充色块 逐帧扩大；而 as 代码的意义就是先计算出你的文件总的字节数大小，然后把下 载的字节数转换成百分比数值，赋予给有关变量，从而使播放头跳到该帧，当 下载数达到文件的总字节数时，播放头转到主动画，并且停止播放进度条影片 剪辑。 三、添加进度条的二种情况：1、新制作动画影片时，你只要把进度条放在主场 景的第一、二帧上，后面帧上再加主动画。当然相关的代码也要相应的变化。 （这种情况我不作介绍。） 2、如果你想在已有的 FLASH 文件中添加进度条，要移动第一帧上的所有元素到 第三帧或以后的帧上，比较麻烦。这时你可以添加一个场景 2，并把场景 2 设 为主场景，因为动画播放的时播次场景。 我这里就以原有的作品添加进度条为例。（软件是用 FLASH 8） 教程内容： 一、添加场景 2，并设为主场景： 1、运行 flash 软件，打开你的原有作品文件，点击菜单“插入”“场景”。 图 1 2、点击菜单“窗口”“其他面板”“场景”。图 2 3、跳出界面，图 3 用鼠标左键按住“场景 2”向上拖动到“场景 1”的上面，图 4 并关闭界面。 二、创建“进度条”影片剪辑： 1、点击菜单“插入”“新建元件”。图 5 2、在跳出界面中填写名称“进度条”，类型“影片剪辑”，点“确定”按钮。 图 6 3、在进度条的舞台上设二个图层。图 7 4、在图层一第一帧上用矩形工具，画一个矩形，宽 300 象素，高 20 象素，边 框设为绿色，填充色为红色。左边边缘对齐舞台的中心点。图 8 5、用箭头工具选中中间的填充色块红色部分，按 ctrlx 键，剪切。 6、到图层 2 第一帧上，点击菜单“编辑”“粘贴到当前位置”。 7、在图层 2 第 100 帧插入关键帧，回到第一帧，把色块宽度调整到 3 象素，并 移动色块到最左边，（提示：可以在属性面板修改数据，来缩小色块的宽度。 ）图 9 8、图层 2 创建形状补间动画。图 10 9、图层一第 100 帧插入帧。 三、组装： 1、回到场景 2，也设二个图层，第一层为进度条层，第二层为 as 代码层。 2、在第一层第一帧，把库中的进度条影片剪辑拖入场景，放到合适的位置，在 属性面板上写上实例名“进度条“。图 11 3、选择文本工具“A”，在舞台合适的位置加入一个动态文本框，在属性面板 上设置文本类型：动态文本；字体：Arial； 变量名：jd；单行；字体大小颜 色自定。图 12 3、在第二层第一帧，添加 as 代码，选中第一帧在属性面板处，写上 “bo“，图 13 然后打开动作面板，复制下面的代码并粘贴。图 14 total = _root.getBytesTotal(); / 将已经下载的字节数赋值给 loaded 变量 loaded = _root.getBytesLoaded(); / 取整计算已下载的字节数的百分比并赋值给变量 load load = int(loaded/total*100); / 把已下载的字节数赋值给动态文本变量 loadtxt loadtxt = “loading“+load+“%“; / 进度条同时按百分比数跳转到相应的帧上去; _root.进度条.gotoAndStop(load); 4、在第二层第二帧，插入空白关键帧，添加 as 代码， /如果下载字节数=总字节数，跳转到“场景 1“, 第 1 帧并停止播放进度条 if (loaded = total) gotoAndStop(“场景 1“, 1); /否则跳转到标签名“bo“的帧,继续下载 else gotoAndPlay(“bo“); 5、最后更改一下背景颜色，随意。 四、测试： 由于在电脑里测试，文件下载速度快，所以进度条显示一瞬间，要先看他的全 过程，应如下操作： 按 ctrl回车键，跳出播放界面后，点击顶部菜单“视图”“模拟下载”。 图 15 就可以看到全过程了。 提醒： 1、小的文件没有必要装进度条。 2、进度条也可以制成各种效果，不过进度条所占的字节不能太大，否则本末倒 置。 类别：默认