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

 LiveMotion字体制作:阴影字

作者来源: 
阅读 1881 人次 , 2006-4-24 16:06:00 

  在上小节中已经介绍了如何使用3d的工具,让文本能够在平面上站起来,这节将继续深入探讨如何制作更真实的3d字。先让我们看一下成品的效果(图1),(图2)。怎么样,是不是比刚才更绚了呢?

LiveMotion字体制作:阴影字 (图1)

LiveMotion字体制作:阴影字(图2)

  图1是在livemotion的style(样式)里选取的,笔者之所以把它也罗列出来,就是为了更进一步说明style的方便性。而图2是笔者在前一节的基础上加工出来的。别小瞧那些阴影,虽然制作比较简单,但如果少了它们的话,真实感的表现就有一些问题了。Ok,let us go.

LiveMotion字体制作:阴影字(图3)

  相信大家已经能够在前篇教程后容易地做出如图3的预览效果吧。接下来要做的就是增添阴影了。其实,制作阴影并不是一件很困难的事情,我们要做的就是将原来的文本转换一下形式(包括颜色和位置)而已。

LiveMotion字体制作:阴影字(图4)

  首先将原先的文本复制一下,然后粘贴在原来的文本上方,经过位置的移动,就成了图4的模样。在制作阴影之前,让我们再来认识一下面板中的一个工具吧。(图5)

LiveMotion字体制作:阴影字(图5)

  这个工具可是大有来头的,在illustrator里可起着大作用,任何矢量图的颜色填充可都离不开它哦,它就是——Opacity(透明度和渐层)。因为我们不希望我们画出的东西都是单一色彩的,而颜色与颜色之间的过渡又不可能让我们不断地去调整,所以它……(笔者在这里可是多次强调这个工具的重要性哦)其中,Object Opacity就是控制单个几何单位的透明度的,而Object Layer Opacity是控制整个层的透明度。(关于渐层的使用会在以后有具体的例子的,这里不做多的介绍)按照图5的设置,最后出现的效果便如图6。

LiveMotion字体制作:阴影字(图6)

  在这里又要讲到一个制图过程中的很重要的原则,就是各个组件的垂直位置,具体的说,就是哪一个图压在哪一个上面,上面的一定会遮掩住下面的,而如果调整了alpha以后,便有意想不到的效果,不知道小时侯看日食的场景还记不记得了……

LiveMotion字体制作:阴影字(图7)

  如图7中的那样,在选定组件以后,便会有以上的选项,由于本节做的是阴影字,本身的影响就不大,所以哪个在上就没什么大的区别了,而这个技术在以后创造性的过程中将起着很大的作用。为了统一,笔者还是将阴影置于图层的最下端。最后的输出品如图8。

LiveMotion字体制作:阴影字(图8)

  本节是3d字体的延续,着重点在于阴影的制作,其中有两个重要的技术,为将来创作打基础,一个就是用到了Opacity的调整,另一个就是引进了垂直排布的这个概念。希望在这个小节以后,读者能够自己单独做出较为逼真的3d字效来。
  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:LiveMotion字体制作:遮罩字
· 下一篇:LiveMotion字体制作:浮雕字
· 网站标准之Flash页面如何通过校验
· FrontPage 2002扩充插件(六)
· Javascript实例教程(4-2)
· Xhtml第7天:css入门知识
· 提高FrontPage 2002使用效率


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