Illustrator-CS6平面设计案例案例5.pptx

1、目录5.1 案例描述 5.2 案例解析 5.3 相关知识5.4 操作步骤5.5 实训演练5.1 案例描述图 5-1 所示为滑雪镜的海报设计，它是滑雪镜厂家为了提升企业形象、提高销售量而要求制作的。5.2 案例解析 5.2.1解题思路 使用【钢笔工具】绘制出不同透视效果的滑雪镜图形，并在【渐变】调板中为图形添加渐变填充效果，使绘制的滑雪镜图形呈现立体效果。先通过【置入】命令置入位图图像，调整图像大小与位置；然后复制滑雪镜图像，并在【透明度】调板中为图形添加透明效果，为滑雪镜制作倒影效果；最后使用【文字工具】为页面添加相关文字信息及装饰图形，完成该案例的绘制。5.2 案例解析 5.2.2难点剖析

2、使用【钢笔工具】绘制滑雪镜图形。使用【渐变】调板设置不同的渐变效果。通过【透明度】调板控制图形的透明度变化。5.3.1绘制基本图形5.3 相关知识在 HSB 模式中，H代表色相，S代表饱和度，B代表明度。HSB 模式以人们对颜色的感觉为基础，描述了颜色的 3 种基本特性。色相是从物体反射或透过物体传送的颜色。在 0 360的标准色轮上，可按位置度量色相。通常情况下，色相是以颜色的名称来识别的，如红、黄、绿色等。1.HSB模式5.3.1绘制基本图形5.3 相关知识饱和度也称为彩度，是指色彩的强度和纯度。饱和度是色相中灰度所占的比例，用 0%灰色100%完全饱和度的百分比值来测量。在标准色轮上，饱

3、和度是从中心到边缘逐渐递减的，饱和度越高就越靠近色环的外围，越低就越靠近中心。明度是指颜色相对的亮度和暗度，通常情况下，也是按照 0%黑色 100%白色的百分比值来度量的。1.HSB模式5.3.1绘制基本图形5.3 相关知识RGB 模式是最基本、使用最广泛的一种色彩模式。绝大多数可视性光谱都是通过红色、绿色和蓝色这 3 种色光的不同比例和强度的混合来表示的。在 RGB 模式中，R（red）代表红色，G（green）代表绿色，B（blue）代表蓝色。在这 3 种颜色的重叠处可以产生青色、洋红、黄色和白色。每种颜色都有 256 种不同的亮度值，2.RGB模式5.3.1绘制基本图形5.3 相关知识即

4、从理论上讲 RGB 模式有 256256256、共 16 777 216 种颜色，这就是“真彩色”一词的来源。虽然这么多种颜色并不是肉眼所能看到的整个颜色范围，自然界的颜色也远远多于此，但是，如此多的颜色足以模拟出自然界的各种颜色了。2.RGB模式5.3.1绘制基本图形5.3 相关知识由于 RGB 模式是由红、绿、蓝 3 种基本颜色混合而产生各种颜色的，所以也称为加色模式。当 RGB 的 3 种色彩的数值均为最小值 0 时，就会生成白色；当 3 种色彩的数值均为最大值 255 时，就生成了黑色。而当这 3 个值为其他值时，所生成的颜色介于这两种颜色之间。2.RGB模式5.3.1绘制基本图形5.

5、3 相关知识CMYK 模式是一种减色模式，也是 Illustrator CS6 默认下的色彩模式。在 CMYK 模式中，C（cyan）代表青色，M（magenta）代表洋红色，Y（yellow）代表黄色，K（black）代表黑色。CMYK 模式通过反射某些颜色的光并吸收另外颜色的光而产生各种不同的颜色。3.CMYK模式5.3.1绘制基本图形5.3 相关知识在 RGB 模式中，由于字母 B 代表蓝色，为了不与之相混淆，在 CMYK 模式中用单词 black 中的字母 K 代表黑色。CMYK 模式以打印在纸上油墨的光线吸收特性为基础，当白光照射到半透明的油墨上时，色谱中的一部分颜色被吸收，另一部分

6、反射到了人的眼睛里。3.CMYK模式5.3.1绘制基本图形5.3 相关知识由于所有打印的油墨中都含有一定的杂质，所以这 3 种油墨产生了土灰色。因此，只有与黑色油墨合成才能生成真正的黑色，这些油墨混合重现颜色的过程就称为四色印刷。设置 CMYK 模式中各种颜色的参数值，可以改变印刷的效果。在 CMYK 模式中，每种印刷油墨都有 0100%的百分比值。3.CMYK模式5.3.1绘制基本图形5.3 相关知识最亮颜色指定的印刷油墨颜色百分比较低，而较暗颜色指定的百分比较高。例如，一个亮红色可能包括 2%青色、93%洋红色、90%黄色和 0 黑色。在 CMYK 的印刷对象中，百分比较低的油墨将产生一种

7、接近白色的颜色，而百分比较高的油墨将产生接近黑色的颜色。3.CMYK模式5.3.1绘制基本图形5.3 相关知识灰度模式中只存在颜色的灰度，而没有色度、饱和度等彩色信息。灰度模式可以使用 256 种不同浓度的灰度级，灰度值也可以使用 0%白色到 100%黑色的百分比值来度量。使用黑白或灰度扫描仪生成的图像通常以灰度模式显示。在灰度模式中，可以将彩色的图形转换为高品质的灰度图形。4.灰度模式5.3.1绘制基本图形5.3 相关知识在这种情况下，Illustrator 会放弃原有图形的所有彩色信息，转换后的图形的色度表示原图形的明度。当从灰度模式向 RGB 模式转换时，图形的颜色值取决于其转换图形的灰

8、度值。灰度图形也可转换为 CMYK 图形。4.灰度模式5.3.1绘制基本图形5.3 相关知识色域是颜色系统中可以显示或打印的颜色范围，人眼看到的色谱比任何颜色模式中的色域都宽。通常，对于可在计算机或电视机屏幕上（红、绿和蓝光）显示的颜色，RGB 色域包括这些颜色的子集，5.色域5.3.1绘制基本图形5.3 相关知识所以无法在显示器上精确地显示，如纯青色或纯黄色。CMYK 的色域较窄，仅包含了使用油墨色打印的颜色范围。当在屏幕中无法显示出打印颜色时，这些颜色可能到了打印的 CMYK色域外，这种情况称为溢色。5.色域5.3.2颜色填充5.3 相关知识1.【颜色】调板可以利用【颜色】调板设置填充颜色

9、和描边颜色。从【颜色】调板菜单中可以创建当前填充颜色或描边颜色的反色和补色，还可以为选定颜色创建一个色板。执行【窗口】|【颜色】命令，弹出【颜色】调板，单击【颜色】调板右上角的下三角形按钮，在弹出的下拉菜单中选择当前取色时使用的颜色模式，可使用不同颜色模式显示颜色值，如图 5-5 所示。5.3.2颜色填充5.3 相关知识1.【颜色】调板5.3.2颜色填充5.3 相关知识1.【颜色】调板【颜色】调板上的 按钮用于进行填充颜色和描边颜色之间的互相切换，与工具箱中 按钮的操作方法相同，单击【填充色】按钮，可以在右侧颜色设置区域设置填充色；单击【描边色】按钮，可以在右侧颜色设置区域设置描边色。将光标移

10、动到调板底部的色带上，光标变为吸管形状，单击可以选取颜色。拖动【颜色】调板各个颜色滑块或在各个数值框中输入颜色值，就可以设置出更精确的颜色。5.3.2颜色填充5.3 相关知识1.【颜色】调板更改图形描边颜色的操作步骤如下。（1）选中需要更改颜色的图形，如图 5-6 所示。（2）在【颜色】调板中单击【填充色】按钮，设置颜色为白色。5.3.2颜色填充5.3 相关知识1.【颜色】调板5.3.2颜色填充5.3 相关知识1.【颜色】调板（3）单击【描边色】按钮，移动鼠标指针到调板底部的色带上并单击，选中红色区域，然后在颜色参数设置区域设置数值，得到深红色，如图 5-8 所示。5.3.2颜色填充5.3 相

11、关知识1.【颜色】调板5.3.2颜色填充5.3 相关知识2.【色板】调板从【色板】调板也可以选择颜色，执行【窗口】|【色板】命令，弹出【色板】调板，【色板】调板提供了多种颜色、渐变和图案，并且可以添加、存储自定义的颜色、渐变和图案，如图 5-9 所示。5.3.2颜色填充5.3 相关知识2.【色板】调板色板库是预设颜色的集合，执行【窗口】|【色板库】命令或单击【色板库菜单】按钮 可以打开色板库。打开一个色板库时，该色板库将显示在新调板中。执行【窗口】|【色板库】|【其他库】命令，在弹出的对话框中可以将其他文件中的色板样本、渐变样本和图案样本导入【色板】调板中。5.3.2颜色填充5.3 相关知识2

12、.【色板】调板单击【显示色板类型菜单】按钮，选择【显示所有色板】命令，可以使所有的样本显示出来；选择【显示颜色色板】命令仅显示颜色样本；选择【显示渐变色板】命令仅显示渐变样本；选择【显示图案色板】命令仅显示图案样本；选择【显示颜色组】命令仅显示颜色组。双击【色板】调板中的颜色缩略图 会弹出【色板选项】对话框，可以设置其颜色属性，如图 5-10 所示。5.3.2颜色填充5.3 相关知识2.【色板】调板5.3.2颜色填充5.3 相关知识3.吸管工具在 Illustrator CS6 软件中，使用【吸管工具】可以吸取颜色，还可以用来吸取对象的属性，即利用【吸管工具】可将一个对象的属性按照另外一个对象

13、的属性进行更新，操作步骤如下。（1）选取需要更新属性的对象，如图 5-11 所示。5.3.2颜色填充5.3 相关知识3.吸管工具5.3.2颜色填充5.3 相关知识3.吸管工具（2）在工具箱中选择【吸管工具】，将光标移动到要复制属性的对象上并单击，则选择对象会按此对象的属性自动更新，如图 5-12 所示。5.3.2颜色填充5.3 相关知识3.吸管工具5.3.3渐变填充5.3 相关知识1【渐变】调板如果需要精确地控制渐变颜色的属性，就需要使用【渐变】调板。执行【窗口】|【渐变】命令，弹出【渐变】调板，如图 5-13 所示。5.3.3渐变填充5.3 相关知识1【渐变】调板5.3.3渐变填充5.3 相

14、关知识1【渐变】调板在渐变条下方单击，可以添加一个色标；然后在【颜色】调板中调配颜色，既可以改变添加的色标颜色，也可以按住【Alt】键复制色标。用鼠标按住色标不放并将其拖动到【渐变】调板外，可以直接删除色标。渐变颜色由渐变条中的一系列色标决定，色标是渐变从一种颜色到另一种颜色的转换点。5.3.3渐变填充5.3 相关知识1【渐变】调板在【渐变】调板中的【类型】下拉列表框中可以选择【线性】或【径向】渐变类型；在【角度】参数栏中显示了当前的渐变角度，重新输入数值后按【Enter】键可以改变渐变的角度；单击渐变条下方的渐变色标，5.3.3渐变填充5.3 相关知识1【渐变】调板在【位置】参数栏中显示出该

15、色标的位置，拖动色标可以改变该色标的位置，如图5-14所示；调整渐变色标至中点（使两种色标各占 50%的点），可以拖动位于渐变条上方的菱形图标，或选择图标并在【位置】参数栏中输入 0100%的值。5.3.3渐变填充5.3 相关知识1【渐变】调板5.3.3渐变填充5.3 相关知识2渐变类型在【渐变】调板中，有两种不同的渐变类型，即【线性】和【径向】。1）线性渐变选取图形后，在工具箱中双击【渐变工具】或执行【窗口】|【渐变】命令，弹出【渐变】调板，为图形填充渐变颜色，在【类型】下拉列表框中选择【线性】选项，如图 5-15 所示，可根据需要设置渐变的角度变化。5.3.3渐变填充5.3 相关知识2渐变

16、类型5.3.3渐变填充5.3 相关知识2渐变类型2）径向渐变径向渐变创建的是类似圆形的渐变，具体操作过程如下。（1）绘制一个圆，在【渐变】调板内的【类型】下拉列表框中选择【橙色，黄色】渐变选项，效果如图 5-16 所示。在该下拉列表框中提供了一些预设渐变。5.3.3渐变填充5.3 相关知识2渐变类型5.3.3渐变填充5.3 相关知识2渐变类型（2）在调板中的渐变条中将中间的色标全部删除，效果如图 5-17 所示。（3）在【类型】下拉列表框中选择【径向】选项，如图 5-18 所示。（4）在工具箱中选择【渐变工具】，此时图形变为图 5-19 所示的效果。在这种状态下，可以使用该工具在出现的渐变条上

17、调整渐变颜色、渐变范围等属性。5.3.3渐变填充5.3 相关知识2渐变类型5.3.3渐变填充5.3 相关知识2渐变类型5.3.3渐变填充5.3 相关知识2渐变类型5.3.3渐变填充5.3 相关知识2渐变类型（5）使用【渐变工具】在渐变中心单击并拖动鼠标调整渐变中心点的位置，如图 5-20 所示。（6）将【渐变工具】移动到渐变条的右侧方块上单击并拖动鼠标，将渐变的范围扩大，如图 5-21 所示。（7）双击渐变条上的色标，可以打开【颜色】调板，更改色标的颜色，如图 5-22 所示。5.3.3渐变填充5.3 相关知识2渐变类型5.3.3渐变填充5.3 相关知识2渐变类型5.3.3渐变填充5.3 相关

18、知识2渐变类型5.3.4图案填充5.3 相关知识图案填充可以使绘制的图形更加生动、形象，如图 5-23 所示，Illustrator CS6 的【色板】调板提供了多种图案可供选择，只需选中对象，然后单击所需的图案样本即可。5.3.4图案填充5.3 相关知识5.3.4图案填充5.3 相关知识除了【色板】调板中提供的图案样式外，Illustrator 还有自带的图案库。单击【色板】调板左下角的【色板库菜单】按钮，在弹出的菜单中选择【图案】命令，从其子菜单中可选择所需的子命令，打开对应的图案调板，如图 5-24 所示，选中图形后，直接在调板中单击图案样本即可将图案应用到图形中。5.3.4图案填充5.

19、3 相关知识5.3.5渐变网格填充5.3 相关知识1创建渐变网格创建网格渐变的方法有两种，即使用【网格工具】和【创建渐变网格】命令。1）使用【网格工具】创建渐变网格先选取【钢笔工具】绘制的图形，然后选择【网格工具】，在图形中单击，将图形建立为渐变网格对象，此时图形中增加了横竖两条线交叉形成的网格，如图 5-26 所示。5.3.5渐变网格填充5.3 相关知识1创建渐变网格5.3.5渐变网格填充5.3 相关知识1创建渐变网格继续在图形中单击可以增加新的网格。在网格中横、竖两条线交叉形成的点就是网格点，而横、竖线就是网格线。2）使用【创建渐变网格】命令创建渐变网格5.3.5渐变网格填充5.3 相关知

20、识1创建渐变网格选取【钢笔工具】绘制的图形，执行【对象】|【创建渐变网格】命令，弹出【创建渐变网格】对话框，在对话框中设置好参数后，单击【确定】按钮，可以为图形创建渐变网格的填充，如图5-27所示。5.3.5渐变网格填充5.3 相关知识1创建渐变网格5.3.5渐变网格填充5.3 相关知识1创建渐变网格【创建渐变网格】对话框中各参数项说明如下。行数：输入水平方向网格线的行数。列数：输入垂直方向网格线的列数。5.3.5渐变网格填充5.3 相关知识1创建渐变网格外观：可以选择创建渐变网格后图形高光部位的表现方式。高光：设置高光处的强度，当数值为 0 时，图形没有高光点，是均匀颜色填充。5.3.5渐变

21、网格填充5.3 相关知识2编辑渐变网格创建渐变网格后，还需对其进行进一步编辑，以达到满意的颜色渐变效果。1）编辑网格颜色使用【直接选择工具】或【网格工具】选中网格点，然后在【色板】调板中单击需要的颜色块，可以为网格点填充颜色，如图 5-28 所示。5.3.5渐变网格填充5.3 相关知识2编辑渐变网格5.3.5渐变网格填充5.3 相关知识2编辑渐变网格2）移动网格点使用【网格工具】在网格点上单击并按住鼠标左键拖动网格点，可以移动网格点；拖动网格点的控制手柄可以调节网格线，如图 5-29 所示。5.3.5渐变网格填充5.3 相关知识2编辑渐变网格5.3.5渐变网格填充5.3 相关知识2编辑渐变网格

22、3）删除网格点使用【网格工具】或【直接选择工具】选中网格点，然后按【Delete】键即可将网格点删除。5.3.6图形的轮廓与风格5.3 相关知识填充对象还包括对其轮廓线的填充，除了前面提到的轮廓线填充外，还可以进一步对其进行设置，通过【描边】调板可以更改轮廓线的宽度、形状，以及设置为虚线轮廓等操作，如图 5-30 所示。5.3.6图形的轮廓与风格5.3 相关知识5.3.6图形的轮廓与风格5.3 相关知识【图形样式】调板是 Illustrator CS6 中新增的调板，该调板提供了多种预设填充和轮廓线填充的图案，可从中选择，这样就无须花费时间与精力进行设置，效果如图 5-31 所示。用户可从【窗

23、口】|【色板库】命令下的子菜单中选择不同的样本命令，打开不同的效果调板来使用。5.3.6图形的轮廓与风格5.3 相关知识5.3.7使用符号进行工作5.3 相关知识1.符号工具使用工具箱中的符号工具组可以在页面中喷绘出多个无序排列的符号，并可对其进行编辑。Illustrator CS6 工具箱中的符号工具组提供了 8 个符号工具，展开的符号工具组如图 5-33 所示。5.3.7使用符号进行工作5.3 相关知识1.符号工具5.3.7使用符号进行工作5.3 相关知识2.【符号】调板的命令按钮【符号】调板底部的命令按钮分别用来对选取的符号进行不同的编辑。执行【窗口】|【符号】命令，打开【符号】调板，如

24、图 5-35 所示。5.3.7使用符号进行工作5.3 相关知识2.【符号】调板的命令按钮5.3.7使用符号进行工作5.3 相关知识3.符号调板菜单当需要更改【符号】调板中的符号的显示方式、复制样本等操作时，可通过调板菜单中的命令来完成，单击调板右上角的 按钮，弹出该调板菜单，如图 5-36 所示。利用调板菜单可以设置各符号样本的显示方式，以及重新定义、复制符号等操作。其中，【新建符号】、【删除符号】、【放置符号实例】、【断开符号链接】、【符号选项】和【打开符号库】命令，该调板底部各对应命令按钮的功能是相同的。5.3.7使用符号进行工作5.3 相关知识3.符号调板菜单5.3.7使用符号进行工作5

25、.3 相关知识3.符号调板菜单在该调板中有 3 种显示符号的方式，即缩览图显示、小目录显示及大目录显示。执行【符号】调板菜单中的【缩览图视图】、【小列表视图】及【大列表视图】命令，即可在不同的显示方式之间切换。执行调板菜单中的【选择所有未使用的符号】命令，在调板中就可以选中不常用的符号样本，而隐藏常用的符号样本；而执行【选择所有实例】命令后，即可将调板中所有的符号样本选中。5.3.7使用符号进行工作5.3 相关知识3.符号调板菜单当用户选择一个符号样本并执行【符号选项】命令后，会弹出【符号选项】对话框，如图 5-37所示。双击该调板中任意一个符号样本，也将弹出【符号选项】对话框，通过该对话框可

26、为符号样本重新命名。5.3.7使用符号进行工作5.3 相关知识3.符号调板菜单5.3.7使用符号进行工作5.3 相关知识4.创建符号创建符号可以通过以下 3 种方法实现。在页面中选择需要定义为符号的对象，再单击调板右上角的 按钮，在弹出的菜单中选择【新建符号】命令，打开【符号选项】对话框，命名后单击【确定】按钮，完成创建操作。5.3.7使用符号进行工作5.3 相关知识4.创建符号 在页面中选择需要定义为符号的对象，再单击调板下方的【新建符号】按钮，打开【符号选项】对话框，命名后单击【确定】按钮，完成创建操作。在页面中选择需要定义为符号的对象，将其直接拖动到【符号】调板中，在弹出的【符号选项】对

27、话框中定义名称，单击【确定】按钮，完成创建操作。5.4 操作步骤1.添加主体物滑雪镜2.创建背景效果5.5 实 训 演 练图 5-84 所示为一幅卡通鱼的插画设计，这是为儿童书籍创作的插画设计。5.5 实 训 演 练该实例的制作较为简单，重点集中在对轮廓线的设置和内部颜色填充上，其中更改了轮廓线【斜接限制】选项，图 5-85 为该插画的制作流程示意图。5.5 实 训 演 练5.5 实 训 演 练卡通鱼插画的主要制作步骤如下。（1）创建新文档，使用【矩形工具】在视图中绘制与画板大小相等的粉色矩形。（2）然后使用【钢笔工具】绘制曲线图形，并填充颜色，在【描边】调板中设置线宽和【斜接限制】选项。5.5 实 训 演 练（3）使用【钢笔工具】和【椭圆工具】为小鱼绘制眼睛和嘴巴图形。（4）使用【钢笔工具】配合【椭圆工具】绘制鱼身体图形和相关装饰图形。THANK YOU