关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|Flash 3d效果精彩实例--水晶球

Flash 3d效果精彩实例--水晶球

[ 来路:网页教学网      时间:2007-7-10 3:27:08    点击: ]

 

  一颗颗晶莹剔透的水晶球一闪一闪的,并且可以使用鼠标对其进行拖动,最终效果如下所示:

  动画效果:



源文件下载>>>>>>


  具体制作步骤:

  1.首先启动Flash,设置影片舞台大小为400px*400px(单位为象素),影片背景颜色为紫色,颜色代码为#660099.

  2.新建一个图形元件命名为Bubble,进入元件的编辑区后,选择椭圆工具后,在按下Shift键的同时在编辑区中绘制一个正圆,打开混色器面板,设置填充样式为放射渐变,然后如图1所示设置色带下面的左右两个色块;



图1 设置填充色


  其中左边滑块颜色的RGB值为208,181,255,右边滑块颜色的RGB值为0,0,0,设置完填充色后,选择工具箱中的颜料桶工具,然后给正圆上色,最后删除其轮廓线,如图2所示:



图2 给正圆填充渐变色


  3.现在的球体看上去还很不自然,需要给其加上一点亮光,这样看上去才显得晶莹剔透.新建一个图形元件命名为Glare,进入元件的编辑区后,先后绘制两个大小不一的正圆,将其轮廓线全部删除,填充色暂时可以任意设置,这里先设置成白色,然后将小圆移动到大圆的上面,并且使其圆心相重合,然后选中内部的小圆部分,按Delete键将其删除,这样就制作出一个圆环,如图3所示:



图3 制作圆环


  4.使用箭头工具圈选圆环的左上部的一小段圆弧,将其拖离整个圆环,然后将剩余的部分删除掉,只留下这一小段圆弧,如图4所示:



图4 截取一小段圆弧


  5.打开混色器面板,在填充样式下拉列表中选择放射渐变,然后如图5所示分别设置色带下的两个颜色滑块:



图5 设置填充色


  其中左边滑块的颜色为白色,右边滑块的RGB颜色代码为133,106,217.

  6.回到元件Bubble的编辑区中,从图库中分四次拖动元件Glare到编辑区中,然后调整其位置到圆球的左上部,如图6所示将其排列好:



图6 添加亮点


  这样一个带有亮点的球体就做好了.

  7.接下来实现水晶球一伸一缩的效果.新建一个影片剪辑元件,命名为up bttn movie,进入元件的编辑区后,将元件Bubble拖到编辑区中,分别在第6和第9帧插入关键帧,然后回到第6帧,使用缩放工具将水晶球适当缩小一点,然后分别建立第1帧到第6帧,第6帧到第9帧的运动渐变动画,这样就形成了水晶球收缩的效果,时间轴如图7所示;



图7 时间轴窗口


  8.因为在最后的影片中,水晶球具有被拖动的功能,所以还需要将水晶球制作成按钮,以便设置其为可拖动.新建一个按钮元件,命名为snow bll bttn,进入元件的编辑区后,将元件拖到按钮的弹起帧,然后分别在指针经过帧和按下帧插入关键帧.

  9.最后新建一个影片剪辑元件,命名为bubbleb,进入元件的编辑区后,只需要将按钮snow bll bttn拖到编辑区就可以了,然后给第一帧添加Action;stop():.

  10.回到主场景中,最后的任务就是在舞台中布置几个水晶球,最好多建几个图层,一层放一个水晶球bubbleb,并适当调整每一层中的水晶球,使其大小不一即可,本实例建了六个图层,分别放置了六个水晶球,最后舞台如图8所示;



图8 最终的舞台

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Flash 3d效果精彩实例--方块扭曲  下一篇:Flash 3d效果精彩实例--动感球体

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号