钢笔第一期工具PSps(钢笔工具第一期绘制方向)「钢笔工具 ps」

钢笔第一期工具PSps(钢笔工具第一期绘制方向)

很多人都对钢笔工具不太了解,今天给大家写一个十分强大的钢笔使用教程,算是UI范儿微课堂的开篇吧。
看完后,相信大家对ps钢笔工具怎么用会有一个全新的了解。
使用ps的时候,很多时候都需要用到钢笔工具,例如鼠绘、做精确选区、路径抠图等,都需要使用钢笔工具,做UI设计更是离不开它,如果对钢笔工具不了解,就很难做得完美,而且很多使用多年ps的老鸟都对钢笔工具十分陌生,所以学好钢笔工具怎么用,对大家以后ps有很大提高作用。
声明:本人使用的是 PHOTOSHOP CC 2014 最新版本,操作界面与你的会有所不同,但是万法归一,PS的基本功能是不会变的。
本教程是网上的一位PS达人写的,是谁以无从查起。
但是版本太老,我取其精华,结合最新的PS版本,优化,加入了我的观点和讲解方式。
希望借此帮助更多的人,少走弯路。
在此向这位之前的作者致敬。
如果需要最新版的 ADOBE CC 2014 全套软件 的可以加我个人微信获取 微信号:eric-dw(注明:UIFUNS)本人喜欢喝茶,那就以一款紫砂壶为载体,讲解吧。
come on!现在要在茶壶的壶把圆弧上的两个红点之间绘制一条紧贴外廓的曲线,你会怎样绘制呢?先想3秒钟。





很可能你们绘制出来的是如下图这个样子的虽然是完成了需要的效果,但是这样的路径上使用了4个锚点再看下图:同样的曲线效果,这里只用了两个锚点来绘制。
有同学会问,为什么要只用2个锚点,我4个锚点不可以吗?(甚至有的同学还不清楚锚点的概念和用处。
),往下看,所有问题随着教程的深入,都会解决。
首先来简要介绍一下钢笔工具和路径的概念钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放或者变形之后仍能保持平滑效果钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径----------------我--是--分--割--线-----------------一切都要从基础开始,掌握坚实的基础操作,才会为以后的提高奠定基础。
现在我们来绘制一个简单的路径如下图在工具栏选择钢笔工具(快捷键P)并保持钢笔工具的选项如图所示(在工具栏上方):选择第二种绘图方式(路径),并取消橡皮带功能然后用钢笔在画面中单击,会看到在单击的两点之间有线段相连保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角(比如零度、90度)这样可以绘制水平或者是垂直的线段(图中从第5个点开始按下了Shift键)从上面的简单练习中我们得出两个规律:我们并没有直接绘制线段,而是定义了各个点的位置,软件则在点间连线成型控制线段形态(方向、距离)的,并不是线段本身,而是线段中的各个点的位置记住两个术语:那些点称为“锚点”(anchor)锚点间的线段称为“片断”(segment)刚才我们绘制的那些锚点,由于它们之间的线段都是直线,所以又称为直线型锚点。
----------------------我-是-分-割-线------------------------现在我们来绘制曲线形锚点如下图所示般,在起点按下鼠标之后不要松手,向上拖动出一条方向线后放手然后在第二个锚点拖动出一条向下的方向线,以此类推,画出类似图示的路径我们看到,在绘制出第二个及之后的锚点并拖动方向线时,曲线的形态也随之改变---------------------分-割-线-又-来-了----------------------究竟曲线是怎样生成的,我们又该如何来控制曲线的形态呢?除了具有直线的方向和距离外,曲线多了一个弯曲度的形态,方向和距离只要改变锚点位置就可以做到,但是弯曲度该如何控制?如图在工具栏选择“直接选择工具”,注意是下方那个空心的箭头仔细看一下这两个方向线再这样想象:一个人要从A点到B点,在A点出发的时候,位于A点的其他人看到他是朝着上偏右的方向走的而位于B点的人,看到他是朝着下偏右的方向来的那么综合两地的观测结果。
就可以得出这个人行走的路线:必定是一个类似锅盖的上弧形--------------------分-割-线-乱-入-------------------------现在我们选择如图的“转换点工具”,该工具用来修改方向线然后如下图所示般改变AB锚点上的方向线,将会看到曲线弯曲度的改变注意方向线末端有一个小圆点,这个圆点称为“手柄”,要点击手柄位置才可以改变方向线结合刚才所作的比喻,就不难理解了:修改B锚点方向线为下,相当于指定那个人从A点上方出发后,从B点下方进入,那么所走的路程就是一个S形再修改A锚点方向线为下,相当于从A点下方出发,再从B点下方进入,所走的就是一个下弧形的路程修改后的方向线如下图:明白了方向线的方向对曲线形态的影响后,我们来看一下方向线长短造成的影响如下图般,在同一方向上拖拉方向线:(可使用“直接选择工具”)对于一个锚点而言,如果方向线越长,那么曲线在这个方向上走的路程就越长,反之就越短可以这样设想,曲线是一个橡皮筋,在头尾两端有两个力在各自的方向上拉哪个方向上力气大,则橡皮筋就朝向这个方向多靠拢一些。
反而反之除了修改锚点之外,也可以利用“直接选择工具”,在片断上修改曲线的形态如下图:注意:这并不能说是“修改了片断”,而应该说是“同时修改了两个锚点”牢记原则:片断是由锚点组成的,只有修改锚点才能改变片断形态,这是不可逆的因果关系做一下小结:对于这条曲线上的除了起点和终点的BC两个锚点而言,都存在两条方向线:一条是从上一个锚点“来向”的方向线;另一条是通往下一个锚点的“去向”的方向线对于起点,只存在“去向”的方向线;对于终点,只存在“来向”的方向线-------------------分-割-线-------------------------下面让我们做个小练习,如图:现在要求在两个红点之间绘制一条紧贴茶壶手柄外廓的曲线很可能你们绘制出来的是如下图这个样子的虽然要求是达到了,但是这样的路径上使用了4个锚点再看下图:同样的曲线效果,这里只用了两个锚点来绘制移动两个红点的位置再行绘制,很可能你们绘制的效果是这样而实际上呢,也只需要用两个锚点就可以绘制这条曲线了,如下图再换个位置绘制一条,也只需要两个锚点,如下图记住一个原则:绘制曲线的锚点数量越少越好因为如果锚点数量增加,不仅会增加绘制的步骤,同时也不利于后期的修改。
到这里,我们的第一期的微课程就结束了。
大家有没有学到什么呢?当然,关于钢笔的使用技巧还有很多,将会在下期的UI微课中和大家见面。
大家是否能接受微课程呢?如果你们支持想看到第二期的微课程的话,请点下面的“赞”投稿和合作可加微信号:eric-dw学习UI:微信搜索:UIFUNS,加关注,随时学UI。

联系我们

在线咨询:点击这里给我发消息