UI设计基础培训教程(全彩版·第2版)
上QQ阅读APP看书,第一时间看更新

1.2.3 矩形工具

“矩形工具”(快捷键为U)可以创建矩形的路径或填充区域,其选项栏如图1-33所示。

图1-33

填充设置矩形的填充颜色,形成一个实心的矩形,如图1-34所示。

描边设置矩形描边的颜色,形成一个空心的矩形,如图1-35所示。

描边宽度设置描边的线框宽度,单位为像素,如图1-36所示。

描边选项设置描边线框的类型、对齐方式、端点类型和角点类型,如图1-37所示。

图1-34

图1-35

图1-36

图1-37

提示

在创建形状的过程中,按住Shift键并拖曳鼠标,可以绘制正方形; 同时按住Shift键和Alt键并拖曳鼠标,可以绘制以单击点为中心的正方形; 按住Space键并拖曳鼠标,可以移动形状的位置。

在绘制矩形后,矩形的边缘会出现一个定界框,如图1-38所示。按住Shift键并拖曳控制点,可以等比放大或缩小选中的对象,如图1-39所示。

图1-38

图1-39

同时按住Shift键和Alt键并拖曳控制点,可以沿中心点等比例放大或缩小选中的对象,如图1-40所示。将鼠标指针放在定界框外,可以观察到鼠标指针变成了圆弧形箭头,这时拖曳鼠标就可以旋转对象,如图1-41所示。若按住Shift键,则以15°为单位旋转对象,如图1-42所示。

图1-40

图1-41

图1-42

提示

在选择其他对象后,定界框可能会消失。在选择形状类工具或者使用“路径选择工具”选择形状时,会出现定界框; 选择“移动工具”后执行“编辑>自由变换”菜单命令 (快捷键为Ctrl+T),也会出现定界框。定界框出现后可以放大、缩小或旋转对象。

选择“矩形工具”,在其选项栏中设置圆角半径值,可以创建圆角矩形,如图1-43所示。拖曳矩形的圆角控制点,也可以将矩形修改为圆角矩形,如图1-44所示。按住Alt键并拖曳圆角控制点,可以单独修改一个角的圆角半径,如图1-45所示。

图1-43

图1-44

图1-45