中文Illustrator教程学习.pptx

《中文Illustrator教程学习.pptx》由会员分享，可在线阅读，更多相关《中文Illustrator教程学习.pptx（30页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、12023/2/211.1 初识初识Illustrator CS一、中文一、中文Illustrator CS CS的界面的界面 1 1标题栏2 2菜单栏（1 1）文件（FileFile）（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工作平台第1页/共30页22023

2、/2/21二、工具箱二、工具箱 工具分为工具分为8 8组组：1.选取 2.绘图 3.变换图形形状 4.符号与图表 5.变换填充 6.修剪 7.填充 8.视窗显示模式 每个组中带有小黑三角形标志的表示某个工具里含有一小组工具，单击该工具并拖曳，就可以展开这小组工具 1.1 初识Illustrator CS第2页/共30页32023/2/21三、浮动面板三、浮动面板 浮动面板可在菜单栏中的窗口浮动面板可在菜单栏中的窗口（WindowWindow）中找到，选择相关的命令可显）中找到，选择相关的命令可显示或隐藏相对应的浮动面板。本图中打开示或隐藏相对应的浮动面板。本图中打开了颜色、色样、图形样式和修整

3、几个浮动了颜色、色样、图形样式和修整几个浮动面板，可在这些面板上调整参数或进行相面板，可在这些面板上调整参数或进行相应的操作。应的操作。单击浮动面板中的单击浮动面板中的 按钮，将弹按钮，将弹出该面板所包含的菜单命令；而单击按出该面板所包含的菜单命令；而单击按钮，将显示或隐藏部分参数。钮，将显示或隐藏部分参数。1.1 初识Illustrator CS第3页/共30页42023/2/211.2 位图和矢量图位图和矢量图 1矢量图 矢量图像，也称为面向对象的图像，是基于用数学方式绘制的曲线或其他几何图形，是由轮廓和填充组成的图形。其图形元素称为对象，而每个对象都是一个自成一体的实体，它具有颜色、形状

4、、轮廓、大小和屏幕位置等属性。矢量的绘图同分辨率无关，在软件制作中放大或缩小矢量图而不会改变其清晰度，也意味着它们可以按最高分辨率将图形输出到输出设备上。矢量图的文件大小由图像的复杂程度决定，与图形的大小无关，其轮廓清晰、色彩明快，可任意缩放而保持图像视觉质量等方面的特性受到许多设计者的青睐。第4页/共30页52023/2/21 2 2位图 位图图像，也称为点阵图像，是由称做像素（图片元素）的单个点组成的，这些点可以进行不同的排列和染色以构成图像。每个像素都指定一个特定的位置和颜色数值。处理位图图像时，所处理的是像素，而非物件或形状。但位图图像可以优化微小细节，更逼真地表现外部世界。位图一般用

5、于照片的图像处理，其代表软件有PhotoShop。数码相机拍摄的相片就是位图图片，其分辨率的大小决定了图像大小，而低分辨率的图像放大后会使线条和形状显得参差不齐。1.2 位图和矢量图放大后边缘呈锯齿形第5页/共30页62023/2/211.3 色彩模式 色彩模式就是把色彩分解成几部分的颜色组件，再根据颜色组件组成的色彩模式就是把色彩分解成几部分的颜色组件，再根据颜色组件组成的不同，定义出各种不同的颜色。对颜色组件不同的分类就形成了不同的色彩模式。不同，定义出各种不同的颜色。对颜色组件不同的分类就形成了不同的色彩模式。四种色彩模式四种色彩模式:1 1RGBRGB 2.CMYK 2.CMYK 3.

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

7、6是2的8次方，也称为8位通道色。这里的所谓色彩通道，实际上就是指三种色光各自的亮度范围。由于RGB色彩模式接近于自然色，所以通常用于彩电和显示器显示。图1.4所示是这三种颜色的组合及级别标注。图1.4 RGB三种颜色及组合1.3 色彩模式第7页/共30页82023/2/212CMYK色彩模式色彩模式 CMYK也称做印刷色彩模式，它是唯一一种专门针对印刷业设定的颜色标准，是通过对青（Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black）四种颜色的变化以及它们相互之间的叠加来得到各种颜色。CMYK取之于青、洋红和黄色首字符，黑色取尾字符，以避免和蓝色相混淆。CMYK同时也代表四

8、种印刷专用的油墨颜色，在印刷上通过控制青、洋红、黄、黑四色油墨在纸张上的相叠印刷来产生色彩，称之为四色印刷。通过如图1.5所示的色彩模式浮动面板可以看到CMYK是以百分比来选择的，相当于油墨的浓度。青、洋红和黄色组合的颜色如图1.6所示，从理论上来说，只需要CMY三种油墨就足够了，它们三个加在一起就可以得到黑色，但是由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗咖啡色，因此还需要加入一种专门的黑墨来中和。图1.5 CMYK色彩模式浮动面板图1.6 CMY三种颜色及组合1.3 色彩模式第8页/共30页92023/2/213HSB色彩模式色彩模式 HSB色彩模式把颜色分为色相

9、（Hue）、饱和度（Saturation）、明度（Brightness）三个要素，其色彩模式浮动面板如图1.7所示。所谓的色相是指物体固有的颜色（物体反射的光波），以度（）来表示，按0360的标准色轮的位置来确定，如图1.8所示。饱和度用色相中的灰色成分所占的比例来表示，0%是纯灰色，100%是完全饱和，它是指颜色的强度或纯度；它相当于彩电中的色彩浓度，饱和度高色彩较艳丽，饱和度低色彩就越接近灰色。明度也称为亮度，它相当于彩电中的亮度，亮度越高色彩就越明亮，最高定义为纯白（0%）；亮度越低色彩就越暗淡，最低定义为纯黑（100%）。1.3 色彩模式图1.7 HSB色彩模式浮动面板 图1.8 色相

10、环图 第9页/共30页102023/2/214灰度模式灰度模式 灰度色中不包含任何灰度色中不包含任何色相，不存在红色、黄色这样的色相，不存在红色、黄色这样的颜色，只存在所谓灰度色，即从颜色，只存在所谓灰度色，即从纯黑到纯白以及从黑到白的过渡纯黑到纯白以及从黑到白的过渡色。我们所指的黑白照片、黑白色。我们所指的黑白照片、黑白电视，实际上都应该称为灰度色电视，实际上都应该称为灰度色才确切。灰度值可用黑色油墨覆才确切。灰度值可用黑色油墨覆盖的百分比来表示，如图盖的百分比来表示，如图1.91.9所所示，可以看到示，可以看到0%0%表示白色，表示白色，100%100%表示黑色。表示黑色。1.3 色彩模式

11、图1.9 灰度模式浮动面板5色彩模式的选择色彩模式的选择 在选择图像处理时的色彩模式时，如只要求在屏幕中显示，则可用RGB模式；而所处理的图像需要打印或者印刷，就必须使用CMYK模式，才可确保印刷品颜色与设计时的一致；处理黑白图片可用灰度模式。而HSB色彩模式因屏幕显示用RGB模式、打印和印刷用CMYK模式限制了其使用范围。第10页/共30页112023/2/211.4 对象的选择与管理 在Illustrator CS中，对象的选择是最基本的操作，如图1.10所示有5种选择工具，同时还在“选择”菜单中提供了一些命令，供不同的对象进行选择。图1.10 选择工具组第11页/共30页122023/2

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

13、持不变，结果如图1.12（c）所示。将光标放在中间控制点上，这时光标变为 ，可将对象横向或纵向拉伸，如图1.12（d）是横向水平拉伸。图1.12 图形对象的缩放（a）（b）（c）（d）第13页/共30页142023/2/21 （3）应用直接选择工具单击对象，如图1.13（a）所示，注意与选择工具选择对象后的区别。单击对象中的某个节点，如图1.13（b）所示，拖曳该节点后，对象的局部图形将有所变化，如图1.13（d）所示。而单击两个节点之间的路径，拖曳后图形也将变化，如图1.14所示。这种方法对调整局部图形是很有用的。（a）单击对象 （b）单击节点 （c）拖曳节点 （d）拖曳节点后放开图1.14

14、 单击路径及拖曳后的结果图1.13 直接选择工具选择对象和节点及拖曳后的结果第14页/共30页152023/2/21【实例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）命令，则花茎和叶子形成一体。再将花瓣放在花茎上面，组成一枝有茎和

15、叶的花朵，按图1.15（e）所示全部选择它们，再执行“群组”命令，则形成一个整体。第15页/共30页162023/2/21 （3）用组选择工具 单击叶子，叶子选中；再单击花茎，花茎被选中；再单击花瓣，花瓣又被选中，三个过程如图1.16所示。可见用组选择工具 每单击一次，就将群组对象中的一个子集加入到当前选择集中。图1.16 组选择工具的使用第16页/共30页172023/2/211.4.2 对象前后顺序的调整对象前后顺序的调整 在Illustrator CS中，对象摆放的先后顺序是十分重要的，首先创建的对象在最后，最后创建的对象在最前。但对象的摆放顺序是可以变化的，执行菜单栏中对象排列（Obj

16、ect Arrange）子菜单中的各种命令就可以改变。【实例3】如图1.17（a）所示的三个图形对象的前后顺序是“鱼”、“水草”和“蟹”，试对各个图形对象进行前后顺序的调整，以达到如图1.17（b）和图1.17（c）的要求。图1.17 对象的前后顺序调整第17页/共30页182023/2/21 （1）如要将“蟹”放在图中的最前面，“鱼”放在最后面，如图1.17（b）所示。先选择对象“蟹”，再单击菜单栏中的对象排列排到最前面（ObjectArrangeBring to Front）命令，如图1.18所示的菜单，这时“蟹”置于“水草”之前。同理，选择对象“鱼”，再单击对象排列排到最后面（Send

17、to Back），“鱼”将置于“水草”之后，就完成了前后顺序的调整。图1.17 (b)、(c)跟我学跟我学图1.18“排列”菜单（2）要达到如图1.17（c）所示的顺序，只要将“水草”置于最前面即可。可见使用“排列”下的各个命令很容易实现对象在图层位置上的前后调整，读者可试试用“排在前一层”（Bring Forward）和“排在后一层”（Bring Backward）来实现图1.17（b）和图1.17（c）各个图形的位置。第18页/共30页192023/2/21【实例4】通过对图1.17的演化，以达到如图1.19所示的效果。（1）选择图形对象“鱼”，执行编辑复制命令，再连续执行三次粘贴命令，则

18、在图面上多了三条“鱼”，分别对他们进行缩小或旋转。旋转方法如图1.20所示，即将对象选取后，光标放在某一角边，变成 形状，按照希望旋转的方向旋转，本图是逆时针旋转。（2）同理复制一只“蟹”，按图中形状适当缩小和顺时针方向旋转。（3）将每条鱼在图中的位置进行前后顺序的调整，使得鱼儿在水草中有穿梭游动的感觉。跟我学跟我学第19页/共30页202023/2/211.4.3 对象的对齐与分布对象的对齐与分布【实例5】将如图1.21（a）所示的三个图形对象经过一定操作演变成如图1.21（b）所示的图形。（1）执行窗口排列命令，则打开“排列”面板如图1.22所示。面板中有三个栏目：对齐对象（Align）、

19、分布对象（Distribute）和分布间距。其中对齐对象从左至右分别为：水平左对齐、水平居中对齐、水平右对齐、垂直上对齐、垂直居中对齐和垂直下对齐单击按钮。跟我学跟我学图1.22 “排列”浮动面板第20页/共30页212023/2/21（2）用选择工具同时选择大小两个圆，然后单击水平居中对齐按钮，得如图1.23（a）所示的效果；再单击垂直居中对齐按钮，得如图1.23（b）所示的效果。（3）执行对象群组命令，则两个圆成为整体。（4）同时选择圆和三角形，单击垂直下对齐按钮，再单击水平居中对齐，则得如图1.21（b）的效果。第21页/共30页222023/2/21【实例6】将如图1.24（a）所示的

20、四个小圆位置重新进行分布，变成如图1.24 （b）和1.24（c）所示。（1）本例将用到排列浮动面板中的“分布对象”中的各种按钮，分布对象从左至右分别为：垂直依上均分、垂直居中均分、垂直依下均分、水平依左均分、水平居中均分和水平依右均分。（2）用选择工具同时选择四个小圆，单击垂直居中均分，则在垂直距离上，每个小圆之间的中心距相等，得如图1.24（b）所示的效果。（3）用选择工具同时选择四个小圆，单击水平居中均分，则在水平距离上，每个小圆之间的中心距相等，得如图1.24（c）所示的效果。跟我学跟我学第22页/共30页232023/2/211.4.4 对象的组合与分对象的组合与分割割 【实例7】将

21、如图1.25（a）所示的两个图形对象进行组合和分割，分别变成如图1.25（b）、（c）和（d）所示的效果。本例中两个图形的前后顺序是：三角形在前，圆形在后。跟我学跟我学 （1）执行窗口排列命令，得到图1.22所示的浮动面板，单击“修整”，则打开“修整”（Pathfinder）浮动面板，如图1.26所示。（2）打开图1.25的AI文件，同时选择图1.25（a）中两个图形对象，单击合并外形区域（Add to shape area）按钮，这时前面三角形图形的颜色将覆盖整个图形，变为图1.25（b）所示的新组合的图形。（3）同时选择图1.25（a）中两个图形对象，单击挖空垂叠区域（Exclude ov

22、erlapping shape area）按钮，则出现如图1.26（c）所示图形，从新图形中可看出，圆形和三角形的重合部分被挖空，而且和前面图形（三角形）一致。（4）再同时选择图1.25（a）中两个图形对象，单击分割（Divide）按钮，两个图形被“群组”，执行对象解散群组命令，分别向上移动圆形和向下移动三角形，则原图形被分割成三个不同形状的图形，如图1.25（d）所示。第23页/共30页242023/2/211.5 综合实例综合实例1 1 根据如图1.27给出的三个圆的图形，作出如图1.28所示的图形。【任务分析】米老鼠的图形基本上由圆、椭圆和圆弧曲线组成，可通过圆、椭圆和圆弧线的组合，并通

23、过“修整”浮动面板中的操作工具来实现。第24页/共30页252023/2/21 （1 1）首先选择黑色的圆，用对象 复制和粘贴命令生成三个圆，并分别放大和缩小，将缩小的两个圆进行适当的旋转，按图1.291.29（a a）所示进行放置，最后执行对象 群组命令，三个图形变为一个整体。（2 2）将带有黑边框的圆用复制 粘贴命令生成四个圆，通过变形、缩小和旋转等操作，排列成如图1.291.29（b b）所示的图形，并放置在图1.291.29（a a）上，构成脸形。（3）选择所有图形，如图1.29（c）所示，并单击“修整”浮动面板中的（外形区域减去前面）按钮，则生成如图1.29（d）的头形。跟我学跟我学

24、第25页/共30页262023/2/21（4）作两个椭圆如图1.30（a）所示，注意前后顺序，再用一个白色无边框的椭圆覆盖在前面椭圆的上半部分，如图1.30（b）所示，结果如图1.30（c）所示，将这个图形“群组”，并将1.30（c）图移动到1.29（d）图上，得图1.30（d）所示。第26页/共30页272023/2/21 （5）眼睛的设计制作。分别作两个带黑边框的小椭圆和两个小黑色椭圆，如图1.31（a）所示，构成如图1.31（b）所示的眼睛，并将两只眼睛分别“群组”。（6）嘴唇的制作。制作两个椭圆，大椭圆放前、小椭圆放后如图1.32（b）所示，选择全部图形，并单击 按钮，就形成如图1.32（c）所示的图形，再执行“群组”命令。第27页/共30页282023/2/21 （7）将两个眼睛和嘴唇分别选取，并执行对象排列排在最前面命令，放在如图1.30（d）的脸形图形上，调整适当位置；再在鼻子和嘴唇上加两个小的黑椭圆，就得到如图1.33所示的图形。（8）为了使图形更加传神，可在眼球和鼻子黑点处加上白点；要使耳朵显的更有立体感，可加两条白色圆弧线，放置在适当位置。最后完成图1.28的制作。图1.33 脸部五官的放置 图1.28 米老鼠 第28页/共30页292023/2/21NED返回主菜单返回主菜单第29页/共30页302023/2/21谢谢您的观看！第30页/共30页