Flash3d效果实例--水晶球(1)

大西北小胖

大西北小胖

2016-02-19 18:26

今天图老师小编给大家精心推荐个Flash3d效果实例--水晶球(1)教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

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


图1 水晶球最终效果


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

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

图2 设置填充色

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

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

图3 给正圆填充渐变色

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

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

图4 制作圆环

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

图5 截取一小段圆弧

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

图6 设置填充色

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

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

图7 添加亮点

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

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

图8 时间轴窗口

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

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

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

展开更多 50%)
分享

猜你喜欢

Flash3d效果实例--水晶球(1)

设计创意
Flash3d效果实例--水晶球(1)

Flash3d效果实例--水晶球

flash教程
Flash3d效果实例--水晶球

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Flash 3d效果精彩实例(1)

flash教程
Flash 3d效果精彩实例(1)

水晶球的摆放方法-水晶球如何摆放?

水晶球 生活常识
水晶球的摆放方法-水晶球如何摆放?

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Flash 3d效果精彩实例(3)

flash教程
Flash 3d效果精彩实例(3)

PS制作水晶球

PS PS基础 ps平面设计教程 ps去水印教程
PS制作水晶球

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Giuliano Bekor 黑白摄影欣赏

Giuliano Bekor 黑白摄影欣赏

Billy Kidd时尚摄影欣赏

Billy Kidd时尚摄影欣赏
下拉加载更多内容 ↓