光韵之旅NOKIA8800
多媒体娱乐

亮点1:有特色的双页浏览器
亮点2:流光溢彩的光韵动画效果
主题欣赏:http://www.nokia8800.com
主题观摩:在我浏览过的网站当中,NOKIA8800官方网站的美可以算是相当出众的。它在创造简洁美观界面的同时,非常注重把握产品本身的特质,用Flash营造出了一幅浪漫温馨的画面,在深蓝色背景上,把产品的金属质感发挥到了极致,是国产Flash网站中的精品。
外观看起来网站似乎是分别用两个浏览器放置两个Flash动画,但其实是网站使用Flash控制JavaScript的办法,让一个Flash分开两个浏览器来浏览,并且动态控制浏览器的大小和外观,给人一种另类的视觉享受。这种Flash控制Java Script,然后控制浏览器动态改变大小的做法,在网站应用方面,还不多见,设计人员的手法很高明。
现场临摹弧线光韵
网站中Flash动画的弧线光韵设计得非常漂亮,配合背景图像变化,质感光韵的效果将手机的金属质感发挥得淋漓尽致。这种光韵设计有时候也很迷惑设计人员,乍一看似乎是使用AfterEffects制作的影视效果,但如果仔细想想,Flash其实也可以做出这样的功能,本篇将使用Flash设计出这种光韵效果,以供设计人员参考。

步骤一:打开Flash,将背景图导入到场景中。新建一个图层,使用矩形工具绘制一个无边框的矩形。然后使用选取工具,调整矩形的边线,使其适合光韵的路径。最终效果如下图:
步骤二:新建一个图层,绘制一个放射线渐变的正圆形,渐变色使用蓝色。转换成影片剪辑,取实例名称为mc,然后加入一个引导层,将刚才绘制的矩形,复制到引导层。
步骤三:在第70帧加入关键帧,将第1帧的mc影片剪辑,放置在线段的起点,第70帧,将mc影片剪辑放置到引导线的终点,然后制作一段引导线动画。
步骤四:新建一个图层,复制一个mc影片剪辑,将实例名称改为mc1。再新建一个图层,复制线段到它的原始位置,然后将线段图层设置为遮罩层,遮罩 mc1影片剪辑。

步骤五:在第1帧加入代码如下:
mc._visible=false
_root.onEnterFrame=function(){
mc1._x=mc._x
mc1._y=mc._y
}
代码解读:

让mc影片剪辑不显示,而mc 1影片剪辑的X和Y坐标,将与mc影片剪辑同步。这样mc1圆形渐变将跟随线段的路径,同时被线段遮罩,以求实现光韵的效果。
步骤六:新建两个图层,在第70帧后面,加入一段十字星闪光的动画,这样做可以让光韵效果更加完美。
步骤七:整个动画效果制作完成,请在http://flash.ym8.net/cpcw/nokia8800.rar处下载源程序。在制作过程中,为了让大家看得更明白,线段的设计稍稍大了一些,在真正制作实例时,可以使用粗线条来设计,然后将线条转换为填充内容。