• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash新手教程:进度条动画制作过程图解

Flash新手教程:进度条动画制作过程图解

作者:UAU 字体:[增加 减小] 来源:互联网 时间:2017-05-24

UAU 向大家分享了Flash新手教程:进度条动画制作过程图解,其中包含Flash新手教程:进度条动画制作过程图解等知识点,遇到此问题的同学们可以参考下

本教程向大家详细介绍了Flash制作进度条动画过程,方法比较简单,教程很实用,适合新手朋友们学习,转发过来,希望对大家有所帮助

进度条动画制作步骤:

首先打开FLASH8软件,打开,新建文档。然后再新建4个图层,看下图。

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

在AC图层的属性里打完PLAY拼音后,再看AC图层的帧上会看见一面小红旗,说明你已经成功一小步了,呵呵。然后你再继续点AC图层的第一帧,也就是小红旗那里,看图:

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

现在你的图层AC是不是呈现蓝色被选中的颜色,小红旗也是被选中呈现出黑色的颜色,说明你现在应该要按下F9,然后把下面的代码复制你刚才按F9跳出来的框框里(不懂的可以看图片)

下面是代码:


(记住哦,不要少一个标点符号,因为那是很重要的。)把上面的代码复制到AC图层的第一帧,看下面图片。

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

现在我们的AC图层的第6帧是黑色的,然后我们继续点F9(在AC图层第6帧是黑色的时候按下F9)然后又弹出窗口,把下面的代码复制到AC图层的第6帧。


(记住要一字布拉的复制上面代码)复制进去后的图片显示,看下面的图片。

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

分界线==============================================================

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

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

Flash新手教程:详细讲解制作进度条动画,PS教程,思缘教程网

2 下一页 阅读全文</div> </div>

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24Flash AS2代码实例:实现鼠标感应放大或缩小图片动画效果
  • 2017-05-24flash怎么解决视频画面声音对不上号?
  • 2017-05-24flash绘制一朵非常漂亮的花
  • 2017-05-24利用flash简单制作平移动画效果图
  • 2017-05-24Flash AS3教程:下雪动画效果
  • 2017-05-24Flash AS代码实现五彩缤纷旋转效果动画
  • 2017-05-24设计Flash广告条的一些注意事项
  • 2017-05-24合并不同帧频(fps)的Flash文件
  • 2017-05-24flash制作更随鼠标将蜡烛点燃的gif动画效果
  • 2017-05-24Flash制作漫天飞雪的视觉效果

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash CS4的Deco工具绘制一个有图案的水晶球
    • flash怎么做一个正方形的移动动画?
    • Flash Actionscript 优化指南
    • Flash CS3轻松制作动态文字效果实例教程
    • Flash实例教程:唯美渔舟唱晚
    • 教你用Flash制作汽车广告之视频镜头效果
    • Flash工具缩放、旋转和倾斜对象使用介绍
    • Flash引导层动画实例:引导线制作飞舞的蝴蝶
    • flash怎么制作光效效果? flash制作霓虹多彩光效效果的教程
    • FLASH AS3网站分辨率自适应

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有