您好!欢迎您光临按钮指令动画任意选择的制作与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>按钮指令动画任意选择的制作与思考
按钮指令动画任意选择的制作与思考
发表日期:2012/9/18 22:31:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4678

按钮指令动画任意选择的制作与思考

   

    教学目的:通过本节教学了解和掌握隐形按钮的使用,以及as语句的应用。进而制作出用按钮交互动画的多变多彩的效果来。

  教学对象:本教材是针对有一定动画制作基础和对动作面板及工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:隐形按钮、as语句添加。

 

   

   制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,帧频为12,背景颜色淡蓝,其它默认,点击确定。如图1所示:

 
图1
   
    3.进入场景1 添加五个图层,共六个图层。自下而上分别命名为大圆,边框,色块,按钮,文本和as。
    点击大圆图层第1帧,按住shift键用椭圆形工具在工作区托一个300*300的大圆,全居中,并将其分成红、绿、蓝、黄、粉五种颜色。在第2帧插入关键帧,将工作区中五色大圆改为红色。同理在第3、4、5、6、各插入关键帧,依次将大圆改为绿色、蓝色、黄色、粉色。上锁。如图2所示:
 
图2
 
    4.选择边框图层第1帧,用矩形工具托一个参数如图3的矩形边框。全居中,上锁。
 
图3
 
    5.制作并添加隐形按钮 (1)创建按钮元件。在元件编辑区的“点击帧”插入空白关键帧,用矩形托一个无边框的矩形,如图4所示:
 
图4
 
(2)放置按钮。 选择按钮图层第1帧,将库中按钮元件拖入场景并将其放置在五色圆的红颜色上。然后复制这个按钮,粘贴四次,分别放置在绿色、蓝色、黄色、粉色上,不可交叉。如图5所示:
图5
 
(3)给按钮添加语句。右键点击大圆红色上的按钮,打开动作面板,在as编辑区给该按钮输入语句:
 
on (release) {
 gotoAndStop(2);
}
 
右键点击绿色上的按钮,打开动作面板,在as编辑区给该按钮输入语句:
 
on (release) {
 gotoAndStop(3);
}
 
右键点击蓝色上的按钮,打开动作面板,在as编辑区给该按钮输入语句:
 
on (release) {
 gotoAndStop(4);
}
 
右键点击黄色上的按钮,打开动作面板,在as编辑区给该按钮输入语句:
 
on (release) {
 gotoAndStop(5);
}
 
右键点击粉色上的按钮,打开动作面板,在as编辑区给该按钮输入语句:
 
on (release) {
 gotoAndStop(6);
}
 
在该图层第2帧插入关键帧,上锁。
 
    6.选择色块图层第2帧,插入空白关键帧。用矩形工具托五个规格为35*35,颜色依次为红、绿、蓝、黄、粉颜色的无边框小矩形放置在大圆的下方。如图6所示:
 
图6
 
    7.打开按钮图层的锁,将大圆红色上的按钮放到红色块上边,用任意变形工具调整其大小和色块相同。同理将大圆其它按钮放置在相同颜色的色块上(各按钮间不可重叠)。将色块和按钮图层上锁。如图7所示:
 
图7
 
    8.点击文本图层第1帧,用文本工具在大圆的左边输入标题“五色圆”,在大圆的右边输入“请点选”;在第2帧红色大圆上方用文本工具输入“红色”。以此类推第3帧输入“绿色”、第4帧输入“蓝色”、第5帧输入“黄色”、第6帧输入“粉色”。上锁。文字摆放位置参考图8、图2所示:
 
图8
 
    9.右键点击as图层第1帧,打开动作面板,在as编辑区输入语句:
 
stop();
 
 
    7.此作业完成后的时间轴如图9所示
 
图9
 

  8.测试存盘

    *说明: 

    1.本教程中,如果将大圆换成你和朋友的照片就是一个简单且漂亮的相册   

    2.如果按此教程操作可否编制一个课件作品呢? 

    3.如果将大圆换成影片剪辑又会生成什么效果呢?

    4.如果将大圆换成mp3影片剪辑其产生的效果又会是什么呢?

 

最终效果显示:


http://hsb345.16789.net/domName/hsb345/2008323132380005.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



烟雨
(2008/6/19 11:17:00) [61.161.255.]

呵呵!做出来了.还有一个问题,在"效果2"中是如何渐变下一个画面的?


烟雨
(2008/6/17 16:06:00) [123.191.137.]

老师你好:
     我按教材步骤制作了多次,在影片测试时,总是提示**错误** 场景=场景 1, 图层=按钮, 帧=1:第 2 行: 参数的数目不正确;play 需要正好 0 个参数。
      play(6);
ActionScript 错误总数:5   报错:5  
不知道问题究竟出在哪?请老师指教


青儿
(2007/11/27 7:08:00) [60.7.193.]

好教材,先生辛苦了

 发表评论:共有 3 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167