photoshop美化工具.docx

photoshop美化工具.docx

《photoshop美化工具.docx》由会员分享，可在线阅读，更多相关《photoshop美化工具.docx（14页珍藏版）》请在冰点文库上搜索。

photoshop美化工具

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所示，图下方具有预览功能。

说明：

大小抖动数值越高，画笔行进时笔尖大小的变动程度越大，这种变动是随机的。

下面的控制下拉菜单里列着各种控制方式，有以下几项：

关闭，不做任何控制，则变动就是随机性的；渐隐，选中这一项后，右边的框中可以填上尺寸渐变的步长值。

钢笔压力感，这一项只对数位板用户有用。

下面的两项钢笔斜度和光笔轮分别表示由数位板的笔的倾斜度和喷枪的拇指轮进行控制。

其他设置中的控制菜单中多与此类似，下面不再重复说明。

12-15动态形状选项

最小直径设置尺寸抖动中最小的笔尖尺寸，当这一项数值为100%时，无论大小抖动设为多少，画笔尺寸都不会发生变化。

角度抖动使画笔进行角度变动，圆度抖动设置笔尖圆度抖动变化的程度，最小圆度限制圆度抖动中的最小圆度值。

3.设置散布选项和动态颜色

散布设置分散的随机度，数值越大散布得越乱越无规律，分散面积越大。

上方有个两轴选项，取消这一项的话，散布是始终垂直于笔触的行进方向的，勾选这一项后，则在各个方向上都发生分散。

注意选中两轴，如图12-16所示，散布这项功能在很多情况下很有价值，特别是在画随机性比较强的自然景观或各种纹理效果等情况时可以迅速获得满意的效果，有助于提高效率。

其缺点是只能使用当前的一种笔尖样式进行散布，单调了些，所以建议配合其他比如画笔笔尖形状等项目的设置来达到比较自然的随机分散效果。

说明：

数量控制散布的数量。

数量抖动控制散布的数量变动。

图12-16散布设置

4.设置动态颜色

这一选项使颜色动态的变化，颜色在前景色和背景色之间渐变，在以前版本中，Photoshop的画笔在色彩方面只有前、背景色和透明度的变化，现在这方面也被进一步加强了，设置如图12-17所示。

图12-17动态颜色设置

说明：

前景/背景的抖动结合下面的控制方式，进行在前景色和背景色之间的变化。

色相抖动控制色相的变化范围。

饱和度抖动控制饱和度的变化范围。

亮度抖动控制亮度的变化范围。

纯度控制总的色彩纯度。

5.设置其他动态选项

可以根据需要选择不透明度的动态效果不透明度抖动和其他效果，在设定各种效果的同时，可以先预览，不透明度抖动控制画笔不透明度的变动。

流量抖动控制流量的变动，而流量主要控制颜料流出量的速度。

图12-18其他动态设置

说明：

纹理选项使画笔带有纹理图案，在纹理图案下拉菜单里列着各式纹理，无论纹理图案是不是彩色的，应用在画笔设置里都只以灰度起作用。

双重画笔这一项可以为画笔加上第二重画笔效果，可以选择不同的笔尖图案。

在面板的左下方，还有几个公共项，杂色选上后会使笔触边缘变得粗糙，出现杂点。

湿边）使笔触边缘变深，有水彩般的效果。

喷枪使笔触有喷笔的性质，和属性栏上的喷笔按钮对应一致。

光滑可以解决使用数位板涂抹速度较快时画出来的线条有生硬折边的问题。

保护纹理保证更换画笔预设时不会同时误改变纸张的纹理。

12.2.4运用画笔绘图

1．画落叶图

设置好一切之后，就可以在画布上随意挥洒了，先设置前景色为红色，背景色为桔红色或黄色，可以单击鼠标，也可以直接拖动，落叶就这样生成了，不用操心落叶会往哪里飘，没有一片叶子会完全一样，这样画起来简直太省事了，如图12-1所示，这样的一幅图可以作为文字背景，又可以直接应用于更复杂的绘画中。

小技巧：

在选择同一色系的颜色时，如果已经确定了前景色，想设置背景色，那么双击背景色，弹出颜色拾色器，此时鼠标形状就会变成一个吸管，就可移动此形状的鼠标到各个可取色的面板去选择一个喜欢的颜色，在此吸取前景色，这时拾色器自动选择了前景色，那么就可以在拾色器中快速地选择到同一色系不同色深的颜色了。

选择画笔工具，观察属性栏，如图12-19，可以看到喷笔

被当作一种画笔属性列在上面，而工具栏上就不再有喷笔这个工具了。

喷笔属性生效时（该按钮按下），当前的工具就具有喷笔的属性，此时按下鼠标进行绘画，在不松开鼠标键一直涂抹的情况下，笔画重复相交之处会进行叠加，颜色会加深，同样当光标停在同一处时，笔触颜色也会因叠加而不断加深，就如同真正的喷笔不断喷出颜料一样。

而没有喷笔属性的时候，在鼠标不放开的情况下，同一次的涂抹阶段，无论笔画是否相交或光标是否在同一处停留，都不会有因叠加而使颜色加深的现象产生。

这就是喷笔属性是否打开的区别。

图12-19画笔属性栏

说明：

不透明度控制喷笔的不透明度的作用，也可以理解为控制颜色用量的多少，流量起控制喷笔颜料喷出速度的作用。

2．画绿叶图

换一下前景色为深绿色，背景色为浅绿色，就可以画绿叶图了，按住Alt键可以变为吸管工具从画面上任何地方吸取颜色为前景色，如果画面上已经有绿色了，不需为使用画面上已有的颜色再多费时间重新调色，如图12-20所示。

图12-20绿叶图

小技巧：

其实，Photoshop自带的画笔效果就有很多，用枫叶画笔画出来的落叶效果会更好，这里只是简单介绍一下如何把你看到的好的形状变为画笔，以为己用。

使用画笔时可以通过“[”键和“]”键缩放画笔尺寸，这样就可以简单的画出大小不一的叶子来，空间远近的感觉就强了。

3．用树叶画背景

再看看大一点树叶有什么用，将画笔大小调至300像素左右，在预设中进行修改主直径，如图12-21所示。

图12-21设置画笔大小

新建文件，长宽各400像素，白色背景，RGB模式，前景色与背景色不变。

用画笔在画布上不断点击，直到树叶盖满整个画面，这样做出来的背景也别有风味，如图12-22所示，加上文字，就是很好的一个页面，很有吸引力，可以作为个人网站的进站页面。

图12-22朋友，想你

注意：

再盖满整个画面的时候注意移动画笔，不要总在一个地方，最后点击的一下应该是一片大叶子，这样为文字圈出一个范围，感觉起来效果不错。

12.3实验小结

以上介绍的画笔的应用操作起来十分简单，但往往不为人们所重视，小小的画笔其实也是有很多妙用的，Photoshop为用户提供了上百种画笔和各式各样的画笔效果，全凭自己去创造，关键在于一种理念，一种创造精神，以后如果看到了好的画笔，或者好的形状可以生成新的画笔，千万别错过。

12.4举一反三

以上介绍的实验重点在于各种画笔效果的设定，然后运用创造性思维，去点缀和美化网页，操作都是很简单的，下面的实验操作也很简单，可以自己试试，见图12-24。

图12-23素材文件

这样的素材随处可见，稍稍留意就可以找到相同的，最后的效果图也可以作为文字背景，再进行一定的加工，也可以作为相片簿的主页。

下面这个练习是一个简单的页面，从中可以看出画笔的一些作用，可自己去创造。

图12-24练习

提示：

不用选定图像轮廓，直接全选生成新画笔。