《网页开发工具第三讲文字按钮和导航全解》由会员分享，可在线阅读，更多相关《网页开发工具第三讲文字按钮和导航全解（36页珍藏版）》请在金锄头文库上搜索。
1、第三讲第三讲 文字、按钮和导航文字、按钮和导航3.1 文字特效文字特效例1：辉光效果字(RGB模式)第1步：新建一背景色为白色的文档，输入黑色文字；保证当前只有一个图层存在（可以按ctrl+E进行图层合并）。第2步：执行滤镜-艺术效果-霓虹灯光，设置GlowSize为10，GlowBrightness为21，辉光颜色为紫蓝色。效果如右图。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航例2：阴影效果字(RGB模式)第1步：建立一个图像文档，建立新层，选取一种颜色填充该层。第2步：使用文字蒙版工具输入文字
2、的选择区域。执行编辑剪切，剪切掉选择区域。添加图层样式（内阴影），产生阴影效果。3.1.1 文字蒙版（创建文字选框）文字蒙版（创建文字选框）在使用“横排文字蒙版”工具或“直排文字蒙版”工具时，创建一个文字形状的选区。文字选区出现在现用图层中，并可像任何其他选区一样被移动、拷贝、填充或描边。选择希望选区出现在其上的图层。为获得最佳效果，在正常图像图层上而不是文字图层上创建文字选框。选择横排文字蒙版工具或直排文字蒙版工具。选择其他的文字选项，并在某一点或在定界框中输入文字。输入文字时现用图层上会出现一个红色的蒙版。点按了“提交”按钮后，文字选框将出现在图像中的现用图层上。网页开发工具第三讲网页开发
3、工具第三讲 文字、按钮和导航文字、按钮和导航3.1.2 图层样式图层样式Photoshop提供了各种各样的效果（如阴影、发光、斜面、叠加和描边），这些效果使您能够快速更改图层内容的外观。图层效果与图层内容链接。当您移动或编辑图层内容时，图层内容相应修改。例如，如果对文本图层应用投影效果，当您编辑文本时，阴影将自动更改。应用于图层的效果将变为图层自定样式的一部分。如果图层具有样式，“图层”调板中图层的名称右侧将出现一个“fx”图标。可以在“图层”调板中展开样式，以便查看组成样式的所有效果并编辑效果以更改样式。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p角度确定效果应用
4、于图层时所采用的光照角度。在Photoshop中，可以在文档窗口中拖移以调整“投影”、“内阴影”或“光泽”效果的角度。p消除锯齿混合等高线或光泽等高线的边缘像素。此选项对尺寸小且具有复杂等高线的阴影最有用。p混合模式确定图层样式与下层图层（可以包括也可以不包括现用图层）的混合方式。例如，内阴影与现用图层混合，原因是此效果是在该图层上绘制的，而投影则只与现用图层下的图层混合。在大多数情况下，每种效果的默认模式都会产生最佳结果。请参阅混合模式列表。p阻塞模糊之前收缩“内阴影”或“内发光”的杂边边界。p关于图层样式选项关于图层样式选项1网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮
5、和导航p颜色指定阴影、发光或高光的颜色。可以点按颜色框并选取颜色。p等高线使用纯色发光时，等高线允许您创建透明光环。使用渐变填充发光时，等高线允许您创建渐变颜色和不透明度的重复变化。在斜面和浮雕中，等高线允许您勾画在浮雕处理中被遮住的起伏、凹陷和凸起。使用阴影时，等高线允许您指定渐隐。有关更多信息，请参阅用等高线修改图层效果。p距离指定阴影或光泽效果的偏移距离。在Photoshop中，可以在文档窗口中拖移以调整偏移距离。p深度指定斜面深度。它还指定图案的深度。p关于图层样式选项关于图层样式选项2网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p渐变指定图层效果的渐变。在P
6、hotoshop中，点按渐变以显示渐变编辑器，或点按倒箭头并从弹出式调板中选取渐变。在Photoshop中，可以使用渐变编辑器来编辑渐变或创建新的渐变。在ImageReady中，点按渐变示例旁边的倒箭头并从列表中选择渐变，或从弹出式列表中选取渐变类型。在“渐变叠加”面板中，可以像在渐变编辑器中那样编辑颜色或不透明度。对于某些效果，可以指定附加的渐变选项。“反向”翻转渐变方向，“与图层对齐”使用图层的定界框来计算渐变填充，而“缩放”则缩放渐变的应用。还可以通过在图像窗口中点按和拖移来移动渐变中心。“样式”指定渐变的形状。p关于图层样式选项关于图层样式选项3网页开发工具第三讲网页开发工具第三讲 文
7、字、按钮和导航文字、按钮和导航p使用全局光为效果打开全部加亮。全局加亮可将同一角度应用于选中了“全角”选项的所有效果，从而在图像上呈现一致的光源照明。取消选择“使用全局光”可对“投影”、“内阴影”和“斜面”效果指定配局部角度。p光泽等高线创建有光泽的金属外观。“光泽等高线”是在为斜面或浮雕加上阴影效果后应用的。p高光或阴影模式指定斜面或浮雕高光或阴影的混合模式。p抖动改变渐变的颜色和不透明度的应用。p图层挖空投影控制半透明图层中投影的可视性。p杂色指定发光或阴影的不透明度中随机元素的数量。输入值或拖移滑块。p关于图层样式选项关于图层样式选项4网页开发工具第三讲网页开发工具第三讲 文字、按钮和导
8、航文字、按钮和导航p图案指定图层效果的图案。在ImageReady中，点按图案示例旁边的倒箭头，并从列表中选取一种图案。在Photoshop中，点按弹出式调板并选取一种图案。点按“新建”预设按钮，根据当前设置创建新预设图案。点按“贴紧原点”，使图案的原点与文档的原点相同（在“与图层链接”处于选定状态时），或将原点放在图层的左上角（如果取消选择了“与图层链接”）。如果希望图案在图层移动时随图层一起移动，请选择“与图层链接”。拖移“缩放”滑块，或输入一个值以指定图案的大小。拖移图案可在图层中定位图案；通过使用“贴紧原点”按钮来重设位置。如果未载入任何图案，则“图案”选项不可用。p关于图层样式选项关
9、于图层样式选项5网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p不透明度设置图层效果的不透明度。输入值或拖移滑块。p位置指定描边效果的位置是“外部”、“内部”还是“居中”。p范围控制发光中作为等高线目标的部分或范围。p大小指定模糊的数量或阴影大小。p软化模糊阴影效果可减少多余的人工痕迹。p源指定内发光的光源。选取“居中”以应用从图层内容的中心发出的发光，或选取“边缘”以应用从图层内容的内部边缘发出的发光。p扩展模糊之前扩大杂边边界。p关于图层样式选项关于图层样式选项6网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p样式指定斜面样式：“内斜面”在图
10、层内容的内边缘上创建斜面；“外斜面”在图层内容的外边缘上创建斜面；“浮雕效果”模拟使图层内容相对于下层图层呈浮雕状的效果；“枕状浮雕”模拟将图层内容的边缘压入下层图层中的效果；“描边浮雕”将浮雕限于应用于图层的描边效果的边界。p纹理应用一种纹理。使用“缩放”来缩放纹理的大小。如果要使纹理在图层移动时随图层一起移动，请选择“与图层链接”。“反相”使纹理反相。“深度”改变纹理应用的程度和方向（上下）。“贴紧原点”使图案的原点与文档的原点相同（如果取消选择了“与图层链接”），或将原点放在图层的左上角（如果“与图层链接”处于选定状态）。拖移纹理可在图层中定位纹理。p关于图层样式选项关于图层样式选项7网
11、页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p方法应用一种方法。对于斜面和浮雕，“平滑”可稍微模糊杂边的边缘，并且可用于所有类型的杂边，不论其边缘是柔的还是硬的.此技术不保留大尺寸的细节特写。“雕刻清晰”使用距离测量技术，主要用于消除锯齿形状（如文字）的硬边杂边。它保留细节特写的能力优于“平滑”技术。“雕刻柔和”使用经过修改的距离测量技术，虽然不如“雕刻清晰”精确，但对较大范围的杂边更有用。它保留特写的能力优于“平滑”技术。对于发光，“柔和”应用模糊技术，并且可用于所有类型的杂边，不论其边缘是柔的还是硬的。“柔和”不保留大尺寸的细节特写。“精确”使用距离测量技术创造发光
12、效果，主要用于消除锯齿形状（如文字）的硬边杂边。它保留特写的能力优于“柔和”技术。p关于图层样式选项关于图层样式选项8网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航3.1.3 图层合并图层合并虽然将图像分层制作较为方便，但某些时候可能需要合并一些图层，就是把几个层变为一个。比如我们现在要把（实验一中脸部练习）左眼和右眼合并，那么先选择层次较高的eye副本层，然后使用菜单【图层向下合并】CTRLE即可与其下层的eye层合并。也可以点击图层调板的圆三角按钮，选择向下合并。所谓向下合并CTRLE就是把目前所选择的图层，与在它之下的一层进行合并。进行合并的层都必须处在显示状态。
13、向下合并CTRLE以后的图层名称和颜色标记沿用原先位于下方的图层。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航3.1.4 滤镜滤镜可以使用滤镜来更改图像的外观，例如，为它们指定印象派绘画或马赛克拼贴外观，或者添加独一无二的光照和扭曲。也可以使用某些滤镜来清除或修饰图片。Adobe提供的滤镜显示在“滤镜”菜单中。应用滤镜需要执行下列操作：1、要将滤镜应用于整个图层，请确保该图层是现用图层或选中的图层。2、要将滤镜应用于图层的一个区域，请选择该区域。从“滤镜”菜单的子菜单中选取一个滤镜。3、如果不出现任何对话框，则说明已应用该滤镜效果。4、如果出现对话框，请输入数值或选择
14、选项，然后点按“确定”。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果1像素化滤镜像素化滤镜p“像素化”子菜单中的滤镜通过使单元格中颜色值相近的像素结成块来清晰地定义一个选区。p彩色半调模拟在图像的每个通道上使用放大的半调网屏的效果。对于每个通道，滤镜将图像划分为矩形，并用圆形替换每个矩形。圆形的大小与矩形的亮度成比例。另请参阅使用彩色半调滤镜。p晶格化使像素结块形成多边形纯色。p彩块化使纯色或相近颜色的像素结成相近颜色的像素块。可以使用此滤镜使扫描的图像看起来像手绘图像，或使现实主义图像类似抽象派绘画。p碎片创建选区中像素的四个副本，将它们平均，并使
15、其相互偏移。p铜版雕刻将图像转换为黑白区域的随机图案或彩色图像中完全饱和颜色的随机图案。要使用此滤镜，请从“铜版雕刻”对话框中的“类型”菜单选取一种网点图案。p马赛克使像素结为方形块。给定块中的像素颜色相同，块颜色代表选区中的颜色。p点状化将图像中的颜色分解为随机分布的网点，如同点状化绘画一样，并使用背景色作为网点之间的画布区域。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果2扭曲滤镜扭曲滤镜p扩散亮光将图像渲染成像是透过一个柔和的扩散滤镜来观看的。此滤镜添加透明的白杂色，并从选区的中心向外渐隐亮光。p置换使用名为置换图的图像确定如何扭曲选区。例如，使
16、用抛物线形的置换图创建的图像看上去像是印在一块两角固定悬垂的布上。p此滤镜使用以AdobePhotoshop格式（位图模式图像除外）存储的拼合文件创建置换图。还可以使用Photoshop程序文件夹中“增效工具/置换图”文件夹中的文件。p玻璃使图像看起来像是透过不同类型的玻璃来观看的。您可以选取一种玻璃效果，也可以将自己的玻璃表面创建为Photoshop文件并应用它。可以调整缩放、扭曲和平滑度设置。当将表面控制与文件一起使用时，请按“置换”滤镜的指导操作。p镜头校正“镜头校正”滤镜修复常见的镜头瑕疵，如桶形和枕形失真、晕影和色差。p海洋波纹将随机分隔的波纹添加到图像表面，使图像看上去像是在水中。
17、p挤压挤压选区。正值（最大值是100%）将选区向中心移动；负值（最小值是-100%）将选区向外移动。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果2扭曲滤镜扭曲滤镜p极坐标根据选中的选项，将选区从平面坐标转换到极坐标，或将选区从极坐标转换到平面坐标。可以使用此滤镜创建圆柱变体（18世纪流行的一种艺术形式），当在镜面圆柱中观看圆柱变体中扭曲的图像时，图像是正常的。p波纹在选区上创建波状起伏的图案，像水池表面的波纹。要进一步进行控制，请使用“波浪”滤镜。选项包括波纹的数量和大小。p切变沿一条曲线扭曲图像。通过拖移框中的线条来指定曲线。可以调整曲线上的任何一
18、点。点按“默认”可将曲线恢复为直线。另外，选取如何处理未扭曲的区域。p球面化通过将选区折成球形、扭曲图像以及伸展图像以适合选中的曲线，使对象具有3D效果。p旋转扭曲旋转选区，中心的旋转程度比边缘的旋转程度大。指定角度时可生成旋转扭曲图案。p波浪工作方式类似于“波纹”滤镜，但可进行进一步的控制。选项包括波浪生成器的数目、波长(从一个波峰到下一个波峰的距离)、波浪高度和波浪类型：正弦（滚动）、三角形或方形。“随机化”选项应用随机值。也可以定义未扭曲的区域。p要在其他选区上模拟波浪结果，请点按“随机化”选项，将“生成器数”设置为1，并将“最小波长”、“最大波长”和“波幅”参数设置为相同的值。p水波根
19、据选区中像素的半径将选区径向扭曲。“起伏”选项设置水波方向从选区的中心到其边缘的反转次数。还要指定如何置换像素：“水池波纹”将像素置换到左上方或右下方，“从中心向外”向着或远离选区中心置换像素，而“围绕中心”围绕中心旋转像素。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果3杂色滤镜杂色滤镜p“杂色”滤镜添加或移去杂色或带有随机分布色阶的像素。这有助于将选区混合到周围的像素中。“杂色”滤镜可创建与众不同的纹理或移去有问题的区域，如灰尘和划痕。p添加杂色将随机像素应用于图像，模拟在高速胶片上拍照的效果。也可以使用“添加杂色”滤镜来减少羽化选区或渐进填充中的
20、条纹，或使经过重大修饰的区域看起来更真实。杂色分布选项包括“平均”和“高斯”。“平均”使用随机数值（介于0以及正/负指定值之间）分布杂色的颜色值以获得细微效果。“高斯”沿一条钟形曲线分布杂色的颜色值以获得斑点状的效果。“单色”选项将此滤镜只应用于图像中的色调元素，而不改变颜色。p去斑检测图像的边缘（发生显著颜色变化的区域）并模糊除那些边缘外的所有选区。该模糊操作会移去杂色，同时保留细节。p蒙尘与划痕通过更改相异的像素减少杂色。为了在锐化图像和隐藏瑕疵之间取得平衡，请尝试“半径”与“阈值”设置的各种组合。或者在图像的选中区域应用此滤镜。另请参阅使用蒙尘与划痕滤镜。p中间值通过混合选区中像素的亮度
21、来减少图像的杂色。此滤镜搜索像素选区的半径范围以查找亮度相近的像素，扔掉与相邻像素差异太大的像素，并用搜索到的像素的中间亮度值替换中心像素。此滤镜在消除或减少图像的动感效果时非常有用。p减少杂色（仅限Photoshop）在基于影响整个图像或各个通道的用户设置保留边缘的同时减少杂色。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果4模糊滤镜模糊滤镜“模糊”滤镜柔化选区或整个图像，这对于修饰非常有用。它们通过平衡图像中已定义的线条和遮蔽区域的清晰边缘旁边的像素，使变化显得柔和。p平均找出图像或选区的平均颜色，然后用该颜色填充图像或选区以创建平滑的外观。例如，
22、如果您选择了草坪区域，该滤镜会将该区域更改为一块均匀的绿色部分。p“模糊”和“进一步模糊”在图像中有显著颜色变化的地方消除杂色。“模糊”滤镜通过平衡已定义的线条和遮蔽区域的清晰边缘旁边的像素，使变化显得柔和。“进一步模糊”滤镜的效果比“模糊”滤镜强三到四倍。p方框模糊（仅限Photoshop）基于相邻像素的平均颜色值来模糊图像。此滤镜用于创建特殊效果。可以调整用于计算给定像素的平均值的区域大小；半径越大，产生的模糊效果越好。p高斯模糊使用可调整的量快速模糊选区。高斯是指当Photoshop将加权平均应用于像素时生成的钟形曲线。“高斯模糊”滤镜添加低频细节，并产生一种朦胧效果。p镜头模糊（仅限P
23、hotoshop）向图像中添加模糊以产生更窄的景深效果，以便使图像中的一些对象在焦点内，而使另一些区域变模糊。可以使用简单的选区来确定哪些区域变模糊，或者可以提供单独的Alpha通道深度映射来准确描述希望如何增加模糊。p“镜头模糊”滤镜使用深度映射来确定像素在图像中的位置。在选择了深度映射的情况下，也可以使用十字线光标来设置给定模糊的起点。您可以使用Alpha通道和图层蒙版来创建深度映射；Alpha通道中的黑色区域被视为好像它们位于照片的前面，白色区域被视为好像它们位于远处的位置。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果4模糊滤镜模糊滤镜p要创建
24、渐变模糊（从无（底部）到最大（顶部），请创建一个新的Alpha通道并应用渐变，以便在该通道中，图像的顶部为白色，底部为黑色。然后，选择“镜头模糊”滤镜并从“源”弹出式菜单中选取该Alpha通道。要更改渐变的方向，请选择“反相”复选框。p模糊的显示方式取决于您选取的光圈形状。光圈形状由它们所包含的叶片的数量来确定。您可以通过弯曲（使它们更圆）或旋转它们来更改光圈的叶片。还可以通过点按减号按钮或加号按钮，缩小或放大预览。另请参阅使用镜头模糊滤镜。p动感模糊沿指定方向（-360度至+360度）以指定强度（1至999）进行模糊。此滤镜的效果类似于以固定的曝光时间给一个移动的对象拍照。p径向模糊模拟缩放
25、或旋转的相机所产生的模糊，产生一种柔化的模糊。选取“旋转”，沿同心圆环线模糊，然后指定旋转的度数。选取“缩放”，沿径向线模糊，好像是在放大或缩小图像，然后指定1到100之间的值。模糊的品质范围从“草图”到“好”和“最好”：“草图”产生最快但为粒状的结果，“好”和“最好”产生比较平滑的结果，除非在大选区上，否则看不出这两种品质的区别。通过拖移“中心模糊”框中的图案，指定模糊的原点。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果4模糊滤镜模糊滤镜p形状模糊（仅限Photoshop）使用指定的内核来创建模糊。从自定形状预设列表中选取一种内核，并使用“半径”滑
26、块来调整其大小。通过点按三角形并从列表中进行选取，可以载入不同的形状库。半径决定了内核的大小；内核越大，模糊效果越好。p特殊模糊精确地模糊图像。可以指定半径、阈值和模糊品质。半径值确定在其中搜索不同像素的区域大小。阈值确定像素具有多大差异后才会受到影响。也可以为整个选区设置模式（正常），或为颜色转变的边缘设置模式（“仅限边缘”和“叠加”）。在对比度显著的地方，“仅限边缘”应用黑白混合的边缘，而“叠加边缘”应用白色的边缘。p表面模糊（仅限Photoshop）在保留边缘的同时模糊图像。此滤镜用于创建特殊效果并消除杂色或粒度。“半径”选项指定模糊取样区域的大小。“阈值”选项控制相邻像素色调值与中心像
27、素值相差多大时才能成为模糊的一部分。色调值差小于阈值的像素被排除在模糊之外。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果5渲染渲染滤镜滤镜p“渲染”滤镜在图像中创建3D形状、云彩图案、折射图案和模拟的光反射。也可在3D空间中操纵对象，创建3D对象（立方体、球面和圆柱），并从灰度文件创建纹理填充以产生类似3D的光照效果。p云彩使用介于前景色与背景色之间的随机值，生成柔和的云彩图案。要生成色彩较为分明的云彩图案，请按住Alt键(Windows)或Option键(MacOS)，然后选取“滤镜”“渲染”“云彩”。当您应用“云彩”滤镜时，现用图层上的图像数据会
28、被替换。p分层云彩使用随机生成的介于前景色与背景色之间的值，生成云彩图案。此滤镜将云彩数据和现有的像素混合，其方式与“差值”模式混合颜色的方式相同。第一次选取此滤镜时，图像的某些部分被反相为云彩图案。应用此滤镜几次之后，会创建出与大理石的纹理相似的凸缘与叶脉图案。当您应用“分层云彩”滤镜时，现用图层上的图像数据会被替换。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果5渲染渲染滤镜滤镜p纤维使用前景色和背景色创建编织纤维的外观。可以使用“差异”滑块来控制颜色的变化方式（较低的值会产生较长的颜色条纹；而较高的值会产生非常短且颜色分布变化更大的纤维）。“强度
29、”滑块控制每根纤维的外观。低设置会产生松散的织物，而高设置会产生短的绳状纤维。点按“随机化”按钮可更改图案的外观；可多次点按该按钮，直到看到您喜欢的图案。当您应用“纤维”滤镜时，现用图层上的图像数据会被替换。p尝试通过添加渐变映射调整图层来对纤维进行着色。p镜头光晕模拟亮光照射到像机镜头所产生的折射。通过点按图像缩览图的任一位置或拖移其十字线，指定光晕中心的位置。p光照效果使您可以通过改变17种光照样式、3种光照类型和4套光照属性，在RGB图像上产生无数种光照效果。还可以使用灰度文件的纹理（称为凹凸图）产生类似3D的效果，并存储您自己的样式以在其他图像中使用。网页开发工具第三讲网页开发工具第三
30、讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果6画笔描边滤镜画笔描边滤镜p与“艺术效果”滤镜一样，“画笔描边”滤镜使用不同的画笔和油墨描边效果创造出绘画效果的外观。有些滤镜添加颗粒、绘画、杂色、边缘细节或纹理。可以通过“滤镜库”来应用所有“画笔描边”滤镜。p强化的边缘强化图像边缘。设置高的边缘亮度控制值时，强化效果类似白色粉笔；设置低的边缘亮度控制值时，强化效果类似黑色油墨。p成角的线条使用对角描边重新绘制图像，用相反方向的线条来绘制亮区和暗区。p阴影线保留原始图像的细节和特征，同时使用模拟的铅笔阴影线添加纹理，并使彩色区域的边缘变粗糙。“强度”选项（使用值1到3）确定使用阴影线的遍数
31、。p深色线条用短的、绷紧的深色线条绘制暗区；用长的白色线条绘制亮区。p墨水轮廓以钢笔画的风格，用纤细的线条在原细节上重绘图像。p喷溅模拟喷溅喷枪的效果。增加选项可简化总体效果。p喷色描边使用图像的主导色，用成角的、喷溅的颜色线条重新绘画图像。p烟灰墨以日本画的风格绘画图像，看起来像是用蘸满油墨的画笔在宣纸上绘画。烟灰墨使用非常黑的油墨来创建柔和的模糊边缘。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果7素描素描滤镜滤镜p基底凸现变换图像，使之呈现浮雕的雕刻状和突出光照下变化各异的表面。图像的暗区呈现前景色，而浅色使用背景色。p粉笔和炭笔重绘高光和中间调
32、，并使用粗糙粉笔绘制纯中间调的灰色背景。阴影区域用黑色对角炭笔线条替换。炭笔用前景色绘制，粉笔用背景色绘制。p炭笔产生色调分离的涂抹效果。主要边缘以粗线条绘制，而中间色调用对角描边进行素描。炭笔是前景色，背景是纸张颜色。p铬黄渲染图像，就好像它具有擦亮的铬黄表面。高光在反射表面上是高点，阴影是低点。应用此滤镜后，使用“色阶”对话框可以增加图像的对比度。p炭精笔在图像上模拟浓黑和纯白的炭精笔纹理。“炭精笔”滤镜在暗区使用前景色，在亮区使用背景色。为了获得更逼真的效果，可以在应用滤镜之前将前景色改为常用的“炭精笔”颜色（黑色、深褐色和血红色）。要获得减弱的效果，请将背景色改为白色，在白色背景中添加
33、一些前景色，然后再应用滤镜。p绘图笔使用细的、线状的油墨描边以捕捉原图像中的细节。对于扫描图像，效果尤其明显。此滤镜使用前景色作为油墨，并使用背景色作为纸张，以替换原图像中的颜色。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果7素描素描滤镜滤镜p半调图案在保持连续的色调范围的同时，模拟半调网屏的效果。p便条纸创建像是用手工制作的纸张构建的图像。此滤镜简化了图像，并结合使用“风格化”“浮雕”和“纹理”“颗粒”滤镜的效果。图像的暗区显示为纸张上层中的洞，使背景色显示出来。p影印模拟影印图像的效果。大的暗区趋向于只拷贝边缘四周，而中间色调要么纯黑色，要么纯白
34、色。p塑料效果按3D塑料效果塑造图像，然后使用前景色与背景色为结果图像着色。暗区凸起，亮区凹陷。p网状模拟胶片乳胶的可控收缩和扭曲来创建图像，使之在阴影呈结块状，在高光呈轻微颗粒化。p图章简化了图像，使之看起来就像是用橡皮或木制图章创建的一样。此滤镜用于黑白图像时效果最佳。p撕边重建图像，使之由粗糙、撕破的纸片状组成，然后使用前景色与背景色为图像着色。对于文本或高对比度对象，此滤镜尤其有用。p水彩画纸利用有污点的、像画在潮湿的纤维纸上的涂抹，使颜色流动并混合。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果8纹理纹理滤镜滤镜可以使用“纹理”滤镜模拟具有深
35、度感或物质感的外观，或者添加一种器质外观。p龟裂缝将图像绘制在一个高凸现的石膏表面上，以循着图像等高线生成精细的网状裂缝。使用此滤镜可以对包含多种颜色值或灰度值的图像创建浮雕效果。p颗粒通过模拟以下不同种类的颗粒在图像中添加纹理：常规、软化、喷洒、结块、强反差、扩大、点刻、水平、垂直和斑点（可从“颗粒类型”菜单中进行选择）。p马赛克拼贴渲染图像，使它看起来是由小的碎片或拼贴组成，然后在拼贴之间灌浆。（相反，“像素化”“马赛克”滤镜将图像分解成各种颜色的像素块。）p拼缀图将图像分解为用图像中该区域的主色填充的正方形。此滤镜随机减小或增大拼贴的深度，以模拟高光和阴影。p染色玻璃将图像重新绘制为用前
36、景色勾勒的单色的相邻单元格。p纹理化将选择或创建的纹理应用于图像。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果9艺术效果滤镜艺术效果滤镜p彩色铅笔使用彩色铅笔在纯色背景上绘制图像。保留重要边缘，外观呈粗糙阴影线；纯色背景色透过比较平滑的区域显示出来。p要制作羊皮纸效果，请在将“彩色铅笔”滤镜应用于选中区域之前更改背景色。p木刻使图像看上去好像是由从彩纸上剪下的边缘粗糙的剪纸片组成的。高对比度的图像看起来呈剪影状，而彩色图像看上去是由几层彩纸组成的。p干画笔使用干画笔技术（介于油彩和水彩之间）绘制图像边缘。此滤镜通过将图像的颜色范围降到普通颜色范围来简
37、化图像。p胶片颗粒将平滑图案应用于阴影和中间色调。将一种更平滑、饱合度更高的图案添加到亮区。在消除混合的条纹和将各种来源的图素在视觉上进行统一时，此滤镜非常有用。p壁画使用短而圆的、粗略涂抹的小块颜料，以一种粗糙的风格绘制图像。p霓虹灯光将各种类型的灯光添加到图像中的对象上。此滤镜用于在柔化图像外观时给图像着色。要选择一种发光颜色，请点按发光框，并从拾色器中选择一种颜色。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果9艺术效果滤镜艺术效果滤镜p绘画涂抹使您可以选取各种大小（从1到50）和类型的画笔来创建绘画效果。画笔类型包括简单、未处理光照、暗光、宽锐
38、化、宽模糊和火花。p调色刀减少图像中的细节以生成描绘得很淡的画布效果，可以显示出下面的纹理。p塑料包装给图像涂上一层光亮的塑料，以强调表面细节。p海报边缘根据设置的海报化选项减少图像中的颜色数量（对其进行色调分离），并查找图像的边缘，在边缘上绘制黑色线条。大而宽的区域有简单的阴影，而细小的深色细节遍布图像。p粗糙蜡笔在带纹理的背景上应用粉笔描边。在亮色区域，粉笔看上去很厚，几乎看不见纹理；在深色区域，粉笔似乎被擦去了，使纹理显露出来。p涂抹棒使用短的对角描边涂抹暗区以柔化图像。亮区变得更亮，以致失去细节。p海绵使用颜色对比强烈、纹理较重的区域创建图像，以模拟海绵绘画的效果。p底纹效果在带纹理的
39、背景上绘制图像，然后将最终图像绘制在该图像上。p水彩以水彩的风格绘制图像，使用蘸了水和颜料的中号画笔绘制以简化细节。当边缘有显著的色调变化时，此滤镜会使颜色饱满。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果10视频视频滤镜滤镜p“视频”子菜单包含“逐行”滤镜和“NTSC颜色”滤镜。p逐行通过移去视频图像中的奇数或偶数隔行线，使在视频上捕捉的运动图像变得平滑。您可以选择通过复制或插值来替换扔掉的线条。pNTSC颜色将色域限制在电视机重现可接受的范围内，以防止过饱和颜色渗到电视扫描行中。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导
40、航p滤镜效果滤镜效果11锐化锐化滤镜滤镜p“锐化”滤镜通过增加相邻像素的对比度来聚焦模糊的图像。p锐化和进一步锐化聚焦选区并提高其清晰度。“进一步锐化”滤镜比“锐化”滤镜应用更强的锐化效果。p锐化边缘和USM锐化查找图像中颜色发生显著变化的区域，然后将其锐化。“锐化边缘”滤镜只锐化图像的边缘，同时保留总体的平滑度。使用此滤镜在不指定数量的情况下锐化边缘。对于专业色彩校正，可使用“USM锐化”滤镜调整边缘细节的对比度，并在边缘的每侧生成一条亮线和一条暗线。此过程将使边缘突出，造成图像更加锐化的错觉。p智能锐化（仅限Photoshop）通过设置锐化算法来锐化图像，或者控制阴影和高光中的锐化量。网页
41、开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果12风格化滤镜风格化滤镜“风格化”滤镜通过置换像素和通过查找并增加图像的对比度，在选区中生成绘画或印象派的效果。在使用“查找边缘”和“等高线”等突出显示边缘的滤镜后，可应用“反相”命令用彩色线条勾勒彩色图像的边缘或用白色线条勾勒灰度图像的边缘。p扩散根据选中的以下选项搅乱选区中的像素以虚化焦点：“正常”使像素随机移动（忽略颜色值）；“变暗优先”用较暗的像素替换亮的像素；“变亮优先”用较亮的像素替换暗的像素。“各向异性”在颜色变化最小的方向上搅乱像素。p浮雕效果通过将选区的填充色转换为灰色，并用原填充色描画边缘，
42、从而使选区显得凸起或压低。选项包括浮雕角度（-360度至+360度，-360度使表面凹陷，+360度使表面凸起）、高度和选区中颜色数量的百分比（1%至500%）。要在进行浮雕处理时保留颜色和细节，请在应用“浮雕”滤镜之后使用“渐隐”命令。p凸出赋予选区或图层一种3D纹理效果。另请参阅使用凸出滤镜。p查找边缘用显著的转换标识图像的区域，并突出边缘。像“描画等高线”滤镜一样，“查找边缘”用相对于白色背景的黑色线条勾勒图像的边缘，这对生成图像周围的边界非常有用。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航p滤镜效果滤镜效果12风格化滤镜风格化滤镜p照亮边缘标识颜色的边缘，并
43、向其添加类似霓虹灯的光亮。可通过“滤镜库”将此滤镜与其他滤镜一起累积应用。（请参阅滤镜库。）p曝光过度混合负片和正片图像，类似于显影过程中将摄影照片短暂曝光。p拼贴将图像分解为一系列拼贴，使选区偏离其原来的位置。可以选取下列对象之一填充拼贴之间的区域：背景色，前景色，图像的反转版本或图像的未改变版本，它们使拼贴的版本位于原版本之上并露出原图像中位于拼贴边缘下面的部分。p等高线查找主要亮度区域的转换并为每个颜色通道淡淡地勾勒主要亮度区域的转换，以获得与等高线图中的线条类似的效果。p风在图像中放置细小的水平线条来获得风吹的效果。方法包括“风”、“大风”（用于获得更生动的风效果）和“飓风”（使图像中
44、的线条发生偏移）。网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航3.2 按钮按钮网页除了本身整体效果之外，往往更突出在一些细节上。细节突出在什么地方呢？其中之一就是按钮。几个效果突出的按钮组合，可以更好更方便地提高页面之间的浏览，让浏览者有兴趣单击并浏览整个网站。按钮制作基本步骤：按钮制作基本步骤：p1、绘制按钮外形；p2、添加按钮图层样式；p3、对按钮进行各种细节修饰，如文字图片的添加；p4、以上步骤可以重复进行直至达到最后效果。（讲解实验三中的按钮例子或者其他实例）（讲解实验三中的按钮例子或者其他实例）网页开发工具第三讲网页开发工具第三讲 文字、按钮和导航文字、按钮和导航3.3 导航条导航条导航是按钮的一个集合，它就像商场里的路标，一定要在非常重要、非常显眼的位置，一般在首页的上面或者左边。导航的内容也要一目了然，以方便用户了解到网站的所有内容或分类，以及在任何页面跳转，并且让浏览者指导自己的位置。导航的设计集合了文字特效、按钮制作、图层组、选取框等各种操作，很难有统一的步骤，只能通过实例制作来逐步掌握。（讲解实验三中涉及到的几个例子）（讲解实验三中涉及到的几个例子）
