仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 794|回复: 8
打印 上一主题 下一主题

[学习教程] 给大家带来Flash制造盛行网页水晶按钮-Flash实例教程

[复制链接]
活着的死人 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 20:53:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
“fla”是Flash的原始档,只能用对应版本或更高版本的Flash打开编辑。
本例先容使用Flash制造水晶按钮和水晶按钮的使用,教程具体解说了制造历程,合适老手伴侣进修,感乐趣的伴侣能够到论坛提交功课。
自己进修Flash也才两个多月,还很菜的哈,这个教程实践上只是自己进修Flash的一点心得,写出来给初学Flash的伴侣,大概关于初学者会有一点点匡助吧。先看一下最终效果吧:


上面入手下手制造:

1.新建一个空缺的Flash文档。
2.按ctrl+F8,新建一个图形元件。选择椭圆工具,无笔触,添补色选玄色,按住Shift键,在舞台上画一个正圆。用选择工具在正圆上点一下,翻开属性面板,将宽和高都设成60,点窗口菜单,翻开对齐面板,点一下“相对舞台”上面的小框框,然后点“程度中齐”和“垂直中齐”就是所谓的“全居中”了。再把图形缩小到400%,将图层1定名为“球体”,上锁。以下图:







3.在球体层下面新建一图层,定名为“上光”,椭圆工具,笔触红色,无添补色,在舞台的球体中画一个卵形,并挪动到球体正上方的地位。(先用选择工具点一下“上光”层的第1帧,然后按键盘上的偏向键,能够很轻松正确的把这个画的椭圆移到符合的地位)。以下图:






接着点“窗口”——混色器,在色彩混色器面板中点一下添补框,在“范例”当选择“线性”。

左色标#FFFFFF,Alpha=100%,右色标#FFFFFF,Alpha=0%,就是让这个椭圆中的色彩从全白到通明突变。用颜料桶工具在椭圆中点一下,再用色彩突变工具举行调剂,以下图:






用选择工具,先在中间空缺处点一下,再在椭圆的笔触上点一下,使其成为蚁线,按键盘上的Delete键,删除。将本层上锁。


4.在“上光”层下面新建一层,名为“下光”,用椭圆工具在球体的下方画一个卵形。用一样的办法设置突变,以下图:



接着也用一样的办法,删除这个椭圆的笔触线。将本层上锁。

5.在最下面新建一图层,名“花”。椭圆工具:无笔触,添补色为红色,鄙人光中画个小椭圆,并用恣意变形工具调剂好偏向,移到上面左图所示的地位。




再用椭圆工具或直线工具(此次是白色笔触,无添补色)画出如下面右图所示的外形。(用红笔触是为了分明,无添补色是由于画好后要举行突变)。

6.在“花”图层的第一帧点一下,看到图中红线条酿成分别形态,翻开混色器面板,“范例”选择“放射状”,仍是左色标全白#FFFFFF,Alpha=100%,右色标FFFFFF,Alpha=0%,用“颜料桶工具”在这五个图形中各点一下。再用“色彩突变工具”细心调剂,以下图:






每个图形都要各自调过哦!然后用下面的办法删除一切的笔触白色线条。如今是如许的:



至此一切的图形都画好了。看上往很不象是吧,呵呵,不妨,上面接着来。

7.这一步很关头。特地说一下,我本来这个水晶按钮是在PS教程中学画的,在PS中画好这个“花”图后是用夹杂形式“叠加”,效果很好。但是在FLASH中没有夹杂形式,之前我也用FLASH画过这个按钮的,画到这里就没举措了。今天进修用FLASH画云彩时学到了利用滤镜的办法,我就试着在这里用上看看,了局发明效果也不错。呵呵,罗嗦了哈。言回正传,上面接着来吧:

在工夫轴中把“上光”、“下光”和“花”图层解锁,注重“球体”层仍是要锁住的哦。用选择工具框选舞台上的全部图形,这时候能够看到下面的三个图层的第一帧都成玄色的,图形中除玄色的球体外都成麻点状。坚持这类形态(这时候鼠标不要点别的中央),点菜单中的“修正”——“转换成元件”,称号改成“花”,范例选“影片剪辑”!!!接着翻开属性面板,点“滤镜”——含混——含混值设为2,品德设为高。把图形复原到100%看看吧,如今看起来是否是悦目扎眼多了啊。




这时候,工夫轴上的两头两层的第一帧都是空的了,由于方才框选后转换为影片剪辑元件时已都主动被兼并到“花”层里了。把这两个图层删除吧,留着也没用了哈。如今你到库中看看,会发明多出来了一个名为“花”的影片剪辑。到库中把谁人图形元件1更名为“黑按钮”如今第一个玄色的水晶按钮已做好了。

8.后面的辛劳已过了,上面就很轻松了。在库中右键点“玄色按钮”图形元件,跳出来的对话框当选“间接复制”——称号改成“红按钮”,其他稳定,点断定。双击库中的这个“红按钮”,必定要先双击这个红按钮哦,让它成为编纂形态,对了,还要把工夫轴上的“花”层锁上,把“球体”层解锁,点一下“球体”图层的第1帧,上面接着怎样做人人心中都无数了吧,改动球体的色彩哈!点一下工具面板中的颜料桶,在跳出来的色彩样本当选择本人喜好的色彩,点一下,球体的色彩就随着变了,也能够在混色器面板中变动色彩。看下图:





如今能够用一样的办法为所欲为的轻松做出各类分歧色彩的水晶按钮了哈。
做好后要记得保留喔。
花的外形和上、下光的外形人人都能够自在发扬的,纷歧定要按这个模样,本人以为悦目就行,我只是作个树模。有乐趣的伴侣能够学一下,关于初学者大概从中也会学到一些器材的。


二.上面先容复杂的FLASH中按钮的利用办法:
后面画好的“水晶按钮”实践上还只是按钮中的一个图形,大概说是一个配件,要利用它,起首要组装“按钮“。
1.按Ctrl+F8——新建元件,称号改成:入手下手;范例:按钮,断定。这里工夫轴就酿成了下图的外形:


如今从库中把任一个刚画好的水晶按钮图形拖进到舞台中,相对舞台全居中对齐。然后右键点击“指针经由”上面的空缺框框——拔出空缺关头帧,再从库中拖进一个分歧色彩的水晶图形,一样全居中对齐。“按下”帧由于利用的工夫十分短,就是按钮左键按下的刹时,以是只需在下面右键点击,拔出“关头帧”也就是复制“指针经由”里的图形就能够了。最初右键点“点击”——拔出空缺关头帧,在舞台两头用矩形工具,无笔触,添补恣意色,画一个比水晶图形稍年夜些的方框,(这是鼠标点在这个方框内都能起到按钮的把持感化)。也一样相对舞台全居中。在图层一下面新建图层二,点一下“弹起”帧,在舞台中白色水晶图形上面写上白色的Play,右键点击“指针经由”帧——拔出关头帧,把字的色彩改成和图形一样的蓝色,在“按下”帧拔出关头帧。如许这个“入手下手”按钮就组装好了,以下图:










用一样的办法组装一个“中断”按钮。

2.按钮把持场景的入手下手和中断的复杂做法:

(1)进进场景1,在场景的图层1第2帧拔出空缺关头帧,将已做好的影片剪辑拖进场景(放在第2帧上),让第1帧成为空缺帧。(固然也能够在图层1的第一帧拖进一个图形,作为封面哈)。在第1帧上按F9,在呈现的举措面板上加代码stop();



(2)在图层1下面增加两个新图层,在图层二第1帧拖进入手下手按钮,在图层三第1帧拖进中断按钮,分离放在符合的地位。在它们的第2帧分离拔出一般帧。





点一了局景中的白色入手下手按钮,在属性中给入手下手按钮填上实例名play_btn,


一样点一了局景中的中断按钮,在属性中给中断按钮填上实例名stop_btn.
(3)点一了局景上的入手下手按钮,按F9,在举措面板中给入手下手按钮上写代码:
On(release){
gotoAndStop(2);
}
点一了局景上的中断按钮,按F9,在举措面板上给中断按钮上写代码:
On(press){
gotoAndPlay(1);
}

(4)在最下面增加新图层,在第1帧上写代码stop();删除第2帧。



好了,测试影片吧。

提醒:每次做动画时只管把做好的影片剪辑回到一个影片剪辑当中,如许在场景中就只要一个影片剪辑,如许好把持。
第一次学着写教程,不晓得初学的伴侣是否是能看得分明,有不分明的中央请跟帖下去问,版主们和我城市帮着解答的。感谢您耐烦看完这个很菜的FLASH教程。感谢了!


本地或全局转换应用于任何对象。但非真正意义上的3D,层的位置关系其显示问题。
若天明 该用户已被删除
沙发
发表于 2015-1-17 14:55:11 | 只看该作者
作为奖赏,你可以使用关键祯动画支持和tweening-两个最主要的节省时间的方式。本质上,关键祯是动画中显著事件发生的位置。
飘飘悠悠 该用户已被删除
板凳
发表于 2015-1-24 23:18:51 | 只看该作者
对插件的批评之一是他们一般出现在称为Box的网页的一个预定的区域。虽然在某种情况下表现不错,但Box经常以罪魁祸首的面目出现。
地板
发表于 2015-2-2 16:54:37 | 只看该作者
FLASH的优点~你用眼睛所看到的东西~都能用它来实现~一点不夸张~高楼大厦-花草树木-高山流水-天空白云-阿猫阿狗-一切活的东西都可以容入到FLASH里面
分手快乐 该用户已被删除
5#
发表于 2015-2-8 05:00:06 | 只看该作者
矢量图形相对于位图的另一个优势是可以随意缩放的能力。这是对动画进程的奖赏,对用户来说也是一个很酷的特征。在Flash之前,Web上没有这种功能。
若相依 该用户已被删除
6#
发表于 2015-2-24 19:32:20 | 只看该作者
中坚的程序员趋向于嘲笑脚本语言,但是对于那些没有计算机科学学位的人来说,脚本语言可能使他们头疼。
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-7 14:02:52 | 只看该作者
Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。
莫相离 该用户已被删除
8#
发表于 2015-3-15 08:54:34 | 只看该作者
FLASH在网站建设中广泛的应用,但是FLASH也有自身的缺陷,尤其考虑到网络营销的综合效果时,FLASH 格式的广告并非最好的选择,有时甚至会降低广告效果。
冷月葬花魂 该用户已被删除
9#
发表于 2015-3-22 00:26:37 | 只看该作者
还有,艺术上的优势——各异的风格;创作手法独特;独立性和原创性;拓展出新的表达空间;
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 16:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表