Flash新手教程:进度条动画制作过程图解
本教程向大家详细介绍了Flash制作进度条动画过程,方法比较简单,教程很实用,适合新手朋友们学习,转发过来,希望对大家有所帮助
进度条动画制作步骤:
首先打开FLASH8软件,打开,新建文档。然后再新建4个图层,看下图。

建立4个图层之后分别修改这4个图层的名字,分别为AC、进度条、按钮、动画。看下图。

然后点图层AC第一帧,看下面图片。

点了AC图层后接着往下看,在AC图层的属性里写上play。看下图:

在AC图层的属性里打完PLAY拼音后,再看AC图层的帧上会看见一面小红旗,说明你已经成功一小步了,呵呵。然后你再继续点AC图层的第一帧,也就是小红旗那里,看图:
![]()
现在你的图层AC是不是呈现蓝色被选中的颜色,小红旗也是被选中呈现出黑色的颜色,说明你现在应该要按下F9,然后把下面的代码复制你刚才按F9跳出来的框框里(不懂的可以看图片)
下面是代码:
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);
(记住哦,不要少一个标点符号,因为那是很重要的。)把上面的代码复制到AC图层的第一帧,看下面图片。

还没复制进去代码的时候红旗是还在的,复制进去后,红旗就没了,变成a了,说明代码复制成功了。接下来你把这个动作窗口化小化。然后继续点AC图层,把帧数鼠标左键点到第6帧,然后按键盘F7。不会看下面的图片。

现在我们的AC图层的第6帧是黑色的,然后我们继续点F9(在AC图层第6帧是黑色的时候按下F9)然后又弹出窗口,把下面的代码复制到AC图层的第6帧。
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else
{
gotoAndPlay("play");
}
(记住要一字布拉的复制上面代码)复制进去后的图片显示,看下面的图片。

分界线==============================================================
以上AC的制作和代码的复制都完成了,现在我们来制作第二个步骤-进度条。把刚才的复制完代码的AC图层的代码框框关掉,然后按快捷键CTRL+F8,然后会弹出这个窗口,

然后把名称改为“进度条”类型改为“影片剪辑”然后按确定。然后点了确定后再新建2个图层,第一个改名为“框”,第2个改名为“色”好记点,呵呵!然后点“框”的图层,第一帧。然后在第一帧上用“矩形工具”画一个长方形,随便什么颜色,随自己喜好,看下面的图片。

然后把鼠标左键点到100帧,按下F5。看图。

然后在“框”的图层下点一下“框”内颜色,选中“框”内的颜色,剪切颜色,颜色就被剪切了,然后就只剩下“框线了”。看下图。

然后“框”的部分就完成了,现在我们来做“色颜”的部分了。点“色”图层的第一帧,(一定要点第一帧,不然粘贴不了)然后按下快捷键,(Ctrl+Shift+V)粘贴到当前位置。看下图。

然后鼠标锁定“框”的图层。然后再鼠标点颜色图层,不要直接在舞台里点颜色条,然后下面就出现属性栏了。看见属性栏选项里的“补间”2个字没,“补间”后面还有选项,本来是“无”,你点它选择“形状”看下面的图。

相关文章

flash如何做雨滴下落的动画效果? Flash8做一个下雨效果的技巧
flash如何做雨滴下落的动画效果?想要做一个逼真的雨滴落下的效果,该怎么做雨滴落下水花扩散的效果呢?下面我们就来看看Flash8做一个下雨效果的技巧2022-08-18
flash理发店旋转彩灯动画效果怎么做? 理发店旋转灯制作技巧
flash理发店旋转彩灯动画效果怎么做?经常使用flash制作动画效果,该怎么制作旋转灯效果,下面我们就来看看理发店旋转灯制作技巧,详细请看下文介绍2022-07-23
flash怎么把形状变成文字? flash星星变文字动画的实现方法
flash怎么把形状变成文字?flash绘制的星星想要慢慢变成文字,该怎么将图形变文字呢?下面我们就来看看flash星星变文字动画的实现方法,详细请看下文介绍2022-06-06
flash怎么制作补间动画?flash中想要制作形状变化的动画效果,该怎么制作补间动画呢?下面我们就来就来看看flash变形动画的实现方法2022-02-06
FLASH怎么让摇曳的荷花更逼着? flash制作风吹荷花动画的技巧
FLASH怎么让摇曳的荷花更逼?flash中想要制作风吹荷花的动画熊爱国,该怎么制作这个效果呢?下面我们就来看看flash制作风吹荷花动画的技巧2022-02-06
flash怎么制作荷花在荷花池里摇摆的动画? FLASH做摆动荷花的技巧
flash怎么制作荷花在荷花池里摇摆的动画??flash中想要制作荷花摇摆的动画,该怎么制作荷花摇曳的动画呢?下面我们就来看看FLASH做摆动荷花的技巧2022-02-06
flash怎么做径向彩虹文字动画? 文字添加彩虹动画效果的技巧
flash怎么做径向彩虹文字动画?flash椎间盘买个输入的文字,想要添加动画效果,该怎么添加径向彩虹文字效果呢?下面我们就来看看flash文字添加彩虹动画效果的技巧,详细请2021-11-09
flash怎么做眨眼动画效果? flash动漫人物眨眼动画的做法
flash怎么做眨眼动画效果?flash中想要制作一个动漫人物的眼睛眨眼动画,该怎么制作呢?下面我们就来看看flash动漫人物眨眼动画的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字体动画的技巧
flash怎么制作火焰文字效果?flash中想要制作一个熊熊燃烧的活颜文字,该怎么制作这个文字效果呢?下面我们就来看看flash做火焰字体动画的技巧2021-11-01
flash怎么做文字动画logo? 闪动的片头动画flash的实现方法
flash怎么做文字动画logo?flash中想要制作一个文字logo的动画,让文字闪烁,该怎么制作这个效果呢?下面我们就来看看flash制作文字动画的技巧2021-10-29












最新评论