哈啰，大家好
今天我要和大家聊一聊「笔型工具」的使用
「笔型工具」在 Photoshop 中
算是一个比较难上手的工具
因为笔型工具所涉及的「贝兹曲线」
需要使用者具备向量绘图的基础概念
像是锚点应该设在什么位置？
控制手把应该调到什么角度等等
而今天我打算透过五个简单的小练习
希望让 Photoshop 的初学者
能够快速上手「笔型工具」
OK，第一个练习是认识贝兹曲线的基本概念
你可以透过影片下方的连结
来下载这一份练习档
如果今天我打算要描绘这个房屋的话
我可以在工具箱内启用「笔型工具」
并且利用点击滑鼠的方式来拉出直线
绘制时如果按住 Shift 键不放
就可以产生垂直或水平的线条
这些线条在向量绘图中称之为「路径」
而路径中的每一个转折点称之为「锚点」
除了使用「笔型工具」之外
Photoshop 也提供了一些预设的几何向量图形
像是矩形
圆角矩形
椭圆
多边形等
在预设的情形下
绘制这些图形时会产生新的向量图层
然而目前我只打算建立窗户的路径
而不需要藉由图层来上色
因此我可以在工具列中
将建立模式更改为「路径」
并且套用「排除重叠形状」
使路径之间的重叠区域能够产生挖空的效果
另外，你会发现先前绘制的房屋被隐藏了起来
这时你只要切换至「路径」面板
就可以找回我们的工作路径
最后再利用滑鼠拖曳的方式来补上这两个窗户
绘制好的向量图
可以藉由「路径选取工具」来进行选取和移动
以目前来说
这个房屋是由四个路径组合而成
不过我们可以将它们框选起来之后
利用上方工具列的「合并形状组件」
来合并这四个路径
至于完成的路径有那些用途呢？
首先，我们可以利用路径来进行填色
你可以指定一个前景色之后
在画面中点选滑鼠右键
执行「填满路径」
如此就可以依据路径的形状来填上色彩
路径本身也可以透过快速键 Ctrl +T 来进行缩放
甚至旋转
而由于向量图是经由数学计算的方式
来记录锚点等资讯
因此在缩放时不会产生任何失真的情形
这也是向量图最大的一个优点
除了填色之外
我们也可以使用「笔刷工具」来进行描边
你可以先开启「笔刷面板」来指定笔刷的样式
甚至也可以设定笔触的间距
设定好之后
我们切换回「路径选取工具」
并且按下滑鼠右键来执行「笔画路径」
再按下「确定」就OK了
如果你想要保留这个路径
以便在其它的图档中使用的话
你可以执行「编辑」
「定义自订形状」
再按下「确定」
之后如果开启了新的图档
我们就可以启用「自订形状工具」
并且在上方的工具列中找到先前储存的向量图案
建立的模式此时可改回「形状」
如此就可以直接在工具列中指定填色
并且也有渐层
图样等选择
我们也可以指定向量图的笔画
也就是轮廓色彩
以及笔画粗细的程度
OK，体验完最简单的直线路径之后
接下来就是重头戏「曲线绘制」的部份了
在此我们先启用一个很重要的工具
称之为「直接选取工具」
它跟隔壁的「路径选取工具」在外观上很类似
但是「路径选取工具」是用来选取
移动「整个」路径
而「直接选取工具」是用来编辑
路径中更小的单位
也就是「锚点」
接着我们可以切换至「路径」面板
这里有一个已经绘制好的曲线
相较于直线路径中的锚点
曲线的锚点都会附带着一对控制把手
这个把手可以用来控制曲线进入锚点的方向
以及离开锚点的方向
而透过「直接选取工具」
我们不但可以移动锚点的位置
也可以调整把手的长短
以及角度
你会发现曲线的把手有一个特性
就是它像个翘翘板一样
把手的两侧始终都保持着 180 度
而这种类型的锚点称之为「平滑锚点」
也就是你不管如何地去旋转把手
这一个区段的曲线都可以保持着平滑状态
相对于平滑锚点的另一种型态
称之为「转折锚点」
产生转折锚点的方式很简单
你只要在使用「笔型工具」的时候
按住 Alt 键不放来拖曳把手
就可以打破把手 180 度的限制
使曲线产生一个锐利的转角
它也可以随时还原为「平滑锚点」
我们只要按住 Alt 键不放
并且从锚点中向外拖曳就 OK 了
除了 Alt 键之外
我们也常常会利用到 Ctrl 这个快速键
它可以使笔型工具立即切换为
「直接选取工具」来进行锚点编辑
因此，善用 Ctrl 和 Alt 这两个快速键非常的重要
因为它可以大大地增加我们绘制向量图的效率
OK，认识了「平滑」与「转折」这两种锚点之后
我们就可以从一个最简单的半圆形来练习曲线绘制
当我们要建立第一个锚点时
我们必须考虑到曲线一开始是向上行进
因此，我利用笔型工具
在起始锚点的位置按住滑鼠左键
再向上拖曳就可以产生一个引导方向的把手
接着我们必须决定下一个锚点的位置
锚点通常会落在一个造型中最显著的地方
所以我在此处按住滑鼠之后
依据曲线行进的方向
向右拖曳来产生把手
最后再到末端的锚点
「向下」拖曳来形成半圆
当一个路径绘制完毕之后
我们可以按住 Ctrl 键
并且利用滑鼠点击画面中的空白位置
就可以结束这段路径的编辑
锚点的位置要如何决定
把手的角度要如何调整
基本上是有赖于自己的练习与经验累积
不过向量绘图的大原则是
锚点「愈少愈好」
如果锚点太多
不但难以产生圆滑的曲线
编辑造型时也会耗费更多的时间
以这个图形来说
我们甚至可以将它简化为两个锚点
仅利用 Ctrl 键来调整把手
就可以产生一个半圆的造型了
Photoshop 的路径有一个有趣的应用
就是它可以与「文字工具」结合
产生所谓的「路径文字」
操作的方式也非常简单
我首先启用「文字工具」
并且在上方的工具列选定喜好的字型
文字大小
颜色等属性
接着再到路径上点击滑鼠
就可以输入文字的内容
我们甚至也可以利用「直接选取工具」
来调整文字的位置
OK， 第四个练习是关于
「曲线」和「直线」的相互转换
这也是向量绘图中常遇到的一个状况
第一个半圆跟先前的画法相同
应该没有太大的问题
而当一段曲线要转换为直线时
我们要留意底下的这只把手
因为它会引导路径从下方出去
产生了另一段曲线
为了避免这种情形
我们可以按住 Alt 键不放来点击这个锚点
如此就可以将出口端的把手删除
我们也就可以顺利的以滑鼠点击的方式画出直线
而最后直线转曲线同样需要一个把手
来引导曲线的行进方向
但是直线锚点本身并没有把手的存在
因此我们需要从锚点中向上拖曳来产生这个把手
接着再绘制出末端的锚点
并且利用 Ctrl 键调整把手的角度来完成这个图形
最后，为了熟悉笔型工具的使用
你不妨可以去网路上找一些 Logo 来进行练习
在此我以苹果的 Logo 为例
同样我们可以先稍微设想锚点可能的位置
接着就可以从第一个锚点开始拉出把手
再到第二个锚点按住滑鼠、拖曳
重复这个按住、拖曳的动作
曲线若有需要修饰的地方
就按住 Ctrl 键不放来调整把手的长度
至于苹果的缺口是一个转折锚点
因此我拉出把手之后
按住 Alt 键不放将把手折到左侧
上面的锚点同样也是一个转角
所以一样利用 Alt 键
将把手转到曲线离去的方向
接着再利用两个锚点来封闭苹果的路径
以及透过 Ctrl 键来修饰曲线的弧度
最后，上面的叶子可以使用两个转折锚点来完成
我们一样按住 Alt 键将手把折下来
封闭路径时也必须按住 Alt 键
使叶子的底端能保持转角的型态
这样子我们就完成了苹果的路径啰
在影片结束前
最后再和大家分享一个小技巧
我们知道路径可以用来填色
描边
但有的人也会利用路径来进行去背
譬如你可以透过滑鼠右键
执行「制作选取范围」来将路径转为选取区
再执行「剪下的图层」
来将苹果独立出来
另外一个做法
是直接针对路径执行「图层」
「向量图遮色片」
「目前路径」
如此 Photoshop 就会将路径以外的影像
全部遮蔽起来
达到去背的效果
OK，那希望藉由今天的介绍
大家对于「笔型工具」的使用有了一些基本认识
那我们就下回再见啰，拜拜