Illustrator_CS4实战教程课件

第1章Illustrator基础,【学习要点】设计理念图形图像处理Illustrator工作区工具面板基本操作【学习目标】了解数字图像的类型及文件格式掌握Illustrator各类工具的用途熟练掌握Illustrator的基本操作方法,1.1图形设计思维,图形设计思维从本质上讲，是一种运用视觉形象进行创造性的思维活动，而创造性思维是创造力和想象力的结合。对图形设计而言，这种思维过程非常复杂，带有很大的偶然性，因此为了尽可能地解释图形设计的有关思维活动，为了能从自然的体验中获得超自然的设计思维，研究思维的心理因素和心理过程是非常必要的。1.独特飘逸的思维活动灵感2.设计思维的心理反应情感3.图形创意思维的基础联想4.图形创意思维的原动力视觉想象,一、数字图像类型图形与矢量图图像与位图二、分辨率与颜色深度分辨率颜色深度图像文件与数据量的关系,1.2图像信息处理基础,三、图像颜色模式位图（Bitmap）模式灰度（Grayscale）模式索引颜色（IndexedColor）模式RGB色彩模式CMYK色彩模式四、图像文件格式BMP、PSD、JPG、GIF、TIF,1.2图像信息处理基础,1.3初识IllustratorCS4,1.新增功能：多个画板以选项卡形式排列的文档窗口和“文档排列”面板应用程序栏和工作区切换器实用的智能参考线快速、轻松、一目了然的关键对象对齐功能用于合并路径的斑点画笔工具扩展渐变面板和工具渐变透明效果分色预览面板,2增强功能：剪切蒙版，具有更简洁的外观，更易访问在面板内进行外观编辑更丰富的“图形样式”面板支持Flex扩展功能多画板导出支持,1.3初识IllustratorCS4,1.4IllustratorCS4工作区,一、IllustratorCS4工作区简介,1.4IllustratorCS4工作区,二、工具面板概述1.选择工具：【选择工具】可用来选择整个对象。【直接选择工具】可用来选择对象内的点或路径段【编组选择工具】可用来选择组内的对象或组内的组【魔棒工具】可用来选择具有相似属性的对象。【套索工具】可用来选择对象内的点或路径段。【画板工具】创建用于打印或导出的单独画板。,2.绘图工具3.文字工具4.上色工具5.改变形状工具6.符号工具7.图表工具8.切片和剪切工具9.移动和缩放工具,1.4IllustratorCS4工作区,1.5IllustratorCS4的基本操作,一、基本文件操作二、设置IllustratorCS4“常规”设置“文字”设置“单位和显示性能”设置“参考线和网格”设置三、使用页面辅助工具标尺网格参考线智能参考线,思考与练习,一、思考题：1数字图像有哪些类型？它们有何不同？2IllustratorCS4有哪些类型的工具？3简述Illustrator基本文件操作的方法。二、上机实训：1新建一个画板大小为B5，取横向，颜色模式为CMYK的画板，然后置入一幅JPG格式的图像，对它进行命名并保存。2分别绘制如图1-19、1-20、1-21所示的图形，并分别将其导出为JPG格式文件3尝试绘制如图所示的图形。,第2章图形与色彩,【学习要点】基本绘图工具填充与描边画笔的创建与使用【学习目标】熟练使用Illustrator提供的各种绘图工具绘制图形熟练掌握设置色彩填充与描边的方法,2.1平面构成,平面构成是现代造型设计用语。所谓平面，是指长和宽的两度空间。构成，则是按照美的形式法则将设计要素进行搭配组合，形成一个完整的优美的图形。点、线、面是构成视觉的基本形态要素。一件作品的构图实际上就是对点、线、面的组合构成。不管其形式如何复杂，内容如何丰富，最终都可以简化为点、线、面的构成。世界上的一切物体，都可以用抽象的概念将其概括为点、线、面。,一、点1.点的概念在几何学的定义里，点是只有位置没有大小的，点的感觉是相对的。但从造型意义上看，点是必须有其形才可见的。因此，点的概念是：具有空间位置的视觉单位。点的特殊性在于其大小决不允许超出视觉单位“点”的限度。超越了视觉限度，就失去了“点”的意义，成为“面”了。2.点的性质和作用当一个画面只有一个点时，人的视线就会集中在这个点上，它具有紧张性。因此，点在画面的空间中具有张力作用。,2.1平面构成,二、线1.线的概念在几何学的定义里，线具有位置和长度的特性，而不具备宽度和厚度。线是点移动的轨迹，并存在于面的边缘和面与面的交界。从造型意义上讲，它必须被我们所看到，因此，造型学中的线具有位置、长度和一定的宽度。线分为直线和曲线两种。当点的移动方向一定时，就成为直线；当方向经常变化时就成为曲线；点的移动方向间隔变化的线是曲折线。2.线的性质和作用由于线具有不同的特征，它在视觉上便具有丰富的变化。因此我们必须要对线的性质有着一定得了解，才能更好的运用它为构图服务。线相对于点有着更强的表现力。,2.1平面构成,三、面1.面的含义面在几何学中的含义是线移动的轨迹。平行线垂直移动成为方形；斜线平行移动为菱形；直线以某点为中心旋转移动为圆形；直线以一端为中心进行半圆形移动为扇形等。面具有长、宽两度空间，在空间上所占据的面积相对点、线来说最多，因此在视觉上要比点、线给人更为强烈的冲击力，具有鲜明的个性特征。2.面的性质和作用直线形的面具有直线所表现的心理特征，在心理上具有简洁、明确的感觉，是男性的象征。曲线形的面比直线形的面柔软，特别是圆形，最能表现几何曲线的特征。自由曲线形，并不具有几何秩序，能较好的表现出个性、自由的感觉，因此最能引起人们的视觉兴趣，是女性特质的典型代表，但使用不当则会呈现出散漫、无序的感觉。,2.1平面构成,2.1平面构成,四、构图的形式法则对称和平衡重复对比和调和,从光学的角度来说，世界上的一切物体之所以呈现不同的颜色，是由于光源照射的结果。光源可分两种：一种是自然光，如阳光等；一种是人造光，如灯光、烛光等。一般来说，光源是由不同的波长的单色光所混合成的复色光。所谓的“单色光”是指白光或太阳光经三菱镜折射所分离出光谱色光-红、橙、黄、绿、蓝、靛、紫等七个颜色，因为这种被分解的色光，即使再一次通过三菱镜也不会再分解为其他的色光，所以将这种不能再分解的色光叫做单色光；而由“单色光”所混合的光称为“复色光”。自然界中的太阳光及人工制造的日光灯等所发出的光都是复色光。,2.2色彩设计,一、色彩的三要素明度（Lightness）在无彩色中，明度最高的色为白色，明度最低的色为黑色，中间存在一个从亮到暗的灰色系列（如图2-7）。色相(Hue)指的是色彩的相貌。在可见光谱上，人的视觉能感受到红、橙、黄、绿、蓝、紫这些不同特征的色彩，人们给这些可以相互区别的色定出名称，当我们称呼到其中某一色的名称时，就会有一个特定的色彩印象，这就是色相的概念。饱和度(Saturation)指的是色彩的纯度，它取决于一处颜色的波长单一程度。,2.2色彩设计,二、色彩模型RGB模型CMYK模型HSL模型灰度,2.2色彩设计,2.2色彩设计,三、视觉与色彩1.色彩的物理性质温度感距离感重量感尺度感2.色彩的含义和象征性人们对不同的色彩表现出不同的好恶，这种心理反应，常常是因人们生活经验、利害关系以及由色彩引起的联想造成的，此外也和人的年龄、性格、素养、民族、习惯分不开。,四、色彩的对比和调和1.对比明度对比纯度对比冷暖对比2调和色彩调和，就是色彩性质的近似，是指有差别的、对比的、以至不协调的色彩关系，经过调配整理、组合、安排，使画面中产生整体的和谐、稳定和统一。,2.3绘制基本图形,IllustratorCS4的绘图功能非常强大，它提供了两组基本绘图工具，如图2-14所示，第一组工具包括直线段工具、弧线工具、螺旋线工具、矩形网格工具和极坐网格工具；另一组（如图2-15）包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、星形工具、光晕工具，为我们绘制规则图形提供了便利。,1.绘制直线段2.绘制弧线3.绘制螺旋线4.绘制矩形网格5.其他绘图工具,2.3绘制基本图形,2.4填充与描边,一、使用工具箱填充二、“颜色”面板,三、“色板”的使用四、渐变面板,2.4填充与描边,五、图案填充使用图案不但可以对图形进行填充，而且可以对画笔、描边进行填充。我们既可以使用软件预置的图案，还可以使用自定义的图案。,2.4填充与描边,2.5对象的基本操作,选择工具直接选择工具编组选取工具魔术棒工具套索工具锁定对象隐藏对象对象的层次,2.6应用实例,一、可爱的小熊本例通过使用椭圆工具、铅笔工具和色彩的填充，绘制如图所示的插图。,二、迷路的麋鹿本例通过使用简单的绘图工具和色彩的填充，绘制如图所示的插图。,2.6应用实例,思考与练习,一、思考题：1.IllustratorCS4中的画笔都有哪几种类型？2.在使用绘制工具时，按住shift、ctrl、alt键都有什么样的效果？二、上机实训：1.利用本章所讲述的工具绘制一幅简单的插画。2.使用画笔工具和铅笔工具创建艺术画笔样式和散点画笔样式。,第3章编辑图形,【学习要点】设计的概念路径的创建路径的编辑方法路径的综合使用方法【学习目标】了解VI设计的概念理解并能熟练运用路径的创建熟练掌握路径的编辑方法在实际操作中熟练运用路径来制作VI设计,3.1关于VI设计,VI：以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将上述的企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体符号，塑造出独特的企业形象。,VI系统：基本要素系统：如企业名称、企业标志、企业造型、标准字、标准色、象征图案、宣传口号等。应用系统：产品造型、办公用品、企业环境、交通工具、服装服饰、广告媒体、招牌、包装系统、公务礼品、陈列展示以及印刷出版物等。一套VI设计的主要内容：基本要素系统：标志、标准字、标准色、标志和标准字的组合应用系统,3.1关于VI设计,一、路径的基本概念Illustrator是矢量图绘图软件，而Illustrator是通过路径来完成矢量绘图的，所以矢量图的创作过程其实就是创建路径、编辑路径的过程。在Illustrator中，使用绘图工具所产生的线条就称之为路径。路径是由一个或多个直线段或者曲线段组成。,3.2绘制路径,二、有关路径的工具在Illustrator中用来创建和编辑路径的工具包括【钢笔工具】、【添加锚点工具】、【删除锚点工具】、【转换锚点工具】、【铅笔工具】、【平滑工具】以及【路径橡皮擦工具】,3.2绘制路径,3.2绘制路径,三、创建路径1利用钢笔工具来创建一条直线。2利用钢笔工具创建直角等腰三角形。3简单的了解了使用【钢笔工具】绘制直线，接下来再来了解一下使用钢笔工具绘制曲线。绘制曲线A绘制曲线B绘制曲线C,一、选择工具【选择工具】用于选中整个路径或图形，用于对整个路径或图形的整体变形【直接选择工具】可以对成组对象中的一个对象、路径上某个单独的锚点或是某段路径进行编辑【编组选择工具】对对象中的某一部分路径，当成一个群组来进行编辑。,3.3编辑路径,二、路径的编辑添加或删除锚点转换锚点连接路径、闭合路径、修改路径,3.3编辑路径,三、铅笔工具可以绘制出任意的路径，和平时用铅笔在纸上绘图一样。创建路径后如有需要，还可以急时修改已经绘制完成的路径。,3.3编辑路径,3.3编辑路径,四、平滑工具【平滑工具】用于平滑贝塞尔路径，可以使现有路径迅速变得平滑，并尽可能保有原有路径的性状。,3.3编辑路径,五、路径橡皮擦工具：用于擦出路径的工具，可以擦除路径上的任意部分，但不能用于文本和网格中六、画笔工具用于绘制徒手画和书法线条，以及路径图稿和路径图案。新建书法画笔工具新建散点画笔新建图案画笔新建艺术画笔修改画笔删除笔刷移去画笔,3.4实例应用,一、信封的制作实例本例通过使用钢笔工具、图形工具和文字工具，绘制如图所示的信封。,二、酒瓶的制作实例本例通过使用简单的钢笔工具和3D绕转，绘制如图所示的酒瓶。,3.4实例应用,思考与练习,一、思考题：1.如果绘制区内有很多相互不关联的路径，该怎么样做才能全部选中？2.怎样向路径中添加锚点，向路径中添加锚点是为了什么？二、上机实训：1.利用【钢笔工具】绘制出一副卡通图。2.利用【钢笔工具】制作福娃-京京,第4章文本与段落的应用,【学习要点】文本的设计文本与段落编辑文本【学习目标】熟练使用Illustrator提供的各种文字工具制作出各种类型的文字熟练掌握设置文本和段落格式的方法熟练地进行文本编辑,4.1文本的设计,一、文字制作工具文字工具区域文字工具路径文字工具直排文字工具直排区域文字工具直排路径文字工具,二、导入与导出文本打开方式导入置入方式导入导出,4.1文本的设计,三、设置文字属性1.文字的选择字符的选择选择文字对象选择文字路径2.“字符”面板3.设置字体、字号4.填充文字5.缩放与旋转文字,4.1文本的设计,四、实例操作,4.1文本的设计,一、文本对齐二、段落缩进,4.2文本与段落,三、段落间距,4.2文本与段落,一、分栏二、串接文本,4.3编辑文本,三、样式的应用1.字符样式2.段落样式,4.3编辑文本,4.4实例应用,一、制作虚线阴影文字练习掌握对文字填充以及边线的设置,二、制作金属字练习掌握文字转化路径和路径偏移命令的用法。,4.4实例应用,4.4实例应用,三、制作图像字四、制作名片五、版面制作,思考与练习,一、思考题：1直接对文字进行渐变色填充时会出现什么情况？应如何实现？2在进行图文混排时，应如何实现？二、上机实训：1绘制如图4-55所示的文字。2绘制如图4-56所示的文字。3绘制图4-57所示的文字。4制作一个图文混排的小报。,第5章图层与模板应用,【学习要点】认识“图层”面板图层的创建与编辑编辑图层创建与编辑蒙版【学习目标】熟练掌握图层的应用熟练掌握蒙版的创建与编辑方法掌握蒙版的应用,5.1认识图层面板,在IllustratorCS4中新建一个文档后，系统会自动在“图层”控制面板中生成一个图层。IllustratorCS4的图层是透明层，就好像一张张透明拷贝纸，在每张拷贝纸上绘制不同的图形，重叠在一起便得到一幅完整的作品。用户可以根据需要来创建图层。,新建图层复制图层删除图层显示或隐藏图层锁定图层合并图层,5.2图层的创建与编辑,5.3蒙版的创建,一、创建剪切蒙版1.创建文本剪切蒙版2.创建图形的剪切蒙版,二、创建不透明蒙版1“透明度”控制面板简介2不透明蒙版的创建,5.3蒙版的创建,5.4蒙版的编辑,一、剪切蒙版的编辑二、不透明蒙版的编辑,5.5应用实例,一、制作宠物杂志封面二、制作卡片三、制作倒影效果四、制作书本封面,思考与练习,一、思考题：1在IllustratorCS4中，创建图层的方法有那些？2在IllustratorCS4中，创建蒙版的型有那些？3.在IllustratorCS4中，如何创建透明蒙版？请举例说明。二、上机实训：1.参考本章知识，将图（a）处理成如图（b）所示的效果。2.使用本书方法，将图（a）处理成如图（b）所示的效果。,第6章图形的变异,【学习要点】变换的应用变形工具的使用命令扭曲效果的应用【学习目标】理解并能够灵活运用变换工具学会用多种方式进行图形的变换效果学会使用变形工具创造个性化对象对命令扭曲工具的灵活运用,6.1用工具添加变换,在Illustrator中的常见变换操作有移动、旋转、缩放、对称、倾斜和变换。所以可以通过变换命令、工具以及相关的面板对选中的对象进行变换操作。,6.2使用“变换”调板,6.3使用变换,1.使用移动命令2.对称对象3.旋转对象4.缩放对象5.倾斜对象,6.4使用分别变换,6.5使用“变形”效果,6.6用命令扭曲,1扭拧2扭转3收缩和膨胀4波纹效果5粗糙化6自由扭曲,6.6用命令扭曲,5粗糙化6自由扭曲,6.7应用实例,一、绘制飘扬的五星红旗,二、标志的绘制,6.7应用实例,思考与练习,一、思考题：1.在对图片进行变换效果时是否需要“嵌入”图片？为对象添加“变换”效果时，相对和绝对的区别在那里？2.参考点是否对改变对象有很大的影响？做图形的变异是否需要较高的审美能力和应用能力？二、上机实训：1.使用“椭圆工具”绘制一个圆并填充颜色。2.用钢笔、移动、变换、扭曲工具绘制效果图。,第7章符号与混合的应用,【学习要点】认识“符号”工具面板符号的创建符号的更新与联接颜色、路径等的混合使用【学习目标】熟练掌握符号的应用熟练掌握符号的创建与编辑方法掌握混合的应用掌握符号的混合应用,7.1符号的使用,在IllustratorCS4中，符号是一种能存储在“符号”控制面板中，并且可以多次重复使用的对象。IllustratorCS4提供了“符号”控制面板,专门用来创建、存储和编辑符号。IllustratorCS4中的各种对象，如普通的图像、文本对象、复合路径、渐变网格等均可以被定义为符号。一、“符号”控制面板,二、使用符号工具符号喷枪工具符号移位器工具符号紧缩器工具符号缩放器工具符号转换器工具符号着色器工具符号滤色器工具符号样式器工具,7.1符号的使用,一、创建符号二、复制或删除符号三、断开符号链接四、使用符号库,7.2符号的编辑,一、创建混合对象两对象进行混合多个对象进行混合按锚点进行混合沿指定路径混合二、使用“混合选项”对话框,7.3符号的混合应用,三、混合对象的其它操作改变混合方向改变混合对象的重叠次序扩展混合对象释放混合对象,7.3符号的混合应用,7.4实例应用,一、绘制水底世界使用“符号”控制面板、“圆角矩形”工具等制作海底世界效果。,二、制作贺卡使用“符号”“混合”工具制作贺卡。三、制作美丽光盘,7.4实例应用,思考与练习,一、思考题：1在IllustratorCS4中，符号工具有那些？作用分别是什么？2.在IllustratorCS4中，符号的编辑有那些？各有什么技巧？3在IllustratorCS4中，符号的混合应用有那些？二、上机实训：1参考课本知识，利用符号工具绘制一幅山水风景图。2利用符号创建两个图形，并为其创建各种混合效果。3参考课本实例，创建一个灯笼。,第8章特殊效果的表现,【学习要点】转化矢量图形效果的应用外观面板图形样式【学习目标】掌握外观、样式、效果的概念及相互关系熟练掌握图形样式的应用掌握效果的应用和编辑掌握外观面板的应用,8.1矢量图形的转化,在Illustrator中，要应用“SVG滤镜”、“效果”菜单下部区域的所有效果，以及“效果”“风格化”二级子菜单中的“投影”、“内发光”、“外发光”和“羽化”命令，就需要使用“栅格化”生成像素（非矢量数据）的效果，将要处理的矢量图转化为位图。,一、外观面板二、编辑外观属性示例1：复制外观属性示例2：在对象间复制外观属性,8.2外观面板的使用,8.3效果的应用,一、效果菜单,二、应用Illustrator效果3D效果SVG效果变形效果扭曲和变换效果路径查找器效果形状转换效果“风格化”效果,8.3效果的应用,应用前,应用后,三、应用Photoshop效果像素化效果模糊效果视频效果锐化效果四、实例操作,8.3效果的应用,8.4图形样式,一、图形样式面板二、应用图形样式,三、实例操作1.定位图层面板中的云。2.对云应用一种图形样式。3.查看图形样式的外观属性。4.编辑图形样式。5.创建新样式。6.对太阳应用新图形样式。7.删除图形样式,8.4图形样式,8.5应用实例,一、制作图片融合效果二、制作水中倒影效果,8.5应用实例,三、制作电影广告宣传页四、制作各种形状的花瓣,思考与练习,一、思考题：1.如何实现多种样式合并为一种样式？2.效果和滤镜有什么区别？应用“效果”菜单下的命令，是否改变对象的自身属性？3.“效果”菜单下的命令都可以用于矢量图吗？4.如何对创建的新图形样式进行保存？二、上机实训：1.对一幅图片，分别使用“对象”中的“创建马赛克”命令和“效果”“纹理”中的“马赛克拼贴”，比较它们应用后的不同。2.利用“效果”“艺术效果”子菜单中的各项命令来制作图片的壁画效果、浮雕效果、流光溢彩的夜景效果等。3.利用“效果”“风格化”菜单下的选项打造星光夜空。4.制作星光灿烂图,第9章渐变网格与封套扭曲,【学习要点】创建、编辑网格节点渐变网格的使用多种方式建立封套扭曲封套扭曲工具的运用【学习目标】熟练掌握渐变工具的使用方法理解并能熟练运用网格节点为制作图片服务熟练掌握封套扭曲工具的几种建立方式熟练应用封套扭曲工具,9.1使用网格工具,一、初识网格工具二、使用网格工具,二、使用符号工具符号喷枪工具符号移位器工具符号紧缩器工具符号缩放器工具符号转换器工具符号着色器工具符号滤色器工具符号样式器工具,7.1符号的使用,一、网格节点二、编辑网格节点,9.2编辑网格节点,三、选择网格节点、网格线四、调整、增加和删除网格节点添加节点删除节点调整网格节点五、渐变网格的上色使用调节颜色调板上色使用拖放的方式调节颜色使用颜料桶工具上色使用吸管工具上色,9.2编辑网格节点,一、初识封套扭曲二、用变形建立三、用网格建立四、用顶层对象建立,9.3封套扭曲,五、其他编辑命令编辑封套和封套内容删除封套封套选项消除锯齿保留形状，使用保真度扭曲外观扭曲线性渐变扭曲图案填充,4.3编辑文本,9.4实例应用,一、花朵实例的制作练习掌握对网格工具、混合工具的使用。,二、北极光效果的绘制练习掌握对网格工具的使用,9.4实例应用,思考与练习,一、思考题：1.用工具栏中的渐变网格工具，可以在网格外框和内部任意添加节点。观察网格线走向，是呈竖直和水平方向的，为什么不是斜的?2.用箭头选取工具选取物件上的节点时，往往无法顺利选取到需要的节点，该怎么办?3.封套扭曲的建立方式有哪几种？4.如何删除封套？效果是否相同？二、上机实训：1.利用渐变网格工具绘制简便的球体。2.利用封套工具制作褶皱报纸。,第10章制作图层动画,【学习要点】Illustrator制作动画的特点用Illustrator制作动画【学习目标】了解Illustrator制作动画的特点熟练掌握图层动画制作的方法熟练掌握如何导出动画文件,10.1Illustrator制作动画,一、Illustrator制作动画的特点容量小软件功能强大操作简单兼容性好,二、制作图层动画图层就像一张张透明的纸，叠加后顶层可以看到下面的图像，而且图层的位置可以互换，把图层应用到动画包含两方面：一方面，每一个图层可以看作是动画中的一帧，把不同的动作画面放在不同的图层，通过导出就可以使它们连续播放。另一方面，可以将角色的草稿、正稿、暗面、亮面的颜色各占一个图层，或者把角色和背景放在不同的图层，方便操作和修改。1.分配动画中的帧到图层2.导出图层动画,10.1Illustrator制作动画,三、动画实例欣赏,10.1Illustrator制作动画,“小破孩系列”动画截图欣赏,“小小系列”动画截图欣赏,“笨笨猪系列”动画截图欣赏,10.2实例应用,一、制作花瓣动画二、制作钟表,三、制作角色动画1.制作角色2.绘制分帧图3.导出动画,10.2实例应用,思考与练习,一、思考题：1.利用Illustrator制作动画有哪些优点？2.Illustrator导出文件时有哪些导出方式？二、上机实训：1.利用Illustrator制作月亮升起的动画。2.利用Illustrator制作文字变形、变色的动画。,第11章与其他软件的合作,【学习要点】Illustrator与Photoshop的合作Illustrator与Flash的合作【学习目标】熟练掌握Photoshop文件在Illustrator文中的使用方法熟练掌握Illustrator文件在Photoshop中的使用方法熟练掌握Illustrator文件在Flash中的使用方法,11.1使用photoshop文件,一、在Illustrator中打开photoshop文件在Illustrator和photos