1、3.13.23.33.4案例描述案例解析相关知识操作步骤3.5实训演练图3-1所示为鼠标广告的制作效果。这是为阳光品牌的鼠标制作的广告，目的是让更多人认识该品牌的产品，提高企业的知名度，拉近与消费者之间的距离。鼠标广告图3-1鼠标广告 本案例的设计主题是鼠标广告，这是一款主要用于游戏的鼠标。在设计上，采用了彩色，使鼠标华丽，让人瞩目。为了突出鼠标的华丽，使用了黄色背景，选用了红色鼠标。既突出了鼠标的色彩，又使消费者容易记住。3.2.1解题思路 使用【钢笔工具】绘制鼠标的基本轮廓。利用图层混合模式的图层功能设置图层叠加效果。利用滤镜为鼠标添加磨砂效果。利用【添加图层蒙版】按钮隐藏多余的图像。3.
2、2.2难点剖析在Photoshop中可以利用路径功能绘制出任何形状或图像，下面介绍路径的各种工具的使用方法3.3.1钢笔工具组【钢笔工具】是最基本的路径绘制工具，用户可以使用它创建或编辑直线、曲线及自由的线条、形状。在使用【钢笔工具】绘制路径时，在图像中每单击一次就可创建一个锚点，并且这个锚点与上一个锚点之间以直线连接。使用【钢笔工具】绘制的矢量图形称为路径，如图3-2(a)所示。1.钢笔工具3.3.1钢笔工具组如果使用【钢笔工具】在页面中单击，在另一位置继续单击并拖动鼠标拉出控制柄，创建曲线路径，拖动控制柄可调节该锚点两侧或一侧的曲线弧度，如图3-2(b)所示。在绘制过程中，按【Enter】
3、键后会在视图中隐藏路径；当起始点与终点的锚点相交时，鼠标指针会变成形状，此时单击，系统会创建封闭路径。1.钢笔工具3.3.1钢笔工具组图3-2绘制路径并调整3.3.1钢笔工具组使用【钢笔工具】在画布上连续单击可以绘制出折线，通过单击工具箱中的【钢笔工具】可以结束该路径段的绘制，也可以在按住【Ctrl】键的同时单击画布中的任意位置。在使用【钢笔工具】绘制路径时，按住【Ctrl】键可切换到【直接选择工具】调整选中锚点的位置；按住【Alt】键可切换到【转换点工具】调整选中锚点。1.钢笔工具3.3.1钢笔工具组使用【自由钢笔工具】可以像使用钢笔在画布上画线条一样自由地绘制路径，只要按住鼠标左键拖动即可
4、。在绘制路径的过程中，系统会自动根据曲线的走向添加适当的锚点。选中工具箱中的【自由钢笔工具】，其选项栏如图3-3所示。2.自由钢笔工具图3-3【自由钢笔工具】选项栏3.3.1钢笔工具组选中【磁性的】复选框，【自由钢笔工具】就具有了和【磁性套索工具】一样的磁性功能，可以用来抠取图像，具体操作步骤如下。2.自由钢笔工具3.3.1钢笔工具组图3-4选中【磁性的】复选框操作步骤(1)选择【自由钢笔工具】，在选项栏中选中【磁性的】复选框，如图3-4所示。3.3.1钢笔工具组图3-5绘制路径操作步骤(2)在单击确定路径起始点后，沿着图像边缘移动光标，系统会自动根据颜色反差建立路径，效果如图3-5所示。3.
5、3.1钢笔工具组使用【添加锚点工具】和【删除锚点工具】可以添加和删除路径上的锚点。使用方法非常简单，使用【添加锚点工具】在路径段上单击可添加锚点，如图3-6所示；使用【删除锚点工具】在路径段的锚点上单击可删除锚点，如图3-7所示。3.添加和删除锚点工具3.3.1钢笔工具组图3-6添加锚点 图3-7删除锚点3.3.1钢笔工具组使用【删除锚点工具】删除锚点和直接按【Delete】键删除是完全不同的，使用【删除锚点工具】删除锚点不会打断路径，而按【Delete】键会同时删除锚点两侧的线段，从而打断路径。按【Esc】键可结束一条路径的绘制并接着绘制其他路径。第一次按【Delete】键可删除选中的锚点和
6、与锚点邻接的局部路径，第二次按【Delete】键可删除锚点所在的整个路径，第三次按【Delete】键可删除所有路径。3.添加和删除锚点工具3.3.1钢笔工具组使用【转换点工具】可以对锚点的控制柄进行转换和编辑。在具体编辑时，只需通过单击或单击并拖动锚点即可进行操作。将【转换点工具】移动到带有控制柄的锚点上并单击，可将其转换为尖角锚点；将该工具移动到尖角锚点上单击并拖动，可为锚点添加控制柄，效果如图3-8所示。4.转换点工具3.3.1钢笔工具组4.转换点工具图3-8改变锚点状态3.3.1钢笔工具组使用【转换点工具】还可以将平滑型锚点转换为拐角型锚点，直接利用【转换点工具】移动光标至平滑型锚点一侧
7、的方向点上方拖动即可，效果如图3-9所示。图3-9转换锚点类型3.3.2路径路径是具有矢量特征的直线或曲线，是矢量对象的轮廓。绘制的路径可根据需要放大或缩小。3.3.2路径路径的选择是进行路径调整的第一步，只有正确地选择，才能够进行合适的编辑与调整操作。Photoshop CC提供了两个路径选择工具，分别为【路径选择工具】和【直接选择工具】。单击工具箱中的【路径选择工具】，将鼠标指针移动到需要选择的路径上，单击即可选择路径。被选择路径上的锚点全部显示为黑色，如图3-10所示。1.选择和移动路径3.3.2路径图3-10选择路径1.选择和移动路径3.3.2路径如果想要选择路径中的锚点，可以使用【直
8、接选择工具】，首先移动鼠标指针至该锚点所在路径上并单击，以激活该路径，激活路径的所有锚点都会以空心方框显示；然后移动指针至锚点上并单击，即可选择该锚点，此时拖动鼠标即可移动该锚点，如图3-11所示。1.选择和移动路径3.3.2路径图3-11选择锚点1.选择和移动路径3.3.2路径按住【Ctrl】键，如果当前选择的是【直接选择工具】，可切换至【路径选择工具】；如果当前选择的是【路径选择工具】，则转换为【直接选择工具】。1.选择和移动路径提示3.3.2路径在使用【路径选择工具】时，如果拖动鼠标创建一个选框区域，与选框区域交叉和包含的所有路径都将被选择。在选择多条路径后，使用工具选项栏可对路径进行对
9、齐和分布等操作。单击【路径操作】按钮可按照各路径的相互关系进行组合。【路径选择工具】选项栏如图3-12所示。1.选择和移动路径图3-12【路径选择工具】选项栏3.3.2路径使用【直接选择工具】时，如果想同时选中多个锚点，可以在按住【Shift】键的同时逐个单击要选择的锚点，还可以拖动鼠标拉出一个虚框，选择框内的所有锚点。被选中的锚点显示为黑色方块，而没有被选择的锚点显示为空心方块，如图3-13所示。1.选择和移动路径3.3.2路径图3-13选择部分锚点1.选择和移动路径3.3.2路径与移动锚点相同，使用【直接选择工具】按住线段拖动，可移动路径中的线段，如图3-14所示。在曲线段上拖动可改变曲线
10、的形状，按【Delete】键可删除选中的路径段。1.选择和移动路径3.3.2路径图3-14移动路径中的线段1.选择和移动路径3.3.2路径单击【直接选择工具】选中锚点之后，该锚点及相邻锚点的控制柄和方向点就会显示在视图中，与移动锚点的方法类似，移动鼠标指针至方向点上，然后按住鼠标拖动，可改变控制柄的长度和角度。控制柄和方向点的位置确定了曲线段的曲率，移动这些元素将改变路径的形状，如图3-15所示。1.选择和移动路径3.3.2路径图3-15拖动控制柄改变路径形状1.选择和移动路径3.3.2路径绘制路径后，使用工具箱中的【路径选择工具】选中路径，然后按住【Alt】键，拖动选中的路径即可复制路径。2
11、.复制路径3.3.2路径(1)选择【路径】调板中的任意一条已保存的路径，然后在该路径名称上右击，在弹出的快捷菜单中执行【复制路径】命令，弹出【复制路径】对话框，如图3-16所示，可以根据需要修改路径名称。(2)在【路径】调板中，按住【Alt】键并将路径拖到【创建新路径】按钮上，会弹出【复制路径】对话框，单击【确定】按钮可复制路径。2.复制路径3.3.2路径2.复制路径图3-16【复制路径】对话框3.3.2路径(3)在【路径】调板中拖动路径至调板底部的【创建新路径】按钮上，可直接创建路径的副本。(4)选中路径后，使用【编辑】菜单下的【拷贝】和【粘贴】命令也可以实现复制路径的操作。2.复制路径3.
12、3.2路径如果【路径】调板中的路径名称为【工作路径】，此时【复制路径】命令是不可用的，即【复制路径】命令不能应用于工作路径。通过双击【路径】调板中的工作路径，将工作路径进行存储操作即可激活【复制路径】命令。2.复制路径提示3.3.2路径工作路径是一种临时性的路径，在使用钢笔工具或形状工具绘制创建路径时，新的路径将作为【工作路径】出现在【路径】调板中，现有的工作路径被替代，且系统不会进行任何提示，为了便于后期调整，可将绘制的路径存储起来。3.保存工作路径3.3.2路径在【路径】调板中单击【工作路径】为当前路径，拖动工作路径至调板底端的【创建新路径】按钮上或者从调板菜单中选择【存储路径】命令，都将
13、弹出【存储路径】对话框，在对话框中可以更改路径的名称，然后单击【确定】按钮即可保存路径，如图3-17所示。3.保存工作路径3.3.2路径图3-17【存储路径】对话框3.保存工作路径3.3.2路径3.保存工作路径在绘制较为复杂的图形时，可以根据图形内容创建多个路径层来存放路径，方便选择和管理。提示3.3.3路径调板所有使用【钢笔工具】或者其他工具绘制好的路径，都被存储在【路径】调板中，如图3-18所示，在调板底部分布着一些功能按钮。图3-18【路径】调板3.3.3路径调板(1)用前景色填充路径：使用工具箱中的前景色对路径进行填充。(2)用画笔描边路径：默认使用【铅笔工具】及前景色对路径进行描边。
14、选中路径后，使用路径工具在视图中右击，在弹出的快捷菜单中执行【描边路径】或【描边子路径】命令，打开【描边路径】对话框，在其中可选择要使用的描边工具，如图3-19所示。操作步骤3.3.3路径调板图3-19【描边路径】对话框操作步骤3.3.3路径调板(3)将路径作为选区载入：将路径转换为选区。(4)从选区生成工作路径：可将选区转换为路径。(5)添加蒙版：可为当前所选路径创建矢量蒙版。(6)创建新路径：在调板中可以创建新的空白路径层，新绘制的路径将被存储到其中。(7)删除当前路径：可以删除当前选中的路径。操作步骤3.3.4色彩范围使用【色彩范围】命令可以按照图像中颜色的分布特点自动生成选区，它根据颜
15、色进行交互式选取，并可准确显示将要选中的像素。3.3.4色彩范围(1)打开需要创建选区的图像，执行【选择】|【色彩范围】命令，打开【色彩范围】对话框。操作步骤图3-20【色彩范围】对话框3.3.4色彩范围(2)移动鼠标指针到打开的图像区域中，在蓝色背景中单击，选中背景，效果如图3-21所示。操作步骤3.3.4色彩范围操作步骤图3-21选中背景3.3.4色彩范围(3)在【色彩范围】对话框中，将【颜色容差】设置为100，如图3-22所示。通过拖动滑块调整【颜色容差】参数，图像白色区域越大，代表越多的像素被选中，即选中更大的区域。操作步骤3.3.4色彩范围操作步骤图3-22设置颜色容差值3.3.4色
16、彩范围(4)在【色彩范围】对话框中，单击【添加到取样】按钮，如图3-23所示。操作步骤图3-23单击【添加到取样】按钮3.3.4色彩范围(5)移动鼠标指针到图像区域右下角位置并单击，将该部分的图像添加到选区范围中，效果如图3-24所示。操作步骤图3-24添加图像到选区3.3.4色彩范围(6)完成设置后单击【确定】按钮关闭对话框，选中图像中的背景。此时即可根据需要改变图像背景颜色，如图3-25所示。操作步骤图3-25创建选区并改变图像背景颜色3.3.4色彩范围【色彩范围】在选取时，总是针对当前所有可见的图层内容，它将图像中的所有可见图层视为一个图层。要从选区蒙版中剔除图层，可在打开【色彩范围】对话框之前隐藏该图层。操作步骤提示具体的操作步骤，请参考课本详细操作！制作一个如图3-107所示的标志。图3-107标志设计在标志的制作过程中，首先使用路径工具绘制标志图形，复制后调整标志的位置和方向，再添加文字，制作标志的流程如图3-108所示。图3-108制作标志的流程示意图 设计标志的主要操作步骤提示如下：(1)使用【钢笔工具】绘制标志路径并填充颜色。(2)复制后调整标志的位置、颜色和方向。(3)再绘制图标的中心图像。(4)添加文字信息。操作步骤谢谢！
