动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 立体网页信手拈来

作者来源: 
阅读 1151 人次 , 2006-4-18 2:49:00 

 dobe 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”几 肿鲆跤啊?br>
  8.在图片上方输入“You are welcome…”字样,这里,就不对它做3D处理了。

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

  其实,在LiveMotion中,还有诸如浮雕、透明、特殊纹理等等特殊的滤镜效果,都能帮你很轻松地制作出相当不错的图形文件来。   
  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:业务系统(“增量迭代”)开发流程管理
· 下一篇:弹出网页窗口设计全攻略
· DW构建Blog全程实录(4)
· 推广网站 八大秘笈
· 表格边框的css语法
· C++入门解惑——浅析cout
· 善用色彩设计网页


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077