Dreamweaver 制作文字特效

　　我们常用的网页制作工具Dreamweaver MX不只 可以制作网页，并且利用其中的CSS滤镜我们还 可以对文字或图片进行 方便的特效 解决 。下面我们就通过几个例子来看一看在Dreamweaver中是如何制作特效文字的 。

　　光晕字

　　首先启动Dreamweaver，在新文档中插入一个1×1的表格，边框设置为0， 而后在其中输入需求 润饰的文字 。

　　单击右面的浮动面板中的“设计→CSS 款式” 打开这一浮动面板 。

　　面板右下角的四个按钮分别是：增加、新建、编辑以及删除CSS 款式 。

　　 留神：在Dreamweaver中，CSS滤镜不得不作用于有区域 制约的对象，如表格、单元格、图片等，而不能直接用于文字，所以我们要把所需求增加特效的文字事先放在表格中， 而后对表格 利用CSS 款式，从而使文字产生特别 动机 。

单击新建CSS 款式按钮，弹出如图1的对话框 。

　　“类型”项 取舍“ 缔造自定义 款式”，“定义在” 取舍“仅对该文档”，点确定后弹出CSS 款式定义对话框(如图2)，在类型面板中我们 可以定义字体、字号、 色彩等内容，本例中我们 取舍字体为隶书，大小50像素， 色彩为白色 。

要产生文字特效，最主要的是在 扩大面板(如图3)中的设置，在“视觉 动机下”的过滤器中列出的便是全部的CSS滤镜， 取舍Glow滤镜，它 可以使文字产生边缘发光的 动机 。Glow滤镜的语法 格局为：Glow(Color=?, Strength=?)，里面有两个参数：Color决定光晕的 色彩， 可以用如ffffff的十六进制代码，或者用Red、Yellow等单词 示意；Strength 示意发光强度， 规模从0到255 。本例中我们设置 色彩为红色(Red)，发光强度为8， 而后确定 。

下面我们将这个CSS 款式 利用到表格中 。把光标移到单元格中，在文档窗

口左下角点击标签选中单元格， 而后单击 方才在CSS 款式面板中新建的 款式，这时标签变为，表明已经对单元格 利用了CSS 款式 。我们在文档窗口中看不出 变迁，按F12键在IE中预览， 动机就出来了(如图4) 。

怎么样？不次于在Photoshop中的滤镜 动机吧 。在网页里放上几个这样的特效字会让网页 好看不少，并且我们也 可以用PrintScreen键抓屏， 而后在画图程序中粘贴 保留使之成为 径自的图片 。

　　 暗影字

　　有两种CSS滤镜 可以使文字产生 暗影 动机，分别是Drowshadow和Shadow，它们产生的 动机略有所不同 。

　　制作 暗影字的操作步骤与制作光晕字的过程 根本 雷同， 惟独在CSS 款式中再一次 取舍一种过滤器即可 。

　　Drowshadow滤镜的语法如下：DropShadow(Color=?, OffX=?, OffY=?, Positive=?)  。

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

　　遮罩字

　　CSS滤镜中还为我们提供了遮罩的 性能， 可以把文字 部分 解决成遮罩，假如在背景中 使用 合适的图片，就能产生美丽的镂空文字 动机 。

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

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

　　 留神：本例中文字的 色彩 取舍并不主要，由于在最后 动机中文字会被镂空， 色彩并不会显示出来 。

设置 实现后将这个CSS 款式 利用到单元格， 而后按下F12键就 可以看到 动机了(如图7) 。

　　 留神：背景图片是为整个表格增加的，对应＜table＞标签，而CSS 款式是对单元格增加的，是＜td＞标签，千万不要搞错 。

　　动感字

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

其实，CSS中众多滤镜也 可以用于图片的 润饰，如Blur滤镜就 可以使图片产生含糊 动机 。假如我们对这些滤镜都 可以娴熟 利用，那么有时在没有专业图像 解决软件的状况下，也 可以制作出相当不错的图片 动机来 。