<b>用Dreamweaver MX制作文字特效</b>[DW设计]

我们常用的工具 MX不但可以制作,并且操纵此中的CSS滤镜我们还可以对文字或图片举行简单的特效处理.下面我们就通过几个例子来看一看在中是若何制作特效文字的.

　　光晕字

　　首先启动,在新文档中插入一个1×1的表格,边框设置为0,然后在此中输入需求修饰的文字.

　　单击右面的浮动面板中的“→CSS款式”翻开这一浮动面板.

　　面板右下角的四个按钮辨别是:增添、新建、编辑以及删除CSS款式.

　　注意:在中,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）.
 

　　怎么样?不次于在中的滤镜效果吧.在里放上几个这样的特效字会让美好不少,并且我们也可以用PrintScreen键抓屏,然后在画图中粘贴保存使之成为单独的图片.

　　阴影字

　　有两种CSS滤镜可以使文字产生阴影效果,辨别是Drowshadow和Shadow,它们产生的效果略有所差别.

　　制作阴影字的操作步骤与制作光晕字的历程基本相同,只要在CSS款式中重新挑选一种过滤器便可.
　　Drowshadow滤镜的语法以下:DropShadow(Color=?, OffX=?, OffY=?, Positive=?) .

　　此中,Color表示投射阴影的颜色,用十六进制数来表示;OffX、OffY辨别代表阴影偏离文字位置的量,单位为像素;Positive为一个逻辑值,1代表为全部不透明元素成立阴影,0代表为全部透明元素成立可见阴影.
 

　　比方把过滤器设置为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滤镜便可以使图片产生模糊效果.假如我们对这些滤镜都可以纯熟利用,那么有时在没有专业图象处理软件的情形下,也可以制作出相当不错的图片效果来.