Dreamweaver3图像特效制作技法

利用Dreamweaver3.0您能够轻轻松松让图像呈现出阴影、模糊、运动、光晕、波浪、淡入淡出等众多效果，您再也不用为了达到某种图像效果而动用Photoshop这个庞然大物了。下面我们就来具体了解一下图像特效的制作方法。
　　在Dreamweaver3.0中为图像制作特效，实际上就是利用样式表（CSS）功能来定义图像的各种参数，让他呈现出各种特技效果，但是这些特效并不增大图像文档的大小，所以不会影响页面的下载速度，这对于我们有限的网络带宽来说是很宝贵的。下面我们首先来看如何创建一个样式表。
　　1.单击Window菜单下的CSS Styles命令，或按F7键，弹出样式表编辑窗口（如图一）。
　　2.单击样式表编辑窗口中的New按钮，弹出如图二所示的对话窗口，在该窗口中选择“Make Custom Style”选项，然后单击OK。
　　3.在弹出的定义样式表窗口中，单击Category下的Extensions类型，然后在Filter项目中选择一个图像特效类型（如图三），定义他的各种参数。Dreamweaver内置有16种图像特效类型。
　　4.定义完毕，单击OK，回到样式表编辑窗口。
　　5.选定页面上的图像，将生成的样式表作用于该图像。
　　6.保存该网页，然后在浏览器中打开，就能够看到图像的特效了。
　　下面我们来学习16种特效类型和他的配置方法。
　　1.Alpha：透明效果
　　他能够使图像呈现出透明效果，共有七种参数：
　　?opacity：不透明度，范围是0～100，0表示完全透明，100表示完全不透明。
　　?finishopacity：结束时的不透明度，他用来设定图像结束时的不透明度，利用他能够制作出透明渐进的效果，取值范围同opacity。
?style：样式，用来指定图像渐变的类型，0表示没有渐变，1表示直线渐变，2表示圆形渐变，3表示矩形渐变。
?startX和startY：表示渐变开始的X、Y坐标值。
?finishX和finishY：表示渐变结束的X、Y坐标值。
　　2.BlendTrans：渐隐渐现效果
　　他能够使图像呈现出淡入淡出的特效，参数duration用来设定渐隐渐现的时间，以秒为单位。
　　3.Blur：动感模糊效果
　　让图像产生移动模糊的效果，有三种参数：
?a dd：是否在运动模糊中使用原有的目标，0表示“否”，1表示“是”。
?direction：模糊移动的角度，范围是0～360度。
?strength：图像模糊的力度，单位是像素，取自然数。
　　4.Chroma：色度
　　他用来把图像中的某种颜色变成透明的。参数color用来指定产生透明的颜色，可配置为Hex格式（即＃RRGGBB型）或通用的英文名称，如red（红色）。
　　5.Dropshadow：下拉阴影效果
　　他有四种参数：
?color：指定阴影的颜色，格式同上。
?offX：阴影在水平方向上的偏移值，正数表示阴影在图像的右方，负数表示阴影在图像的左方。
?offY：阴影在垂直方向上的偏移值，正数表示阴影在图像的上方，负数表示阴影在图像的下方。
?positive：阴影的透明度，0表示透明像素生成阴影，1表示不透明像素生成阴影。
　　6.FlipH：水平翻转
　　使图像在水平方向上产生翻转。
　　7.FlipV：垂直翻转
　　使图像在垂直方向上产生翻转。
　　8.Glow：光晕效果
　　使图像周围按选定的颜色产生光晕效果，有两种参数：
?lcolor：产生光晕的颜色。
?lstrength：呈放射幅度，范围是1～255，数字越大光晕效果越强烈。
　　9.Gray：黑白效果
　　将彩色图像转变为黑白图像，图像中的色彩以灰度级别显示。
　　10.Invert：反转效果
　　逆转图像颜色，也就是把图像中的色彩和亮度反转显示。
　　11.Light：灯光效果
　　将图像中的任何可见像素变成黑色。
　　12.Mask：蒙版效果
　　把图像中的任何可见像素遮罩变成透明，而其他的部分以指定的颜色填充，他的参数color就是用来指定遮罩的颜色的。
　　13.Shadow：阴影效果
　　他产生的效果介于光晕和下拉阴影之间，有渐进效果，立体感很强，他的两个参数是：
?color：指定阴影的颜色。
　　?direction：配置阴影的方向，范围是0～360度。
　　14.Wave：波浪效果
　　让图像产生波浪相同的变形效果，很酷。以前只有Java小程式才能实现这样的效果。他的各个参数的含义是：
?add：表示是否显示原图像，0表示不显示，1表示显示，也就是原图像出现在最后的效果中。
?freq：波形扭曲的次数。　
?ightstrength：光照的强度，范围是0～100，0表示最弱，100表示最强。
?phase：改变波形的形状，范围是0～360。
?strength：波形的振幅，取自然数。
　　15.Xray：X光透视效果
　　产生像我们平时拍照的X光片相同的图像效果，相当于先用灰度功能去掉色彩信息，然后再将其反转。
　　16.RevealTrans：图像转换显示效果
　　他包含了24种图像效果，有两个参数：
?duration：用来定义图像转换的时间，以秒为单位。
?ransition：指定图像转换的类型，共有24种，代号为023。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有