![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=1739416791-iltxZlBz2nOCjD4qrRZyl39ZJ5trKEkv-0-ca3097d721120a6edf4c244c146dd6c9)
图1-100
填充:设置矩形填充的颜色,如图1-101所示。
描边:设置矩形描边的颜色,如图1-102所示。
描边粗细:设置描边线条的粗细。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0247.jpg?sign=1739416791-uV5bzozVZUfWDvDWvVS5kT06iBrRBy19-0-db478a557ecc042090f432f9122141da)
图1-101
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0248.jpg?sign=1739416791-KaCiFjDSVLtnzr1JPDoarzW3J4064IHh-0-a227461f8cc541e276ab51eb7db4097c)
图1-102
提示
在“描边”面板中可以设置描边的粗细、端点、边角和对齐描边等属性,如图1-103所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0249.jpg?sign=1739416791-ucWiYpLvhpUoeKqutZxrZOArPZP3BYrs-0-84cf21b481d2de023b98132865a4e093)
图1-103
不透明度:设置矩形显示的不透明度,默认为100%,即完全显示。
形状:单击可弹出下拉面板,在其中可以设置矩形的长度、宽度、旋转角度和圆角半径等参数,如图1-104所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0251.jpg?sign=1739416791-cA0908h8fw5DcelSRzS24AMS383rP3mg-0-308e11cf0ef1e0668907473d4e745ea1)
图1-104
提示
在“变换”面板中也可以修改相应的参数,如图1-105所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0033-0252.jpg?sign=1739416791-JDnUnkQCqFdQUMC0cETubA80xnCuDpEh-0-3e516d010c1d9c99bcf10f074415d3ff)
图1-105
在创建矩形后,在“变换”或“属性”面板中修改“圆角半径”的数值,即可创建圆角矩形,如图1-106所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0034-0253.jpg?sign=1739416791-SXRkUcVmHHSCtUDWJu1lpByLqIj358bI-0-976e3f584ff8be4c035bd35e3ef2e66d)
图1-106
除了可以在“变换”或“属性”面板中设置“圆角半径”参数,还可以直接在矩形上设置圆角效果。选中矩形,矩形内侧会出现4个圆角控制点,如图1-107所示。拖曳圆角控制点,可以将直角变成圆角,如图1-108所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0034-0254.jpg?sign=1739416791-KAZFODH5TN9JE4YOUe0PdXt1FVr8HnIX-0-5d7615b1afba4a3d175a5478562ea23e)
图1-107
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0034-0255.jpg?sign=1739416791-armWQcoEOYBfvLy9tQF4kdvSFX0jIdPb-0-14f5598c0c7dcb84eb3e5bb3629b2587)
图1-108