第二章 基本图形的绘制与编辑

本章任务

• 掌握 AI 绘制基本图形的方法
• 掌握对 AI 基本图形的编辑方法
• 掌握 AI 基本图形的变换操作

矢量图形的构成

学习目的： 了解矢量图形的组成部分

• 矢量路径

​        矢量路径可以理解为限制图形的边界, 每个矢量图都有一条路径包围着

• 颜色

​         由“填充”和“描边”组成，“填充”和“描边”使矢量图形变得五颜六色。

绘制基本图形

学习目的：

• 学习在 AI 中使用 5 种工具去绘制一些基本图形
• 在 AI 中绘制基本图形时，描边和填充是如何设置的。

绘制基本图形的工具使用:

特点： 每个工具单击空白工作区时可以精确绘制图形

1.“矩形工具”（M）

1）可以直接绘制任意矩形

2）绘制正方形

按 Alt 键绘制，是从指定的区域绘制

按 Alt+Shift 键，是从中心开始绘制

2.“圆角矩形工具”

1）可以直接绘制任意圆角矩形

2）绘制正圆角矩形：

按 Alt 键绘制，是从指定的区域绘制

按 Alt+Shift 键，是从中心开始绘制

改变圆角大小——在绘制圆角矩形时，拖动鼠标情况下:

左方向键控制最小圆角

右方向键控制最大圆角

上方向键增大圆角

下方向键减小圆角

3.“椭圆工具”（L）

1）可以直接绘制任意椭圆

2）绘制正圆：

按 Alt 键绘制，是从指定的区域绘制

按 Alt+Shift 键，是从中心开始绘制

4.“多边形工具”

1）在绘制多边形时，拖动鼠标情况下：

上方向键增加边数

下方向键减少边数

5.“星形工具”

1）在绘制星形时，拖动鼠标情况下:

上方向键增加角的数量

下方向键减少角的数量

按 Ctrl 键向外拖拽，可以增加角的尖锐度

按 Ctrl 键向里收缩，可以减小角的尖锐度

按 Alt 键可以恢复默认角的尖锐度 ​ ​

描边和填充的使用 ：

描边和填充”

1）在工具箱中下面的前景色和背景色是由填充和描边组成的，谁在前，改变的就是谁的颜色

2）X 键 描边和填充前后位置进行互换

3）Shift+ X 键 描边和填充颜色进行互换

4）在 AI 中描边的值可以输入小数

5) 可以设置单色填充和渐变填充

描边面板的使用：

​1）描边的粗细

2）端点——针对开放描边，可以设置平头、圆头、方头

3）边角——针对闭合描边，可以设置直角、圆角、切角

4）对齐描边——针对闭合描边，可以设置描边的居中、内侧、外侧对齐 ​

演示案例

• 案例 1： 使用“矩形工具、圆角矩形工具”制作 UI 图标

案例思路：

1）使用圆角矩形工具和矩形工具绘制, 绘制时注意圆角的控制；；

2) 使用“填充”效果进行填色；

3) 使用“直接选择工具”更改图形锚点，使图形变形；

4) 使用“选择工具”选中图形更改元素位置

• 案例 2 ：用椭圆工具绘制天气图标

案例思路：

1）使用“圆角矩形工具”和“椭圆工具”进行绘制；

2) 使用“填充”效果进行填色；

3) 使用“选择工具”选中图形更改元素位置

• 案例 3： 用星形工具制作游戏标志

案例思路：

1）使用“星形工具”、“椭圆工具”、“矩形工具”等进行绘制；

2) 结合“渐变工具”和“渐变命令”进行渐变色填充，

3) 使用“钢笔工具”添加锚点，结合“直接选择工具”修改锚点位置而改变图形外观；

4)“文字”工具输入相应的文字

选择 / 群组 / 排列对象

学习目的：

• 学习对 AI 绘制的基本图形操作的工具有哪些？
• 掌握在 AI 中如何对所绘制的对象进行排列顺序和群组

选择对象的工具

1.“选择工具 (V)”

特点：可以把多边形或者矩形的角变成圆角

1）选择对象

在需要选择的对象上单击，即可选中对象

2）移动对象

在需要选择的对象上单击，直接拖拽移动

3) 删除对象

在需要选择的对象上单击，Delete 键删除

4) 复制对象

直接复制：在需要选择的对象上单击，按 Alt 键拖拽即可复制

重复复制：

1. 复制对象

2. 移动位置或者旋转角度

3. 执行 Ctrl+D

2.“直接选择工具组（A）”

特点：

1) 选择图形指定的锚点，可以改变图形角的度数

2) 单独选中其中一个锚点，双击鼠标，可出现“边角构建”弹窗，可精确设置角的参数

3) 长按该工具，出现“直接选择工具”和“编组选择工具”

1）直接选择工具（A）

主要用调整图形描点，达到把图像变形的目的

2）编组选择工具

主要是用来移动已经编组的对象里面的单个元素的位置

3.” 魔棒工具（Y）”

选择相同（相似）填充、描边、透明度或混合模式的图形

4.” 套索工具（Q）“

用来选中图形元素的锚点

群组对象

作用：主要对两个或者多个图形进行编组

1) 对象编组

编组后的对象可以进行统一的操作，如移动、旋转等

快捷键：Ctrl+G

选中要编组的对象，鼠标右键——编组

2) 取消编组

对于包含多个组的编组对象，则应执行多次“取消编组”命令

快捷键：Shift+Ctrl+G

选中编组的对象，鼠标右键——取消编组

排列对象

作用：对在 AI 中所绘制的多个图形进行上下顺序调整

用法：选中要调整的图形，执行对应的快捷键即可；

1）置于顶层：

对象菜单——排列——置于顶层

快捷键：ctrl+Shift+]

2）置于底层：

对象菜单——排列——置于底层

快捷键：ctrl+Shift+[

3）前移一层：

对象菜单——排列——前移一层

快捷键：ctrl+]

4）后移一层：

对象菜单——排列——后移一层

快捷键：ctrl+[

复制粘贴对象

1) 原位粘贴到对象前面:Ctrl+F

2) 原位粘贴到对象后面:Ctrl+B

锁定和隐藏对象

1) 锁定对象

对图形锁定：

对象菜单——锁定——所选对象

快捷键：Ctrl+2

对图形解锁：

对象菜单——全部解锁

快捷键：Ctrl+Alt+2

2) 隐藏对象

对图形隐藏：

对象菜单——隐藏——所选对象

快捷键：Ctrl+3

对图形显示：

对象菜单——显示全部

快捷键：Ctrl+Alt+3

对齐和分布对象

作用：

1) 把指定的对象针对于画布或者图形进行对齐或分布对象;

2) 需要结合“对齐”面板进行, 窗口菜单——“对齐”命令

1) 对齐对象

水平左对齐

水平居中对齐

水平右对齐

垂直顶对齐

垂直居中对齐

垂直底对齐

2) 分布对象

垂直顶分布

垂直居中分布

垂直底分布

水平左分布

水平居中分布

水平右分布

演示案例

• 案例 1： 制作电池效果图

案例思路:

1) 此电池效果图主要是由圆角矩形组成，同时表示电量的矩形是等距离规则排列。

2) 完成该效果需要执行绘制图形、对齐等基本操作

• 案例 2： 网友互动图标绘制

案例思路:

1) 使用“椭圆”工具图标模板

2) 使用“矩形”、“椭圆”、“圆角矩形”、“直接选择”工具完成图标的绘制

变换对象

学习目的：

• 学习变换对象的工具有哪些？
• 如何把所绘制的基础图形经过变换操作变成另一种图形

1. 移动对象

工具：” 选择工具（V）”>

手动移动：直接使用“选择工具”拖拽对象

精确移动：双击“选择工具”，在弹窗中设置精确数值进行移动

2. 旋转对象

工具：” 旋转工具组 ”

1. 旋转工具：

手动旋转：直接使用“旋转工具”旋转对象，也可调整图形的中心点

精确旋转：双击“旋转工具”，在弹窗中设置精确数值进行旋转

精确旋转：选择“旋转工具”，按 Alt 键单击图形，在可调整图形的中心点情况下，对图形进行精确数值旋转

2. 镜像工具：!

作用：对图形进行水平或者垂直翻转

精确调整：双击“镜像工具”，在弹窗中设置选项进行翻转

精确调整：选择“镜像工具”，按 Alt 键单击图形，在可调整图形的中心点情况下，对图形进行翻转

3. 缩放对象

工具：“比例缩放工具组”

1) 比例缩放工具：!

手动缩放：直接使用“比例缩放工具”缩放对象

精确缩放：双击“比例缩放工具”，在弹窗中设置精确数值进行旋转

2) 倾斜工具

手动倾斜：直接使用“倾斜工具”倾斜对象

精确旋转：双击“倾斜工具”，在弹窗中设置精确数值进行倾斜

4) 变换对象

1). 需要结合“变换”面板使用，窗口菜单——变换命令，调出“变换”面板

2). 在面板中可精确调整图形的尺寸和角度等属性。

注意：“缩放圆角”和“缩放描边和效果”该两项选中和不选中的区别

注意：在“缩放工具”中也有“缩放圆角”和“缩放描边和效果”

演示案例

• 案例 1： 绘制儿童立体相框

案例思路:

1). 该案例在绘制时，需要对对象进行调整变换

2). 要执行绘制图形、旋转对象、镜像对象等操作