Illustrator设计教案(第一讲)PPT课件VIP

AdobeIllustratorCS插画图形设计软件,总课时25课时授课老师阮琳,Illustrator的概述Adobeillustrator作为全球最著名的矢量图形软件，以其强大的功能和体贴用户的界面，已经占据了全球矢量编辑软件中的大部分份额。据不完全统计全球有37%的设计师在使用AdobeIllustrator进行艺术设计。,商业插画,可口可乐的商业插画,包装设计,产品外形设计,logo设计,字体设计,版式设计,图形设计思维,图形设计思维从本质上讲，是一种运用视觉形象进行创造性的思维活动，而创造性思维是创造力和想象力的结合。对图形设计而言，这种思维过程非常复杂，带有很大的偶然性，因此为了尽可能地解释图形设计的有关思维活动，为了能从自然的体验中获得超自然的设计思维，研究思维的心理因素和心理过程是非常必要的。,矢量图的定义：也称之为向量图，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。每个对象可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、VI、文字等设计。常用软件有：Coreldraw、Illustrator、Freehand、等。,Illustrator常用的文件格式,（*.ai）能够同时保存位图和矢量图，这种格式是illustrator专用格式。（*.EPS）矢量图的通用格式（*.Web）网页常用的格式,【学习要点】基本绘图工具填充与描边画笔的创建与使用【学习目标】熟练使用Illustrator提供的各种绘图工具绘制图形熟练掌握设置色彩填充与描边的方法,2.3绘制基本图形,IllustratorCS的绘图功能非常强大，它提供了两组基本绘图工具，第一组工具包括直线段工具、弧线工具、螺旋线工具、矩形网格工具和极坐网格工具；另一组包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、星形工具、光晕工具，为我们绘制规则图形提供了便利。,2.4填充与描边,一、使用工具箱填充二、“颜色”面板,三、“色板”的使用四、渐变面板,2.4填充与描边,五、图案填充使用图案不但可以对图形进行填充，而且可以对画笔、描边进行填充。我们既可以使用软件预置的图案，还可以使用自定义的图案。,2.4填充与描边,2.5对象的基本操作,选择工具直接选择工具编组选取工具魔术棒工具套索工具锁定对象隐藏对象对象的层次,2.6应用实例,一、可爱的小熊本例通过使用椭圆工具、铅笔工具和色彩的填充，绘制如图所示的插图。,二、迷路的麋鹿本例通过使用简单的绘图工具和色彩的填充，绘制如图所示的插图。,2.6应用实例,思考与练习,一、思考题：1.IllustratorCS4中的绘制基本图形有哪几种类型？2.在使用绘制工具时，按住shift、ctrl、alt键都有什么样的效果？二、上机实训：1.利用本章所讲述的工具绘制一幅简单的插画。,2图形创建,【学习要点】设计的概念路径的创建路径的编辑方法路径的综合使用方法【学习目标】理解并能熟练运用路径的创建熟练掌握路径的编辑方法在实际操作中熟练运用路径来制作VI设计,一、路径的基本概念Illustrator是矢量图绘图软件，而Illustrator是通过路径来完成矢量绘图的，所以矢量图的创作过程其实就是创建路径、编辑路径的过程。在Illustrator中，使用绘图工具所产生的线条就称之为路径。路径是由一个或多个直线段或者曲线段组成。,3.2绘制路径,二、有关路径的工具在Illustrator中用来创建和编辑路径的工具包括【钢笔工具】、【添加锚点工具】、【删除锚点工具】、【转换锚点工具】、【铅笔工具】、【平滑工具】以及【路径橡皮擦工具】,3.2绘制路径,3.2绘制路径,三、创建路径1利用钢笔工具来创建一条直线。2利用钢笔工具创建直角等腰三角形。3简单的了解了使用【钢笔工具】绘制直线，接下来再来了解一下使用钢笔工具绘制曲线。绘制曲线A绘制曲线B绘制曲线C,一、选择工具【选择工具】用于选中整个路径或图形，用于对整个路径或图形的整体变形【直接选择工具】可以对成组对象中的一个对象、路径上某个单独的锚点或是某段路径进行编辑【编组选择工具】对对象中的某一部分路径，当成一个群组来进行编辑。,3.3编辑路径,二、路径的编辑添加或删除锚点转换锚点连接路径、闭合路径、修改路径,3.3编辑路径,三、铅笔工具的使用可以绘制出任意的路径，和平时用铅笔在纸上绘图一样。创建路径后如有需要，还可以急时修改已经绘制完成的路径。,3.3编辑路径,路径的连接与开放开放路径的连接方法1.使用钢笔工具2.使用“连接”命令3使用主控制条的连接按钮,断开路径的连接方法1.使用剪刀工具2.使用美工刀工具3使用主控制条的断开按钮4使用橡皮擦工具,2.4复合路径、复合形状和路径查找器,复合路径：把一个以上的图形组合在一起，产生镂空效果。复合形状：可以使两个以上的物体结合、分离和肢解，建立新的图形。,分割Divide:这是最经常用到的功能，AI将沿着物体相叠部分进行切割，分割成许多片新的形状，新形状将继承原来形状的属性，色彩会保持不变。分割之后，你可以用直接选择工具或组选择工具移动这些新的形状，或者你也可以对这些形状进行取消组操作，接着用选择工具进行选择。,修剪Trim:用上面的物体对下面的物体进行修剪，AI会删掉下面物体重叠的部分，如果物体有轮廓线（Stroked），则轮廓线会被移除。各个物体会保留原来物体的属性。,合并Merge:合并的作用和修剪比较相似，但是不同的是，合并会将色彩相同的物体合成一体，而且这个合并操作会忽略物体的堆叠顺序。,裁切Crop:用最上面的物体裁切掉下面所有的物体，可以把最上面的物体想象成一个蒙版，这个操作也会移除轮廓线。,轮廓Outline:类似于之前介绍的分割，不同的是，它最后的结果是一段段的线段。,减去后面MinusBack:和减去前面（MinusFront）的作用刚好相反，这是用上面的物体减去下面的物体。,第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和photoshop之间处理文件是非常方便快捷的，因为photoshop能打开或置入Illustrator文件，而Illustrator也能打开或导出PhotoshopPSD文件。Illustrator支持大部分Photoshop数据，包括图层复合、图层、可编辑文本和路径。使用“打开”命令、“置入”命令、“粘贴”命令和拖放功能都可以将图稿从Photoshop(PSD)文件引入到Illustrator中。,二、将Photoshop文件中的路径导入Illustrator有些时候需要将photoshop中创建的路径导入至Illustrator使用，只需要通过在Photoshop中选择“路径组件选择”工具或“直接选择”工具选择要移动的路径，复制并粘贴或将路径拖动到Illustrator中即可。需要注意的是，若要从Photoshop文档导入所有路径（不包括像素），请在Photoshop中选择“文件”“导出”“路径到Illustrator”，然后在Illustrator中打开生成的文件。,11.1使用photoshop文件,11.2在Illustrator中调整置入文件,11.3Illustrator文件导入至photoshop,置入Illustrator文件至photoshop时，会弹出“置入PDF”对话框来设置图片置入选项。在“置入PDF”对话框的“选择”下，根据要导入的文档的元素，选择“页面”或“图像”。如果该文件包含多个页面或图像，请单击要置入的页面或图像的缩览图。从“选项”下的“裁剪到”菜单中选取一项，指定要包括的Illustrator文档部分。,11.4.Illustrator文件导入至Flash,Flash(SWF)文件格式是一种基于矢量的图形文件格式，它用于适合Web的可缩放小尺寸图形。由于这种文件格式基于矢量，因此，图稿可以在任何分辨率下保持其图像品质，并且非常适于创建动画帧。在Illustrator中，可以在图层上创建单独的动画帧，然后将图像图层导出到网站上使用的单独帧中。在Flash中导入Illustrator文件的方法很简单，导入后可以在Flash中编辑它们。可以使用“导出”命令或“存储为Web和设备所用格式”命令将图稿存储为SWF文件，Illustrator中的任何图形都可以保存或复制复制、粘贴到Flash中。,11.5实例应用绘制转动的风车,一、制作图片融合效果,思考与练习,一、思考题：Illustrator经常配合哪些软件进行设计？为什么需要这些软件的配合，它们各自都擅长什么领域？二、上机实训：1.制作一个音乐会主题海报2.创作一个日出的动画。,版面设计：亦称版式设计。即是在有限的版面空间里，将版面构成要素文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。版面设计流程：1、勾小草图2、设计稿：称为设计方案阶段。3、正稿：色彩有时可能有误差，印刷物如招贴、封面的正稿要记住在边界处留3切口，以免印制出成品后边缘遗留下未切到的白边。4、清样：从印刷版上打下来的校样，通常简称清样或打样。清样和最终的成品应当完全一样。,电脑制作之前要画概念草图,版式设计：是指对书籍正文内容的格式进行编排和设计。1、版心：正文和内容2、天头、地脚：版心之外的上下部分3、订口、切口：版心之外的左右部分4、书眉、中缝：印在天头靠版心的位置5、插图、插页：具有丰富版式、规范结构、提示内容等作用出血：是为了避免在裁切带有超出成品边缘的图片或背景的作品时，因裁切的误差而露出白边采取的预防措施，通常是把图片或背景向成品页面外扩展3mm,对页和非对页：非对页的页面显示为单独的单页页面，比如一张名片、一则广告或一条标语；对页则创建出具有书脊的出版物，显示时两个页面同时显示，比如手册、简介等。折页：是指两个或多个页面连在一起，常见的双页折页是最基本的。Indesign的一个折页却可以包含最多10个页面。,书籍开本：1、在书籍印刷中，一张全开的纸被切成多个幅面相等的张数被称为开数，而装订成册的书籍的开数即被称为开本。2、书籍开本是根据图书类型来确定的。3、学术专著、理论书籍以及经曲著作等，一般选择32开或大32开的纸张印刷。4、科技类图书、大专院校的教材，则适宜采用16开的纸张印刷。5、艺术类图书特别是大型画册等，宜选用大开本如6开、8开、12开、大16开等。6、中小学教材以及儿童读物，为了方便学生携带或存放，多采用32开本印刷。,常用书籍纸张开本尺寸一般有两种：（1）尺寸为7871092mm的纸张开本为标准开本：12开本为245255mm，16开本为187260mm，32开本为130185mm，20开本为187208mm，24开本为170187mm（2）尺寸为8891194mm的纸张开切开本为大开本：大16开本为210285mm，大32开本的尺寸为140203mm,纸的单位：A.克：