![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=1739416060-eYY6p6327PYksu7YDhiV0vhA3C1uU3Eu-0-197092fd37560a6f3f489c17974478df)
图1-48
“钢笔工具”配合一些快捷键可以形成不同的操作效果。
钢笔工具+Shift键:当创建新锚点时,系统会以45°或其倍数生成新的锚点,如图1-49所示。
钢笔工具+Alt键:当按住Alt键时,“钢笔工具”会暂时切换为“转换点工具”
,这时拖曳选中的点会由尖锐的角点会变成带控制手柄的圆滑角点,如图1-50所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0148.jpg?sign=1739416060-OSuf8602GU5hKwqrAjlcsygbA1swH1cg-0-2d7fc4dd593fd639c7243b2266d1cc20)
图1-49
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0149.jpg?sign=1739416060-wkW1PsHjP0tYFmFIdxuZQqJL8rkr1Ksn-0-4e49b21b948365246157c9288393ecd6)
图1-50
钢笔工具+Ctrl键:当按住Ctrl键时,“钢笔工具”会暂时切换为“直接选择工具”
,选中锚点,可以移动其位置或改变曲线角度,如图1-51所示。
“钢笔工具”不仅能绘制直线,还能绘制曲线,两者在操作上有些区别。
绘制直线:用“钢笔工具”在图像的任意位置单击,可以创建第1个锚点,然后将鼠标指针移动到图像的其他位置再次单击,可以创建第2个锚点。与此同时,创建的两个锚点之间会生成一条直线,如图1-52所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0154.jpg?sign=1739416060-t0W1nAV3cZ5FQHvfp7V96VZggsQ7GG4F-0-550b0529436c0294e4797a6f32ad0b66)
图1-51
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0155.jpg?sign=1739416060-fg6qUUFnULWoM5981ebLjVpGvGEEktB7-0-117d8b6143bb47bebdbeb207197a171c)
图1-52
提示
当设置“描边”的颜色和宽度后,才能在图像上看到生成的直线,若仅设置“填充”颜色,则可能会生成一个色块区域,如图1-53所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0156.jpg?sign=1739416060-lZ9s6i8OIpI4NXo9QKHLfP6GpvzTOsgO-0-28c2facfc107e6699e02a7e4f02c6960)
图1-53
绘制曲线:用“钢笔工具”在图像的任意位置拖曳鼠标,可以建立一个曲线锚点,然后将鼠标指针移动到其他位置再次拖曳,可以创建第2个曲线锚点。与此同时,新建的两个锚点之间会生成一条曲线,如图1-54所示。调整锚点的控制手柄可以调整曲线弯曲的弧度。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0027-0158.jpg?sign=1739416060-ow2zXPueqYXrwLzcqp9L6sebykl3wppr-0-6d31086d16296f1aad2832ffdd43f0da)
图1-54