中文Illustrator CS案例教材.ppt

《中文Illustrator CS案例教材.ppt》由会员分享，可在线阅读，更多相关《中文Illustrator CS案例教材.ppt（249页珍藏版）》请在三一文库上搜索。

1、1,2019/5/30,第1章 Illustrator CS入门,【知识要点】,初识Illustrator CS 了解Illustrator CS工作界面（工具箱、菜单栏、 浮动面板） 了解位图和矢量图的概念与区别 了解各种色彩模式 了解对象的多种选择方法 熟练掌握选择工具的使用方法 掌握对象前后顺序的调整 掌握对象的对齐与分布方法 掌握对象的组合与分割,2,2019/5/30,1.1 初识Illustrator CS,一、中文Illustrator CS的界面,1标题栏 2菜单栏 （1）文件（File） （2）编辑（Edit） （3）对象（Object） （4）文字（Type） （5）选择（

2、Select） （6）滤镜（Filter） （7）效果（Effect） （8）视图（View） （9）窗口（Window） （10）帮助（Help） 3工具箱 4浮动面板 5工作平台,3,2019/5/30,二、工具箱 工具分为8组： 1.选取 2.绘图 3.变换图形形状 4.符号与图表 5.变换填充 6.修剪 7.填充 8.视窗显示模式 每个组中带有小黑三角形标志的表示某个工具里含有一小组工具，单击该工具并拖曳，就可以展开这小组工具,1.1 初识Illustrator CS,4,2019/5/30,三、浮动面板,浮动面板可在菜单栏中的窗口（Window）中找到，选择相关的命令可显示或隐藏相对

3、应的浮动面板。本图中打开了颜色、色样、图形样式和修整几个浮动面板，可在这些面板上调整参数或进行相应的操作。 单击浮动面板中的 按钮，将弹出该面板所包含的菜单命令；而单击 按钮，将显示或隐藏部分参数。,1.1 初识Illustrator CS,5,2019/5/30,1.2 位图和矢量图,1矢量图 矢量图像，也称为面向对象的图像，是基于用数学方式绘制的曲线或其他几何图形，是由轮廓和填充组成的图形。其图形元素称为对象，而每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。 矢量的绘图同分辨率无关，在软件制作中放大或缩小矢量图而不会改变其清晰度，也意味着它们可以按最高分辨率

4、将图形输出到输出设备上。 矢量图的文件大小由图像的复杂程度决定，与图形的大小无关，其轮廓清晰、色彩明快，可任意缩放而保持图像视觉质量等方面的特性受到许多设计者的青睐。,6,2019/5/30,2位图 位图图像，也称为点阵图像，是由称做像素（图片元素）的单个点组成的，这些点可以进行不同的排列和染色以构成图像。每个像素都指定一个特定的位置和颜色数值。处理位图图像时，所处理的是像素，而非物件或形状。但位图图像可以优化微小细节，更逼真地表现外部世界。 位图一般用于照片的图像处理，其代表软件有PhotoShop。数码相机拍摄的相片就是位图图片，其分辨率的大小决定了图像大小，而低分辨率的图像放大后会使线条

5、和形状显得参差不齐。,1.2 位图和矢量图,放大后边缘呈锯齿形,7,2019/5/30,1.3 色彩模式,色彩模式就是把色彩分解成几部分的颜色组件，再根据颜色组件组成的不同，定义出各种不同的颜色。对颜色组件不同的分类就形成了不同的色彩模式。,四种色彩模式: 1RGB 2. CMYK 3. HSB 4. 灰度,8,2019/5/30,1RGB色彩模式,RGB色彩模式，它是取之于红（Red）、绿（Green）、蓝（Blue）三种颜色的英文字母的首字符。通常彩色电视机或显示器上的所有颜色，都由红、绿、蓝三种色光按照不同的比例混合而成。一组红绿蓝颜色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由

6、一组RGB值来记录和表达。 移动R、G、B三种颜色下的“”滑块，右边方框内的数值从0255呈整数变化，其大小表示亮度，即有256个亮度级别，“0”为最弱，“255”为最亮。RGB色彩共能组合出约1678万种色彩，称为24位色（2的24次方）。由于256是2的8次方，也称为8位通道色。这里的所谓色彩通道，实际上就是指三种色光各自的亮度范围。 由于RGB色彩模式接近于自然色，所以通常用于彩电和显示器显示。图1.4所示是这三种颜色的组合及级别标注。,图1.4 RGB三种颜色及组合,1.3 色彩模式,9,2019/5/30,2CMYK色彩模式,CMYK也称做印刷色彩模式，它是唯一一种专门针对印刷业设定

7、的颜色标准，是通过对青（Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black）四种颜色的变化以及它们相互之间的叠加来得到各种颜色。CMYK取之于青、洋红和黄色首字符，黑色取尾字符，以避免和蓝色相混淆。CMYK同时也代表四种印刷专用的油墨颜色，在印刷上通过控制青、洋红、黄、黑四色油墨在纸张上的相叠印刷来产生色彩，称之为四色印刷。通过如图1.5所示的色彩模式浮动面板可以看到CMYK是以百分比来选择的，相当于油墨的浓度。 青、洋红和黄色组合的颜色如图1.6所示，从理论上来说，只需要CMY三种油墨就足够了，它们三个加在一起就可以得到黑色，但是由于目前制造工艺还不能造出高纯度的油墨，C

8、MY相加的结果实际是一种暗咖啡色，因此还需要加入一种专门的黑墨来中和 。,图1.5 CMYK色彩模式浮动面板,图1.6 CMY三种颜色及组合,1.3 色彩模式,10,2019/5/30,3HSB色彩模式,HSB色彩模式把颜色分为色相（Hue）、饱和度（Saturation）、明度（Brightness）三个要素，其色彩模式浮动面板如图1.7所示。所谓的色相是指物体固有的颜色（物体反射的光波），以度（）来表示，按0360的标准色轮的位置来确定，如图1.8所示。饱和度用色相中的灰色成分所占的比例来表示，0%是纯灰色，100%是完全饱和，它是指颜色的强度或纯度；它相当于彩电中的色彩浓度，饱和度高色彩

9、较艳丽，饱和度低色彩就越接近灰色。明度也称为亮度，它相当于彩电中的亮度，亮度越高色彩就越明亮，最高定义为纯白（0%）；亮度越低色彩就越暗淡，最低定义为纯黑（100%）。,1.3 色彩模式,图1.7 HSB色彩模式浮动面板,图1.8 色相环图,11,2019/5/30,4灰度模式,灰度色中不包含任何色相，不存在红色、黄色这样的颜色，只存在所谓灰度色，即从纯黑到纯白以及从黑到白的过渡色。我们所指的黑白照片、黑白电视，实际上都应该称为灰度色才确切。灰度值可用黑色油墨覆盖的百分比来表示，如图1.9所示，可以看到0%表示白色，100%表示黑色。,1.3 色彩模式,图1.9 灰度模式浮动面板,5色彩模式的

10、选择,在选择图像处理时的色彩模式时，如只要求在屏幕中显示，则可用RGB模式；而所处理的图像需要打印或者印刷，就必须使用CMYK模式，才可确保印刷品颜色与设计时的一致；处理黑白图片可用灰度模式。 而HSB色彩模式因屏幕显示用RGB模式、打印和印刷用CMYK模式限制了其使用范围。,12,2019/5/30,1.4 对象的选择与管理,在Illustrator CS中，对象的选择是最基本的操作，如图1.10所示有5种选择工具，同时还在“选择”菜单中提供了一些命令，供不同的对象进行选择。,图1.10 选择工具组,13,2019/5/30,1.4.1 对象的选择,【实例1】试用选择工具 和直接选择工具 对

11、如图1.11所示的AI图案（拟操作的对象）进行各种操作。,跟我学,（1）将选择工具 放在图1.11上的不同位置光标将呈现不同的状态，而单击对象，则对象被选中，这时可以将对象拖曳到图面上的任何位置。,图1.11 选择工具作用在对象不同位置的状态,14,2019/5/30,（2）用选择工具 还可以在水平或垂直方向缩放对象。单击对象，并将光标放在四角的控制点上，这时光标变为 ，如图1.12（a）所示。移动光标可将对象缩放，结果如图1.12（b）所示。若在移动 光标的同时，按下Shift键，则缩放对象的比例保持不变，结果如图1.12（c）所示。将光标放在中间控制点上，这时光标变为 ，可将对象横向或纵向

12、拉伸，如图1.12（d）是横向水平拉伸。,图1.12 图形对象的缩放,（a） （b） （c） （d）,15,2019/5/30,（3）应用直接选择工具单击对象，如图1.13（a）所示，注意与选择工具选择对象后的区别。单击对象中的某个节点，如图1.13（b）所示，拖曳该节点后，对象的局部图形将有所变化，如图1.13（d）所示。而单击两个节点之间的路径，拖曳后图形也将变化，如图1.14所示。这种方法对调整局部图形是很有用的。,（a）单击对象 （b）单击节点 （c）拖曳节点 （d）拖曳节点后放开,图1.14 单击路径及拖曳后的结果,图1.13 直接选择工具选择对象和节点及拖曳后的结果,16,2019

13、/5/30,【实例2】试用组选择工具 对对象进行操作。,（1）在Illustrator CS中打开如图1.15所示的AI文件，这枝花是由花瓣、花茎和一片叶子组成，分别如图1.15（a）、图1.15（b）、图1.15（c）所示。,跟我学,（a） （b） （c） （d） （e）,图1.15 花朵的形成,（2）将花茎和叶子组成如图1.15（d）所示的结果，并用选择工具选择它们。打开菜单栏中的“对象”（Object）菜单，选择“群组”（Group）命令，则花茎和叶子形成一体。再将花瓣放在花茎上面，组成一枝有茎和叶的花朵，按图1.15（e）所示全部选择它们，再执行“群组”命令，则形成一个整体。,17,2

14、019/5/30,（3）用组选择工具 单击叶子，叶子选中；再单击花茎，花茎被选中；再单击花瓣，花瓣又被选中，三个过程如图1.16所示。可见用组选择工具 每单击一次，就将群组对象中的一个子集加入到当前选择集中。,图1.16 组选择工具的使用,18,2019/5/30,1.4.2 对象前后顺序的调整,在Illustrator CS中，对象摆放的先后顺序是十分重要的，首先创建的对象在最后，最后创建的对象在最前。但对象的摆放顺序是可以变化的，执行菜单栏中对象排列（Object Arrange）子菜单中的各种命令就可以改变。,【实例3】 如图1.17（a）所示的三个图形对象的前后顺序是“鱼”、“水草”和

15、“蟹”，试对各个图形对象进行前后顺序的调整，以达到如图1.17（b）和图1.17（c）的要求。,图1.17 对象的前后顺序调整,19,2019/5/30,（1）如要将“蟹”放在图中的最前面，“鱼”放在最后面，如图1.17（b）所示。先选择对象“蟹”，再单击菜单栏中的对象排列排到最前面（ObjectArrangeBring to Front）命令，如图1.18所示的菜单，这时“蟹”置于“水草”之前。同理，选择对象“鱼”，再单击对象排列排到最后面（Send to Back），“鱼”将置于“水草”之后，就完成了前后顺序的调整。,图1.17 (b)、(c),跟我学,图1.18 “排列”菜单,（2）要达

16、到如图1.17（c）所示的顺序，只要将“水草”置于最前面即可。可见使用“排列”下的各个命令很容易实现对象在图层位置上的前后调整，读者可试试用“排在前一层”（Bring Forward）和“排在后一层”（Bring Backward）来实现图1.17（b）和图1.17（c）各个图形的位置。,20,2019/5/30,【实例4】通过对图1.17的演化，以达到如图1.19所示的效果。,（1）选择图形对象“鱼”，执行编辑复制命令，再连续执行三次粘贴命令，则在图面上多了三条“鱼”，分别对他们进行缩小或旋转。旋转方法如图1.20所示，即将对象选取后，光标放在某一角边，变成 形状，按照希望旋转的方向旋转，本

17、图是逆时针旋转。 （2）同理复制一只“蟹”，按图中形状适当缩小和顺时针方向旋转。 （3）将每条鱼在图中的位置进行前后顺序的调整，使得鱼儿在水草中有穿梭游动的感觉。,跟我学,21,2019/5/30,1.4.3 对象的对齐与分布,【实例5】将如图1.21（a）所示的三个图形对象经过一定操作演变成如图1.21（b） 所示的图形。,（1）执行窗口排列命令，则打开“排列”面板如图1.22所示。面板中有三个栏目：对齐对象（Align）、分布对象（Distribute）和分布间距。其中对齐对象从左至右分别为：水平左对齐、水平居中对齐、水平右对齐、垂直上对齐、垂直居中对齐和垂直下对齐单击按钮。,跟我学,图1

18、.22 “排列”浮动面板,22,2019/5/30,（2）用选择工具同时选择大小两个圆，然后单击水平居中对齐按钮，得如图1.23（a）所示的效果；再单击垂直居中对齐按钮，得如图1.23（b）所示的效果。,（3）执行对象群组命令，则两个圆成为整体。 （4）同时选择圆和三角形，单击垂直下对齐按钮，再单击水平居中对齐，则得如图1.21（b）的效果。,23,2019/5/30,【实例6】将如图1.24（a）所示的四个小圆位置重新进行分布，变成如图1.24 （b）和1.24（c）所示。,（1）本例将用到排列浮动面板中的“分布对象”中的各种按钮，分布对象从左至右分别为：垂直依上均分、垂直居中均分、垂直依下

19、均分、水平依左均分、水平居中均分和水平依右均分。 （2）用选择工具同时选择四个小圆，单击垂直居中均分，则在垂直距离上，每个小圆之间的中心距相等，得如图1.24（b）所示的效果。 （3）用选择工具同时选择四个小圆，单击水平居中均分，则在水平距离上，每个小圆之间的中心距相等，得如图1.24（c）所示的效果。,跟我学,24,2019/5/30,1.4.4 对象的组合与分割,【实例7】将如图1.25（a）所示的两个图形对象进行组合和分割，分别变成如图1.25（b）、（c）和（d）所示的效果。本例中两个图形的前后顺序是：三角形在前，圆形在后。,跟我学,（1）执行窗口排列命令，得到图1.22所示的浮动面板

20、，单击“修整”，则打开“修整”（Pathfinder）浮动面板，如图1.26所示。 （2）打开图1.25的AI文件，同时选择图1.25（a）中两个图形对象，单击合并外形区域（Add to shape area） 按钮，这时前面三角形图形的颜色将覆盖整个图形，变为图1.25（b）所示的新组合的图形。 （3）同时选择图1.25（a）中两个图形对象，单击挖空垂叠区域（Exclude overlapping shape area） 按钮，则出现如图1.26（c）所示图形，从新图形中可看出，圆形和三角形的重合部分被挖空，而且和前面图形（三角形）一致。,（4）再同时选择图1.25（a）中两个图形对象，单击

21、分割（Divide） 按钮，两个图形被“群组”，执行对象解散群组命令，分别向上移动圆形和向下移动三角形，则原图形被分割成三个不同形状的图形，如图1.25（d）所示。,25,2019/5/30,1.5 综合实例1,根据如图1.27给出的三个圆的图形，作出如图1.28所示的图形。,【任务分析】米老鼠的图形基本上由圆、椭圆和圆弧曲线组成，可通过圆、椭圆和圆弧线的组合，并通过“修整”浮动面板中的操作工具来实现。,26,2019/5/30,（1）首先选择黑色的圆，用对象复制和粘贴命令生成三个圆，并分别放大和缩小，将缩小的两个圆进行适当的旋转，按图1.29（a）所示进行放置，最后执行对象群组命令，三个图形

22、变为一个整体。 （2）将带有黑边框的圆用复制粘贴命令生成四个圆，通过变形、缩小和旋转等操作，排列成如图1.29（b）所示的图形，并放置在图1.29（a）上，构成脸形。 （3）选择所有图形，如图1.29（c）所示，并单击“修整”浮动面板中的 （外形区域减去前面）按钮，则生成如图1.29（d）的头形。,跟我学,27,2019/5/30,（4）作两个椭圆如图1.30（a）所示，注意前后顺序，再用一个白色无边框的椭圆覆盖在前面椭圆的上半部分，如图1.30（b）所示，结果如图1.30（c）所示，将这个图形“群组”，并将1.30（c）图移动到1.29（d）图上，得图1.30（d）所示。,28,2019/5

23、/30,（5）眼睛的设计制作。分别作两个带黑边框的小椭圆和两个小黑色椭圆，如图1.31（a）所示，构成如图1.31（b）所示的眼睛，并将两只眼睛分别“群组”。,（6）嘴唇的制作。制作两个椭圆，大椭圆放前、小椭圆放后如图1.32（b）所示，选择全部图形，并单击 按钮，就形成如图1.32（c）所示的图形，再执行“群组”命令。,29,2019/5/30,（7）将两个眼睛和嘴唇分别选取，并执行对象排列排在最前面命令，放在如图1.30（d）的脸形图形上，调整适当位置；再在鼻子和嘴唇上加两个小的黑椭圆，就得到如图1.33所示的图形。 （8）为了使图形更加传神，可在眼球和鼻子黑点处加上白点；要使耳朵显的更有

24、立体感，可加两条白色圆弧线，放置在适当位置。最后完成图1.28的制作。,图1.33 脸部五官的放置,图1.28 米老鼠,30,2019/5/30,NED,返回主菜单,31,2019/5/30,第2章 巧用绘图工具,【知识要点】, 各种几何图形工具的使用方法与技巧 图形色彩的填充 混合图形的制作 直线、曲线和网格工具的使用 手绘工具的使用方法与技巧 渐变网格工具的使用方法与技巧,32,2019/5/30,2.1 几何图形的生成,在Illustrator CS中可以用几何工具很方便地制作矩形、圆、星形和多边形等，在工具箱中展开矩形工具 按钮，如图2.1所示，不同的按钮可以制作不同的图形。,图2.1

25、 几何图形制作工具,33,2019/5/30,2.1.1 矩形和椭圆形工具,【实例1】绘制一个矩形。,（1）新建一个文件，单击矩形工具按钮 ，鼠标显示为 形状。 （2）在工作区域中任意一点单击鼠标左键，按住鼠标不放并拖曳，能够看见矩形的轮廓线，放开鼠标就得到所需的矩形，如图2.2所示。 （3）单击矩形工具按钮 后按下Alt键，则鼠标显示为 形状；在工作区域任意一点单击鼠标左键，按住鼠标和Alt键不放并拖曳，也能形成一个矩形，如图2.3所示，这时的拖曳方向由中心向外扩展。,图2.2 从角开始展开的矩形制作,图2.3 从中心点开始的矩形制作,（4）在生成矩形过程中，当鼠标还未放开时，同时按住空格键

26、，可以调整图形在图面上的位置。这种方法在下面绘制各种几何图形时，都可以使用。,跟我学,34,2019/5/30,圆角矩形的制作方法和矩形相似，而圆角半径的确定有两种方法。 （1）精确绘制圆角矩形。单击圆角矩形按钮 后，可在工作区域上的任意位置单击鼠标，将出现对话框，如图2.6（a）所示，选定宽度、高度和圆角半径，确定后即得到一个圆角矩形，如图2.6（b）所示。 （2）任意绘制一个圆角矩形。单击圆角矩形按钮 后，鼠标在工作区域拖曳时，按住“”键可加大圆角半径，按住“”键减小圆角半径，按住“”键圆角形变成矩形，按住“”键变成一个有固定圆角半径的圆角矩形，最后选定自己合适的圆角矩形。,2.1.2 圆

27、角矩形工具,【实例1】绘制一个圆角矩形。,图2.6 圆角矩形的制作,跟我学,35,2019/5/30,多边形工具 是绘制形态不一的多边形对象的工具。 【实例3】绘制一个六边形和一个八边形。,2.1.3 多边形工具,（1）打开多边形工具按钮，并在工作区域中的任意一点单击，按住鼠标拖曳不放，同时调整，在这个过程中可看到多边形的轮廓线，放开鼠标就得到所需的六边形，如图2.7所示。 （2）八角形的制作与生成六边形的过程一样，按住鼠标拖曳不放，再按住“”键，可明显看到多边形的轮廓线的边数增加，达到八边形时松开鼠标，即生成八边形，如图2.8所示。,图2.7 六角形的生成,图2.8 八角形的生成,跟我学,3

28、6,2019/5/30,图2.10 星形的制作,（1）新建一个文件，然后单击星形工具按钮。 （2）在工作区域中的任意一点单击，并按住鼠标拖曳不放，在这个过程中可看到星形的轮廓线，放开鼠标就得到一个五角星形，如图2.10所示。 （3）绘制一个有精确尺寸的星形。在工具箱中选择星形工具按钮后，再在工作区域页面上单击，弹出对话框如图2.11所示。设置半径（Radius）1和半径2为26mm和8mm、顶点数（Point）为9，确定后绘出如图2.12所示的9角星形。,图2.11 准确制作星形,图2.12 9角星形,2.1.4 星形工具,星形工具 是用来绘制各种星形对象的工具。,【实例4】绘制星形图形。,跟

29、我学,37,2019/5/30,2.2 图形的色彩填充,本节主要学习填充工具组的使用及了解几种填充的类型。,2.2.1 填充工具组,如图2.15所示的是工具箱中的填充工具，它可以对已选择的对象进行填充颜色，给对象加上轮廓线色。,图2.15 填充工具组,图中 （1）是给对象设定的填充色。 （2）是工具中默认的颜色，这里对象的填充色是白色，轮廓线是黑色。 （3）是当前激活的填充色或轮廓线色变更为最后选中的颜色。 （4）是互换填充色和轮廓线色； （5）为轮廓线色； （6）是使填充色或轮廓线色为无色； （7）为黑到白色的直线形渐变色。,38,2019/5/30,2.2.2 颜色（color）浮动面板,

30、在第1章中我们已经知道了在颜色浮动面板中可以设定不同的色彩模式，如设定色彩模式为CMYK。要调配所需的颜色，并在激活的填充色显示框或轮廓线显示框中显示出来，有三种方法： （1）鼠标移到图1.5色谱条上时，鼠标变为吸管状 ，吸管在色谱条上移动时，参数值将改变，可调整到你需要的颜色上。 （2）拖动C、M、Y、K下面的小三角尖滑块，可调整出不同的颜色。 （3）直接在文本框中输入参数值。,图1.5 CMYK色彩模式浮动面板,39,2019/5/30,2.2.3 图形的单色填充,【实例5】对如图2.16（a）所示的星形图形进行颜色填充，原来的填充色为白色，轮廓线为黑色。,（1）选择星形，打开颜色浮动面板

31、，设定为CMYK色彩模式，激活填充色显示框，设定填充色M100，八角形填充色变为红色，这时轮廓线色还是黑色。 （2）激活轮廓线色显示框，设定Y100，轮廓色为明黄色，如图2.16（b）所示。 （3）单击填充工具组中的互换填充按钮，八角形的填充色变为为明黄色，轮廓色为红色，如图2.16（c）所示。,跟我学,（a） （b） （c）,图2.16 色彩的填充,40,2019/5/30,所谓的渐变填充就是从一种颜色平滑过渡到另一种颜色的填充。执行窗口渐变（WindowGradient）命令，即打开渐变浮动面板，如图2.18所示。面板中可设置类型（type）和角度（angle），其中类型分为线性和放射性两

32、种；调整箭头1所指的菱形滑块，可改变渐变色彩的分布；调整箭头2所指的色块，可改变颜色在渐变填充中的位置，整个长条色块叫做渐变滑杆。,2.2.4 图形的渐变填充,图2.18 渐变浮动面板,41,2019/5/30,【实例6】绘制一个如图2.19（a）所示的球体。,（1）绘制一个圆形。 （2）打开如图2.18所示的渐变浮动面板，单击箭头2处的色标，设定为白色；再单击箭头3处，设定为黑色，类型选择为线性，则圆形填充为黑白渐变的色彩，如图2.19（b）所示。 （3）如改变类型为放射性，则如图2.19（c）所示，光线亮点在中心。 （4）激活图2.19（c），并单击工具箱中的渐变按钮 ，使鼠标从图中自右上

33、向左下拖曳，如图2.19（d）中的箭头方向，将改变色彩的渐变方向，得图2.19（a）颜色分布关系，这时光线亮点在右上方，再设置轮廓线为无色，得一立体感较强的球体。,跟我学,（a） （b） （c） （d）,图2.19 立体球体的制作,42,2019/5/30,【实例7】绘制彩蛋。,（1）在图2.20渐变面板中，选择类型为线性；单击左边色块，如图2.20中的（1），设定C100。 （2）单击渐变滑杆下方，出现新的小色块，如图2.20中的（2），设定C100、M100。 （3）分别在渐变上下方单击确定（3）、（4）、（5），出现各个新小色块，分别设定颜色。 （4）单击最右边的（6）位置所对应的小色块

34、，设定颜色，渐变滑杆的颜色变为五彩缤纷。 （5）执行菜单项目中窗口/色样命令，色样面板被打开，单击该面板中 按钮，将渐变滑杆中的颜色样本添加到了色样面板之中，成为一个新的样本。,（6）绘制一个椭圆形，再单击色样面板中的新样本，则将渐变色彩填充，如图2.21所示。 （7）选取图2.21后，单击渐变工具，将鼠标从右下方拉到左上方，如图2.22所示，得到图2.23所示的斜纹彩蛋。,跟我学,图2.20 渐变浮动面板,图2.21 彩蛋,图2.22 运用渐变工具,图2.23 斜纹彩蛋,43,2019/5/30,2.2.5 图形的图案填充,用图案对图形进行填充，主要是绘制底纹。可以用色样（Swatches）

35、面板中的图案来实现，也可以自己创建新的图案来填充。执行窗口色样命令就打开了色样面板，如图2.24所示是处于显示图案色样位置。,（1）在工作区域内按题目要求作一圆角矩形框。 （2）设置填充色和轮廓色显示框都为空。 （3）单击色样面板中的某一图案，一个有背景图案的圆角矩形即生成，如图2.25所示。,图2.24 色样浮动面板,图2.25 图案填充,【实例8】利用现有色样图案在一个80mm80mm、圆角为5mm的圆角矩形图上作一背景。,跟我学,44,2019/5/30,图2.26 新图案,（1）用圆形工具和星形工具作如图2.26所示图形，并给每个小图形填充颜色。 （2）选取整个图形，并执行编辑定义图案

36、（EditDefine Pattern）命令。 （3）在打开的窗口中定义图案名称，如图2.27所示，确定后新图案出现在色样图案中。 （4）在工作区域上绘制一个矩形框，并将填充色显示框置前，设为空。 （5）单击色样面板中的新图案样本，新图案填充至矩形框内，如图2.28所示。,【实例9】创建一个新的图案，并填充至一个矩形内。,跟我学,图2.27 “新建色样”对话框,图2.28 新建图案填充,45,2019/5/30,2.3 线条图形的绘制,1任意直线的绘制 （1）单击直线工具按钮，拖曳鼠标，可以在工作区域中绘制一条直线轮廓线，松开鼠标后，即一条直线。 （2）若拖曳时再按住“Alt”键，所绘直线由单

37、击点为中心点向两端延长，如图2.35所示。 （3）若拖曳时再按住“”键，和上述作各种几何图形一样，可绘制发射状的多条直线，如图2.36所示。 （4）若拖曳时再同时按住“”和“Alt”键，如图2.37所示。,2.3.1 直线工具,利用线条工具 ，可以绘制直线、弧线、螺旋线和网格等线条图形。,图2.35 按住Alt键,图2.36 按住“”键,图2.37 按住“”键和Alt键,2精确绘制直线 （1）选择直线工具按钮，单击工作区域。 （2）在弹出的对话框中，如图2.38所示，输入长度和角度，其中角度可直接输入数值或通过旋转把手调节，单击“确定”按钮后，直线创建完成。,图2.38 “线段工具选项”对话框

38、,46,2019/5/30,图2.39 任意圆弧线的绘制,（a） （b） （c） （d）,1任意圆弧线的绘制 （1）单击弧线工具按钮，拖曳鼠标，可以在工作区域中绘制一条圆弧轮廓线，松开鼠标后，即一条弧线。若在拖曳的过程中，同时按住“Shift”键，则得到一个正圆的圆弧线，如图2.39（a）所示。 （2）若拖曳时再按住或松开“C”键，所绘圆弧将在开放和闭合圆弧间变化，如图2.39（b）所示。 （3）若拖曳时再按住“F”键，可以绘制和原来圆弧轮廓线相翻转的圆弧，如图2.39（c）所示。 （4）若拖曳时再按住“”键，可以在拖曳中得到多条圆弧线，如图2.39（d）所示。,弧线工具 用来绘制各种开放的或

39、闭合的圆弧。,2.3.2 弧线工具,47,2019/5/30,2.3.3 螺旋线工具 螺旋线工具,用于绘制各种螺旋线。 （1）若拖曳时再按住“Ctrl”键，可以调整螺旋线的紧密程度。 （2）若拖曳时再按住“”键，可绘制多条连续的螺旋线。 （3）若拖曳时再按住“Shift”键，螺旋线会以45为增量旋转。,可以绘制矩形或正方形的网格图形，操作时拖曳鼠标，其大小就是网格图形的大小。 鼠标拖曳时配合一些功能键，可以得到不同的网格效果。 （1）同时按下“Shift”键，可以绘制正方形的网格。 （2）同时按下“Alt”键，网格的生成变为由单击点为起点向外绘制网格。 （3）同时按下“F”键，使水平方向的网格

40、间距由下而上以10%递增。 （4）同时按下“V”键，使水平方向的网格间距由下而上以10%递减。 （5）同时按下“X”键，使垂直方向的网格间距由左至右以10%递增。 （6）同时按下“C”键，使垂直方向的网格间距由左至右以10%递减。 （7）同时按下“”或“”箭头按键，增加或减少水平方向的网格线。 （8）同时按下“”或“”箭头按键，增加或减少垂直方向的网格线。,2.3.4 矩形网格工具 使用矩形网络工具,48,2019/5/30,【实例11】给如图2.43所示的黑天鹅图片进行修饰，以达到如图2.44所示的效果。,（2）双击矩形网格工具,（1）在Illustrator CS中打开图2.43。 （2）

41、双击矩形网格工具将出现一个对话框，如图2.45所示。在对话框中设置水平分割（Horizontal Dividers）中的数量（Number）为7、下偏离量（Bottom）为40%；垂直分割（Vertical Dividers）中数量为5、左偏离量为40%，并将外矩形框作为框架使用。 （3）这时矩形网格工具是处于选中状态，将鼠标从图片中的左上角至右下角拉开，使网格覆盖整个图片。 （4）选取轮廓色为白色，并执行窗口轮廓命令，在轮廓浮动面板中选取轮廓宽度为2pt，则完成如图2.44效果图的设计。,跟我学,图2.43 黑天鹅,图2.44 带有网格的黑天鹅效果图,图2.45 “矩形网格工具选项”对话框,

42、49,2019/5/30,2.3.5 极坐标网格工具,使用极坐标网络工具 可以绘制矩形或正方形的网格图形，操作时拖曳鼠标，其大小就 是网格图形的大小。 鼠标拖曳时配合一些功能键，可以得到不同的网格效果。 （1）同时按下“Shift”键，可以绘制正圆形的网格。 （2）同时按下“Alt”键，网格的生成变为由单击点为起点向外绘制网格。 （3）同时按下“F”键，使水平方向的网格间距由下而上以10%递增。 （4）同时按下“V”键，使水平方向的网格间距由下而上以10%递减。 （5）同时按下“X”键，使垂直方向的网格间距由左至右以10%递增。 （6）同时按下“C”键，使垂直方向的网格间距由左至右以10%递减

43、。 （7）同时按下“”或“”箭头按键，增加或减少水平方向的网格线。 （8）同时按下“”或“”箭头按键，增加或减少垂直方向的网格线。 以上效果如图2.46所示。,图2.46 各种极坐标网格,50,2019/5/30,2.4 综合实例2,设计如图2.47所示的“磁盘”图形。 【任务分析】 （1）仔细观察这个图形，它是由外形和标签各一个圆角矩形、内凹两个半圆角矩形和一个磁盘门上半个圆角矩形、磁盘门上的一个圆角矩形孔组成。 （2）磁盘上的两个保护孔是矩形。 （3）磁盘门是金属制作，光线从右上方射入，要用到渐变；磁盘外形是塑料制作、标签是纸质，都要用到颜色填充。图形的分解如图2.48所示。,图2.47

44、“磁盘”图形,图2.48 磁盘图形的分解,51,2019/5/30,（1）执行编辑（edit）菜单下的参数预置（Preferences）单位（Units）命令，设定单位为毫米（mm）。 （2）磁盘外形的制作。在工具栏中选取圆角矩形工具 ，在Illustrator CS工作区域内双击鼠标左键，设定宽度为90mm、高度为93mm、圆角半径为2mm，单击“确定”按钮后，出现一个圆角图形。设定填充色为R225、G157、B121，轮廓线为黑色，并执行窗口轮廓命令，设定轮廓线大小（Stroke）为0.353mm（1pt）。 （3）放置标签的内凹图形的制作。作一个宽度为72mm、高度为60mm、圆角半径为

45、3mm的圆角图形；再作一个宽度为75mm、高度为5mm的矩形；将矩形放在圆角图形的底边，打开“排列”浮动面板，全部选择两个图形，单击垂直下对齐 和水平居中对齐 按钮，则两个图形底边对齐和居中对齐，如图2.49（a）所示；再全部选择两个图形，打开“修整”浮动面板，单击“分割” 按钮，执行对象解散群组命令，选择直接选择工具，拉开圆角矩形部分，并将矩形部分清除，如图2.49（b）所示，就得到内凹半个圆角图形，填充色和轮廓线色同上，得如图2.48（a）所示。 （4）放置磁盘门内凹图形的制作。同上述方法，作一个宽度为60mm、高度为40mm、圆角半径为3mm的圆角图形；再作一个宽度为60mm、高度为8m

46、m的矩形2；将该矩形2放在这个圆角图形的上边，然后仿造步骤3的方法得出如图2.48（b）所示的图形。,图2.49 放置标签的内凹图形的制作,跟我学,52,2019/5/30,（5）磁盘门的制作。作一个宽度为48mm、高度为40mm、圆角半径为3mm的圆角图形，再作一个宽度为50mm、高度为10mm的矩形；仿造步骤4的方法，得半个圆角矩形。选择半圆角矩形，执行窗口渐变和颜色命令，打开渐变和颜色浮动面板，选择色彩模式为灰度；在渐变浮动面板中的渐变滑杆中选择一种颜色，如图2.50（a）所示，得到图2.50（b）；再单击工具箱中的渐变按钮,，按对角线拉开，如图2.50（c）所示，最后得到如图2.48（

47、c）所示的效果。,图2.50 磁盘门颜色的填充,53,2019/5/30,（6）作磁盘门内的矩形缺口。设一个宽度为12mm、高度为250mm、圆角半径为1mm的圆角图形，填充色同步骤2，得图形如图2.48（d）所示。将该缺口放在磁盘门内，并选择群组命令，构成一个整体。 （7）标签的制作。作一个宽度为70mm、高度为51mm、圆角半径为3mm的圆角图形；选择工具箱中的线条按钮 ，在工作区域上单击，在出现如图2.38所示的对话框上，选择长度为70mm，角度为0，在图面上作出一条直线，将其放在圆角矩形的某一位置，如图2.51（a）所示；全部选取整个图形，单击修整浮动面板中的“分割”按钮，并执行“解散

48、群组”命令，则分为两个部分。用直接选择工具选取上半部分，设填充色为R30、G195、B255；同理设下半部分填充色为R165、G245、B255，则上下两部分颜色分别设定，如图2.51（b）所示。 （8）标签中直线的分布。将标签的上半部分移开，同步骤7的方法再制作长度相同的线条四条（也可用复制和粘贴的办法），线条轮廓色用R30、G130、B255色，轮廓宽度为1pt，将它们任意放在标签的下半部分，并将其中一条放在顶边，使用排列浮动面板中的“左对齐按钮”和分布对象中的“垂直依下均分”按钮，则它们将均布在下半部分的标签之中，如图2.51（c）所示。移去放在顶边的那条线条，最后将上下两部分重新对齐，如图2.48（e）所示。将2.48（e）图形全选，并执行群组命令,（a） （b） （c）,图2.51 标签的制作,54,2019/5/30,（9）标签中字母的设计。字体的设计我们将在后面章节讲述，这里简单介绍使用方法。单击工具箱中的文本工具 ，在工作区域上拖曳，出现一个文本框，这就是输入文字的地方；执行文字字体命令，选择Arial Black（黑体）中的Italic（斜体）；再执行文字大小命令，选择大小为24pt，就可以在文本框输入“ABC”字母，并填充颜色。 （10）磁盘外形缺角的制作。选择工具箱中的线条按钮 ，在工作区域上单击，在图2.38对话框中取长度为15mm、角度为315，将该线条