第二章 基本图形的绘制与编辑
本章任务
- 掌握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+F2) 原位粘贴到对象后面: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).要执行绘制图形、旋转对象、镜像对象等操作