《Illustrator-CSppt课件第1章-Illustrator-CS入门.ppt》由会员分享，可在线阅读，更多相关《Illustrator-CSppt课件第1章-Illustrator-CS入门.ppt（30页珍藏版）》请在三一办公上搜索。
1、1,2023/3/25,第1章 Illustrator CS入门,【知识要点】,初识Illustrator CS了解Illustrator CS工作界面（工具箱、菜单栏、浮动面板）了解位图和矢量图的概念与区别 了解各种色彩模式 了解对象的多种选择方法 熟练掌握选择工具的使用方法 掌握对象前后顺序的调整 掌握对象的对齐与分布方法 掌握对象的组合与分割,2,2023/3/25,1.1 初识Illustrator CS,一、中文Illustrator CS的界面,1标题栏2菜单栏（1）文件（File）（2）编辑（Edit）（3）对象（Object）（4）文字（Type）（5）选择（Select）（6
2、）滤镜（Filter）（7）效果（Effect）（8）视图（View）（9）窗口（Window）（10）帮助（Help）3工具箱4浮动面板5工作平台,3,2023/3/25,二、工具箱 工具分为8组：1.选取 2.绘图 3.变换图形形状 4.符号与图表 5.变换填充 6.修剪 7.填充 8.视窗显示模式 每个组中带有小黑三角形标志的表示某个工具里含有一小组工具，单击该工具并拖曳，就可以展开这小组工具,1.1 初识Illustrator CS,6,2023/3/25,2位图 位图图像，也称为点阵图像，是由称做像素（图片元素）的单个点组成的，这些点可以进行不同的排列和染色以构成图像。每个像素都指定
3、一个特定的位置和颜色数值。处理位图图像时，所处理的是像素，而非物件或形状。但位图图像可以优化微小细节，更逼真地表现外部世界。位图一般用于照片的图像处理，其代表软件有PhotoShop。数码相机拍摄的相片就是位图图片，其分辨率的大小决定了图像大小，而低分辨率的图像放大后会使线条和形状显得参差不齐。,1.2 位图和矢量图,放大后边缘呈锯齿形,7,2023/3/25,1.3 色彩模式,色彩模式就是把色彩分解成几部分的颜色组件，再根据颜色组件组成的不同，定义出各种不同的颜色。对颜色组件不同的分类就形成了不同的色彩模式。,四种色彩模式:1RGB 2.CMYK 3.HSB 4.灰度,8,2023/3/25
4、,1RGB色彩模式,RGB色彩模式，它是取之于红（Red）、绿（Green）、蓝（Blue）三种颜色的英文字母的首字符。通常彩色电视机或显示器上的所有颜色，都由红、绿、蓝三种色光按照不同的比例混合而成。一组红绿蓝颜色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。移动R、G、B三种颜色下的“”滑块，右边方框内的数值从0255呈整数变化，其大小表示亮度，即有256个亮度级别，“0”为最弱，“255”为最亮。RGB色彩共能组合出约1678万种色彩，称为24位色（2的24次方）。由于256是2的8次方，也称为8位通道色。这里的所谓色彩通道，实际上就是指三种色光各自的亮度
5、范围。由于RGB色彩模式接近于自然色，所以通常用于彩电和显示器显示。图1.4所示是这三种颜色的组合及级别标注。,图1.4 RGB三种颜色及组合,1.3 色彩模式,9,2023/3/25,2CMYK色彩模式,CMYK也称做印刷色彩模式，它是唯一一种专门针对印刷业设定的颜色标准，是通过对青（Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black）四种颜色的变化以及它们相互之间的叠加来得到各种颜色。CMYK取之于青、洋红和黄色首字符，黑色取尾字符，以避免和蓝色相混淆。CMYK同时也代表四种印刷专用的油墨颜色，在印刷上通过控制青、洋红、黄、黑四色油墨在纸张上的相叠印刷来产生色彩，称之为
6、四色印刷。通过如图1.5所示的色彩模式浮动面板可以看到CMYK是以百分比来选择的，相当于油墨的浓度。青、洋红和黄色组合的颜色如图1.6所示，从理论上来说，只需要CMY三种油墨就足够了，它们三个加在一起就可以得到黑色，但是由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗咖啡色，因此还需要加入一种专门的黑墨来中和。,图1.5 CMYK色彩模式浮动面板,图1.6 CMY三种颜色及组合,1.3 色彩模式,10,2023/3/25,3HSB色彩模式,HSB色彩模式把颜色分为色相（Hue）、饱和度（Saturation）、明度（Brightness）三个要素，其色彩模式浮动面板如图1.
7、7所示。所谓的色相是指物体固有的颜色（物体反射的光波），以度（）来表示，按0360的标准色轮的位置来确定，如图1.8所示。饱和度用色相中的灰色成分所占的比例来表示，0%是纯灰色，100%是完全饱和，它是指颜色的强度或纯度；它相当于彩电中的色彩浓度，饱和度高色彩较艳丽，饱和度低色彩就越接近灰色。明度也称为亮度，它相当于彩电中的亮度，亮度越高色彩就越明亮，最高定义为纯白（0%）；亮度越低色彩就越暗淡，最低定义为纯黑（100%）。,1.3 色彩模式,图1.7 HSB色彩模式浮动面板,图1.8 色相环图,11,2023/3/25,4灰度模式,灰度色中不包含任何色相，不存在红色、黄色这样的颜色，只存在所
8、谓灰度色，即从纯黑到纯白以及从黑到白的过渡色。我们所指的黑白照片、黑白电视，实际上都应该称为灰度色才确切。灰度值可用黑色油墨覆盖的百分比来表示，如图1.9所示，可以看到0%表示白色，100%表示黑色。,1.3 色彩模式,图1.9 灰度模式浮动面板,5色彩模式的选择,在选择图像处理时的色彩模式时，如只要求在屏幕中显示，则可用RGB模式；而所处理的图像需要打印或者印刷，就必须使用CMYK模式，才可确保印刷品颜色与设计时的一致；处理黑白图片可用灰度模式。而HSB色彩模式因屏幕显示用RGB模式、打印和印刷用CMYK模式限制了其使用范围。,12,2023/3/25,1.4 对象的选择与管理,在Illus
9、trator CS中，对象的选择是最基本的操作，如图1.10所示有5种选择工具，同时还在“选择”菜单中提供了一些命令，供不同的对象进行选择。,图1.10 选择工具组,13,2023/3/25,1.4.1 对象的选择,【实例1】试用选择工具 和直接选择工具 对如图1.11所示的AI图案（拟操作的对象）进行各种操作。,跟我学,（1）将选择工具 放在图1.11上的不同位置光标将呈现不同的状态，而单击对象，则对象被选中，这时可以将对象拖曳到图面上的任何位置。,图1.11 选择工具作用在对象不同位置的状态,14,2023/3/25,（2）用选择工具 还可以在水平或垂直方向缩放对象。单击对象，并将光标放在
10、四角的控制点上，这时光标变为，如图1.12（a）所示。移动光标可将对象缩放，结果如图1.12（b）所示。若在移动 光标的同时，按下Shift键，则缩放对象的比例保持不变，结果如图1.12（c）所示。将光标放在中间控制点上，这时光标变为，可将对象横向或纵向拉伸，如图1.12（d）是横向水平拉伸。,图1.12 图形对象的缩放,（a）（b）（c）（d）,15,2023/3/25,（3）应用直接选择工具单击对象，如图1.13（a）所示，注意与选择工具选择对象后的区别。单击对象中的某个节点，如图1.13（b）所示，拖曳该节点后，对象的局部图形将有所变化，如图1.13（d）所示。而单击两个节点之间的路径，
11、拖曳后图形也将变化，如图1.14所示。这种方法对调整局部图形是很有用的。,（a）单击对象（b）单击节点（c）拖曳节点（d）拖曳节点后放开,图1.14 单击路径及拖曳后的结果,图1.13 直接选择工具选择对象和节点及拖曳后的结果,16,2023/3/25,【实例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）所示的结果，并用选择工具选
12、择它们。打开菜单栏中的“对象”（Object）菜单，选择“群组”（Group）命令，则花茎和叶子形成一体。再将花瓣放在花茎上面，组成一枝有茎和叶的花朵，按图1.15（e）所示全部选择它们，再执行“群组”命令，则形成一个整体。,17,2023/3/25,（3）用组选择工具 单击叶子，叶子选中；再单击花茎，花茎被选中；再单击花瓣，花瓣又被选中，三个过程如图1.16所示。可见用组选择工具 每单击一次，就将群组对象中的一个子集加入到当前选择集中。,图1.16 组选择工具的使用,18,2023/3/25,1.4.2 对象前后顺序的调整,在Illustrator CS中，对象摆放的先后顺序是十分重要的，首
13、先创建的对象在最后，最后创建的对象在最前。但对象的摆放顺序是可以变化的，执行菜单栏中对象排列（Object Arrange）子菜单中的各种命令就可以改变。,【实例3】如图1.17（a）所示的三个图形对象的前后顺序是“鱼”、“水草”和“蟹”，试对各个图形对象进行前后顺序的调整，以达到如图1.17（b）和图1.17（c）的要求。,图1.17 对象的前后顺序调整,19,2023/3/25,（1）如要将“蟹”放在图中的最前面，“鱼”放在最后面，如图1.17（b）所示。先选择对象“蟹”，再单击菜单栏中的对象排列排到最前面（ObjectArrangeBring to Front）命令，如图1.18所示的菜
14、单，这时“蟹”置于“水草”之前。同理，选择对象“鱼”，再单击对象排列排到最后面（Send to Back），“鱼”将置于“水草”之后，就完成了前后顺序的调整。,图1.17(b)、(c),跟我学,图1.18“排列”菜单,（2）要达到如图1.17（c）所示的顺序，只要将“水草”置于最前面即可。可见使用“排列”下的各个命令很容易实现对象在图层位置上的前后调整，读者可试试用“排在前一层”（Bring Forward）和“排在后一层”（Bring Backward）来实现图1.17（b）和图1.17（c）各个图形的位置。,20,2023/3/25,【实例4】通过对图1.17的演化，以达到如图1.19所示
15、的效果。,（1）选择图形对象“鱼”，执行编辑复制命令，再连续执行三次粘贴命令，则在图面上多了三条“鱼”，分别对他们进行缩小或旋转。旋转方法如图1.20所示，即将对象选取后，光标放在某一角边，变成 形状，按照希望旋转的方向旋转，本图是逆时针旋转。（2）同理复制一只“蟹”，按图中形状适当缩小和顺时针方向旋转。（3）将每条鱼在图中的位置进行前后顺序的调整，使得鱼儿在水草中有穿梭游动的感觉。,跟我学,21,2023/3/25,1.4.3 对象的对齐与分布,【实例5】将如图1.21（a）所示的三个图形对象经过一定操作演变成如图1.21（b）所示的图形。,（1）执行窗口排列命令，则打开“排列”面板如图1.
16、22所示。面板中有三个栏目：对齐对象（Align）、分布对象（Distribute）和分布间距。其中对齐对象从左至右分别为：水平左对齐、水平居中对齐、水平右对齐、垂直上对齐、垂直居中对齐和垂直下对齐单击按钮。,跟我学,图1.22“排列”浮动面板,22,2023/3/25,（2）用选择工具同时选择大小两个圆，然后单击水平居中对齐按钮，得如图1.23（a）所示的效果；再单击垂直居中对齐按钮，得如图1.23（b）所示的效果。,（3）执行对象群组命令，则两个圆成为整体。（4）同时选择圆和三角形，单击垂直下对齐按钮，再单击水平居中对齐，则得如图1.21（b）的效果。,23,2023/3/25,【实例6】
17、将如图1.24（a）所示的四个小圆位置重新进行分布，变成如图1.24（b）和1.24（c）所示。,（1）本例将用到排列浮动面板中的“分布对象”中的各种按钮，分布对象从左至右分别为：垂直依上均分、垂直居中均分、垂直依下均分、水平依左均分、水平居中均分和水平依右均分。（2）用选择工具同时选择四个小圆，单击垂直居中均分，则在垂直距离上，每个小圆之间的中心距相等，得如图1.24（b）所示的效果。（3）用选择工具同时选择四个小圆，单击水平居中均分，则在水平距离上，每个小圆之间的中心距相等，得如图1.24（c）所示的效果。,跟我学,24,2023/3/25,1.4.4 对象的组合与分割,【实例7】将如图1
18、.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 overlap
19、ping shape area）按钮，则出现如图1.26（c）所示图形，从新图形中可看出，圆形和三角形的重合部分被挖空，而且和前面图形（三角形）一致。,（4）再同时选择图1.25（a）中两个图形对象，单击分割（Divide）按钮，两个图形被“群组”，执行对象解散群组命令，分别向上移动圆形和向下移动三角形，则原图形被分割成三个不同形状的图形，如图1.25（d）所示。,25,2023/3/25,1.5 综合实例1,根据如图1.27给出的三个圆的图形，作出如图1.28所示的图形。,【任务分析】米老鼠的图形基本上由圆、椭圆和圆弧曲线组成，可通过圆、椭圆和圆弧线的组合，并通过“修整”浮动面板中的操作工具
20、来实现。,26,2023/3/25,（1）首先选择黑色的圆，用对象复制和粘贴命令生成三个圆，并分别放大和缩小，将缩小的两个圆进行适当的旋转，按图1.29（a）所示进行放置，最后执行对象群组命令，三个图形变为一个整体。（2）将带有黑边框的圆用复制粘贴命令生成四个圆，通过变形、缩小和旋转等操作，排列成如图1.29（b）所示的图形，并放置在图1.29（a）上，构成脸形。（3）选择所有图形，如图1.29（c）所示，并单击“修整”浮动面板中的（外形区域减去前面）按钮，则生成如图1.29（d）的头形。,跟我学,27,2023/3/25,（4）作两个椭圆如图1.30（a）所示，注意前后顺序，再用一个白色无边
21、框的椭圆覆盖在前面椭圆的上半部分，如图1.30（b）所示，结果如图1.30（c）所示，将这个图形“群组”，并将1.30（c）图移动到1.29（d）图上，得图1.30（d）所示。,28,2023/3/25,（5）眼睛的设计制作。分别作两个带黑边框的小椭圆和两个小黑色椭圆，如图1.31（a）所示，构成如图1.31（b）所示的眼睛，并将两只眼睛分别“群组”。,（6）嘴唇的制作。制作两个椭圆，大椭圆放前、小椭圆放后如图1.32（b）所示，选择全部图形，并单击 按钮，就形成如图1.32（c）所示的图形，再执行“群组”命令。,29,2023/3/25,（7）将两个眼睛和嘴唇分别选取，并执行对象排列排在最前面命令，放在如图1.30（d）的脸形图形上，调整适当位置；再在鼻子和嘴唇上加两个小的黑椭圆，就得到如图1.33所示的图形。（8）为了使图形更加传神，可在眼球和鼻子黑点处加上白点；要使耳朵显的更有立体感，可加两条白色圆弧线，放置在适当位置。最后完成图1.28的制作。,图1.33 脸部五官的放置,图1.28 米老鼠,30,2023/3/25,NED,返回主菜单,
