Flash动画的基本操作.pdf
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、用箭头工具选中中间的填充色块红色部分,按ctrl x 键,剪切。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、进度条也可以制成各种效果,不过进度条所占的字节不能太大,否则本末倒置。类别:默认分类|添加到搜藏|分享到i 贴吧|浏览(621)|评论(0)上一篇:非常有用的类库 下一篇:精选85 条俏皮话,不可不看哦!相关文章:flash 进度条制作教程,附 flash源.增加场景制作Loading 教程(进度条.跟我StepByStep 学 FLEX 教程-.Silverlight 2学习教程(七):在Si.实用的Flash Loading 加载进度条.进度条-步骤教程 最近读者:登录后,您就出现在这里。iq1680 bmw511 db51267 游魂米哟哟