很多人对钢笔工具了解不多。今天给大家写一个非常强大的钢笔使用教程,可以算是UI微课的开始。
看完之后,相信大家对如何使用ps钢笔工具有了全新的了解。
使用ps时,经常需要使用笔工具,如鼠标绘制、准确选择、路径等,需要使用笔工具,用户界面设计是不可分割的,如果不了解笔工具,很难完美,许多使用ps多年的老鸟非常不熟悉笔工具,所以学习如何使用笔工具,对你未来的ps有很大的改进作用。
声明:我用的是 PHOTOSHOP CC 2014 最新版本,操作界面会和你的不一样,但万法归一,PS基本功能不会改变。这个教程是网上一个PS达人写的,谁查不出来。但是版本太老了,我拿它的精华,结合最新的PS版本,优化,加入了我的观点和解释。希望能帮助更多的人,少走弯路。向这位前作者致敬。
假如需要最新版本 ADOBE CC 2014 全套软件 可以加个人微信获取 eric-dw(注明:UIFUNS)
我喜欢喝茶,所以以紫砂壶为载体,解释一下。come on!
现在在茶壶里画一条贴近外廓的曲线,圆弧上的两个红点。你会怎么画?
想想3秒钟。。
很有可能你画的是下图。
虽然已经完成了所需的效果,但在这条路径上使用了4个锚点
再看下图:
这里只画了两个锚点,具有相同的曲线效果。
有同学会问,为什么只用两个锚点,我不能用四个锚点?(有些学生甚至不知道锚点的概念和用途。
往下看,随着教程的深入,所有的问题都会得到解决。
首先简要介绍一下钢笔工具和路径的概念
钢笔工具属于矢量绘图工具,其优点是能勾勒出光滑的曲线,缩放或变形后仍能保持光滑效果
用钢笔工具绘制的矢量图称为路径。路径是矢量路径,允许它是不封闭的开放状态。如果起点和终点重合绘制,则可以获得封闭路径
----------------我--是--分--割--线-----------------
一切都应该从基础开始,掌握坚实的基本操作,为今后的改进奠定基础。
现在让我们画一条简单的路径
如下图所示,在工具栏中选择钢笔工具(快捷键)P)
并保持钢笔工具的选项如图所示(在工具栏上方):选择第二种绘图方法(路径),取消橡胶带的功能
然后用钢笔在画面中单击,可以看到单击两点之间有线段的连接
按住Shift键,将画出的点与上一点保持45度的整数倍夹角(如零度、90度)
这样可以画出水平或垂直的线段(Shift键从图中的第5点开始)
我们从以上简单的练习中得出两个规律:
我们没有直接绘制线段,而是定义了每个点的位置,软件在点间连接成型
控制线段形态(方向、距离)的不是线段本身,而是线段各点的位置
记住两个术语:
这些点被称为“锚点”(anchor)
锚点间的线段称为“片断”(segment)
刚才我们画的锚点也叫直线锚点,因为它们之间的线段都是直线的。
----------------------我-是-分-割-线------------------------
现在我们来画曲线形锚点
如下图所示,在起点按下鼠标后不要松手,向上拖出方向线后放手
然后在第二个锚点拖动一条向下的方向线,以此类推,绘制类似图表的路径
我们可以看到,当画出第二个和之后的锚点并拖动方向线时,曲线的形状也会发生变化
---------------------分-分-线-又-来-----------------------
曲线是如何产生的,我们应该如何控制曲线的形状?
曲线除了有直线的方向和距离外,还有一种弯曲的形式,
只要改变锚点的位置,就可以做到方向和距离,但如何控制弯曲度呢?
如图所示,在工具栏中选择“直接选择工具”。请注意,下面的空心箭头
仔细看看这两条方向线
再这样想象:
一个人要从A点到B点,从A点出发的时候,位于A点的其他人看到他朝上偏右的方向走。
而位于B点的人,看见他向下向右走来
然后根据两地的观测结果。可以得出这个人走的路线:一定是锅盖上的弧形
--------------------分-割-线-乱-入-------------------------
现在我们选择了如图所示的“转换点工具”来修改方向线
然后改变AB锚点上的方向线,如下图所示,您将看到曲线弯曲度的变化
请注意,方向线末端有一个小点,称为“手柄”。只有点击手柄位置才能改变方向线
结合刚才的比喻,不难理解:
修改B锚点方向线为下,相当于指定该人从A点以上出发,从B点以下进入,因此距离为S形
然后修改A锚点的方向线为下,相当于从A点以下开始,然后从B点以下进入,这是一个下弧的距离
修改后的方向线如下:
在了解了方向线对曲线形式的影响后,让我们来看看方向线长度的影响
如下图所示,在同一方向上拖动方向线:(可使用“直接选择工具”)
对于锚点来说,如果方向线越长,曲线在这个方向上的距离就越长,反之亦然
可以想象曲线是橡皮筋,头尾两端有两个力向各自的方向拉
在哪个方向上,橡胶筋更接近这个方向。相反,除了修改锚点外,还可以使用“直接选择工具”来修改片段曲线的形状
如下图:
注:这不能说是“修改了片段”,而应说是“同时修改了两个锚点”
牢记原则:片段由锚点组成,只有修改锚点才能改变片段形态,这是不可逆转的因果关系
总结一下:
除了起点和终点的BC锚点外,这条曲线上还有两条方向线:
一个是从上一个锚点的“来向”方向线;另一个是通向下一个锚点的“去向”方向线
对于起点,只有“方向”的方向线;对于终点,只有“方向”的方向线
-------------------分-割-线-------------------------
让我们做一个小练习,如图所示:
现在需要在两个红点之间画一条贴近茶壶手柄外廓的曲线
很有可能你画的是下图。
虽然满足了要求,但在这条路径上使用了4个锚点
再看下图:
这里只用两个锚点绘制相同的曲线效果
移动两个红点的位置,然后绘制。你画的效果很可能是这样的
事实上,这条曲线只需要两个锚点来绘制,如下图所示
在另一个位置绘制一个只需要两个锚点,如下图所示
记住一个原则:画曲线的锚点越少越好
因为如果锚点数量增加,不仅会增加绘制步骤,而且不利于以后的修改。
在这里,我们的第一期微课程结束了。你学到了什么吗?
当然,关于钢笔的使用技巧还有很多,下一节UI微课会和大家见面。
你能接受微课程吗?如果支持想看第二期微课程,请点击以下“赞”
可以增加贡献和合作eric-dw
学习UI:微信搜索:UIFUNS,关注,随时学习UI。
声明:易商讯尊重创作版权。本文信息搜集、整理自互联网,若有来源标记错误或侵犯您的合法权益,请联系我们。我们将及时纠正并删除相关讯息,非常感谢!