搜索
2020/7/131第1章Illustrator基础【学习要点】•设计理念•图形图像处理•Illustrator工作区•工具面板•基本操作【学习目标】•了解数字图像的类型及文件格式•掌握Illustrator各类工具的用途•熟练掌握Illustrator的基本操作方法1.1图形设计思维图形设计思维从本质上讲，是一种运用视觉形象进行创造性的思维活动，而创造性思维是创造力和想象力的结合。对图形设计而言，这种思维过程非常复杂，带有很大的偶然性，因此为了尽可能地解释图形设计的有关思维活动，为了能从自然的体验中获得超自然的设计思维，研究思维的心理因素和心理过程是非常必要的。1.独特飘逸的思维活动——灵感2.设计思维的心理反应——情感3.图形创意思维的基础——联想4.图形创意思维的原动力——视觉想象一、数字图像类型•图形与矢量图•图像与位图二、分辨率与颜色深度•分辨率•颜色深度•图像文件与数据量的关系1.2图像信息处理基础三、图像颜色模式•位图（Bitmap）模式•灰度（Grayscale）模式•索引颜色（IndexedColor）模式•RGB色彩模式•CMYK色彩模式四、图像文件格式BMP、PSD、JPG、GIF、TIF1.2图像信息处理基础1.3初识IllustratorCS41.新增功能：•多个画板•以选项卡形式排列的文档窗口和“文档排列”面板•应用程序栏和工作区切换器•实用的智能参考线•快速、轻松、一目了然的关键对象对齐功能•用于合并路径的斑点画笔工具•扩展渐变面板和工具•渐变透明效果•分色预览面板2．增强功能：•剪切蒙版，具有更简洁的外观，更易访问•在面板内进行外观编辑•更丰富的“图形样式”面板•支持Flex扩展功能•多画板导出支持1.3初识IllustratorCS41.4IllustratorCS4工作区一、IllustratorCS4工作区简介1.4IllustratorCS4工作区二、工具面板概述1.选择工具：•【选择工具】可用来选择整个对象。•【直接选择工具】可用来选择对象内的点或路径段•【编组选择工具】可用来选择组内的对象或组内的组•【魔棒工具】可用来选择具有相似属性的对象。•【套索工具】可用来选择对象内的点或路径段。•【画板工具】创建用于打印或导出的单独画板。2.绘图工具3.文字工具4.上色工具5.改变形状工具6.符号工具7.图表工具8.切片和剪切工具9.移动和缩放工具1.4IllustratorCS4工作区1.5IllustratorCS4的基本操作一、基本文件操作二、设置IllustratorCS4•“常规”设置•“文字”设置•“单位和显示性能”设置•“参考线和网格”设置三、使用页面辅助工具•标尺•网格•参考线•智能参考线思考与练习一、思考题：1．数字图像有哪些类型？它们有何不同？2．IllustratorCS4有哪些类型的工具？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.如果绘制区内有很多相互不关联的路径，该怎么样做