![UI设计基础培训教程(全彩版·第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/838/50870838/b_50870838.jpg)
1.2.3 矩形工具
“矩形工具”(快捷键为U)可以创建矩形的路径或填充区域,其选项栏如图1-33所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0118.jpg?sign=1739053593-Fn3jPa0omZvRyEogfTiOa5iIs9o00LEJ-0-741185f103221efed9f18ec93a456553)
图1-33
填充:设置矩形的填充颜色,形成一个实心的矩形,如图1-34所示。
描边:设置矩形描边的颜色,形成一个空心的矩形,如图1-35所示。
描边宽度:设置描边的线框宽度,单位为像素,如图1-36所示。
描边选项:设置描边线框的类型、对齐方式、端点类型和角点类型,如图1-37所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0123.jpg?sign=1739053593-fBq5kw4dMN282uIeEUk9gMgp0Z5fD9yP-0-05b194af95f565ff8174a61a5d7f2ae9)
图1-34
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0124.jpg?sign=1739053593-IduwdS8tN81kKowvTqeA2CLvf8qH1RKY-0-20802f2ee1df0457f7ee12773f05107d)
图1-35
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0125.jpg?sign=1739053593-e3KShHUOy5oYn1VeLDZ7ptyNevBo4bip-0-2d2ed24351be13964bed7a4c6c4222d5)
图1-36
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0126.jpg?sign=1739053593-yWLVzqOc2ZSK1fmSKFlpVxdLjypxyCBM-0-d5707eccfa7d5fef1bf51b140ab15023)
图1-37
提示
在创建形状的过程中,按住Shift键并拖曳鼠标,可以绘制正方形; 同时按住Shift键和Alt键并拖曳鼠标,可以绘制以单击点为中心的正方形; 按住Space键并拖曳鼠标,可以移动形状的位置。
在绘制矩形后,矩形的边缘会出现一个定界框,如图1-38所示。按住Shift键并拖曳控制点,可以等比放大或缩小选中的对象,如图1-39所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0127.jpg?sign=1739053593-INJbFXh9CSXn586VUsz1byzcOzyt4BpC-0-cb9817df26ae332f198937a96d3b3650)
图1-38
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0128.jpg?sign=1739053593-hVa1IgTnZvqySej10oXvej8Jf0DYJmNO-0-34ff7cf65a4c2c15e76d7d6fe3129f1f)
图1-39
同时按住Shift键和Alt键并拖曳控制点,可以沿中心点等比例放大或缩小选中的对象,如图1-40所示。将鼠标指针放在定界框外,可以观察到鼠标指针变成了圆弧形箭头,这时拖曳鼠标就可以旋转对象,如图1-41所示。若按住Shift键,则以15°为单位旋转对象,如图1-42所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0129.jpg?sign=1739053593-oz9LLpxqQXI5bqdvL3wNRWoKSMN96YgN-0-b9635e63eaf72b4db55caa2b6470cfc3)
图1-40
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0130.jpg?sign=1739053593-BwBs39IFF4R85CrH3FWBivycuyOBFREu-0-a399afc0e053d166402573f989bd7026)
图1-41
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0025-0131.jpg?sign=1739053593-mgF4VIhcNOXMaJctS36EjCsa0mmeNUXk-0-b38149a796cc5f61c1bb063fcabf08cb)
图1-42
提示
在选择其他对象后,定界框可能会消失。在选择形状类工具或者使用“路径选择工具”选择形状时,会出现定界框; 选择“移动工具”
后执行“编辑>自由变换”菜单命令 (快捷键为Ctrl+T),也会出现定界框。定界框出现后可以放大、缩小或旋转对象。
选择“矩形工具”,在其选项栏中设置圆角半径值,可以创建圆角矩形,如图1-43所示。拖曳矩形的圆角控制点,也可以将矩形修改为圆角矩形,如图1-44所示。按住Alt键并拖曳圆角控制点,可以单独修改一个角的圆角半径,如图1-45所示。
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0135.jpg?sign=1739053593-Dbg0iMrZpEAs950lmKKqarKKK5bNzgs9-0-023330c56162faac62525becf449d351)
图1-43
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0136.jpg?sign=1739053593-W4RZItJWucii7NTLW5Zfv8dhirgwWrBi-0-dc70d63447f5fed6439484adc4ba313c)
图1-44
![](https://epubservercos.yuewen.com/BCA662/29980910103956906/epubprivate/OEBPS/Images/figure-0026-0137.jpg?sign=1739053593-OzBASAvryoqV0ra7zCu2lyKfKcVJHocJ-0-96247b0b6a710aaee5550f635ce617f9)
图1-45