□...立体网页信手拈来

摘自:eYah

  Adobe LiveMotion是Adobe公司出品的专业级Web图像,动画设计工具。对于交互,动画,声音,LiveMotion都给出了很好的解决方案。由于被Macromedia抢先申请了SWF文件格式为Web页面动画开放标准,Adobe痛定思痛,推出同样可以生成SWF格式文件的LiveMotion与Macromedia的Flash抗衡,被业内人士称为Flashkiller。使用它,你可以很轻松地设计,制作动画,导航菜单和网页图像。它不仅具有和Flash一样的时间线功能,也有能足以与Flash的Actions匹敌的Behavior,更有令Flash难以望其项背的图形图像制作和渲染功能。用过Flash的读者都知道,在Flash中,想建立一个3D效果的物件,是根本不可能的事情,需要第三方软件的配合,才能做出3D的物件,而在LiveMotion中,3D效果物件的制作,却是相当容易。下面,我们就以Livemotion的3D效果渲染为例来简要介绍一下Livemotion滤镜的用法,使读者能大致了解和运用这位Flashkiller。

  1 新建一个500X300(像素)的文件。在Textures面板中给背景填入如图2中的纹理"Concrete"。

  2 再画一个和文件一样大小的矩形,并为给它填入图2中名为"Twirlypleat"的纹理,然后给这个矩形做如图3的Opacity面板设置。这时,我们就可以看到背景的底纹的大致样子了。

  3 下面我们就开始制作效果图中那一连串的珠子。首先用工具箱中椭圆工具画一个圆,并复制这个圆(这时复制的这个圆与原来的圆位置是重合在一起的),给复制的那个圆填入Concrete纹理,给它做如图4中3D面板的参数设置。

  4 下面我们给图5中的珠子加上阴影效果。(这里我们采用新建一个几何对象的方法 实际上在我们讲完图层操作後我们就知道用一个对象就能实现阴影的效果)我们把第3步中被复制的那个圆拿来做阴影。由于此时有一个对象在其上方,我们把"珠子"移开,选中那个被复制的圆,将其颜色改为黑色,给它做如图6的Layer面板的参数设置。

  5 以相同的方法做另外6个珠子。这里请注意三点,首先让珠子的阴影逐渐远离珠子,其次让珠子的3D面板的Depth参数的值从小到大递增,其它参数的设置都不变,最後,调整3D面板中的角度使它们高光区都指向一个中心。

  6 下面我们来制作效果图中的"Adobe LiveMotion"几个字的三维效果,首先把字体颜色设为白色,利用文本输入工具输入文字,并给文字做如图7的三维效果渲染。

  7 用第4步的方法给"Adobe LiveMotion"几个字做阴影。

  8 在图片上方输入"You are welcome…"字样,这里,就不对它做3D处理了。

  9 保存文件,然后发布,3D效果的矢量图就出来了。

  其实,在LiveMotion中,还有诸如浮雕、透明、特殊纹理等等特殊的滤镜效果,都能帮你很轻松地制作出相当不错的图形文件来。


□ 编辑整理:非常频道


本书由“E书时空”免费制作;
想要更多的免费电子图书,请光临
http://www.eshunet.com/