photoshop美化工具

实验12 用画笔美化网页

画笔是Photoshop 又一迷人之处，丰富多变的画笔效果使绘图和处理图片变得更加得心应手，尤其是在绘图方面，让你从无到有，轻松搞定，本实验将介绍如何生成一个新的画笔和如何应用画笔。

实验目的

通过本实验的学习，您可以：

■ 掌握画笔效果的使用

■ 掌握画笔的创建、保存和应用

最终效果图

图12-1最终效果图 图12-2 最终效果图 12.1认识画笔

先选中画笔工具，执行窗口 | 画笔，弹出画笔控制面板，如图12-3所示。在这个面板中，可以选择Photoshop 自带的各种形状的画笔，也可以自定义新的画笔形状。如果要选用某一种预先设定的画笔形状，只需单击画笔面板中相应的画笔图标即可。框中图标的形状和

大小就是画笔笔尖的形状和大小。只有图标中下面有数字的画笔例外，这种画笔的数字是以象素为单位的笔尖直径。其笔尖宽度最大可以达999象素，大约相当于14英寸。需要注意的是，单击画笔面板的画笔形状，并不能选取工具，必须在工具箱中选取一个绘图工具，或者按该工具的快捷键。画笔面板只影响所选择的工具的形状。Photoshop自带有许多不同种类的

画笔。你可以单击画笔面板右上角的，打开快捷菜单，安装附加的画笔组。在这里将介绍如何制作一个新画笔以及如何利用画笔去美化网页。

图12-3 画笔控制面板

对话框的第一项是画笔预设，列着默认的一个画笔样式列表，列表分为三部分，左边方格里显示的画笔样本的图案，也就是笔尖的形状，右边是线条笔触效果。列表下面的主直径控制画笔的大小变化。单击列表中的任何一个画笔样式，在下面的预览区里都会出现该样式的放大预览效果。若鼠标悬停在列表里任何一个样式上直到出现该样式的名称时，再在列表上下移动鼠标，可以通过此时预览区的快速切换显示对列表里的多个样式效果进行浏览，画笔的其他设置下面将在创建和运用画笔的过程中详细讲解。

12.2 创建画笔

有了对画笔的初步认识之后，现在我们就来看看怎么生成一个新的画笔和利用它来美化... . ... .

. . . .

... . ... .

网页。

12.2.1制作画笔轮廓

1. 勾画叶子轮廓

打开准备好的叶子图片，如图12-4所示，设前景色为黑色。选择钢笔工具，在叶子的边缘上，单击各个转折点，使这些点连接起来，即把叶子的粗略轮廓圈出，如图12-5所示，选定之后将出现一个黑色的叶子，如图12-7所示。

小技巧：

在选择轮廓的时候，黑色的前景色可能会遮挡住你的视线，只要把新出现的图层shape1的不透明度设为零就可以了，选定结束后再还原。

图12-4 叶子 图12-5 选择叶子轮廓 注意：

这里不要求把轮廓线圈得很光滑，作为画笔的图形是没有多少光滑度要求的，这里也可以选择自由钢笔工具，如图12-6所示，在选择轮廓的时候必须一次性完成，光滑度要比钢笔工具好，可以自行选用。

图12-6 选择自由钢笔工具

小知识：

钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或者变形之后仍能保持平滑效果，钢笔工具画出来的矢量图形称为路径，路径是矢量的路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径。

用钢笔在画面中单击，会看到在击打的点之间有线段相连，保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角（比如0度、45度和90度），这样可以绘制水平或者是垂直的线段。虽然没有直接绘制线段，但是这样定义了各个点的位置，软件则在点间连线成型，控制线段形态（方向、距离）的，并不是线段本身，而是线段中的各个点的位置，那些点称为锚点，锚点间的线段称为片断。

图12-7 钢笔绘制结果

2.选择叶子区域

为了便于操作，在图层控制面板中把底层设为不可视，然后右键单击黑色叶子，选择建立选区…，如图12-8所示，将弹出对话框，单击好即可，如果想利用一点羽化效果，也可以在对话框中填入羽化半径，如图12-9所示，这样就选定了叶子，同时也消去了叶子的轮廓路径，如图12-10。

... . ... .

... . ... .

图12-8 建立选区… 图12-9 建立选区对话框 取消选定，用矩形选框工具将黑色叶子全部选中，注意除了叶子，周围都应是透明的，如图12-11所示，这样新建画笔的所有准备就都做好了。

图12-10 选定叶子 图12-11 准备新建画笔 12.2.2 新建画笔

执行编辑 | 定义画笔预设…，给你新建的画笔起个名字，如图12-121所示，这样就可以在画笔控制面板里找到这个新建的画笔了，每个画笔的原始大小都有标明，就是每个画笔符号下面的数字，具体使用时需要改变大小时可以再调节直径大小，如图12-13所示。

... . ... . 图12-12新建画笔图12-13叶子画笔

注意：

这里的生成的画笔是很大的，因为勾画出叶子的轮廓之后就没有进行缩小，所以使用的时候应该先调节一下直径，不过大的叶子也有大的用法，后面将会讲到，不过也可以利用自由变换先将叶子大小缩小，然后再新建画笔。

12.2.3设置画笔

1．打开画笔控制面板

执行文件| 新建…命令，新建文件，长宽各400像素，白色背景，RGB模式。选中画笔工具，执行窗口| 画笔，弹出画笔控制面板，现对画笔形状进行设定，找到并选定新建的画笔leaf，这是你的鼠标形状已经变成了一片树叶，选中画笔笔尖形状，这一项控制笔尖的形状。设置间距为90%，画笔大小主直径为40像素，如图12-14所示。

图12-14 设定画笔笔尖形状

说明：

主直径控制画笔大小，当画笔选用的不是圆形而是其他图案样本的时候，这一项下面会出现一个标着使用取样大小的按钮，单击它立刻就可以把画笔调为与最初的画笔图案样本一样大的尺寸。角度调节笔尖的倾斜角度。圆度控制笔尖的圆度，数值越小就越扁。

除了输入数值，也可以直接用鼠标在旁边的示意图上点击、拖动，更直观地进行调节。

硬度控制画笔边缘的硬度，只对圆形画笔起作用。间距控制笔尖之间的间隔，数值越小，多个笔尖之间就挨得越紧密。

2．设置形状动态选项

单击形状动态选项，这一项包含对画笔各种动态的设置，设置如图12-15所示，图下方具有预览功能。

... . ... .