----------------------------------------------------------------------------------------------------------------------------------------------- 本文提示:《(3)》是本站编辑们为广大网友精选的实用文章,本文阐述了关于文章的相关理论,相对来说专业性强,但是本文只是针对于某个问题提出的见解与论述,未必能辐射到相关问题的方方面面,所以本文处理问题的方法仅仅为您提供一些参考。更多问题请查阅学习中国网其他栏目哦. -----------------------------------------------------------------------------------------------------------------------------------------------
步骤五、点击Insert|Convert to Symbol,将红色长方形转换为符号,在随后打开的Symbol Properties对话框中的Name输入框输入符号的名称为Loading。然后选择Movie Clip电影剪辑项,点击OK。
步骤六、现在点击红色长方形你会发现它已经不再出现小麻点了,而是出现了一个蓝色的外框,因为它已经是一个符号了。现在选Window|Panels|Instance命令打开Instance实例面板。
步骤七、在面板中的Name项中输入名称Loading,为这个符号取了一个分身名称。如图4-4所示。

图4-4 为进度条符号取分身名称
步骤八、在时间轴的第二帧按F6键,插入一个关键帧。
步骤九、用鼠标双击此帧打开帧的Action面板。我们要开始制作预载动画的程序了。
步骤十、双击Action面板左边的指令里的Actions项,在打开的指令里选择if,用鼠标又击,if指令出现在编辑区了。
步骤十一、在Action面板的下半部份参数输入区里Condition输入栏中输入代码_framesloaded>=_totalframes。如图4-5所示。

图4-5 在if指令参数框内输入代码
步骤十二、然后点击指令区的Basic Actions命令集里的goto指令,在随后的参数输入框内的Frame栏目中输入数字3。如图4-6所示。

图4-6 goto指令的参数输入栏
步骤十三、然后点击 Actions指令集中的else项。
步骤十四、再次点击goto指令,这回不用更改帧序列数字了。
步骤十五、点击Action指令集的Setproperty指令,选择Properties下拉框中的_xscale属性,然后在Target输入栏中输入“_root.loading",点选后面的Expression单选框项目。
步骤十六、在Value输入栏中输入代码(_framesloaded/_totalframes)*100,点选后面的Expression单选框。

图4-7 Setproper指令参数输入框
步骤十七、指令已经输入完毕了。接下来开始在第三帧后面制作你的动画,然后发布,上传,观看。你也可以打开Control|Debug Movie测试电影,在随后打开的浏览窗口中使用Debug菜单中的模拟下载速度来测试。
程序解读:
第1-2行中if(_framesloaded>=_totalframes)句的意思是当已经下载的帧数大于等于影片的总帧数时,跳转到第三帧开始播放。
第3-5行,如果下载的帧数小于总帧数的话,跳转到第一帧播放。并且安装分身名称为loading的电影剪辑的长度属性,使它的长度成为已经下载的帧数除以总帧数再乘100。
知识要点:
Loading制作很多设计人员喜欢使用帧行为,其实用很多的功能都可以实现Loading制作。本例中使用(_framesloaded/_totalframes)*100的表达式来制作进度条的宽度。其它Loading制作方法不管是用下载时间函数还是用下载字节函数,但下载数除以总数乘以100的表达式基本上是没什么变化的了。
精确的Loading设计
上述的哪个Loading程序有一些比较简单,虽然它已经达到了预载的效果,但是对于要求比较高的朋友可能就不能满足了。哪么请看图4-8,这个预载动画将使用到比较多的函数,使动画预载看起来更加的人性化。

图4-8 高级的Loading程序界面
制作过程:
步骤一、打开刚才我们设计的Loading动画。这个Loading程序将是在上述Loading的基础上修改而成的。
步骤二、使用文字工具,并且使用Window|Panels|Character命令,打开Character字符面板,将字号设置为25,字色为黑色。如图4-9所示。

图4-9 Character面板的设置
步骤三、将文字按图4-8这样式输入在界面里。然后打开Window|Panels|Align命令,打开Align对齐面板。
步骤四、使用其中的对齐方式将文字对齐成图4-8之样式。
步骤五、点击文字工具,在总字节的文字后面用鼠标拖出一个文本框,注意用调节点调节文本框的宽度。然后打开Window|Panels|Text Options命令打开Text Options文本属性面板,在下拉菜单中选择Dynamic Text打开动态文本设置框。
步骤六、在动态文本框的Variable项输入这个文本框的变量为zbye,如图4-10所示。

图4-10 动态文本面板中设置动态文本变量
本文章更多内容:<<上一页 - 1 - 2 - 3 - 4 - 5 - 下一页>>收藏到:[收藏夹] [百度搜藏] [新浪ViVi] [POCO网摘] [ 和讯网摘] [好哦网摘] [Google书签] [Yahoo书签] [搜狐网摘] [365Key网摘] [天极网摘] [我摘] [博采网摘] [igooi网摘] |