加入收藏
联系我们
关于我们
 您现在的位置: 亿聪 >> 网络学院 >> 网站设计 >> Dreamweaver >> 正文  
  用Dreamweaver MX制作文字特效       ★★★★
用Dreamweaver MX制作文字特效
[ 作者:纵横一笑    转贴自:中国电脑教育报    点击数:6111    更新时间:2003/8/30    文章录入:亿聪 ]

图5 阴影字效果


  例如把过滤器设置为DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1),产生的效果如图5。

  遮罩字

  CSS滤镜中还为我们提供了遮罩的功能,可以把文字部分处理成遮罩,如果在背景中使用合适的图片,就能产生漂亮的镂空文字效果。

  文档窗口中插入一个1×1的表格,单击文档窗口左下角的标签选中整个表格,在属性检查器(如图6)的背景图像中选择一张合适的图片,然后在单元格中输入需要的文字。

图6 在表格中插入一幅背景图片


  接下来我们为单元格添加Mask滤镜,步骤与前两例类似。在过滤器中选择Mask(Color=?),这个参数决定遮罩的颜色,我们选择用白色。

  注意:本例中文字的颜色选择并不重要,因为在最终效果中文字会被镂空,颜色并不会显示出来。

图7 遮罩字效果友

  设置完成后将这个CSS样式应用到单元格,然后按下F12键就可以看到效果了(如图7)。

  注意:背景图片是为整个表格添加的,对应<table>标签,而CSS样式是对单元格添加的,是<td>标签,千万不要搞错。

  动感字

  制作动感字我们要用到Blur滤镜,作用是产生模糊效果,它的语法格式为Blur(Add=?, Direction=?, Strength=?)。Add参数是一个布尔值,一般来说,当滤镜用于图片的时候取0,用于文字的时候取1;Direction代表模糊方向,单位是角度;Strength代表模糊移动值,单位为像素。比如我们定义Blur(Add=1, Direction=90, Strength=150),在预览中就可以看到如图8的效果。

图8 动感字效果友


  其实,CSS中很多滤镜也能够用于图片的修饰,如Blur滤镜就可以使图片产生模糊效果。如果我们对这些滤镜都能够熟练应用,那么有时在没有专业图像处理软件的情况下,也能够制作出相当不错的图片效果来。

上一页  [1] [2] 

  • 上一篇文章: Dreamweaver层使用八定律

  • 下一篇文章: Dreamweaver打造多彩文字链接
  • 发表评论】【告诉好友】【打印此文】【关闭窗口
     最新5篇热点文章
  • Knoppix 4.0.2 免硬盘免安…[11843]

  • 通过ASP记录进行分页[8673]

  • ASP开发准则[8286]

  • ASP组件指南[8155]

  • ASP指南[8228]

  •  
     最新5篇推荐文章
  • Knoppix 4.0.2 免硬盘免安…[11843]

  • 如何让Win 2003系统更加安…[9197]

  • Nero超刻简明教程[32576]

  • PS商业实战-来杯茶,行吗?…[5782]

  • ASP深度揭密(下)[9241]

  •  
     相 关 文 章
    没有相关文章

      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    设为首页 | 加入收藏 | 关于我们 | 联系我们 | 友情链接 | 版权声明 | 管理登录
    Copyright © 2000-2020 Yicong.com.All Rights Reserved.
    亿聪 版权所有 E-mail: