![UI设计基础培训教程(全彩版·第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/838/50870838/b_50870838.jpg)
上QQ阅读APP看书,第一时间看更新
1.2.5 钢笔工具
“钢笔工具”(快捷键为P)可以绘制任意形状的路径,其选项栏如图1-48所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0144.jpg?sign=1739048654-ykNWsp3XAUMM456Uem2fJpEGUFkmwiE8-0-80f9b14c22d06922fa3a410aca1f74e6)
图1-48
“钢笔工具”配合一些快捷键可以形成不同的操作效果。
钢笔工具+Shift键:当创建新锚点时,系统会以45°或其倍数生成新的锚点,如图1-49所示。
钢笔工具+Alt键:当按住Alt键时,“钢笔工具”会暂时切换为“转换点工具”
,这时拖曳选中的点会由尖锐的角点会变成带控制手柄的圆滑角点,如图1-50所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0148.jpg?sign=1739048654-qDbCNLiiw6Mx2G0cS6RlSN2dOIyfiJst-0-ba1275357ca82e4d80d149708d0b836a)
图1-49
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0149.jpg?sign=1739048654-nr4im0hkvgdXfqWAJZT3RpGov9qjLZ44-0-54e962fe86bb2665c96f4fc9c30ec94d)
图1-50
钢笔工具+Ctrl键:当按住Ctrl键时,“钢笔工具”会暂时切换为“直接选择工具”
,选中锚点,可以移动其位置或改变曲线角度,如图1-51所示。
“钢笔工具”不仅能绘制直线,还能绘制曲线,两者在操作上有些区别。
绘制直线:用“钢笔工具”在图像的任意位置单击,可以创建第1个锚点,然后将鼠标指针移动到图像的其他位置再次单击,可以创建第2个锚点。与此同时,创建的两个锚点之间会生成一条直线,如图1-52所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0154.jpg?sign=1739048654-63bp2n2b0YyjlTNGEzmKJevZ5X0qjNPO-0-79562ba4b7b3ab7a268a6397ede26b83)
图1-51
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0155.jpg?sign=1739048654-qoUGjsufuKnSWxiYp0ulY4Wofw1eYddv-0-19863eaf11699ca8d38a7e6973d61706)
图1-52
提示
当设置“描边”的颜色和宽度后,才能在图像上看到生成的直线,若仅设置“填充”颜色,则可能会生成一个色块区域,如图1-53所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0156.jpg?sign=1739048654-zOEYFNVb2i7ZNwtC1d5Q0GQwnDwptXri-0-9d36e86715aaf7c99a9b6de85edf5be0)
图1-53
绘制曲线:用“钢笔工具”在图像的任意位置拖曳鼠标,可以建立一个曲线锚点,然后将鼠标指针移动到其他位置再次拖曳,可以创建第2个曲线锚点。与此同时,新建的两个锚点之间会生成一条曲线,如图1-54所示。调整锚点的控制手柄可以调整曲线弯曲的弧度。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0158.jpg?sign=1739048654-piTZ4gbzIwP7Ej4LbHQ31VmuJckwoPra-0-bdbe233dcd2bea7987cff7c8c1957815)
图1-54