Flash动画的基本操作.pdf

《Flash动画的基本操作.pdf》由会员分享，可在线阅读，更多相关《Flash动画的基本操作.pdf（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash 动画的基本操作（二）一、如何创建Flash 文档并设置场景？（一）、如何创建Flash 文档？A、启动Flash 软件，单击“开始”界面中的“创建新项目”选项区域中的“Flash 文档”选项即可。这样，就可以创建一个空白的Flash 文档。B、新建一个空白的Flash 文档后，可以对“场景”进行一些简单的设置，选择“修改”“文档”命令，打开文档“属性”对话框，在“尺寸”的“宽”和“高”的文本框中分别输入数值“800”和“600”，单击“背景”颜色按钮，选择“红色”为背景颜色，然后单击“确定”按钮。注意：Flash 的启动方法与其他软件的启动方法类似。另外，在舞台中单击鼠标右键，在弹

2、出的快捷菜单中选择“文档属性”命令，也可以打开“文档属性”对话框。C、进行一些简单的设置后，我们就可以将该Flash 文档进行变成。选择“文件”“保存”命令，打开“另存为”对话框，在“保存在”下拉列表中输入文件名，如：“我的Flash”，然后单击“保存”即可。二、使用椭圆工具绘制圆形 如何在Flash 中绘制圆形？A、启动Flash，选择“文件”“新建”命令，打开“新建文档”对话框，选择“Flash文档”选项，单击“确定”按钮，新建一个空白的Flash 文档。B、单击工具箱中的“椭圆工具”按钮，光标变成“+”字形状，在舞台上按住鼠标左键，拖动到需要的位置后释放鼠标左键，即可绘制一个椭圆形。C、

3、如何绘制一个正圆形呢？很多地方都有用到正圆图形的图案，现在我们学习绘制正圆。单击工具箱中的“椭圆工具”按钮，光标变成“+”字形状，按住键盘上的Shift键，同时拖动鼠标，即可绘制出一个正圆。注意：选择工具箱中的“矩形工具”，可以绘制出矩形和正方形。方法与绘制椭圆和正圆的方法类似。三、如何使用多角形工具绘制多边形？你知道如何在Flash 中制作小星星图形吗？A、单击工具箱中的“矩形工具”，按钮，在弹出的下拉菜单中选择“多角星工具”，然后关闭右侧的折叠面板。B、在“属性”面板中单击“选项”按钮，弹出“工具设置”对话框，在“样式”下拉列表框中选择“星形”，在“边数”文本框中输入数值“5”，然后单击“

4、确定”。C、按住鼠标左键，在舞台中拖曳到需要的合适位置，释放鼠标左键，即可绘制出一个五角星。四、创建图形元件 前面我们学习了Flash 的一些基本操作，下面我们来学习一些关于动画制作的知识，我们就从创建图形元件开始。A、新建一个Flash 文档，选择“插入”“创建新元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“我爱你”，在“类型”选项区域中选择“图形”单选按钮，然后单击“确定”按钮。B、单击“工具箱”中的“文本工具”按钮，打开“属性”面板，设置“字体”为“黑体”，“字号”为“20”，“字体颜色”为“红色”，然后在舞台中输入文本“我爱你”。C、单击时间轴上方的“场景1”按钮，回到

5、场景1 中按F11 键，打开库面板，就可以看到刚才创建的“我爱你”图形元件。注意：影片剪辑元件的创建方法与图形元件的创建方法类似，一定要多加练习。另外，影片剪辑元件里，通常放置一些动画内容，而图形元件中常常放置一些静态内容。五、创建按钮元件 创建按钮元件的具体操作步骤如下：A、新建一个Flash 文档，选择“插入”“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“立体按钮”，在“类型”选项区域中选中“按钮”单选按钮，然后单击“确定”按钮。说明：可以看到按钮元件的时间轴和其他元件的时间轴是不相同的，它的时间轴通常为“弹起”、“指针经过”、“按下”、“点击”4个状态。B、单击工具

6、箱中的“椭圆工具”按钮，在舞台中绘制一个正圆形，选择“窗口”“对齐”命令，打开“对齐”面板，单击“水平中齐”按钮和“垂直中齐”按钮，使图像对齐于舞台的中心位置。C、在“指针经过”状态下，单击鼠标右键，在弹出的快捷菜单中选择插入“空白关键帧”命令。D、单击工具箱中的“椭圆工具”按钮，在舞台中再绘制一个稍小一些的正圆形。单击“对齐”面板中的“水平中齐”按钮和“垂直中齐”按钮，使图形对齐于舞台的中心位置。E、单击时间轴上方的“场景1”按钮，回到场景中，按F11 键打开库面板就可以看到刚才创建的“立体按钮”按钮元件了。注意：在按钮经过的状态上放置一个动画，测试本按钮时，将光标移动到按钮上时，会产生一些

7、动画效果。六、制作帧帧动画 下面我们学习制作简单的渐变动画，具体的操作步骤如下：A、新建一个Flash 动画，选择“插入”“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“小球”，在“类型”选项区域中选中“圆形”单选按钮，然后单击“确定”按钮。B、单击工具箱中的“椭圆工具”按钮，在舞台中绘制出一个正圆形，选择“窗口”“对齐”命令，打开对齐面板，单击“水平中齐”和“垂直中齐”按钮，使图形对齐于舞台中心位置。C、单击时间轴上方的“场景1”按钮，回到场景1 中，按F11 快捷键打开库面板，选中“小球”图形元件，并将其拖入舞台中，然后关闭库面板，使小球对齐于舞台的中心位置。D、将“小

8、球”图形元件对齐于舞台中心位置，然后在第20 帧处单击鼠标右键，选择“插入关键帧”命令，插入关键帧，并将在舞台中的小球向下移动一小段距离。在第一帧处单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令，就完成了渐变动画的制作。E、选择“控制”“测试影片”命令，打开测试窗口，即可看到动画的效果。七、制作卡通按钮 如何制作Flash 动画中的卡通按钮，具体操作步骤如下：A、新建一个Flash 文档，选择“插入”“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“卡通”按钮，在“类型”选项区域中选中“按钮”单选按钮，然后单击“确定”即可。B、选择“文件”“导入”“导入到舞台”命令，打

9、开“导入”按钮对话框，选择图片2jpg，单击“打开”按钮，导入图片2jpg。C、在“指针经过”状态下单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”命令，单击时间轴上方的“场景1”按钮，回到场景中按F11 快捷键，打开库面板，将刚才创建的名为“卡通按钮”的按钮元件拖入到舞台中。D、选择“控制”“测试影片”命令，打开测试窗口，将鼠标移动到卡通图像上，可以看到图像变小，光标变为手的形状，这就是按钮的效果。八、制作带有滤镜效果的文字（一）、我们学习了Flash 中制作动画，现在我们学习制作一个特殊的文字效果，Flash 能否像Photoshop 那样制作会发光的文字呢？A、新建一个Flash 文档

10、，单击工具箱中的“文本工具”按钮，在“属性”面板中设置“字体”为“隶书”，“字号”为“40”，“字体颜色”为“红色”。在舞台中央输入文字“大家好”。B、单击“属性”面板右侧的“滤镜”标签，打开“滤镜”面板，单击“添加滤镜”按钮，选择“投影”选项，在对应右侧面板中设置投影多“颜色”为“黑色”。在舞台中任意位置处单击，就会发现文字有一种立体感了。（二）、制作有链接效果的文字 要制作出一个一按就会弹出一个网页的文字效果，具体操作步骤如下：A、新建一个Flash 文档，单击工具箱中的“文本工具”按钮，在“属性”面板中设置“字体”为“宋书”、“字号”为“30”、“字体颜色”为“蓝色”，在舞台中输入文字“

11、网站首页”。B、在“属性”面板中的链接文本框中输入链接网址：http/。在舞台中任意空白处单击，然后选择“控制”“测试影片”命令，打开测试窗口。C、当光标放在“网站首页”的文字上时，光标就变成手形样式，单击即可打开链接的网页。Flash 制作进度条教程 前言：一、进度条的意义：在网上发布了你的作品后，由于文件较大，下载速度慢，有些朋友看到一片空白，不耐烦等待，就离开了你的网页。为了吸引他，你就做一个进度条，让进度条先来接待他，让他知道，网页是正常的，只要稍等会儿就会显示。就如你到饭店吃饭，菜不可能马上烧出来，这时小姐会给你倒一杯茶，让你悠闲的等待一样。二、进度条的原理：进度条主要是靠as 代码

12、来指挥的。你先制作一个进度条的影片剪辑，这个影片剪辑的长度为100 帧，用形状补间动画把里面的填充色块逐帧扩大；而as 代码的意义就是先计算出你的文件总的字节数大小，然后把下载的字节数转换成百分比数值，赋予给有关变量，从而使播放头跳到该帧，当下载数达到文件的总字节数时，播放头转到主动画，并且停止播放进度条影片剪辑。三、添加进度条的二种情况：1、新制作动画影片时，你只要把进度条放在主场景的第一、二帧上，后面帧上再加主动画。当然相关的代码也要相应的变化。（这种情况我不作介绍。）2、如果你想在已有的FLASH 文件中添加进度条，要移动第一帧上的所有元素到第三帧或以后的帧上，比较麻烦。这时你可以添加一

13、个场景2，并把场景2 设为主场景，因为动画播放的时播次场景。我这里就以原有的作品添加进度条为例。（软件是用FLASH 8）教程内容：一、添加场景2，并设为主场景：1、运行flash 软件，打开你的原有作品文件，点击菜单“插入”“场景”。图 1 2、点击菜单“窗口”“其他面板”“场景”。图2 3、跳出界面，图3 用鼠标左键按住“场景2”向上拖动到“场景1”的上面，图4 并关闭界面。二、创建“进度条”影片剪辑：1、点击菜单“插入”“新建元件”。图5 2、在跳出界面中填写名称“进度条”，类型“影片剪辑”，点“确定”按钮。图 6 3、在进度条的舞台上设二个图层。图7 4、在图层一第一帧上用矩形工具，画

14、一个矩形，宽300 象素，高20 象素，边框设为绿色，填充色为红色。左边边缘对齐舞台的中心点。图8 5、用箭头工具选中中间的填充色块红色部分，按ctrl x 键，剪切。6、到图层2 第一帧上，点击菜单“编辑”“粘贴到当前位置”。7、在图层2 第 100 帧插入关键帧，回到第一帧，把色块宽度调整到3 象素，并移动色块到最左边，（提示：可以在属性面板修改数据，来缩小色块的宽度。）图 9 8、图层2 创建形状补间动画。图10 9、图层一第100 帧插入帧。三、组装：1、回到场景2，也设二个图层，第一层为进度条层，第二层为as 代码层。2、在第一层第一帧，把库中的进度条影片剪辑拖入场景，放到合适的位置

15、，在属性面板上写上实例名“进度条。图11 3、选择文本工具“A”，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：动态文本；字体：Arial；变量名：jd；单行；字体大小颜色自定。图12 3、在第二层第一帧，添加as 代码，选中第一帧在属性面板处，写上bo，图 13 然后打开动作面板，复制下面的代码并粘贴。图14 total=_root.getBytesTotal();/将已经下载的字节数赋值给loaded 变量 loaded=_root.getBytesLoaded();/取整计算已下载的字节数的百分比并赋值给变量load load=int(loaded/total*100);

16、/把已下载的字节数赋值给动态文本变量loadtxt loadtxt=loading+load+%;/进度条同时按百分比数跳转到相应的帧上去;_root.进度条.gotoAndStop(load);4、在第二层第二帧，插入空白关键帧，添加as 代码，/如果下载字节数=总字节数，跳转到场景 1,第 1 帧并停止播放进度条 if(loaded=total)gotoAndStop(场景 1,1);/否则跳转到标签名bo的帧,继续下载 else gotoAndPlay(bo);5、最后更改一下背景颜色，随意。四、测试：由于在电脑里测试，文件下载速度快，所以进度条显示一瞬间，要先看他的全过程，应如下操作：

17、按 ctrl回车键，跳出播放界面后，点击顶部菜单“视图”“模拟下载”。图 15 就可以看到全过程了。提醒：1、小的文件没有必要装进度条。2、进度条也可以制成各种效果，不过进度条所占的字节不能太大，否则本末倒置。类别：默认分类|添加到搜藏|分享到i 贴吧|浏览(621)|评论(0)上一篇：非常有用的类库 下一篇：精选85 条俏皮话，不可不看哦！相关文章：flash 进度条制作教程,附 flash源.增加场景制作Loading 教程(进度条.跟我StepByStep 学 FLEX 教程-.Silverlight 2学习教程(七):在Si.实用的Flash Loading 加载进度条.进度条-步骤教程 最近读者：登录后，您就出现在这里。iq1680 bmw511 db51267 游魂米哟哟