【奥迪图标ps怎么画】PS大神的小技巧！使用Photoshop设计图纸的细节和技术

总有朋友说，如果能写好软件，他很牛逼。我真的认为要精通软件不是那么容易的事。比如精通Pro-E，建模熟练，编程参数高级，一般设计师也只能建模，能熟练使用计算。(大卫亚设)。

现在，我们来谈谈Photoshop (PS)。PS真的很强大，可以在很多行业使用。可以用于美化图片，也可以用于排版，还可以用于游戏原画，还可以处理渲染。这是我们UI设计必须熟练掌握的绘图软件。请列出我这些年使用和总结所学内容的细节和技巧。你可以在你看的时候练习。如果经常画图标，我的这个PS教程文章课对你会有用。(大卫亚设)。

钢笔工具

1、调整控制节点(句子网格设置为“编辑-首选项-参考线”)

用钢笔工具绘制的节点分为两部分。

1)。控制图形大致方向的主节点。

2)。调整路径曲线的弧度。

我记得在Cs 3中选择了节点1。通过按键盘上的上、下、左、右，可以在不受网格影响的情况下进行微调。换句话说，调整强度小于1px。如果用鼠标选择移动1个节点，最小距离为1px，因此可以在CS3上尝试。

我使用的是CS6 Exted版本。不能像在CS3中一样进行小于1px的调整。也就是说，在CS6上，不管键盘或鼠标移动如何，最小距离都是1px。

节点2，用“直接选择”工具单击图标可打开控制节点。网格未打开时，节点2按住鼠标左键可自由移动。此时，移动距离可以小于1PX。栅格打开后，移动单位距离只有上下左右1PX。请注意这个细节。制作小图标时，这个技巧的微调可以使你的图标更加清晰锐利。(大卫亚设)。

另外，在按Ctrl T键缩小图标时，请不要认为缩小后工作结束了，而是要微调节点位置，以免出现过多的子像素。效果如下：

如上图所示，原始图标将放大，使路径面向像素网格(右上角为100%状态整体效果图)

如果用缩小的图标放大打开栅格，则有子像素(左上角100%状态)

创建100PX以上的图标时，如果随意放大或缩小，肉眼就无法轻松看到这些子像素。但是，在创建小图标时，子像素可能很容易出现，因此必须在完成后稍微调整节点位置，使其与像素网格相匹配。让我们看一下效果对比。

2、使用路径绘制对称图标

我们用路径绘制对称图形时，有两种方法，他们各有各的优点。我们会的。

说下面这个图标的做法：

方法一：拼接

观察这个“安全”图标，先分析结构，是由2个半盾构成的，然后中间减去了一个勾。所以呢我们绘制如下：

方法二：半封闭复制

先分析结构，盾是连贯的，然后中间减去了一个勾。绘制如下：

在我们复制用钢笔工具绘制的半封闭图形时候，不要选择图层Ctrl+J，因为在cs6中这样复制图形会变形。所以，我建议大家按照Alt+左键拖动复制！，这样复制出来才是一样的。

方法三：添加描点和删除描点绘制完整路径

在我们用形状绘制图形时候，使用直接选择工具删除多余的路径锚点，从而去除多余的路径线，在需要删除中间一段路径的时候，需要选用钢笔工具进行添加锚点，然后用直接选择工具选中进行删除。

具体如下：在你要删除的线段中间添加描点（【钢笔工具】或者【直接选择工具】均可），在用直接选择工具删除描点。

我们选择绘制一个相机图标：

1.先用圆角矩形工具绘制圆角矩形圆角设置为2px，填充颜色，效果如下图所示；

2.我们对比着左边做好的做，在右边绘制。打开网格，选择【直接选择工具】，添加描点（注意对称，在要删除的那段上要添加3个描点）

3.使用【直接选择工具】删除多余的形状上锚点，这样去除多余的线段（删除那段中间的描点，两端点留下）

简单就是下图：

4.使用【钢笔工具】把剩下的线段画完（注意：2描点的指控点一定要拖到节点去，不然用钢笔工具从2点接着画的时候会弯曲）

5.得到完整相机轮廓，有没有感觉非常的完整呢？

6.选择【椭圆工具】，在选择减去

，按住shift+左键拖圆，大家注意，这些步骤是在一个图层完成的

图标描边

在PS CS6出来后就已经新增加了一项描边功能。使用这个工具能使图标画出来非常的便捷，在绘制图标时相互结合选择时也需要一定抉择。当你绘制较小图标时，描边1px到2px可以选择【图层–>描边】这样制作icon更快捷，更节省时间。但是当你描边太大，就会有直线边。

而当你考虑到以后可能需要放大或者打印出来。此时，你就要选择【形状描边】或者【画一个图块再用减法】因为这样随意你放大缩小他都不会失真，还有就是“画一个图块用减法”放大或者缩小是按比例放大和缩小。

1、虚线描边，2px，对齐（内描边）

2、角点样式效果

3、描边形状可以绘制开放式路径图标

绘制图标时候会用到间断的形状这时候可以用路径描边样式，是支持开发路径描边的。我们就用开放路径描边来绘制下面图表中的3个（注意：下面图标还能用“减法”绘制）

绘制“邮件”图标

1.用钢笔工具先画出形状

2.调整描边属性，4点粗，内描边，圆头端点，圆角点

3.效果图如下：

4.同理绘制其他图标（注意：一个图标有多部分组成时，可能需要多个图层的单独路径

我们顺带提下“减法”的绘制

这种方法就是之前说的用【钢笔工具】来绘制那些较细的“线图标”，必要时会用到【添加描点】【删除描点】等工具，好处就是便于调整！

用形状来平均距离

大家在排版、布局、测距离时，普遍会用标尺工具和参考线。其实呢，我一般会用或者平均距离。在ps CS6中，可以随意调整矩形工具大小，具体君下：

我们要的距离是32px，我们只需要按住Alt+左键拖动，就能精确的排列这4个图标的间距了。

选中【矩形工具】，我们还可以随意调整矩形的长宽，他就相当于一把随意的尺子。

选择工具

我们来看下面图标（按住Ctrl和路径选择工具切换使用）

如果小伙伴们有其他的小技巧，希望在评论区看到你的脚印和探讨！