活着的死人 发表于 2015-1-15 22:40:26

来讲讲:Flash教程:彩球围绕――按钮把持影片剪辑 (1)

使用AdobeActionScript3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
本文由中国教程网zctmh0336原创,转载请保存此信息!
先看效果演示:


200806/12943_2.html>200806/12943_3.html>200806/12943_4.html>200806/12943_2.html>下一页


</P>1、创立文档
1、翻开Flash软件,新建一个flash文档。保留文件名“彩球围绕”。
2、文档属性:设置背景色彩:玄色,其他默许。
3、网上搜刮一幅火星图片和一幅星空的动绘图片(gif),实行文件-导进-导进到库,火星图片和星空的动绘图片(gif)导进到库面板。

2、制造图形元件
实行拔出-新建元件,在弹出的对话框中设置:称号:兰球、范例:图形元件。在图形元件的编纂形态,点击图层1的第一帧,选择工具栏中的椭圆工具,封闭笔触色彩,翻开混色器面板,添补款式选择放射状,右边色码:#0099FF,右侧色码:#000099,Alpha:100%,在场景中绘制一个巨细20×20的正园,全居中。

3、制造影片剪辑元件和按钮元件
1、实行拔出-新建元件,在弹出的对话框中设置:称号:兰举世、范例:影片剪辑。在影片剪辑的编纂区,点击图层1的第1帧,选择工具栏中的椭圆工具,封闭添补色彩,笔触色彩选择#FF9900,在场景中绘制一个笔触高度为:2、巨细为300×70的椭圆,全居中于场景,在第50帧拔出帧。增加图层2,点击图层2的第1帧,从库中把兰球图形元件拖进场景,选中图层2,增加引诱层,把图层1的第1帧复制粘贴到引诱层的第1帧。使用橡皮擦工具,在椭圆的左上方擦拭个缺口。点击图层2第1帧上的兰球,把兰球安排在缺口的左端,第50帧拔出关头帧,把兰球放到缺口的右端,回到图层2的第1帧,做动画补间。如图所示:


选中场景中的兰球,鼠标右键,选择“复制”,实行拔出-新建元件,称号:兰按钮、范例:按钮。在按钮的编纂形态,点击弹起帧,选择编纂菜单下-粘贴到中央地位。如图:

2、选中库面板中的兰举世影片剪辑,鼠标右键选择“间接复制”,称号改成:黄举世,范例:影片剪辑。双击进进黄举世影片剪辑的编纂区,分离点击图层2的第1帧和第50帧(别忘了要改两处),选中场景中的兰球,翻开属性面板,把兰球色彩改成如图所示:


200806/12943.html>上一页200806/12943.html>200806/12943_3.html>200806/12943_4.html>200806/12943_3.html>下一页


</P>选中场景中的黄球,鼠标右键,选择“复制”,实行拔出-新建元件,称号:黄按钮、范例:按钮。在按钮的编纂形态,点击弹起帧,选择编纂菜单下-粘贴到中央地位。
3、选中库面板中兰举世影片剪辑,使用一样的办法,制造“红举世”、“绿举世”影片剪辑和“红按钮”、“绿按钮”。如图所示:




4、实行拔出-新建元件,在弹出的对话框中设置:称号:火星球、范例:影片剪辑。在影片剪辑的编纂形态,点击图层1的第1帧,从库中把拖进场景,居中于场景。点击修正菜单下分别,图片打散。选择工具栏中的椭圆工具,封闭添补色彩,笔触色彩选择随便,在场景中绘制一个笔触高度为:极细,按着AIT键从场景中央画个圆,巨细与图中圆球类似,用选择工具选择圆球内部分按Delete删除(包含画的圆圈)只留下圆球部分,设置巨细:35×35,转换成火星图形元件,全居中于场景。点击第10帧、第20帧、第25帧拔出关头帧,选中第1帧,翻开变形面板,把火图形元件改成最小,第10帧把火球巨细改成:25×25,第25帧Alpha设置为:0。选中图层1做动画补间。第1帧、第10帧做随时针扭转1次。


200806/12943_2.html>上一页200806/12943.html>200806/12943_2.html>200806/12943_4.html>200806/12943_4.html>下一页


</P>5、新建元件,称号:隐形按钮。范例:按钮。在按钮的编纂形态,点击“点击”帧拔出空缺关头帧,在场景中绘制一个色彩随便、巨细40×40的矩形,全居中于场景。
4、回加入景
鼠标双击“图层1”把“图层1”更名为“背景”。选中第1帧,翻开库面板,把动绘图片拖进数个加入景中,放满场景。选中背景
图层,增加5个图层,自下而上更名为:彩球、火星球、按钮、笔墨、AS。选择彩球图层的第1帧,从库中把兰举世、黄举世、红举世、绿举世影片剪辑拖进场景,居中于场景并翻开变形面板,使黄举世、红举世、绿举世扭转90度、135度和-135度。翻开属性面板,分离为兰、黄、红、绿举世影片剪辑起实例名分离:lan_mc、huang_mc、
hong_mc、lv_mc。点击火星球图层的第1帧,从库中把火球影片剪辑拖进加入景,居中于场景。翻开属性面板,起实例名:huo_mc。点击按钮图层的第1帧,从库中把四个彩球按钮和隐形按钮拖进加入景,分离安排场景上面和中央地位。翻开举措面板,分离给各彩球和隐形按钮输出语句:
兰按钮:
on(rollOver){
lan_mc.play();
}
on(release){lan_mc.stop();
}
黄按钮:
on(rollOver){
huang_mc.play();
}
on(release){
huang_mc.stop();
}
红按钮:
on(rollOver){
hong_mc.play();
}
on(release){
hong_mc.stop();
}
绿按钮:
on(rollOver){
lv_mc.play();
}
on(release){
lv_mc.stop();
}
隐形按钮:
on(rollOver){
lan_mc.play();
hong_mc.play();
huang_mc.play();
lv_mc.play();
huo_mc.play();
}
on(release){
lan_mc.stop();
hong_mc.stop();
huang_mc.stop();
lv_mc.stop();
huo_mc.stop();
}
点击笔墨图层的第1帧,选择文本工具,输出笔墨:“滑过或按下各彩球,把持彩球的播放和中断”和“滑过或按下中央火球,把持全体影片剪辑”,安排场景右边地位。
点击AS图层的第1帧,翻开举措面板,输出语句:
lan_mc.stop();
hong_mc.stop();
huang_mc.stop();
lv_mc.stop();

全部制造历程终了,点击保留,测试影片。祝你乐成!!
与本文相干会商请到论坛与作者交换:http://bbs.jcwcn.com/viewthread.php?tid=175124
</p>200806/12943_3.html>上一页200806/12943.html>200806/12943_2.html>200806/12943_3.html>

将多个Flash作品转化为屏保程序。◇所生成的屏保程序能进行全屏预览、窗口预览、设置密码等操作。

精灵巫婆 发表于 2015-1-17 18:16:00

矢量图形相对于位图的另一个优势是可以随意缩放的能力。这是对动画进程的奖赏,对用户来说也是一个很酷的特征。在Flash之前,Web上没有这种功能。

仓酷云 发表于 2015-1-26 21:28:22

关于位图和矢量图形的区别,可参看Flash教程。

若天明 发表于 2015-2-5 02:40:47

FLASH在网站建设过程中既然有这么多的问题,那为什么我们还继续使用FLASH,不可否认FLASH的问题的确存在,但也不可忽视FLASH在网站建设中。

蒙在股里 发表于 2015-2-11 03:35:29

FLASH网站建设的页面非常美观,互动性很强。在企业网站中,FLASH动画作用主要在于突出企业品牌的效应,彰显企业形象的实力。

不帅 发表于 2015-3-1 21:01:35

所以不要使用不必要的高祯率 - 否则老的、慢的计算机在显示动画时会阻塞。

柔情似水 发表于 2015-3-11 01:53:09

逐渐改变了我们生活及生活习惯的一些东西,而正是互联网的大势兴起,Flash动画越来越受到宠爱,现在,Flash动画已成为网络广告的中坚力量。

老尸 发表于 2015-3-17 19:12:12

只要用心 只要努力 在加上你无限的创意和想象。FLASH无敌了

再见西城 发表于 2015-3-25 00:26:35

专业的建筑动画、产品动画、角色动画、flash动画、游戏美工等全方位服务的创意动漫公司。十年专业的动漫制作经验,为政府、企业等制作出无数优秀的创意动画设计产品。
页: [1]
查看完整版本: 来讲讲:Flash教程:彩球围绕――按钮把持影片剪辑 (1)