易商讯
当前位置: 首页 » 资讯 » 科普 » 正文

钢笔工具和路径的概念

放大字体  缩小字体 发布日期:2023-01-24 00:46:32
导读

很多人对钢笔工具了解不多。今天给大家写一个非常强大的钢笔使用教程,可以算是UI微课的开始。看完之后,相信大家对如何使用ps钢笔工具有了全新的了解。使用ps时,经常需要使用笔工具,如鼠标绘制、准确选择、路径等,需要使用笔工具,用户界面设计是不可分割的,如果不了解笔工具,很难完美,许多使用ps多年的老鸟非常不熟

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(1)

很多人对钢笔工具了解不多。今天给大家写一个非常强大的钢笔使用教程,可以算是UI微课的开始。

看完之后,相信大家对如何使用ps钢笔工具有了全新的了解。

使用ps时,经常需要使用笔工具,如鼠标绘制、准确选择、路径等,需要使用笔工具,用户界面设计是不可分割的,如果不了解笔工具,很难完美,许多使用ps多年的老鸟非常不熟悉笔工具,所以学习如何使用笔工具,对你未来的ps有很大的改进作用。

声明:我用的是 PHOTOSHOP CC 2014 最新版本,操作界面会和你的不一样,但万法归一,PS基本功能不会改变。这个教程是网上一个PS达人写的,谁查不出来。但是版本太老了,我拿它的精华,结合最新的PS版本,优化,加入了我的观点和解释。希望能帮助更多的人,少走弯路。向这位前作者致敬。

假如需要最新版本 ADOBE CC 2014 全套软件 可以加个人微信获取 eric-dw(注明:UIFUNS)

我喜欢喝茶,所以以紫砂壶为载体,解释一下。come on!

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(2)

现在在茶壶里画一条贴近外廓的曲线,圆弧上的两个红点。你会怎么画?

想想3秒钟。。

很有可能你画的是下图。

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(3)

虽然已经完成了所需的效果,但在这条路径上使用了4个锚点

再看下图:

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(4)

这里只画了两个锚点,具有相同的曲线效果。

有同学会问,为什么只用两个锚点,我不能用四个锚点?(有些学生甚至不知道锚点的概念和用途。

往下看,随着教程的深入,所有的问题都会得到解决。

首先简要介绍一下钢笔工具和路径的概念

钢笔工具属于矢量绘图工具,其优点是能勾勒出光滑的曲线,缩放或变形后仍能保持光滑效果

用钢笔工具绘制的矢量图称为路径。路径是矢量路径,允许它是不封闭的开放状态。如果起点和终点重合绘制,则可以获得封闭路径

----------------我--是--分--割--线-----------------

一切都应该从基础开始,掌握坚实的基本操作,为今后的改进奠定基础。

现在让我们画一条简单的路径

如下图所示,在工具栏中选择钢笔工具(快捷键)P)

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(5)

并保持钢笔工具的选项如图所示(在工具栏上方):选择第二种绘图方法(路径),取消橡胶带的功能

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(6)

然后用钢笔在画面中单击,可以看到单击两点之间有线段的连接

按住Shift键,将画出的点与上一点保持45度的整数倍夹角(如零度、90度)

这样可以画出水平或垂直的线段(Shift键从图中的第5点开始)

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(7)

我们从以上简单的练习中得出两个规律:

我们没有直接绘制线段,而是定义了每个点的位置,软件在点间连接成型

控制线段形态(方向、距离)的不是线段本身,而是线段各点的位置

记住两个术语:

这些点被称为“锚点”(anchor)

锚点间的线段称为“片断”(segment)

刚才我们画的锚点也叫直线锚点,因为它们之间的线段都是直线的。

----------------------我-是-分-割-线------------------------

现在我们来画曲线形锚点

如下图所示,在起点按下鼠标后不要松手,向上拖出方向线后放手

然后在第二个锚点拖动一条向下的方向线,以此类推,绘制类似图表的路径

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(8)

我们可以看到,当画出第二个和之后的锚点并拖动方向线时,曲线的形状也会发生变化

---------------------分-分-线-又-来-----------------------

曲线是如何产生的,我们应该如何控制曲线的形状?

曲线除了有直线的方向和距离外,还有一种弯曲的形式,

只要改变锚点的位置,就可以做到方向和距离,但如何控制弯曲度呢?

如图所示,在工具栏中选择“直接选择工具”。请注意,下面的空心箭头

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(9)

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(10)

仔细看看这两条方向线

再这样想象:

一个人要从A点到B点,从A点出发的时候,位于A点的其他人看到他朝上偏右的方向走。

而位于B点的人,看见他向下向右走来

然后根据两地的观测结果。可以得出这个人走的路线:一定是锅盖上的弧形

--------------------分-割-线-乱-入-------------------------

现在我们选择了如图所示的“转换点工具”来修改方向线

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(11)

然后改变AB锚点上的方向线,如下图所示,您将看到曲线弯曲度的变化

请注意,方向线末端有一个小点,称为“手柄”。只有点击手柄位置才能改变方向线

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(12)

结合刚才的比喻,不难理解:

修改B锚点方向线为下,相当于指定该人从A点以上出发,从B点以下进入,因此距离为S形

然后修改A锚点的方向线为下,相当于从A点以下开始,然后从B点以下进入,这是一个下弧的距离

修改后的方向线如下:

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(13)

在了解了方向线对曲线形式的影响后,让我们来看看方向线长度的影响

如下图所示,在同一方向上拖动方向线:(可使用“直接选择工具”)

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(14)

对于锚点来说,如果方向线越长,曲线在这个方向上的距离就越长,反之亦然

可以想象曲线是橡皮筋,头尾两端有两个力向各自的方向拉

在哪个方向上,橡胶筋更接近这个方向。相反,除了修改锚点外,还可以使用“直接选择工具”来修改片段曲线的形状

如下图:

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(15)

注:这不能说是“修改了片段”,而应说是“同时修改了两个锚点”

牢记原则:片段由锚点组成,只有修改锚点才能改变片段形态,这是不可逆转的因果关系

总结一下:

除了起点和终点的BC锚点外,这条曲线上还有两条方向线:

一个是从上一个锚点的“来向”方向线;另一个是通向下一个锚点的“去向”方向线

对于起点,只有“方向”的方向线;对于终点,只有“方向”的方向线

-------------------分-割-线-------------------------

让我们做一个小练习,如图所示:

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(16)

现在需要在两个红点之间画一条贴近茶壶手柄外廓的曲线

很有可能你画的是下图。

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(17)

虽然满足了要求,但在这条路径上使用了4个锚点

再看下图:

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(18)

这里只用两个锚点绘制相同的曲线效果

移动两个红点的位置,然后绘制。你画的效果很可能是这样的

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(19)

事实上,这条曲线只需要两个锚点来绘制,如下图所示

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(20)

在另一个位置绘制一个只需要两个锚点,如下图所示

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(21)

记住一个原则:画曲线的锚点越少越好

因为如果锚点数量增加,不仅会增加绘制步骤,而且不利于以后的修改。

在这里,我们的第一期微课程结束了。你学到了什么吗?

当然,关于钢笔的使用技巧还有很多,下一节UI微课会和大家见面。

你能接受微课程吗?如果支持想看第二期微课程,请点击以下“

可以增加贡献和合作eric-dw

ps钢笔工具使用教程(PS微课第一期之ps钢笔工具怎么用)(22)

学习UI:微信搜索:UIFUNS,关注,随时学习UI。

声明:易商讯尊重创作版权。本文信息搜集、整理自互联网,若有来源标记错误或侵犯您的合法权益,请联系我们。我们将及时纠正并删除相关讯息,非常感谢!

 
(文/小编)
免责声明
• 
本文钢笔工具和路径的概念链接:http://www.esxun.cn/news/93127.html 。本文仅代表作者个人观点,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们,我们将在24小时内处理完毕。如涉及作品内容、版权等问题,请在作品发表之日起一周内与本网联系,否则视为放弃相关权利。
 

Copyright © www.esxun.cn 易商讯ALL Right Reserved


冀ICP备2023038169号-3