矢量图形设计教案

汉赫食品菜品藏漆技桁号院

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

2011〜20吐学年第二学期

教嗓

课程名称：矢量图形设计

授课班级：设计141/多媒体141

校内教师：嵇可可/48学时

兼职教师：/学时

课程学时：48___________

课程类型：DA类EIB类DC类

/type-tool-illustrator-the-comprehensive-guide/

教务处制

同江藤食品豫品藏米技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

1.IllustratorCS5的操作界面学时2

一、教学目标

1.了解矢量图的概念；了解矢量图与位图的异同；

2.掌握Illustrator的软件常用功能和CS5版本的新功能；

3.了解图形设计常用的矢量软件；

4.通过学习，使学生能够对软件开始进行最基本的操作。

二、教学重点

Illustrator的软件常用功能和CS5版本的新功能；矢量图与位图的异同；对软件开

始进行最基本的操作。

解决策略：加强讲授与讲解。

三、教学难点

Illustrator的软件常用功能和CS5版本的新功能。

解决策略：加强讲授与讲解。

四、教学过程设计

(一)Illustrator软件知识

1.Illustrator功能与作用

2.矢量图的概念和特点

(1)位图

概念：在位图图象上不管是直线或圆形，应用程序都会将它转换成为一个小小的正

方形，我们称每个小方格为像素，而每个像素都有明确的颜色。

特点：a、可以表现出色彩丰富的图象-图象效果

b、可逼真表现自然界各类景物

c、不能任意放大缩小，且图象数据量大

(2)矢量图

概念：由数学方式描述的线条，组成的图形。记录图形中的内容，形状

特点：a、任意放大缩小，且图象数据量小

b、色彩不丰富，无法表现逼真的景物

(3)两种图像的存储方式：

国江藤食品豫品藏噪技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

矢量图，简单说来，就是通过数学计算画图。在计算机里，矢量图的存储表现为一

个描述该图基本形状的数学方程的算法。位图，最基本的组成单位是像素，计算机必须

精确存储每个组成位图的象素的位置，颜色等信息。矢量图的装载要比位图快，因为计

算机里的对应方程要描述的只是图形（直线或曲线），而不是一个一个的象素。

教学方法：提问、讨论。

教学手段：板书、PPTO

时间安排：45min。

（二）Illustrator的操作界面

1.标题栏：显示Illustrator软件相关版本信息；

2.菜单栏：包括10个菜单项，位于标题栏的下方；

3.工具栏：用来提供绘图工具，用来选取各种物件、进行绘图和制作各种效果；

4.状态栏：包括三部分（左侧显示当前文件的视图比例、中间显示当前使用工具、

时间和日期等信息）；

5.控制面板：右侧的面板（默认包括四个调板）。

教学方法：案例引导法。

教学手段：板书、PPTo

时间安排：45mino

五、参考资料

UdobeIllustratorCS5图形设计与制作标准实训教程》彭麟印刷工业出版社

六、教学效果及改进思路

本节课，整体内容难度不大，学生总体掌握的情况良好；课后需要学生对该软件进

一步加强练习和训练，并进行复习巩固所讲内容。

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

2.基础入门学时2

一、教学目标

1.掌握菜单栏的主要功能；

2.掌握文件、编辑、对象、文字、选择、效果、视图、窗口等中各命令的使用；

3.了解拾色器的作用，并学会使用；

4.进一步了解和熟悉软件的界面。

二、教学重点

菜单栏的主要功能；文件、编辑、对象、文字、选择、效果、视图、窗口等中各命

令的使用。

解决策略：加强讲授与练习。

三、教学难点

文件、编辑、对象、文字、选择、效果、视图、窗口等中各命令的使用。

解决策略：加强讲授与讲解。

四、教学过程设计

(-)菜单栏的功能和用途

1.菜单栏中包含所有的操作命令，包括10个主菜单：

2.文件、编辑、对象、文字、选择、效果、视图、窗口等中各命令的使用：

文件：“新建”“打开”“存储”等命令的使用;

编辑：“还原”“复制”“首选项”等命令的使用和设置；

对象：“编组”“锁定”“路径”“剪切蒙板”等命令的使用和设置；

文字：“字体”“大小”“路径文字”等命令的使用和设置；

选择：“反向”“相同”“对象”等命令的使用；

效果：“变形”“路径”“风格化”等命令的使用和设置；

视图：“实际大小”“显示标尺”“智能参考线”等命令的使用和设置。

教学方法：提问、讨论。

教学手段：板书、PPTo

时间安排：45min。

(-)拾色器的作用

1.填充对象的颜色、填充对象边线的颜色；

南I江陈食品豫品藏噪技桁号■皖

教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

2.更改对象及边框线的颜色；

3.RGB颜色模式

RGB色彩模式(也翻译为“红绿蓝”，比较少用)是工业界的一种颜色标准，是通过

对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的

颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所

能感知的所有颜色，是目前运用最广的颜色系统之一。RGB色彩模式使用RGB模型

为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。例如：纯红色R值

为255,G值为0,B值为0；灰色的R、G、B三个值相等(除了0和255)；白色的R、

G、B都为255；黑色的R、G、B都为0。RGB图像只使用三种颜色，就可以使它们按

照不同的比例混合。

4.CMYK颜色模式

CMYK颜色模式是一种印刷模式。其中四个字母分别指青(Cyan)、洋红(Magenta)、

黄(Yellow)、黑(Black),在印刷中代表四种颜色的油墨。CMYK模式在本质上与RGB

模式没有什么区别，只是产生色彩的原理不同，在RGB模式中由光

源发出的色光混合生成颜色，而在CMYK模式中由光线照到有不同

比例C、M、Y、K油墨的纸上，部分光谱被吸收后，反射到人眼的

光产生颜色。由于C、M、Y、K在混合成色时，随着C、M、Y、K

四种成分的增多，反射到人眼的光会越来越少，光线的亮度会越来越

低，所有CMYK模式产生颜色的方法又被称为色光减色法。

5.HSB颜色模式

从心理学的角度来看，颜色有三个要素：色泽(Hue)、饱和度(Saturation)和亮度

(Brightness)oHSB颜色模式便是基于人对颜色的心理感受的一种颜色模式。它是由RGB

三基色转换为Lab模式，再在Lab模式的基础上考虑了人对颜色的心理感受这一因素而

转换成的。因此这种颜色模式比较符合人的视觉感受，

让人觉得更加直观一些。它可由底与底对接的两个圆锥

体立体模型来表示，其中轴向表示亮度，自上而下由白

变黑；径向表示色饱和度，自内向外逐渐变高；而圆周

方向，则表示色调的变化，形成色环。

教学方法：案例引导法。

教学手段：板书、PPTo

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

时间安排：45mino

五、参考资料

UdobeIllustratorCS5图形设计与制作标准实训教程》彭麟印刷工业出版社

六、教学效果及改进思路

本节课，整体内容难度不大，学生总体掌握的情况良好；课后需要学生对该软件进

一步加强练习和训练，并进行复习巩固所讲内容。

教案

一、教学目标

1.了解菜单栏的主要作用；了解属性栏的作用和使用方法；

2.掌握工具栏的使用步骤和操作方法；

3.掌握绘图基本方法；

二、教学重点

属性栏的作用和使用方法；工具栏的主要作用；菜单栏的主要作用。

解决策略：加强讲授与演示。

三、教学难点

个别工具和快捷键的使用。

解决策略：加强讲授与讲解。

四、教学过程设计

(-)工具栏的主要功能

1.工具栏主要工具有：

同缶伯地.目M视图平移、页面、标尺工具

移动工具：V添加锚点工具：+矩形、圆角矩形工具：MH

选取工具：A删除锚点工具：T铅笔、圆滑、抹除工具：N默认填充色和描边色：D

钢笔工具：P多边形工具：L旋转、转动工具：R切换填充和描边：X

画笔工具：B自由变形工具：E缩放、拉伸工具：S镜向、倾斜工具：0

图表工具：J渐变网点工具：U剪刀、裁刀工具：C混合、自动描边工具：W

颜色取样器：I屏幕切换：F油漆桶工具：K渐变填色工具：G

2.常用命令：

锁定/解锁参考线：将所选对象变成参考将变成参考线的物体还原：

Ctrl+Alt+；线:Ctrl+5Ctrl+Alt+5

显示/隐藏网格：显示/隐藏“制表”面板：

贴紧参考线：Ctrl+Shift+；

Ctrl+”Ctrl+Shift+T

贴紧网格：显示或隐藏工具箱以外的所有调

捕捉到点:Ctrl+Alt+M

Ctrl+Shift+W板：Shift+TAB

显示/隐藏“段落”面

应用敏捷参照：Ctrl+U显示/隐藏“信息”面板：F8

板：Ctrl+M

显示/隐藏“字体”面板：显示/隐藏“画笔”面选择最后一次使用过的面板：

Ctrl+T板：F5Ctrl+~

显示/隐藏所有命令面板：显示/隐藏“颜色”面显示/隐藏“属性”面板：F11

钟江藤食品豫品藏豫技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

TAB板：F6

口。显示/隐藏“图层”面

显示/隐藏“渐变”面板:「9板:F7显示/隐藏“描边”面板：F10

文字左对齐或顶对齐：文字居中对齐：将所选文本的文字增大2象素：

Ctrl+Shift+LCtrl+Shift+CCtrl+Shift+>

文字右对齐或底对齐：文字分散对齐：将所选文本的文字减小2象素：

Ctrl+Shift+RCtrl+Shift+JCtrl+Shift+<

将字体宽高比还原为1比1：将字距设置为0：将所选文本的文字减小10象素：

Ctrl+Shift+XCtrl+Shift+QCtrl+Alt+Shift+<

将图像显示为边框模式（切将行距减小2象素：将所选文本的文字增大10象素：

换）:Ctrl+YAlt+\Ctrl+Alt+Shift+>

显示/隐藏路径的控制点：将行距增大2象素：将字距微调或字距调整减小

Ctrl+HAlt+t20/1000ems：Alt+-

放大到页面大小：将字距微调或字距调整增加

显示/隐藏标尺：Ctrl+R

Ctrl+020/1000ems：Alt+-*

对所选对象预览（在边框模式中）：

显示/隐藏参考线：Ctrl+；实际象素显示：Ctrl+1

Ctrl+Shift+Y

教学方法：提问、讨论。

教学手段：板书、PPTo

时间安排：45min。

（二）Illustrator常用技巧

1.使用基本绘图工具时，在工作区中单击可以弹出相应的对话框，在对话框中对工

具的属性可以进行精确的设置。

2.按ALT键单击工具循环选择隐藏工具，双击工具或选择工具并按回车键显示选定

工具所对应的选项对话框。

3.按下CapsLock可将选定工具的指针改为十字形

4.从标尺中拖出参考线时，按住鼠标按下ALT键可以在水平或垂直参考线之间切

换。

5.选定路径或者对象后，打开视图-参考线一建立参考线，使用选定的路径或者对

象创建参考线，释放参考线，生成原路径或者对象。

6.对象一路径一添加锚点，即可在所选定路径每对现有锚点之间的中间位置添加一

个新的锚点，因此使用该命令处理过的路径上的锚点数量将加倍。所添加锚点的类型取

决于选定路径的类型，如果选定路径是平滑线段，则添加的锚点为平滑点；如果选定的

路径是直线段，则添加的锚点为直角点。

囱I江陈食品豫品藏噪技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

7.使用旋转工具时，默认情况下，图形的中心点作为旋转中心点。按住ALT键在画

板上单击设定旋转中心点，并弹出旋转工具对话框。在使用旋转、反射、比例、倾斜和

改变形状等工具时，都可以按下ALT键单击来设置基点，并且在将对象转换到目标位

置时，都可以按下ALT键进行复制对象。

8.再次变换：CTRL+D；

9.使用变形工具组时，按下ALT键并拖动鼠标调节变形工具笔触形状；

10.包含渐变、渐变网格、裁切蒙版的对象不能定义画笔。

11.剪切工具：使用该工具在选择的路径上单击出起点和终点，可将一个路径剪成两

个或多个开放路径。

12.裁刀工具：可将路径或图形裁开，使之成为两个闭合的路径。

13.画笔选项：填充新的画笔笔画：用设置的填充色自动填充路径，若未选中，则不

会自动填充路径。

14.反射工具：单击定位轴心，点鼠标进行拖移，可以轴心为旋转中心对镜像结果进

行旋转，单击两次富庶变换轴，进行对称变换。

15.使用比例工具时，可以用直接选择工具选中几个锚点，缩放锚点之间的距离。

16.自由变换工具：可对图形、图像进行倾斜、缩放以及旋转等变形处理，先按住范

围框上的节点不松，再按CTRL键进行任意变形操作，再加上ALT键可进行倾斜操作。

17.扭转工具：将图形做旋转，创建类似于涡流的效果。扭转比例：扭转的方向。细

节：确定图形变形后锚点的多少，特别是转折处。简化：对变形后的路径的锚点做简化,

特别是平滑处。

18.混合工具:一个对象从形状'颜色渐变混合到另一个对象，先点击第一个要混合的

图形,再点击第二个要混合的图形就可以得到混合效果.双击打开混合对话框；

（三）表情绘制

教学方法：案例引导法。

教学手段：板书、PPTO

时间安排：45mino

五、参考资料

«AdobeIllustratorCS5图形设计与制作标准实训教程》彭麟印刷工业出版社

六、教学效果及改进思路

本节课主要整体内容，学生总体掌握的情况良好；课后需要学生对该软件进一步加

强练习和训练，并进行复习巩固所讲内容。

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

4.简单星形、多边形的制作、信封制作学时2

一、教学目标

1.了解图形工具命令；掌握图形工具的功能和使用；

2.掌握图形工具的快捷键并学会绘制简单几何图形；

3.了解图形工具组并学会编辑使用；

二、教学重点

图形工具的功能和使用；形工具的快捷键并会绘制简单几何图形。

解决策略：加强讲授与讲解。

三、教学难点

利用快捷键绘制简单几何图形。O

解决策略：加强讲授与讲解。

四、教学过程设计

(-)矩形工具组的使用

1.矩形工具组

功能：单击该工具组中的工具，拖动鼠标左键绘制基本图形；

单击空白区域一一可以设置所要绘制几何图形的相关参数

2.辅助辅助快捷键的使用

辅助键使用时：可以连续绘制出多个几何图形。

辅助“alt”键使用时：可以以鼠标起始点为中心点连续绘制出该几何图形。

辅助“shift”键使用时：可以以鼠标起始点为起始点绘制出该几何图形。

辅助“tI-”方向键使用时：可以绘制不同边数的几何图形。

3.多边形、星形、螺旋形的绘制方法：

按shift键，可把多边形(星形、螺旋形)摆正，并与基线对齐；

按Alt键，使星形的每个角两侧的“肩线”在一条线上；

按Ctrl键，调整星形内部顶点的半径，即星形每一个角的尖锐度；

按空格键，暂时“冻结”你正在绘制的对象，拖动鼠标放到合适位置；

绘制时按~键，以绘制图形的起点复制对象；

绘制过程中可以以对象的中心点为基点缩放、旋转对象；这时按~键，可边缩放、

旋转边复制对象;

闻I江陈食品豫品藏米技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

绘制时，利用键盘上下方向键，增加或减少多边形（星形、螺旋形）的边（圈）数。

注：多边形和星形的边数3~1000。

在绘制过程中，按Shift键可以使螺旋线以45度来增量旋转。

按R键可改变螺旋线的旋转方向。

教学方法：提问、讨论。

教学手段：板书、PPTO

时间安排：45min。

（-）五环的绘制

绘制步骤：

1.按住“Alt”键不放，选择椭圆工具，拖动鼠标，绘制出一个正圆形；

2.选中椭圆形，按住“Alt”键不放，同时拖动鼠标复制一个正圆形；

3.将新绘制的正圆形缩小至85%；

4.将两个正圆形全部选中，选择“路径查找器”命令，造型绘制出圆环图形；

5.复制并均匀排列圆环图形，效果如图。

6.将所有圆环的颜色分别改为蓝、黑、红、橙、绿色。

7.选择“路径查找器”命令，将所有对象选中，点击“分割”命令。

8.右击图形，执行“取消编组”命令，依次将相交部分颜色改成如图效果。

9.绘制完成，效果如图。

।南江藤食品豫品藏豫技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

E

E

0

条码区^

z»

.20mm_30mm

L55mm

i60nun

L

国内信封B6、DL、ZL号正面示意图

教学方法：案例引导法。

教学手段：板书、PPT。

时间安排：45mino

五、参考资料

«AdobeIllustratorCS5图形设计与制作标准实训教程》彭麟印刷工业出版社

阿I江藤食品豫品赖噪技桁号院教案

\>gF/JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

六、教学效果及改进思路

本节课，整体内容难度不大，学生总体掌握的情况良好；课后需要学生对该软件进

一步加强练习和训练，并进行复习巩固所讲内容。

5.太极图绘制，花形绘制2学时

一、教学目标

1.了解铅笔工具组的作用及重要性；掌握铅笔工具组及其快捷键的使用；

2.学会使用钢笔工具组；

3.学会利用钢笔工具组绘制图形及案例。

二、教学重点

铅笔工具组的作用及重要性；铅笔工具组及其快捷键的使用；利用钢笔工具组绘制

图形及案例。

解决策略：加强讲授与讲解。

三、教学难点

路径查找器的使用方法。

解决策略：加强讲授与讲解。

四、教学过程设计

（―）Illustrator软件知识

1.Illustrator功能与作用

。铅笔工具（快捷键N）

4，铅笔工具（N）

Z平滑工具

J路径橡皮榛工具

铅笔工具

南汉藤食品廉品班球技桁学院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

跟画笔工具相同的道理，只不过铅笔工具比较细。

平滑工具

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

使用过后就会使边缘变得平滑。

前提是，首选用选择工具选中该线条或图形后在使用平滑工具，不然无效果。

路径橡皮擦工具

//

跟平滑工具一样，需先选中该图形或线条在使用，可以擦掉线条路径上的痕迹。

2.使用铅笔工具绘制自由路径

1）选择铅笔工具

2）将工具定位到希望路径开始的地方，然后拖动以绘制路径。铅笔工具女将显示

一个小x以指示绘制任意路径。

当您拖动时，一条点线将跟随指针出现。锚点出现在路径的两端和路径上的各点。

路径采用当前的描边和填色属性，并且默认情况下处于选中状态。

2.使用铅笔工具绘制闭合路径

1）选择铅笔工具。

2）将工具定位到希望路径开始的地方，然后开始拖动绘制路径。

3）开始拖动后，按下Alt键（Windows）或Option键（MacOS）□铅笔工具显示

一个小圆圈（在InDesign中，显示一个实心橡皮擦）以指示正在创建一个闭合

路径。

4）当路径达到所需大小和形状时，松开鼠标按钮（不是Alt或Option键）。路径

闭合后，松开Alt或Option键。

无需将光标放在路径的起始点上方就可以创建闭合路径；如果在某个其它位置松

开鼠标按钮，铅笔工具将通过创建返回原点的最短线条来闭合形状。

江陈食品豫品藏米技桁号■院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

3.使用铅笔工具编辑路径

可以使用铅笔工具编辑任何路径，并在任何形状中添加任意线条和形状。

4.使用铅笔工具添加到路径

1）选择现有路径。

2）选择铅笔工具。

3）将铅笔笔尖定位到路径端点。

当铅笔笔尖旁边的小x消失时，即表示您已非常靠近端点。

4）拖动以继续路径。

5.使用铅笔工具连接两条路径

1）选择两条路径（按住Shift并单击或使用选择工具围绕两条路径拖移）。

2）选择铅笔工具。

3）将指针定位到希望从一条路径开始的地方，然后开始向另一条路径拖动。

4）开始拖移后，请按住Ctrl（Windows）或Command（MacOS）。铅笔工具会显示

一个小的合并符号以指示正添加到现有路径。

5）拖动到另一条路径的端点上，松开鼠标按钮，然后松开Ctrl或Command键。

注：要获得最佳效果，请从一条路径拖动到另一条，就像沿着路径创建的方向

继续一样。

6.使用铅笔工具改变路径形状

1）选择要更改的路径。

2）将“铅笔”工具定位在要重新绘制的路径上或附近。

当小x从工具消失时，即表示与路径非常接近。

3）拖动工具直到路径达到所需形状。

使用“铅笔”工具编辑闭合形状

注：根据您希望重新绘制路径的位置和拖动方向，您可能得到意想不到的结果。

例如，您可能意外将闭合路径更改为开放路径，将开放路径更改为闭合路径，或

丢失形状的一部分。

教学方法：提问、讨论。

教学手段：板书、PPTo

时间安排：45mino

(-)太极图绘制、花形绘制

1.路径寻找器

【窗口】'【路径查找器】命令

(-)形状模式：

与形状区域相加：将对象重叠的部分删除，在原有的基础上生成一个新轮廓。新生

成的对象属性将和上层对象的属性相同。

与形状区域相减：将上层对象定为“裁刀”，切除目标对象重叠的部分，上层对象被

自动删除，结果对象属性以最底层为主。

与形状区域相交：保留两对象重叠的部分，其它部分被自动删除，结果对象属性以

最上层为主

排除重叠形状区域(挖空)：将对象相互重叠的部分删除成空白状态。结果对象属

性以上层对象属性相同。

扩展：当执行以上操作后，对象保留原对象路径和锚点，点击扩充即形成当前对象

的路径和锚点。

2.路径查找器(拆分、合并、裁剪类):

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

分割：将所有重叠在一起的对象分割开。分割后的对象自动成组，重叠的部分对象

属性以最上层为主。

修剪：将上层对象的形状删除与下层对象重叠的部分，并自动成组。删除后得到的

新对象边线为无色。

合并：相同颜色的对象合并，同“联合”相同，边线为无色；不同颜色的对象合并，

将删除重叠的部分，边线为无色，同“修剪”相同。

裁剪：对象重叠在一起，剪切的结果是留下重叠的部分，其属性和下层对象属性相

同，并保留了最上层轮廓线。消除了所有的边线颜色，类似于蒙版。与相交不同的是相

交是保留上层对象的颜色和形状。

轮廓：将重叠的对象进行分割，并转换为轮廓线，其宽度是0磅，外框颜色是原对

象的填充颜色，重叠部分的轮廓线色由位于最上层对象填充色来决定，而轮廓线被分割

成一段段开放路径并自动成组（该命令能把线稿分成单元线段。每一线段都能被独立操

作而不成组。这个命令对对象套印补漏白有用）。

剪去后置对象：将下层对象定为“裁刀”，切除目标对象重叠的部分，下层对象被自

动删除，结果对象属性以最上层为主。

3.案例

Ai文件但编辑㈤对象（Q）文字①远择⑵效果（Q视图（切窗口（四帮助（H）庖L!

:未选择对象|画簸图0.3528卜||等比日|・5御乡口为崛.：画

@70%（CMYK/崛）在1

IJJB

UQII

£

教学方法：案例引导法。

Ml江藤食品豫品赖噪技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

教学手段：板书、PPTo

时间安排：45min。

五、参考资料

UdobeIllustratorCS5图形设计与制作标准实训教程》彭麟印刷工业出版社

六、教学效果及改进思路

本节课，整体内容难度不大，学生总体掌握的情况良好；课后需要学生对该软件进

一步加强练习和训练，并进行复习巩固所讲内容。

9.对齐方法，变换面板

一、教学目标

1.了解直线段工具组的作用；掌握直线段工具组及其快捷键的使用；

2.熟练掌握并使用直线段工具组；

3.掌握对齐面板与变换面板的使用。

二、教学重点

直线段工具组的作用及重要性；直线段工具组及其快捷键的使用；利用直线段工具

组绘制图形及案例。

解决策略：加强讲授与讲解。

三、教学难点

利用直线段工具组绘制图形及案例。

解决策略：加强讲授与讲解。

四、教学过程设计

(-)对齐面板

1.对齐面板

对齐面板上的对齐对象一栏里有六种对齐命令，分别是水平左对齐、水平居中对齐、

水平右对齐、垂直顶对齐、垂直居中对齐、垂直底对齐

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

2.按钮介绍

“对齐”控制面板中的“分布对象”选项组包括6种分布命令按钮：垂直顶分布按钮、

垂直居中分布按钮、垂直底分布按钮、水平左分布按钮、水平居中分布按钮、水平右分

布按钮。

要精确指定对象间的距离，需选择“对齐”控制面板中的“分布间距''选项组，其中包

括“垂直分布间距”按钮和“水平分布间距”按钮。

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

77

（-）变换面板

新建画布，先把变换面板调出来,点击“窗口”一一“变换”

为了方便讲解变换面板的命令与使用，我们先在画布上绘制一个红色的矩形

-

’0中J

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

在变换面板的前面有个九宫格样的小正方形，那个是图形的参考点，把哪个点设置

为参考点，那个点就会变成实心，其余的都是空心点；至于XY则是图形的坐标，这个

只影响图形的位置，是不影响图形的大小的~

比如，把图形的参考点设置为第一个点，把X值设置为0,就会得到矩形的一头与

画布的一边重叠

接着再把Y值设置为0,就会发现矩形的最开始点完全与画布的最开始点重叠

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

同样的，如果把参考点设置为最底下的一个点，把XY值都设置为0,就会发现矩

形完全在画布以外了，矩形的最底下的点与画布的最开始点重叠

在ai软件里，图形的坐标XY值是可以直接地加减乘除的，比如，直接在原先的X

值上打上“+50”，确定之后，图形就会得到新的X坐标，移动到新的位置上

:江珠食品菜品藏豫技桁看院

7JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE教案

比如，直接在原先的Y值上打上“-50”，确定之后，图形就会得到新的Y坐标，移

动到新的位置上

=

直接在原先的X值上打上“*2”，确定之后，图形就会得到新的X坐标，移动到新

的位置上

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

WR.MEWTLIW^E，；

:,，▼-----------------b.,7酬,,•。奥▼魏江中，

当然，坐标值也可以进行除法，比如在原先的Y值上打上“/2”，确定之后，图形

就会得到新的Y坐标，相应地，图形也会移动到新的位置上

教学方法：提问、讨论。

教学手段：板书、PPTo

时间安排：45min。

变换面板案例

1.绘制矩形。

2.选择自由变换工具，单击右上角的控制点，按下鼠标不放，同时按住Ctrl+Shift+Alt

键向左水平拖动，得到一个梯形的透视变换。

3.选择“旋转工具”，按下ALT键，单击目标位置（梯形下边中间位置），将轴心移

动到下面，并且调出“旋转”对话框。旋转20度，单击复制，退出关闭“旋转”对话框。

包江陈食品豫品藏噪技桁号■院教案

\XgF/JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

4.保持上面的复制状态，执行“对象——变换——再次变换”或者按下快捷键CTRL+Do

5.再连续按下16次CTRL+D,得到如下效果。

6.按下CTRL+A,全选对象。执行“窗口——路径查找器”，单击“联集”。得到如下效果:

变换k齐路径查找器_

形状模V

的『曲曲扩

路径查找器：

哈"___s!i___Ri___■___®

7.选择工具箱中的“椭圆工具”，按下SHIFT+ALT键从中心点绘制出一个正圆，如下图

所示。

8.按照步骤6的操作，执行“窗口——路径查找器”，单击“联集”。将刚好绘制的圆

形和之前的对象进行相加运算。得到下图所示效果。

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

9.再次从中心点绘制出一个正圆，如下图所示，选中圆形和外面的对象，单击“路径查找

器”面板的第二个按钮“减去顶层”。

形状模式一

■七］的。扩展

路径查找器：

电■,三屯』

10.为了能看到第9步减去之后的效果，我们执行“视图——显示透明度网格“，就可以预

览到真正减去之后的效果，如下：

江炼食品豫品赖■＜技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

11.继续从中心点绘制正圆，选中所有的，执行“窗口——路径查找器”，单击“联集”。效

果如下：

12.选择矩形工具，绘制出如下左图的矩形，使用旋转工具旋转90度并复制。选中所有

的，执行“窗口——路径查找器”，单击“联集”。效果如右边所示。

13.再次选择工具箱中的“椭圆工具”，按下SHIFT+ALT键从中心点绘制出一个正圆,

包江陈食品豫品藏噪技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

如下图所示，选中所有的，执行“窗口——路径查找器”，单击第二个按钮“减去顶层”。

最后，执行“视图——隐藏透明度网格”，为最终制作好的齿轮填充一个颜色。

教学方法：案例引导法。

教学手段：板书、PPTo

时间安排：45mino

五、参考资料

<AdobeIllustratorCS5图形设计与制作标准实训教程》彭麟印刷工业出版社

六、教学效果及改进思路

本节课，整体内容难度不大，学生总体掌握的情况良好；课后需要学生对该软件进

一步加强练习和训练，并进行复习巩固所讲内容。

7.钢笔工具组常识

一、教学目标

1.了解钢笔工具组的作用及重要性；掌握钢笔工具组的快捷键的使用；

2.学会使用钢笔工具组；

3.学会利用钢笔工具组绘制图形。

二、教学重点

钢笔工具组的快捷键使用；利用钢笔工具组绘制图形。

解决策略：加强讲授与讲解。

三、教学难点

利用钢笔工具组绘制图形。

解决策略：加强讲授与讲解。

四、教学过程设计

(-)钢笔工具组的使用

1、工具介绍

curves）。

增加锚点工具：在路径上点击增加锚点。

删除锚点工具：点击路径上的锚点，可以移除锚点。

转换锚点：点击并拖动可转为贝塞尔锚点，再次点击即转化为普通锚点。

剪刀工具：不属于钢笔工具的一部分，但应和钢笔工具联合使用，在路径上点击，可

2、快捷键介绍

注：AI会根据鼠标所停在的位置，自动选择添加/删除锚点工具

选择钢笔工具（P）

选择添加锚点工具（+）

选择删除锚点工具（-）

选择转换锚点工具（Shift+C）

选择剪刀工具（C）

包江陈食品豫品藏噪技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

3、绘制路径过程的鼠标光标状态详解

当你使用钢笔工具时，不同的情况会呈现不同的鼠标光标，这些光标可以让你直观地清

楚即将要执行的操作。

・©x准备绘制路径

・6在绘制路径的过程中或者编辑状态

・4鼠标按住的状态

・6+鼠标放置在路径上时；在路径上增加锚点

・0鼠标放置在锚点时；从路径上移除锚点

・9。鼠标放置在路径的起点时；点击来关闭路径

・6,鼠标放置在一个路径（必须是开放路径）的末端点时；用来继续编辑

・。卜鼠标放置在一个正在编辑的路径的最后一个锚点时

・4、编辑路径的鼠标操作

・鼠标放置在锚点上：切换为删除锚点工具

・鼠标放置在路径上：切换为添加锚点工具

•鼠标放置在路径的末端点（必须是开放路径）：切换为转换锚点工具

・5、键盘操作

・创建或编辑锚点、贝塞尔柄时按住Shift键可进行45°,90°,135°,180°的

角度限制。

・用直接选择工具（A）选择锚点并按Delete键，可以把锚点及邻边的路径删除，

将源路径变成两个路径。

•钢笔工具+Alt键：切换为转换锚点工具。

・钢笔工具放置在贝塞尔曲线柄上+Ctrl键：对贝塞尔曲线进行编辑。

・当用钢笔工具绘制贝赛尔曲线时按住Alt键：解除贝赛尔曲线柄的锁定（两个

柄可以独立操作）。

・钢笔工具放在贝赛尔曲线柄上时按住Alt键：解除贝赛尔曲线柄的锁定。

・剪刀工具+Alt键：切换成添加锚点工具。

・添加锚点工具+Alt键：切换成删除锚点工具。

・删除锚点工具+Alt键：切换成添加锚点工具。

6、钢笔工具的相关配置

编辑>配置>选择&锚点显示（Edit>Preferences>Selection&anchor

display）

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

Selection&AnchorDisplay

3OK

Selection

Tolerance:3pxObjectSelectionbyPathOnly'Cancel,

SnaptoPointpx

Previous

i-AnchorPointandHandleDisplay'Next

x_________/

Anchors:Handles:

WHighlightanchorsonmouseover

Showhandleswhenmultipleanchorsareselected

•阀值(Tolerance):锚点的选择范围，以半径为单位，必须为l-8px,当你鼠标

非常准确或者锚点周边有大量其他锚点时，可使用Ipx,如果不需要很准确，可

选择8px。默认值为3px。O

•只能通过路径选择物体(ObjectSelectionbyPathOnly):选中时，只能通

过路径才能选中物体，点击物体的填充区域则没有效果，类似于在轮廓线模式

(Outlinemode)(View>Outline)o、

•捕捉点(SnaptoPoint):也可以在视图(View)>捕捉点(SnaptoPoint)

选中，捕捉点阀值设置也是L8px,捕捉点阀值的计算方式同上面第一点。在阀

值范围内，他们的锚点会捕捉在一起。

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

•锚点和柄显示选项（AnchorPointandHandleDisplay）:决定锚点和柄的显

Anchors:Handles:\\~

示外观。

•鼠标放在锚点时高亮显示（HighlightAnchorsonMouseover）:选中时，鼠标

所在位置的锚点会高亮显示，效果如下图。

•多个锚点选中时显示柄（ShowHandlesWhenMultipleAnchorsareSelected）:

选中时，多个锚点的柄会显示，反之则不显示，效果见下图。

・7、其他有用技巧

・选择钢笔工具之前先选择直接选择工具，再选择钢笔工具时只要按住Ctrl键就

可以切换到上一个工具（这个例子中，上一个工具是直接选择工具）。

・选中路径时，只要按住空格键，就能进入手型工具，方便你在编辑路径时移动画

布。（实用！）

・在创建或者编辑锚点时，只要按住鼠标键并按住空格，就可移动你正在编辑的锚

点的位置（实用！）

・用直接选择工具选中路径（必须是开放路径）的起始点和最后点，按Ctrl+J可

以链接起来。

江藤食品菜品粒球技桁号院教案

JIANGSUFOOD&PHARMACEUTICALSCIENCECOLLEGE

・用直接选择工具选中路径（必须是开放路径）的起始点和最后点，按住

Ctrl+Shift+Alt+J将亮点连起来，并将连接点放置在两点的中间位置。（请读者

自行尝试）。

・通过减少锚点数量来平滑路径。打开简化路径对话框（物体Object＞路径Path＞

简化Simplify）,并根据不同需求来调整。

Simplify

・通过增加锚点数量来配合操作，打开增加锚点对话框（物体Object＞路径Path＞

增加锚点AddAnchorPoints）,操作完后，原来的两个锚点之间会增加一个新

的锚点。

・如果不想再绘制路径的时候让鼠标自动切换功能，可以禁用它。打开通用配置对

话框（编辑Edit＞配置Preferences＞通用General）,并选中禁止自动添

加/删除（DisableAutoAdd/Delete）,如下图显示。

Preferences

General

KeyboardIncrement:0.5mm

ConstrainAngle:

CornerRadius:4.23mm

;图DisableAutoAdd/DeleteMDoubleClickT

-UsePreciseCursorsUseJapaneseC

马ShowToolTips。TransformPatt

MAnti-aliasedArtwork一ScaleStrokes6

'SelectSameTint%UseP