码迷,mamicode.com
首页 > 其他好文 > 详细

轻松画图标!教你一分钟玩转PS路径描边

时间:2014-11-27 15:50:04      阅读:1031      评论:0      收藏:0      [点我收藏+]

标签:blog   http   使用   sp   div   2014   log   bs   ef   

偶然学习到线框图标的制作方式,学着做了一张,效果不是很理想,矢量图在AI里是最好的,不过

这次实例强化了下钢笔工具,路径描边的使用,效果图:

bubuko.com,布布扣

 

 

 

一、PS绘制线式图标详细过程

绘制路径时用到的工具:

 钢笔工具——绘制路径。

 路径选择工具——调整路径大小使用。

直接矛点选择工具——调整矛点位置。

 转角工具——调整路径圆角和角度使用

捎带脚了解几个快捷键,方便在作图中的使用。在选用钢笔工具绘制后你可以用Shift/Ctrl/Atl来回切换出需要使用的直接选择工具、锚点选择工具、倒角工具。

 

bubuko.com,布布扣

 

 

下面就一步一步教大家画线式图标。为了让初学者看明白,我尽量写的详细些。

1、在ps中新建一块画布。(快捷键:Ctrl+N)

2、用矩形路径画出两个矩形(快捷方式:画一个圆角矩形,然后按住Alt键拖动图层即可进行复制)。

bubuko.com,布布扣
 

3、使用-路径选择工具-框选所有的路径,找到PS右上角的填充和描边,把填充隐藏,描边设置2个点像素。

bubuko.com,布布扣


4、使用直接选择工具删除多余的路径锚点,从而去除多余的路径线。

bubuko.com,布布扣


插播提醒:在需要删除中间一段路径的时候,需要先用钢笔工具进行添加锚点,然后用直接选择工具选中进行删除。

如下,我想删除红色区域的一段路径怎么办?

bubuko.com,布布扣
 

我们继续!!

5、使用椭圆工具绘制太阳(绘制过程中按住shift键即可画出正圆),钢笔工具进行绘制山脉部分。

bubuko.com,布布扣


6、完毕后调整路径描边的起终点的样式为圆角或直角。

bubuko.com,布布扣


7、选中需要调整的角,再使用描边选项里的角点为圆角,使图形更为圆润。

bubuko.com,布布扣


这样一个图标就完成了。

bubuko.com,布布扣


用路径描边还能区分图标的立体感。不同粗细描边的形状结合使图标更为丰富化。

bubuko.com,布布扣


二、后期修饰:让线条更圆滑

路径边缘的修正会给整个图标精致的感觉,尤其是出现单独线条和折角的时候,显得尤为重要。

路径描边还可以根据你的需要进行对其模式的选择,在路径外进行描边,还是中间,还是内部描边。这在路径描边图形的绘制中会经常使用到。

bubuko.com,布布扣

轻松画图标!教你一分钟玩转PS路径描边

标签:blog   http   使用   sp   div   2014   log   bs   ef   

原文地址:http://www.cnblogs.com/staceydesign/p/4126359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!