photoshop怎么描边路径,ps描边路径是什么意思
有人说UI难学,你找不到路,那就从这节课开始吧。Photoshop的路径工具和钢笔工具很容易被人忽略,功能强大又低调。今天我们就来说说如何用一个路径和笔快速绘制简单的线条图标。看完可以这么做!哪怕是第一天学PS也可以。(心急的同学,直接转到中下位置,只是教程部分,先练手)
最终线条图标:
背景:扁平化下的极简主义
自从苹果一家变平,整个世界都变平了。似乎早就被人们抛弃的极简主义,一夜之间又重新流行起来。看看下面,是不是很清新直接?此图标适用于底部的选项卡栏和顶部的左右按钮。可能有人会说:这也叫icon,不过是一些线条而已。呵呵,别说,现在很多人都这样。在这样一个信息爆炸、app满天飞的时代,高效、简洁、自然是有市场的。扁平化代表高效率。我就是我,我不需要额外的思考。
一.任务
这些线性图标很难制作吗?我们来分析一下它们的结构。
尺寸:一般线是2px,有些加强线是3px。
风格:线条简洁,图形指示意义明确。
2像素图标
3 px的图标
二。任务分析(思路和难点)
画图不难,但如何快速画图才是关键。
想一想,这个线性图标是怎么做出来的?
很多同学会想用Illustrator画图形,但是这样不方便。在AI中画好之后,拖到PS中进行调整,可能会导致边缘线的大小发生变化,容易导致像素错位等等。在迭代过程中,很难保证图标笔画大小的统一,在AI中一个一个的改,很麻烦。画一个线状图标很浪费时间。
用PS可行吗?不要马上否认。想想路径工具和钢笔工具。
是图层样式吗?选择工具?有人想到了风格笔画的方法。好像不行,因为style stroke做的未闭合图标是闭合的…
那么问题来了。当用闭合路径制作的图标被缩放时,它们的形状也将按比例缩放。这会导致在需要不同大小的图形时,需要反复调整图标的路径边缘,以保证图标线条的一致性。因为整套图标要求线条相对统一,调整一下简直是浪费青春!
好了,我们不要拐弯抹角了。这里有一个快速作文的方法,学得快,教得好。
记住三点:第一,形状工具和填充,第二,笔画效果,第三,用钢笔锚工具删除无用路径。
采用的构图方法:减法。
其实PS CS6出来后,已经增加了笔画功能。使用这个工具可以使图标绘制非常方便。画图标有以下优点!
1.图形的笔画质量提高,笔画更流畅。
当使用图层样式绘制图形以获得描边效果时,如果使用较大的值,描边将产生带有锯齿状边缘的块状曲线。然后我们可以通过矢量笔划处理得到完美的结果。我猜这是因为矢量笔画来自原始矢量形状图层数据,而图层样式的笔画来自形状的位图蒙版。这两种技术完全不同,你可以搞清楚。
2.多角度功能,图标绘制更自由
常用的描边图层样式只能是圆角。但是,您可以使用路径描边样式来绘制圆角、斜面或斜角。这样会大大减少绘制图形的工作量。
3.您可以通过追踪路径来绘制开放路径图标。
当我们使用图层样式进行描边时,会出现以下情况,描边都是闭合的。而绘制图标会使用断续路径。此时可以使用路径描边样式,支持开放路径描边。
三、PS绘制线条图标详细流程
绘制路径时使用的工具:
钢笔工具——绘制路径。
路径选择工具——调整路径大小。
直接矛点选择工具3354调整矛点位置。
拐角工具——调整路径圆角和角度的使用。
用脚学一些快捷键,方便绘图时使用。用钢笔工具绘制后,可以用Shift/Ctrl/Atl切换出需要使用的直接选择工具、锚点选择工具和倒角工具。
下面一步一步教你如何画线条图标。为了让初学者理解,我尽量写的详细一点。
1.在ps中创建新画布。(快捷键:Ctrl N)[!- empirenews.page - ]
2.用矩形路径画两个矩形(快捷方式:画一个圆角矩形,然后按住Alt键拖动图层复制)。
3.使用-路径选择工具箱所有路径,找到PS右上角的填充和描边,隐藏填充,描边设置为2像素。
4.使用直接选择工具删除多余的路径锚点,从而删除多余的路径线。
注意事项:需要删除中间路径时,需要先用钢笔工具添加锚点,再用直接选择工具选择删除。
如下,如果我想删除红色区域的一段路径怎么办?
我们继续吧!
5.使用椭圆工具绘制太阳(在绘制过程中按住shift键绘制一个正圆),使用钢笔工具绘制山脉。
6.完成后,将路径笔划的起点和终点的样式调整为圆角或直角。
7.选择需要调整的角点,然后使用描边选项中的角点来圆角,使图形更加圆润。
这样一个图标就完成了。
使用路径追踪还可以区分图标的立体效果。不同笔画的形状组合丰富了图标。
四、后期装饰:让线条更流畅。
边缘修正会让整个图标有一种细腻的感觉,尤其是有个别线条和边角的时候,这一点尤为重要。
路径描边也可以根据你的需要选择它的模式,是在路径外,是在中间,还是在里面。这通常用于绘制路径跟踪图形。
总结:
有时候我们真的想太多了,总想学一些复杂高级的东西,而基础的往往被忽略了。
以上是ps的实用教程:一分钟完成Adobe Photoshop CC 2017的所有路径描摹。希望对大家有帮助。感谢您对本网站的支持。请继续关注更多软件教程。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。