最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

flash中打造镭射激光效果

日期:10-14    来源:中国设计秀    作者:cnwebshow.com

镭射激光效果是视觉类的效果。该效果中变幻不定的五彩射线会让你联想起舞厅里、喷泉广场上眩目的,令人激动、心血澎湃的镭射激光。虽然效果很酷,但实现起来却是极其的简单,只要用到“运动渐变”和几个简单的代码——随机数Math.random(),_alpha(透明度)属性、_rotation(角度)属性即可完成。JIf中国设计秀

 JIf中国设计秀

 JIf中国设计秀

设计方法:JIf中国设计秀

 JIf中国设计秀

  打开Flash MX,设置场景的大小为400px×400px,背景为黑色,帧频为25fps。如图1所示。如果你想让射线闪动得更快点,可以适当增大帧频的数值,但这是以牺牲系统资源为代价的。JIf中国设计秀

JIf中国设计秀

 图1JIf中国设计秀

  一、设计元件JIf中国设计秀

  1.按快捷键Ctrl+F8打开“创建新元件”面板,新建一个名为“光源”的图形元件。JIf中国设计秀

  2.按快捷键Shift+F9打开“混色器”面板,如图2所示进行设置。其中,3个滑块的颜色分别是(从左至右)#FFFFFF、#54FF4B、#FFFFFF。Alpha值分别为80%、70%和0%。当鼠标变成图2所示的样子时,单击左键就可以添加一个滑块。按住滑块拖出面板,再松开鼠标左键,即可删除滑块。JIf中国设计秀

JIf中国设计秀

 图2 JIf中国设计秀

  3.点选工具栏里的“画圆”工具,不要边线,如图3所示。接着在“光源”元件的场景中拖出一个圆来,直径为20px,如图4所示。如果你设计的元件比较复杂,就需要按快捷键Ctrl+A全选元件,然后点击“修改”菜单里的“优化”命令,或按快捷键Ctrl+Shift+Alt打开“最优化曲线”面板对曲线进行优化,如图5所示设置。设置好后点击“确定”按钮。JIf中国设计秀

 JIf中国设计秀

图2,图3JIf中国设计秀

JIf中国设计秀

 图5JIf中国设计秀

4.按快捷键Ctrl+F8新建一个名为“射线”的影片剪辑元件。用“矩形”工具绘制一个宽为300px,高为20px的矩形条(不要边线),再用“直线”工具把矩形条截取成如图6所示的样子。JIf中国设计秀

JIf中国设计秀

 图6JIf中国设计秀

  5.按快捷键Shift+F9打开“混色器”面板,如图7所示进行设置。接着选中“颜料桶”工具,点一下图6中的三角,为其上色。接着用“直线”工具在三角的中间添上一条绿色的直线,最终设计如图8所示。JIf中国设计秀

 JIf中国设计秀

 图7,图8JIf中国设计秀

  6.新建一个名为“射线动画”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板,把“射线”元件拖拽到场景中(拖拽三次),并如图9所示放置。