前面详细介绍了在Photoshop中新建、绘制和编辑图形的基本方法，下面将重点介绍如何绘制网页标志的方法和技巧，以实现熟练操作Photoshop各种绘图工具的能力。标志在网页制作中应用广泛，一般由文本、图形、图像等元素构成，有的标志是多种元素兼而有之。Photoshop具有强大的图形绘制功能，在设计网页时，使用Pho-toshop中绘制标志并不难。

文字型标志

一幅别致的文字标志，就欣赏角度来说绝不亚于一幅优美的图像。这样一幅好的文字标志在Pho-toshop中可以轻松制作。一般方法是对文字进行变形、错位、叠加、艺术组合、卡通化、图像化等艺术操作，使文字具有审美特征。

下面以实例的形式介绍几种文字型图标设计方法。

1. 文字变形

实例通过对文字适当变形会设计出非常活泼的图标效果。

【操作步骤】

第1步，启动Photoshop，新建文件，画布大小适当。用文本工具输入“DELL”字样。

第2步，复制文本图层，进行备份（以后在设计中要随时养成图层备份习惯，避免不能返回的错误），把备份图层隐藏。选择中间文字图层，选择【图层】|【栅格化】|【文字】命令，把文字转换为位图图形。

第3步，用【魔棒工具】选取文字位图的空白处，按Shift+Ctrl+I组合键反选文字，要注意再按住Shift键增加选取字母“D”中间的空白。第4步，在【路径】面板菜单中选择【建立工作路径】命令，把选区转换为路径

第5步，使用【路径选择工具】选择字母路径“E”，选择【编辑】|【自由变换路径】命令，在工具选项栏中设置逆时旋转45度

第6步，使用【直接选择工具】缩短字母路径“L”中的横线，然后用【移动工具】移动各个对象，使其排列更紧密。

第7步，在【路径】面板中把路径转换为选区，在【图层】面板中隐藏文字转换图层，新建空白图层，然后使用白色进行填充即可得到最终的效果。

【拓展】通过对文字的变形可以设计出丰富多彩的图标效果。

2. 文字抽象化

在网页设计中，抽象化标志最大特点就是把文字意象化，讲究内容的丰富性，抽象化设计取决于设计者的想象力的发挥，以及主旨的需要。下面以Adobe公司的图标设计为例进行介绍，Adobe公司的图标把字母“A”进行艺术化处理。

【操作步骤】

第1步，新建文件，先用参考线布局图标的比例，方法是选择【视图】|【标尺】命令，显示标尺，然后用鼠标指针在标尺上拖出参考线到编辑窗口中，如果不合适可以随时用鼠标进行调整。

第2步，选择【视图】|【参考线】|【对齐参考线】命令，使下面所有操作时绘制的图形对齐到参考线。

第3步，用【矩形工具】在编辑窗口中绘制一个长方形，填充为红色。

第4步，复制该矩形，并设置填充色为白色，选择【编辑】|【变换】|【斜切】命令，矩形四周显示有8个控制点，把光标置于矩形的右上角，按住Shift键向中间拖动。

第5步，同样的方法，复制红色矩形，把上边向中间倾斜为一个点，变形为一个正三角形，然后按住Shift键缩小该三角形。

第6步，设置缩小的三角形与矩形底边对齐和横向居中对齐。复制白色填充的梯形，以同样的方法缩小，并对齐到底部，遮住三角形的左下角。

第7步，在图标底部输入公司名称。

几何型标志

利用Photoshop提供的图形工具可以在设计网页时，绘制一些基本的几何图形，然后通过变形组合也能够设计出很多漂亮的图标。

1. 几何变形

三菱公司的图标是一个非常简单的几何变形组合，但也是世界上最著名的商标之一。该图标主要由3个变形的矩形对称组成，结构端正匀称。

【操作步骤】

第1步，新建文件，先用参考线布局图标的比例，并设置对齐参考线。

第2步，用【矩形工具】在编辑窗口中绘制一个长方形，填充为黑色。

第3步，选择【编辑】|【变换】|【斜切】命令，然后把光标置于矩形的上边中点，当光标变成形状，按住鼠标左键向右拖动。

第4步，复制该变形矩形，选择【编辑】|【变换】|【水平翻转】命令，然后向右移动该图形即可。

第5步，在编辑窗口的上部按住Shift键绘制一个正方形，旋转45度角，然后用缩放工具缩小，并左右压扁该菱形。

第6步，用【移动工具】并结合使用选项工具栏，调整3个图形的位置关系，得到最后的效果如图8.78所示。

2. 几何组合

利用基本的几何图形进行创意组合，也能够设计出非常精美的图标。

【操作步骤】

第1步，新建文件，先用参考线布局图标的比例关系，并设置对齐参考线。

第2步，用【矩形工具】在编辑窗口中绘制3个正方形，填充为不同的颜色，分别为深绿色、黑色、深红色，并对角排列。

第3步，在工具箱中选择【直线工具】，设置前景色为黑色，在编辑窗口中绘制一个L形状。

第4步，选择【编辑】|【变换】|【水平翻转】命令，翻转L形状。

第5步，在【属性】面板中设置该形状的大小和位置。

第6步，复制L形状，并向左下角移动10像素。重复操作3次

第7步，选择4个L形状，复制并合并。方法是按Ctrl+J快捷键复制，按Ctrl+E快捷键合并图层。

第8步，对该组合对象进行水平翻转和垂直翻转，并移动到左下角，如图8.84所示。第9步，使用【钢笔工具】，设置前景色为白色，绘制两个斜角为45°的三角形，覆盖L形状的平头形状，设计L形状为尖角。