dreamweavercs5滤镜详解免费.docx
- 文档编号:24461287
- 上传时间:2023-05-27
- 格式:DOCX
- 页数:9
- 大小:40.35KB
dreamweavercs5滤镜详解免费.docx
《dreamweavercs5滤镜详解免费.docx》由会员分享,可在线阅读,更多相关《dreamweavercs5滤镜详解免费.docx(9页珍藏版)》请在冰豆网上搜索。
dreamweavercs5滤镜详解免费
滤镜
说明
alpha
透明的渐变效果
BlendTrans
淡入淡出效果
blur
风吹模糊效果
chroma
指定颜色透明
DropShadow
阴影效果
flipH
水平反转
flipV
垂直反转
glow
边缘光晕效果
gray
彩色图片变灰度图
invert
底片效果
light
模拟光源效果
mask
矩形遮照效果
RevealTrans
动态效果
shadow
轮廓阴影效果
wave
波浪扭曲变形效果
xray
x光照片效果
ALPHA 属性
【Alpha滤镜属性】这个名字,在Flash和Photoshop经常见到。
它们的作用基本类似,就是把一个目标元素与背景混合。
你可以指定数值来控制混合的程度。
这种“与背景混合”通俗地说就是一个元素的透明度。
通过指定坐标,可以指定点、线、面的透明度。
由于“Alpha”滤镜的参数多,我们先来看一下下图:
“opacity”:
代表透明度程度。
范围是从0~100,他们其实是百分比的形式。
也就是说,0代表完全透明,100代表完全不透明。
“finishopacity”:
是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。
范围也是0 到 100。
“style”:
指定了透明区域的形状特征。
其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。
“StartX”和“StartY”:
代表渐变透明效果的开始X和Y坐标。
“FinishX”和“FinishY”:
代表渐变透明效果结束X和Y坐标。
BLENDTRANS 属性
【BlendTrans属性】淡入淡出的效果滤镜,能产生极精细的图片转换效果。
BlendTrans滤镜功能也比较单一,只有一个参数:
Duration(变换时间)。
需要借助于 java script来调用它的方法来实现转换功能。
使用BlendTrans滤镜,首先您要准备几张宽高尺 寸相同的图片,并分别命名,保存在图像目录下,如:
images/*.jpg。
如果用4幅的话,分别 取名为:
blen1.jpg; blen2.jpg; blen3.jpg;blen4.jpg。
BLUR属性
【Blur属性】把Blur滤镜加载到文字上,可产生立体字的效果,加载到图片上,可以产生风吹模糊效果。
不仅美化了网页,也为你的网页减轻了分量。
下面介绍一下Blur滤镜的参数,以便你灵活应用:
Add:
是否让Blur滤镜起作用,Add=False(或“0”)时Blur滤镜不起作用,取True(或非“0”值)时Blur滤镜起作用,只有两个值,即true和false;
Direction:
阴影的方向,取值范围0~360度,45度一个间隔,所以实际上只有八个方向值;
Strength:
它代表有多少个像素的宽度成为阴影,你也可以简单地理解为阴影的长度。
它只能用整数来指定,默认值是5个像素,你可以根据实际需要来指定阴影的长度。
我上面的两个图片例子是用的同一个滤镜,Strength是10个像素。
同一网页中对不同的对象可以使用不同参数的Blur滤镜,你只要给它们取不同的名称就行了。
CHROMA 属性
【Chroma属性】 Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下:
Filter:
Chroma(color=color)
这个属性的表达式是不是很简单,它只有一个参数。
只需把您想要指定透明的颜色用 Color参数设置出来就可以了。
DROPSHADOW 属性
【DropShadow属性】作用是添加对象的阴影效果。
实际效果看上去就象是原来的对象离开了页面,然后在页面上显示出该对象的投影。
其工作原理是建立一个偏移量,然后加上颜色。
Dropshadow滤镜有四个参数,它们的含义为:
“Color”:
代表投射阴影的颜色。
“offx”和“offy”:
分别是X方向和Y方向阴影的偏移量,它必须用整数值,如果是正整数,那么表示阴影向X轴的右方向和Y轴的下方向。
若是负整数值,阴影的方向正好相反。
另外“offx”和“offy”数值的大小决定了阴影离开对象的距离;
“Positive”参数:
如果为“true(非0)”,那么就为任何的非透明像素建立可见的投影。
如果为“fasle(0)”,那么就为透明的像素部分建立透明效果。
对文字加载Dropshadow滤镜比较方便的办法,是把Dropshadow滤镜加载到文字所在的表格单元格< td >上。
文字比较小时,使用Dropshadow的效果不太理想,所以一般用于制作稍大的标题字。
Dropshadow滤镜对一般图片无效,但我们把图片放到表格中,再给表格的
FLIPH 属性
【FlipV 属 性】FlipV是一个垂直翻转对象的滤镜,当把FlipV加载到一个对象上,该对象将产生一个垂直镜象,以此来创造垂直翻转的效果;它是无参数滤镜之一。
功能单一,使用方便,效果显著。
GLOW 属性
【glow属性】对象应用glow 滤镜后,这个对象的边缘就会产生类似发光的效果,这种效果在图像处理软件中做起来比较麻烦,而在DW MX 2004中用CSS的“glow”滤镜来制作却是很简单,而且节约不少字节。
“glow”滤镜只有两个参数,一个是“color”是指定发光的颜色,另一个参数是 “strength”是发光的强度,也可理解为光芒的长度。
取值范围1~255之间的任何整数。
下面 我们来做几个应用实例。
【glow滤镜在图片上的应用】
“glow”滤镜加载到一般图片无效,但若是把图片放到表格中,再给表格的< td >加上“glow”滤镜,却能使图片产生一个渐变颜色的边框。
glow滤镜的参数不多,使用简单,效果明显。
在具体应用时关键的问题是光芒颜色的选择,要与整个页面色彩协调。
给图片和< td >可以用多种方式加载,配合背景的设置,可产生一些奇特的效果。
GRAY 属性
【Gray 属性】 Gray 滤镜可把一张彩色图片转变为灰度图,即黑白图片。
可应用于创意特殊题材,Gray为无参数滤镜,功能单一,操作简单,效果明显。
INVERT属性
【Invert 属性】 Invert 滤镜可把一张图片转变为负片,好像相片的底片。
可应用于创意特殊题材,Invert为无参数滤镜,功能单一,操作简单,效果明显。
LIGHT 属性
【Light属性】Light滤镜能产生一个模拟光源的效果。
可应用于特殊场合,营造奇特的气氛。
Light滤镜是无参数滤镜,使用它要通过Javascrpt调用来实现模拟光源的效果。
MASK 属性
【Mask 属性】Mask滤镜可以为网页元件对象产生一个矩形遮罩效果,实际也可以理解为用一块有色布把物件盖起来,但内容却被挖去了。
【Mask滤镜应用】
在页面适当位置插入1行1列表格,在表格里输入文字,选择表格的单元格
REVEALTRANS 属性
RevealTrans是动态滤镜,它能产生23种动态效果,更为奇妙的是它还能在23种动态效果中随机抽取其中一种。
RevealTrans滤镜只有两个参数,Duration:
是切换时间,以秒为单位;Transition:
是切换方式,它有23种方式,详见下图:
你只要改变“Transition"的值,就能获得不同的效果。
它必须借助于java script才能实现,java script的设置方法请参考【BlendTrans属性】。
SHADOW 属性
【Shadow 属性】利用“Shadow”滤镜可以在指定的方向建立物体的投影。
投影的颜色可以指定。
WAVE 属性
【Wave属性】 是把对象按照垂直的波形样式扭曲,而产生一种特殊的效果。
把“wave”滤镜加载到文字上,就可得到波形文字的效果。
提示:
Wave滤镜共有5个参数:
“add”:
表示是否要把对象按照波形式样扭曲,它只有两个值,即"true"和"false",默认值是"true(非0)",当然你也可以修改它的值为"false"("0")。
“freq”:
是波纹的频率,也就是指定在这个对象上面一共需要产生多少个完整的波纹。
“lightstrength”:
参数可以对于波纹增强光影的效果。
它的参数值范围是从0到100的整数值。
“phase”:
参数用来设置正弦波开始的偏移量。
这个偏移量的通用值为0,但是你可以改变它。
它的值从0到100之间,这个数值代表开始时的偏移量取自波长的百分比值。
例如如果值为25那么正弦波就从90度的方向开始。
“strength”:
表示波形的振幅大小,也可以简单的理解为扭曲的程度。
XRAY 属性
【Xray 属性】 Xray 滤镜可把对象的轮廓显现出来并将其加亮。
就象“X光片”一样。
可应用于创意特殊题材,Xray为无参数滤镜,功能单一,操作简单,效果明显。
应用类样式
【应用类样式】是唯一可以应用于文档中任何文本的 CSS 样式类型。
与当前文档关联的所有类样式都显示在“CSS 样式”面板中和文本属性检查器的“样式”弹出式菜单中。
提示:
当预览外部 CSS 样式表中定义的样式时,务必要保存该样式表以确保所做的更改。
【应用自定义 CSS 样式】
在文档中,选择要应用 CSS 样式的文本。
将插入点放在段落中将样式应用于整个段落。
如果在单个段落中选择一个文本范围,则 CSS 样式只影响所选范围。
若要指定要应用 CSS 样式的确切标签,请在位于“文档”窗口左下角的标签选择器中选择标签。
请执行下列操作之一:
在“CSS 样式”面板(“窗口”>“CSS 样式”)中,右键单击要应用的样式的名称,然后从上下文菜单选择“套用”。
在文本属性检查器中,从“样式”弹出式菜单中选择要应用的类样式。
在“文档”窗口中,右键单击所选文本,在上下文菜单中选择“CSS 样式”,然后选择要应用的样式。
选择“文本”>“CSS 样式”,然后在子菜单中选择要应用的样式。
【将自定义样式从选定内容中删除】
选择要删除样式的对象或文本。
执行下列操作之一:
在文本属性检查器中,从“样式”弹出式菜单中选择“无”。
在“相关 CSS”选项卡中右键单击要删除的已应用规则,然后从上下文菜单中选择“设置类”>“无”。
【关于 CSS 样式的冲突】将两个或更多的 CSS 样式应用于同一文本时,这些样式可能发生冲突并产生意外的结果。
浏览器根据以下规则应用样式属性:
如果将两种样式应用于同一文本,浏览器显示这两种样式的所有属性,除非特定的属性发生冲突。
例如,一种样式可能将蓝色指定为文本颜色,而另一种样式可能指定红色作为文本颜色。
如果应用于同一文本的两种样式的属性发生冲突,则浏览器显示最里面的样式(离文本本身最近的样式)的属性。
因此,如果外部样式表和内联 CSS 样式同时影响文本元素,则应用内联样式。
如果有直接冲突,则 CSS 样式(使用 class 属性应用的样式)中的属性将取代 HTML 标签样式中的属性。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dreamweaver cs5滤镜详解免费 cs5 滤镜 详解 免费
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1