《图形图像处理实用教程》（第2版） 第5章 使用photoshop设计网页.pptVIP

第5章 使用photoshop设计网页 ;5.1 任务描述 ;图5-1 网页设计的效果图 ;5.2 相关知识 ;路径主要通过路径工具和“路径”面板操作。路径工具包括钢笔、自由钢笔、添加锚点、删除锚点、转换点等，前两个工具用于绘制路径，其它工具用于选取和编辑路径。其中，钢笔工具用于绘制由多个点连接而成的路径线段，自由钢笔工具用于自由地绘制曲线路径；添加（删除）锚点工具可以在现有的路径上添加或删除一个锚点，用转换点工具可以将某一锚点由平滑曲线转折点转换为直线转折点，如图5-2所示。 ; ;建???的每一条路径都在“路径”面板中有一个图标，其中，以蓝色显示的路径是当前路径（或作用路径），路径面板菜单可通过面板右上角的小三角按钮打开，工具栏包括创建新路径、删除当前路径、从选区生成工作路径、将路径作为选区载入、用前景色填充路径、用画笔描边路径等按钮。 ;2. 路径的创建和编辑“路径”面板上显示的每个横栏代表一条路径，可以是曲线或线条组成的闭合或开放的形状，一条路径可以由多个这样的形状组成。 ;例5-1 绘制一条苹果形状的路径。操作步骤如下： ●新建一个360×240的图像，在路径面板菜单中选择“新路径”选项建立一条新路径，将该路径命名为“苹果”。 ●选择钢笔工具，将鼠标移到图像窗口的中下部，单击制作路径的开始点，然后将鼠标光标移到图像窗口的中上部（开始点的正上面）单击并按住鼠标拖曳，则出现方向线（鼠标所在点为方向点）。拖曳鼠标使方向线处于水平方向，并使方向线达到一定长度。释放鼠标，得到图5-4左图所示的曲线。 ;图5-4 苹果形路径的建立;●将鼠标光标移到开始点单击，形成一个倒的水滴形状的闭合曲线。 ●选择转换点工具，对两个锚点的方向线进行调整，将光标移至开始点按住鼠标拖曳，也会形成方向线，将方向线拖至水平并使长度约为第二锚点方向线的一半。 ●将光标移至开始点的方向线右方向点上，按住鼠标左键并向下拖曳鼠标；对两条方向线的其它三个作同样的拖曳操作，形成图5-4右图所示的图形。 ●选择自由钢笔工具，在图形上面画一条曲线，得到图5-5所示苹果形状的路径。 ;图5-5 苹果形路径 ;除用钢笔工具、自由钢笔工具和转换点工具进行路径的绘制和编辑操作外，还可以通过其它路径工具绘制和编辑路径。以下简单介绍这些工具的使用方法。 添加和删除锚点工具：用于添加和删除锚点。选择“添加锚点工具”，将光标移到图像窗口中的路径线上单击，可以添加一个锚点。添加锚点后，路径一般不会发生变化，但可以通过移动锚点或调整锚点的方向线等操作，调整该锚点到相邻两个锚点之间的曲线；选择“删除锚点工具”，将光标移到图像窗口中路径线的某一锚点单击，可以删除该锚点，删除锚点后，由于锚点减少了，路径一般都会发生变化。 ;转换点工具：除可以用于路径的位置和形状外，还可用于更改锚点的属性。锚点有两种类型，即直线锚点和曲线锚点，两种锚点分别用于连接直线和曲线。直线锚点和曲线锚点之间可以互相转换，图5-6中的锚点A是曲线锚点，选择“转换点工具”，将光标移至锚点A并单击，可以将该锚点转换为直线锚点（图5-6中图所示）。反过来，也可以将直线锚点转换为曲线锚点。 注意：用“转换点工具”单击直线锚点时，不能使连接锚点的直线变为曲线，若要使连接锚点的直线变为曲线，必须在单击同时拖曳鼠标（见图5-6右图）。 ;图5-6 曲线锚点与直线锚点的转换;3. 路径和选区的相互转换 路径和选区可以相互转换。可以用路径工具绘制精确的轮廓线，然后把绘制的路径转换为选区的边缘线；也可以用选取工具选取选区并进行微调，然后将选区边框转换为路径。 (1)将路径转换成选区 可以用路径面板菜单中的“建立选区”选线或面板工具栏中的“将选区作为路径载入”按钮将路径转换成选区。在路径面板中选取要转换的路径，在面板菜单中选择“建立选区”选项，弹出“建立选区”对话框，如图5-7所示（图像中没有选区的情况）。若图像中已存在选区，则对话框中“操作”框中的其余三项有效。可以设置“渲染”的羽化半径和消除锯齿，设置完成后，单击“好”按钮，即可将选取的路径转换为选区；此外，也可以在选择要转换的路径后，单击“将选区作为路径载入”按钮，直接将选取的路径转换为选区。 ;图5-7 “建立选区”对话框 ;(２)将选区转换成路径 可以用面板菜单中的“建立工作路径”命令或面板工具栏中“从选区建立工作路径”按钮将选区转换为路径。用选取工具建立选区后，在路径面板菜单中选择“建立工作路径”选项，弹出“建立工作路径”对话框，设置容差，单击“好”按钮，即可将选取的选区转换为路径。此外，也可以在建立选区后单击“从选区建立工作路径”按钮，直接将选区转换为路径。;;(1)路径的填充 可以指定颜色、指定图像的一部分或图案填充路径。若路径是不封闭的（开