分享
 
 
 

Dreamweaver图像特效制作技法

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

利用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:动感模糊效果

让图像产生移动模糊的效果,有三种参数:

add:是否在运动模糊中使用原有的目标,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。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有