![UI设计基础培训教程(全彩版·第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/838/50870838/b_50870838.jpg)
上QQ阅读APP看书,第一时间看更新
1.4.5 矩形工具
Illustrator中“矩形工具”(快捷键为M)的操作方法与Photoshop中的相同,其选项栏如图1-100所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0243.jpg?sign=1739047745-ln2fhEVlHNlgkH0AkWFs77MKqnRoFRNe-0-41a627c4553fbec7b26f5ebf2f7b2afd)
图1-100
填充:设置矩形填充的颜色,如图1-101所示。
描边:设置矩形描边的颜色,如图1-102所示。
描边粗细:设置描边线条的粗细。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0247.jpg?sign=1739047745-hACgWZTDEXgfN3lI2wHn4f0RNAFfO5Ua-0-91040be2f04fe28039478a3b270fc278)
图1-101
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0248.jpg?sign=1739047745-hwP0YYUTfkoaYWU2uWb0Sujnpkkkkqvc-0-cf9332ccb1d847fe3cf7058bef5841b3)
图1-102
提示
在“描边”面板中可以设置描边的粗细、端点、边角和对齐描边等属性,如图1-103所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0249.jpg?sign=1739047745-2BQyPsac0iWoy51OuI9F44o85fFNu2Ce-0-5ecd2d96cc009e3d743586e804105d22)
图1-103
不透明度:设置矩形显示的不透明度,默认为100%,即完全显示。
形状:单击可弹出下拉面板,在其中可以设置矩形的长度、宽度、旋转角度和圆角半径等参数,如图1-104所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0251.jpg?sign=1739047745-klZ4OPb4FMjcLQObCy4p5UyxZspYDpGQ-0-651e1b022828c547f2fa9c9335e54a81)
图1-104
提示
在“变换”面板中也可以修改相应的参数,如图1-105所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0252.jpg?sign=1739047745-bTlkJlH3Yodo99dShz7k0MMVT8Gyb60N-0-4600a354b5df4931051bdc5f13e7d040)
图1-105
在创建矩形后,在“变换”或“属性”面板中修改“圆角半径”的数值,即可创建圆角矩形,如图1-106所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0034-0253.jpg?sign=1739047745-EaicH0kDYcSjGgn1RdouIOZcCQ4BrYJ7-0-b5c4a95018b584bd55aeaa138df2770f)
图1-106
除了可以在“变换”或“属性”面板中设置“圆角半径”参数,还可以直接在矩形上设置圆角效果。选中矩形,矩形内侧会出现4个圆角控制点,如图1-107所示。拖曳圆角控制点,可以将直角变成圆角,如图1-108所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0034-0254.jpg?sign=1739047745-k5fkaPmcvsIMIJyK7vrcLAQm9RaRevwE-0-916406b23d4bdebd5e1fcd944d11ab22)
图1-107
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0034-0255.jpg?sign=1739047745-Z3dBtO4aGiMIDLRFOWmQ714khvHxxm7A-0-19a7fb6c50b42ada069b74ee8fce187c)
图1-108