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

 LiveMotion字体制作:遮罩字

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

遮照字的效果是怎么样的呢?可能对学习不深的你老说有些陌生,那笔者就再贴些效果图吧。(图1,图2,图3)

LiveMotion字体制作:遮罩字   (图1)
>
LiveMotion字体制作:遮罩字  (图2)

LiveMotion字体制作:遮罩字  (图3)

  呵呵,不知道看懂了吗?其实应该说也是很简单的,其实就是livemotion的上层有一个透明的玻璃,四周都是不透明的,然后这个透明的玻璃从右移到左,然后下层的字就显示玻璃所经过的。由于笔者的艺术细胞不够,所以做了个那么粗糙的东西,其实,遮照效果做的好的,比方说遮照用一些极度抽象或是现实的几何图形做的话,很好看的,不过也要等笔者教你怎么用才行呀。

  相信大家对群组这个概念有了解了,就是好几个矢量图行所组成的一个更大的几何图形,比如说,小时侯我们玩的各种各样的积木是单个矢量图的话,那么由积木所搭出来的各种建筑呀,就是群组。同样的,我们可以分别做那么几个小部件,然后拼起来,就是一个最终成品了。我们在前几节介绍的都是单个组件的编辑,现在,我们要向群组进军了。

  选定一些几何图案(图4),然后Object——Group,将它们都编辑在一个组内。我们会发现livemotion在时间轴上已经把它们圈在一起了。(图5)

LiveMotion字体制作:遮罩字  (图4)

LiveMotion字体制作:遮罩字  (图5)

  好了,我们还是回来做我们的遮照字吧。同样的,在预览栏里做livemotion并在上层做一个圆的几何图形,然后结合成群组。并且在Object中选中Top Object Is Mask,其用途就是将上层的圆设定为下方文字的mask遮照,效果见图6。

LiveMotion字体制作:遮罩字   (图6)

  我们打开timeline,把群组前的小三角点开,你可以惊奇地发现(图7),原来群组中还保留有原来的组件,就是那个圆和那段文字,现在他们还可以分别再编辑和定义参数的。

LiveMotion字体制作:遮罩字  (图7)

  好了,如果你对上节的内容还记忆犹新的话,你应该还记得我们是怎么做position的,好了,我们将选定名字的上层遮色片来一个position的渐变,而下层的文字部分不要动,这样,一个遮片字的效果就完成了,可能字体还不是另你满意吧,那导入些图片看看效果吧,呵呵,将来这个会有很大应用的。

  本节新的知识点就在于群组的这个概念以及相对应的遮片mask的相关应用,相信经过这些小节的基本应用,读者应该对矢量化的最基础应用,例如群组,渐变等有了认识了吧。加油,原理还是这些,以后我们可要弄复杂的喽。
  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:LiveMotion字体制作:彩图字
· 下一篇:LiveMotion字体制作:阴影字
· 产生一个密码记录并发送给用户
· 一个简单的javascript菜单(1)
· Javascript实例教程(19-1)
· Javascript实例教程(2) 创建弹出式窗
· 常见网页加密方法和破解对策


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