网页开发工具》第三讲___文字、按钮和导航

《网页开发工具》第三讲___文字、按钮和导航》由会员分享，可在线阅读，更多相关《网页开发工具》第三讲___文字、按钮和导航（36页珍藏版）》请在金锄头文库上搜索。

1、第三讲 文字、按钮和导航,3.1 文字特效,例1：辉光效果字(RGB模式) 第1步：新建一背景色为白色的文档，输入黑色文字；保证当前只有一个图层存在（可以按ctrl+E进行图层合并）。 第2步：执行滤镜-艺术效果-霓虹灯光，设置Glow Size为10，Glow Brightness为21，辉光颜色为紫蓝色。 效果如右图。,网页开发工具第三讲 文字、按钮和导航,网页开发工具第三讲 文字、按钮和导航,例2：阴影效果字(RGB模式) 第1步：建立一个图像文档，建立新层，选取一种颜色填充该层。 第2步：使用文字蒙版工具输入文字的选择区域。执行编辑剪切，剪切掉选择区域。添加图层样式（内阴影），产生阴影

2、效果。,3.1.1 文字蒙版（创建文字选框）,在使用“横排文字蒙版”工具 或“直排文字蒙版”工具 时，创建一个文字形状的选区。 文字选区出现在现用图层中，并可像任何其他选区一样被移动、拷贝、填充或描边。 选择希望选区出现在其上的图层。 为获得最佳效果，在正常图像图层上而不是文字图层上创建文字选框。 选择横排文字蒙版工具 或直排文字蒙版工具 。 选择其他的文字选项，并在某一点或在定界框中输入文字。 输入文字时现用图层上会出现一个红色的蒙版。 点按了“提交”按钮 后，文字选框将出现在图像中的现用图层上。,网页开发工具第三讲 文字、按钮和导航,3.1.2 图层样式,Photoshop 提供了各种各样

3、的效果（如阴影、发光、斜面、叠加和描边），这些效果使您能够快速更改图层内容的外观。 图层效果与图层内容链接。 当您移动或编辑图层内容时，图层内容相应修改。 例如，如果对文本图层应用投影效果，当您编辑文本时，阴影将自动更改。 应用于图层的效果将变为图层自定样式的一部分。 如果图层具有样式，“图层”调板中图层的名称右侧将出现一个“fx”图标 。 可以在“图层”调板中展开样式，以便查看组成样式的所有效果并编辑效果以更改样式。,网页开发工具第三讲 文字、按钮和导航,角度 确定效果应用于图层时所采用的光照角度。 在 Photoshop 中，可以在文档窗口中拖移以调整“投影”、“内阴影”或“光泽”效果的角

4、度。 消除锯齿 混合等高线或光泽等高线的边缘像素。 此选项对尺寸小且具有复杂等高线的阴影最有用。 混合模式 确定图层样式与下层图层（可以包括也可以不包括现用图层）的混合方式。 例如， 内阴影与现用图层混合，原因是此效果是在该图层上绘制的，而投影则只与现用图层下的图层混合。 在大多数情况下，每种效果的默认模式都会产生最佳结果。 请参阅 混合模式列表。 阻塞 模糊之前收缩“内阴影”或“内发光”的杂边边界。,关于图层样式选项1,网页开发工具第三讲 文字、按钮和导航,颜色 指定阴影、发光或 高光的颜色。 可以点按颜色框并选取颜色。 等高线 使用纯色发光时，等高线允许您创建透明光环。 使用渐变填充发光时

5、，等高线允许您创建渐变颜色和不透明度的重复变化。 在斜面和浮雕中，等高线允许您勾画在浮雕处理中被遮住的起伏、凹陷和凸起。 使用阴影时，等高线允许您指定渐隐。 有关更多信息，请参阅用等高线修改图层效果。 距离 指定阴影或光泽效果的偏移距离。 在 Photoshop 中，可以在文档窗口中拖移以调整偏移距离。 深度 指定斜面深度。 它还指定图案的深度。,关于图层样式选项2,网页开发工具第三讲 文字、按钮和导航,渐变 指定图层效果的渐变。 在 Photoshop 中，点按渐变以显示渐变编辑器，或点按倒箭头并从弹出式调板中选取渐变。 在 Photoshop 中，可以使用渐变编辑器来编辑渐变或创建新的渐变

6、。 在 ImageReady 中，点按渐变示例旁边的倒箭头并从列表中选择渐变，或从弹出式列表中选取渐变类型。 在“渐变叠加”面板中，可以像在渐变编辑器中那样编辑颜色或不透明度。 对于某些效果，可以指定附加的渐变选项。 “反向”翻转渐变方向，“与图层对齐”使用图层的定界框来计算渐变填充，而“缩放”则缩放渐变的应用。 还可以通过在图像窗口中点按和拖移来移动渐变中心。 “样式”指定渐变的形状。,关于图层样式选项3,网页开发工具第三讲 文字、按钮和导航,使用全局光 为效果打开全部加亮。 全局加亮可将同一角度应用于选中了“全角”选项的所有效果，从而在图像上呈现一致的光源照明。 取消选择“使用全局光”可对

7、“投影”、“内阴影”和“斜面”效果指定配局部角度。 光泽等高线 创建有光泽的金属外观。 “光泽等高线”是在为斜面或浮雕加上阴影效果后应用的。 高光或阴影模式 指定斜面或浮雕高光或阴影的混合模式。 抖动 改变渐变的颜色和不透明度的应用。 图层挖空投影 控制半透明图层中投影的可视性。 杂色 指定发光或阴影的不透明度中随机元素的数量。 输入值或拖移滑块。,关于图层样式选项4,网页开发工具第三讲 文字、按钮和导航,图案 指定图层效果的图案。 在 ImageReady 中，点按图案示例旁边的倒箭头，并从列表中选取一种图案。 在 Photoshop 中，点按弹出式调板并选取一种图案。 点按“新建”预设按钮

8、 ，根据当前设置创建新预设图案。 点按“贴紧原点”，使图案的原点与文档的原点相同（在“与图层链接”处于选定状态时），或将原点放在图层的左上角（如果取消选择了“与图层链接”）。 如果希望图案在图层移动时随图层一起移动，请选择“与图层链接”。 拖移“缩放”滑块，或输入一个值以指定图案的大小。 拖移图案可在图层中定位图案；通过使用“贴紧原点”按钮来重设位置。 如果未载入任何图案，则“图案”选项不可用。,关于图层样式选项5,网页开发工具第三讲 文字、按钮和导航,不透明度 设置图层效果的不透明度。输入值或拖移滑块。 位置 指定描边效果的位置是“外部”、“内部”还是“居中”。 范围 控制发光中作为等高线目

9、标的部分或范围。 大小 指定模糊的数量或阴影大小。 软化 模糊阴影效果可减少多余的人工痕迹。 源 指定内发光的光源。 选取“居中”以应用从图层内容的中心发出的发光，或选取“边缘”以应用从图层内容的内部边缘发出的发光。 扩展 模糊之前扩大杂边边界。,关于图层样式选项6,网页开发工具第三讲 文字、按钮和导航,样式 指定斜面样式：“内斜面”在图层内容的内边缘上创建斜面；“外斜面”在图层内容的外边缘上创建斜面；“浮雕效果”模拟使图层内容相对于下层图层呈浮雕状的效果；“枕状浮雕”模拟将图层内容的边缘压入下层图层中的效果；“描边浮雕”将浮雕限于应用于图层的描边效果的边界。 纹理 应用一种纹理。 使用“缩放

10、”来缩放纹理的大小。 如果要使纹理在图层移动时随图层一起移动，请选择“与图层链接”。 “反相”使纹理反相。 “深度”改变纹理应用的程度和方向（上下）。 “贴紧原点”使图案的原点与文档的原点相同（如果取消选择了“与图层链接”），或将原点放在图层的左上角（如果“与图层链接”处于选定状态）。 拖移纹理可在图层中定位纹理。,关于图层样式选项7,网页开发工具第三讲 文字、按钮和导航,方法 应用一种方法。 对于斜面和浮雕，“平滑”可稍微模糊杂边的边缘，并且可用于所有类型的杂边，不论其边缘是柔的还是硬的. 此技术不保留大尺寸的细节特写。 “雕刻清晰”使用距离测量技术，主要用于消除锯齿形状（如文字）的硬边杂边

11、。 它保留细节特写的能力优于“平滑”技术。 “雕刻柔和”使用经过修改的距离测量技术，虽然不如“雕刻清晰”精确，但对较大范围的杂边更有用。 它保留特写的能力优于“平滑”技术。 对于发光，“柔和”应用模糊技术，并且可用于所有类型的杂边，不论其边缘是柔的还是硬的。 “柔和”不保留大尺寸的细节特写。 “精确”使用距离测量技术创造发光效果，主要用于消除锯齿形状（如文字）的硬边杂边。 它保留特写的能力优于“柔和”技术。,关于图层样式选项8,网页开发工具第三讲 文字、按钮和导航,3.1.3 图层合并,虽然将图像分层制作较为方便，但某些时候可能需要合并一些图层，就是把几个层变为一个。 比如我们现在要把（实验一

12、中脸部练习）左眼和右眼合并，那么先选择层次较高的eye副本层，然后使用菜单【图层向下合并】CTRL E即可与其下层的eye层合并。也可以点击图层调板的圆三角按钮，选择向下合并。所谓向下合并CTRL E就是把目前所选择的图层，与在它之下的一层进行合并。进行合并的层都必须处在显示状态。向下合并CTRL E以后的图层名称和颜色标记沿用原先位于下方的图层。,网页开发工具第三讲 文字、按钮和导航,3.1.4 滤镜,可以使用滤镜来更改图像的外观，例如，为它们指定印象派绘画或马赛克拼贴外观，或者添加独一无二的光照和扭曲。 也可以使用某些滤镜来清除或修饰图片。 Adobe 提供的滤镜显示在“滤镜”菜单中。 应

13、用滤镜需要执行下列操作： 1、要将滤镜应用于整个图层，请确保该图层是现用图层或选中的图层。 2、要将滤镜应用于图层的一个区域，请选择该区域。 从“滤镜”菜单的子菜单中选取一个滤镜。 3、如果不出现任何对话框，则说明已应用该滤镜效果。 4、如果出现对话框，请输入数值或选择选项，然后点按“确定”。,网页开发工具第三讲 文字、按钮和导航,滤镜效果1像素化滤镜,“像素化”子菜单中的滤镜通过使单元格中颜色值相近的像素结成块来清晰地定义一个选区。 彩色半调 模拟在图像的每个通道上使用放大的半调网屏的效果。 对于每个通道，滤镜将图像划分为矩形，并用圆形替换每个矩形。 圆形的大小与矩形的亮度成比例。 另请参阅

14、使用彩色半调滤镜。 晶格化 使像素结块形成多边形纯色。 彩块化 使纯色或相近颜色的像素结成相近颜色的像素块。 可以使用此滤镜使扫描的图像看起来像手绘图像，或使现实主义图像类似抽象派绘画。 碎片 创建选区中像素的四个副本，将它们平均，并使其相互偏移。 铜版雕刻 将图像转换为黑白区域的随机图案或彩色图像中完全饱和颜色的随机图案。 要使用此滤镜，请从“铜版雕刻”对话框中的“类型”菜单选取一种网点图案。 马赛克 使像素结为方形块。 给定块中的像素颜色相同，块颜色代表选区中的颜色。 点状化 将图像中的颜色分解为随机分布的网点，如同点状化绘画一样，并使用背景色作为网点之间的画布区域。,网页开发工具第三讲

15、文字、按钮和导航,滤镜效果2扭曲滤镜,扩散亮光 将图像渲染成像是透过一个柔和的扩散滤镜来观看的。 此滤镜添加透明的白杂色，并从选区的中心向外渐隐亮光。 置换 使用名为置换图的图像确定如何扭曲选区。 例如，使用抛物线形的置换图创建的图像看上去像是印在一块两角固定悬垂的布上。 此滤镜使用以 Adobe Photoshop 格式（位图模式图像除外）存储的拼合文件创建置换图。 还可以使用 Photoshop 程序文件夹中“增效工具/置换图”文件夹中的文件。 玻璃 使图像看起来像是透过不同类型的玻璃来观看的。您可以选取一种玻璃效果，也可以将自己的玻璃表面创建为 Photoshop 文件并应用它。 可以调

16、整缩放、扭曲和平滑度设置。 当将表面控制与文件一起使用时，请按“置换”滤镜的指导操作。 镜头校正 “镜头校正”滤镜修复常见的镜头瑕疵，如桶形和枕形失真、晕影和色差。 海洋波纹 将随机分隔的波纹添加到图像表面，使图像看上去像是在水中。 挤压 挤压选区。 正值（最大值是 100%）将选区向中心移动；负值（最小值是 -100%）将选区向外移动。,网页开发工具第三讲 文字、按钮和导航,滤镜效果2扭曲滤镜,极坐标 根据选中的选项，将选区从平面坐标转换到极坐标，或将选区从极坐标转换到平面坐标。 可以使用此滤镜创建圆柱变体（18 世纪流行的一种艺术形式），当在镜面圆柱中观看圆柱变体中扭曲的图像时，图像是正常的。 波纹 在选区上创建波状起伏的图案，像水池表面的波纹。 要进一步进行控制，请使用“波浪”滤镜。 选项包括波纹的数量和大小。 切变 沿一条曲线扭曲图像。 通过拖移框中的线条来指定曲线。 可以调整曲线上