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

第三讲 文字、按钮和导航 《网页开发工具》第三讲 文字、按钮和导航 《网页开发工具》第三讲 文字、按钮和导航 《网页开发工具》第三讲 文字、按钮和导航 滤镜效果11——锐化滤镜 “锐化”滤镜通过增加相邻像素的对比度来聚焦模糊的图像。 锐化和进一步锐化 聚焦选区并提高其清晰度。 “进一步锐化”滤镜比“锐化”滤镜应用更强的锐化效果。 锐化边缘和 USM 锐化 查找图像中颜色发生显著变化的区域，然后将其锐化。 “锐化边缘”滤镜只锐化图像的边缘，同时保留总体的平滑度。 使用此滤镜在不指定数量的情况下锐化边缘。 对于专业色彩校正，可使用“USM 锐化”滤镜调整边缘细节的对比度，并在边缘的每侧生成一条亮线和一条暗线。 此过程将使边缘突出，造成图像更加锐化的错觉。 智能锐化（仅限 Photoshop） 通过设置锐化算法来锐化图像，或者控制阴影和高光中的锐化量。 《网页开发工具》第三讲 文字、按钮和导航 滤镜效果12——风格化滤镜 “风格化”滤镜通过置换像素和通过查找并增加图像的对比度，在选区中生成绘画或印象派的效果。 在使用“查找边缘”和“等高线”等突出显示边缘的滤镜后，可应用“反相”命令用彩色线条勾勒彩色图像的边缘或用白色线条勾勒灰度图像的边缘。 扩散 根据选中的以下选项搅乱选区中的像素以虚化焦点：“正常”使像素随机移动（忽略颜色值）；“变暗优先”用较暗的像素替换亮的像素；“变亮优先”用较亮的像素替换暗的像素。 “各向异性”在颜色变化最小的方向上搅乱像素。 浮雕效果 通过将选区的填充色转换为灰色，并用原填充色描画边缘，从而使选区显得凸起或压低。 选项包括浮雕角度（-360 度至 +360 度，-360 度使表面凹陷，+360 度使表面凸起）、高度和选区中颜色数量的百分比（1% 至 500%）。 要在进行浮雕处理时保留颜色和细节，请在应用“浮雕”滤镜之后使用“渐隐”命令。 凸出 赋予选区或图层一种 3D 纹理效果。 另请参阅使用凸出滤镜。 查找边缘 用显著的转换标识图像的区域，并突出边缘。 像“描画等高线”滤镜一样，“查找边缘”用相对于白色背景的黑色线条勾勒图像的边缘，这对生成图像周围的边界非常有用。 《网页开发工具》第三讲 文字、按钮和导航 滤镜效果12——风格化滤镜 照亮边缘 标识颜色的边缘，并向其添加类似霓虹灯的光亮。 可通过“滤镜库”将此滤镜与其他滤镜一起累积应用。 （请参阅滤镜库。） 曝光过度 混合负片和正片图像，类似于显影过程中将摄影照片短暂曝光。 拼贴 将图像分解为一系列拼贴，使选区偏离其原来的位置。 可以选取下列对象之一填充拼贴之间的区域：背景色，前景色，图像的反转版本或图像的未改变版本，它们使拼贴的版本位于原版本之上并露出原图像中位于拼贴边缘下面的部分。 等高线 查找主要亮度区域的转换并为每个颜色通道淡淡地勾勒主要亮度区域的转换，以获得与等高线图中的线条类似的效果。 风 在图像中放置细小的水平线条来获得风吹的效果。 方法包括“风”、“大风”（用于获得更生动的风效果）和“飓风”（使图像中的线条发生偏移）。 《网页开发工具》第三讲 文字、按钮和导航 3.2 按钮 网页除了本身整体效果之外，往往更突出在一些细节上。细节突出在什么地方呢？其中之一就是按钮。几个效果突出的按钮组合，可以更好更方便地提高页面之间的浏览，让浏览者有兴趣单击并浏览整个网站。 按钮制作基本步骤： 1、绘制按钮外形； 2、添加按钮图层样式； 3、对按钮进行各种细节修饰，如文字图片的添加； 4、以上步骤可以重复进行直至达到最后效果。 （讲解实验三中的按钮例子或者其他实例） 3.3 导航条 导航是按钮的一个集合，它就像商场里的路标，一定要在非常重要、非常显眼的位置，一般在首页的上面或者左边。 导航的内容也要一目了然，以方便用户了解到网站的所有内容或分类，以及在任何页面跳转，并且让浏览者指导自己的位置。 导航的设计集合了文字特效、按钮制作、图层组、选取框等各种操作，很难有统一的步骤，只能通过实例制作来逐步掌握。 （讲解实验三中涉及到的几个例子） * 3.1 文字特效 例1：辉光效果字(RGB模式)　? 第1步：新建一背景色为白色的文档，输入黑色文字；保证当前只有一个图层存在（可以按ctrl+E进行图层合并）。　? 第2步：执行滤镜-艺术效果-霓虹灯光，设置Glow Size为10，Glow Brightness为21，辉光颜色为紫蓝色。 效果如右图。 　?　 《网页开发工具》第三讲 文字、按钮和导航 例2：阴影效果字(RGB模式) 　? 第1步：建立一个图像文档，建立新层，选取一种颜色填充该层。 第2步：使用文字蒙版工具输入文字的选择区域。执行编辑－剪切，剪切掉选择区域。添加图层