第 七章 Photoshop网页设计进阶.ppt

《第 七章 Photoshop网页设计进阶.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第9章Photoshop网页设计进阶图层、选区和路径被称作Photoshop的三大核心技术，在继上一章学习了基本绘图工具的基础上，本章将步步深入，介绍图层、选区、通道、文字、图像处理及滤镜等重要概念，以此迈入Photoshop网页设计进阶之门。本章主要内容：9.1图层与其基本操作9.2选区与通道9.3设计网页文字9.4运用滤镜增强网页图像的效果9.1图层与其基本操作图层是Photoshop的精髓，一幅好的网页作品离开图层是万万不能的，合理地安排图层，设置图层的各种属性，对完成网页作品的设计尤为重

2、要。9.1.1图层的基本操作图层类似于现实绘图工作中的透明胶片，将图像的各个要素分别绘制于不同的透明胶片上，透过上层的胶片透明区域能观察到下层的图像。一个文档可以包含许多图层，每个图层都能绘制各种图形或对象。在Photoshop中，图层的显示和操作都集中在“图层”面板里，下面认识一下图层及图层面板1．认识“图层”面板选择“窗口”

3、“图层”命令，打开“图层”面板，此时，“图层”面板显示当前文件的图层状态，如图9-1所示。如果未打开图像文件，“图层”面板会呈灰度显示。图9-1图层面板2．图层的基本操

4、作1）选择图层2）创建和删除图3）重命名图层4）调整图层顺序5）复制图层6）链接图层7）隐藏和锁定图层8）合并图层9）图层组的操作9.1.2图层样式的运用图层样式是指应用于图层的某种效果，它可以在不改变图层内容的前提下对它进行艺术处理，相当于演员“化妆”。Photoshop提供了丰富的图层样式，可以很便捷地实现某种艺术效果。1．认识“样式”面板2．图层样式的运用1）投影和内阴影样式的应用2）外发光和内发光样式的应用3）“斜面和浮雕”、“光泽”和“描边”样式的应用4）“颜色”、“渐变”和“图案”叠

5、加样式的应用9.2选区与通道选区是Photoshop的核心技术，它实际上是用选取工具绘制的一个封闭区域，它可以是任意形状，建立选区后大部分操作就只针对选区范围有效，因此它对于网页元素的编辑、修改至关重要。9.2.1创建选区9.2.2通道及其应用9.2.1创建选区1、创建规则选区Photoshop用于创建规则选区的工具有矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具共4种，其中矩形选框工具用来创建矩形选区，椭圆选框工具用来创建椭圆选区。2、创建不规则选区Photoshop用于创建不规则选区

6、的工具有套索工具、多边形套索工具、磁性套索工具、快速选择工具和魔棒工具，其中“套索工具”如同手绘一般，用来创建任意形状的选区，“多边形套索工具”用任意多边形模式来创建选区。磁性套索工具、快速选择工具和魔棒工具都可以看作是颜色类选取工具，它们能全自动分析图像的像素分布情况，然后依据一定的原则创建选区，使用方便高效。“磁性套索工具”适宜于边缘颜色对比度比较强的图像的选取，“快速选择工具”和“魔棒工具”适宜于颜色相同或相似区域的选取。例1：图标的制作步骤：（1）新建文档,创建一个新图层。（2）画两条辅

7、助线，选择椭圆选框工具，先按鼠标后按键(Alt+Shift)，选择新选区，由中心向四周画正圆。（3）选择减选，先按鼠标后按键(Alt+Shift)，由中心向四周绘制小圆。（4）选择矩形选框工具，选择加选，先按鼠标后按键(Alt)，由中心向四周绘制矩形框。（5）选择“选择—变换选区”，调整选区的大小和角度，并为选区填充灰色。（6）移动选区位置，为选区填充红色。9.2.2通道及其应用通道是Photoshop一项非常复杂的核心技术，通俗地讲，就是用来保存颜色数据的，它在编辑处理网页图像时常常有出奇制胜

8、的效果。Photoshop通道有三种，即颜色通道、Alpha通道和专色通道。1．认识通道通道就是存储不同类型信息的灰度图像，它用于保存颜色数据。关于通道的操作主要集中在“通道”面板中，现在打开一张素材图片，展开“通道”面板，图像及“通道”信息如图9-2所示。混合通道颜色通道图9-2图像及通道信息2．Alpha通道颜色通道用来保存每一个通道的颜色信息，红、绿和蓝通道都是颜色通道。单击红色通道，其他通道自动隐藏，图像中表现出红色通道的灰度信息。图像中亮度越高的区域红色越多，越暗的区域红色越少。在选区

9、存储时创建的通道就是Alpha通道，它的主要功能就是创建、保存和编辑选区，在该通道中，黑色区域代表未被选中的部分，白色区域代表被选中的部分，而灰色则代表有部分被选中。例：抠头发步骤：（1）打开人物照，复制红色通道，即新建一个alpha通道（alpha通道中白色代表选区，黑色代表非选择范围，灰色代表半透明）（2）选择“图像—调整—色阶”，黑色变得更黑，白色变的更白（3）绘制人物轮廓（4）将选区内白色的部分全部填充黑色（5）选择“图像—调整—反相”，将人物轮廓填充为白色，作为选区（6）将通道转换为选