Illustrator-CS课件第1章-Illustrator-CS入门.ppt

1、12022-5-29第第1章章 Illustrator CS入门入门【知识要点知识要点】v 初识Illustrator CSv 了解Illustrator CS工作界面（工具箱、菜单栏、 浮动面板）v 了解位图和矢量图的概念与区别v 了解各种色彩模式v 了解对象的多种选择方法v 熟练掌握选择工具的使用方法v 掌握对象前后顺序的调整v 掌握对象的对齐与分布方法v 掌握对象的组合与分割22022-5-291.1 初识初识Illustrator CS一、中文一、中文Illustrator CS CS的界面的界面 1 1标题栏标题栏2 2菜单栏菜单栏（1 1）文件（）文件（FileFile）（2 2）

2、编辑（）编辑（EditEdit）（3 3）对象（）对象（ObjectObject）（4 4）文字（）文字（TypeType）（5 5）选择（）选择（SelectSelect）（6 6）滤镜（）滤镜（FilterFilter）（7 7）效果（）效果（EffectEffect）（8 8）视图（）视图（ViewView）（9 9）窗口（）窗口（WindowWindow）（1010）帮助（）帮助（HelpHelp）3 3工具箱工具箱4 4浮动面板浮动面板5 5工作平台工作平台32022-5-29二、工具箱二、工具箱 工具分为工具分为8 8组组： 1.选取 2.绘图 3.变换图形形状 4.符号与图表 5

3、.变换填充 6.修剪 7.填充 8.视窗显示模式 每个组中带有小黑三角形标志的表示某个工具里含有一小组工具，单击该工具并拖曳，就可以展开这小组工具 1.1 初识初识Illustrator CS62022-5-29 2 2位图位图 位图图像，也称为点阵图像，是由称做像素（图片元素）的单个点组成的，这些点可以进行不同的排列和染色以构成图像。每个像素都指定一个特定的位置和颜色数值。处理位图图像时，所处理的是像素，而非物件或形状。但位图图像可以优化微小细节，更逼真地表现外部世界。 位图一般用于照片的图像处理，其代表软件有PhotoShop。数码相机拍摄的相片就是位图图片，其分辨率的大小决定了图像大小，

4、而低分辨率的图像放大后会使线条和形状显得参差不齐。 1.2 位图和矢量图放大后边缘呈锯齿形72022-5-291.3 色彩模式色彩模式 色彩模式就是把色彩分解成几部分的颜色组件，再根据颜色组件组成的不同，定义色彩模式就是把色彩分解成几部分的颜色组件，再根据颜色组件组成的不同，定义出各种不同的颜色。对颜色组件不同的分类就形成了不同的色彩模式。出各种不同的颜色。对颜色组件不同的分类就形成了不同的色彩模式。 四种色彩模式四种色彩模式: : 1 1RGBRGB 2. CMYK 2. CMYK 3. HSB 3. HSB 4. 4. 灰度灰度82022-5-291RGBRGB色彩模式色彩模式 RGB色彩

5、模式，它是取之于红（Red）、绿（Green）、蓝（Blue）三种颜色的英文字母的首字符。通常彩色电视机或显示器上的所有颜色，都由红、绿、蓝三种色光按照不同的比例混合而成。一组红绿蓝颜色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。 移动R、G、B三种颜色下的“”滑块，右边方框内的数值从0255呈整数变化，其大小表示亮度，即有256个亮度级别，“0”为最弱，“255”为最亮。RGB色彩共能组合出约1678万种色彩，称为24位色（2的24次方）。由于256是2的8次方，也称为8位通道色。这里的所谓色彩通道，实际上就是指三种色光各自的亮度范围。 由于RGB色彩模式接

6、近于自然色，所以通常用于彩电和显示器显示。图1.4所示是这三种颜色的组合及级别标注。图1.4 RGB三种颜色及组合1.3 色彩模式色彩模式92022-5-292CMYK色彩模式色彩模式 CMYK也称做印刷色彩模式，它是唯一一种专门针对印刷业设定的颜色标准，是通过对青（Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black）四种颜色的变化以及它们相互之间的叠加来得到各种颜色。CMYK取之于青、洋红和黄色首字符，黑色取尾字符，以避免和蓝色相混淆。CMYK同时也代表四种印刷专用的油墨颜色，在印刷上通过控制青、洋红、黄、黑四色油墨在纸张上的相叠印刷来产生色彩，称之为四色印刷。通过如图1

7、.5所示的色彩模式浮动面板可以看到CMYK是以百分比来选择的，相当于油墨的浓度。 青、洋红和黄色组合的颜色如图1.6所示，从理论上来说，只需要CMY三种油墨就足够了，它们三个加在一起就可以得到黑色，但是由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗咖啡色，因此还需要加入一种专门的黑墨来中和 。图1.5 CMYK色彩模式浮动面板图1.6 CMY三种颜色及组合1.3 色彩模式色彩模式102022-5-293HSB色彩模式色彩模式 HSB色彩模式把颜色分为色相（Hue）、饱和度（Saturation）、明度（Brightness）三个要素，其色彩模式浮动面板如图1.7所示。所谓

8、的色相是指物体固有的颜色（物体反射的光波），以度（）来表示，按0360的标准色轮的位置来确定，如图1.8所示。饱和度用色相中的灰色成分所占的比例来表示，0%是纯灰色，100%是完全饱和，它是指颜色的强度或纯度；它相当于彩电中的色彩浓度，饱和度高色彩较艳丽，饱和度低色彩就越接近灰色。明度也称为亮度，它相当于彩电中的亮度，亮度越高色彩就越明亮，最高定义为纯白（0%）；亮度越低色彩就越暗淡，最低定义为纯黑（100%）。1.3 色彩模式色彩模式图1.7 HSB色彩模式浮动面板 图1.8 色相环图 112022-5-294灰度模式灰度模式 灰度色中不包含任何色相，灰度色中不包含任何色相，不存在红色、黄色

9、这样的颜色，不存在红色、黄色这样的颜色，只存在所谓灰度色，即从纯黑到只存在所谓灰度色，即从纯黑到纯白以及从黑到白的过渡色。我纯白以及从黑到白的过渡色。我们所指的黑白照片、黑白电视，们所指的黑白照片、黑白电视，实际上都应该称为灰度色才确切。实际上都应该称为灰度色才确切。灰度值可用黑色油墨覆盖的百分灰度值可用黑色油墨覆盖的百分比来表示，如图比来表示，如图1.91.9所示，可以看所示，可以看到到0%0%表示白色，表示白色，100%100%表示黑色。表示黑色。 1.3 色彩模式色彩模式图1.9 灰度模式浮动面板5色彩模式的选择色彩模式的选择 在选择图像处理时的色彩模式时，如只要求在屏幕中显示，则可用R

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

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

12、对象的缩放（a） （b） （c） （d）152022-5-29 （3）应用直接选择工具单击对象，如图1.13（a）所示，注意与选择工具选择对象后的区别。单击对象中的某个节点，如图1.13（b）所示，拖曳该节点后，对象的局部图形将有所变化，如图1.13（d）所示。而单击两个节点之间的路径，拖曳后图形也将变化，如图1.14所示。这种方法对调整局部图形是很有用的。（a）单击对象 （b）单击节点 （c）拖曳节点 （d）拖曳节点后放开图1.14 单击路径及拖曳后的结果图1.13 直接选择工具选择对象和节点及拖曳后的结果162022-5-29【实例2】试用组选择工具 对对象进行操作。 （1）在Illust

13、rator 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）所示全部选择它们，再执行“群组”命令，则形成一个整体。172022-5-29 （3）用组选择工具 单击叶子，叶子选中；再单击花茎，花茎被选中

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

15、1.17（c）的要求。图1.17 对象的前后顺序调整192022-5-29 （1）如要将“蟹”放在图中的最前面，“鱼”放在最后面，如图1.17（b）所示。先选择对象“蟹”，再单击菜单栏中的对象排列排到最前面（ObjectArrangeBring to Front）命令，如图1.18所示的菜单，这时“蟹”置于“水草”之前。同理，选择对象“鱼”，再单击对象排列排到最后面（Send to Back），“鱼”将置于“水草”之后，就完成了前后顺序的调整。图1.17 (b)、(c) 跟我学跟我学图1.18 “排列”菜单（2）要达到如图1.17（c）所示的顺序，只要将“水草”置于最前面即可。可见使用“排列”

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

17、3）将每条鱼在图中的位置进行前后顺序的调整，使得鱼儿在水草中有穿梭游动的感觉。 跟我学跟我学212022-5-291.4.3 对象的对齐与分布对象的对齐与分布【实例5】将如图1.21（a）所示的三个图形对象经过一定操作演变成如图1.21（b） 所示的图形。（1）执行窗口排列命令，则打开“排列”面板如图1.22所示。面板中有三个栏目：对齐对象（Align）、分布对象（Distribute）和分布间距。其中对齐对象从左至右分别为：水平左对齐、水平居中对齐、水平右对齐、垂直上对齐、垂直居中对齐和垂直下对齐单击按钮。 跟我学跟我学图1.22 “排列”浮动面板222022-5-29（2）用选择工具同时选

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

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

20、图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）中两个图形对象，单击分割（Divide） 按钮，两个图形被“群组”，执行对象解散群组命

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

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

23、和两个小黑色椭圆，如图1.31（a）所示，构成如图1.31（b）所示的眼睛，并将两只眼睛分别“群组”。 （6）嘴唇的制作。制作两个椭圆，大椭圆放前、小椭圆放后如图1.32（b）所示，选择全部图形，并单击 按钮，就形成如图1.32（c）所示的图形，再执行“群组”命令。 292022-5-29 （7）将两个眼睛和嘴唇分别选取，并执行对象排列排在最前面命令，放在如图1.30（d）的脸形图形上，调整适当位置；再在鼻子和嘴唇上加两个小的黑椭圆，就得到如图1.33所示的图形。 （8）为了使图形更加传神，可在眼球和鼻子黑点处加上白点；要使耳朵显的更有立体感，可加两条白色圆弧线，放置在适当位置。最后完成图1.28的制作。图1.33 脸部五官的放置 图1.28 米老鼠 302022-5-29NED返回主菜单返回主菜单