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

1、目录3.1 案例描述 3.2 案例解析 3.3 相关知识3.4 操作步骤3.5 实训演练3.1 案例描述图 3-1 所示为制作的散文书籍中的小插画，这是应某出版公司要求设计制作的散文配图，目的是将文字图形化，加深用户的阅读临场感，丰富图书的效果。3.2 案例解析 3.2.1解题思路 该散文的场景是描述人在深夜凝思，点燃了一根香烟放在烟灰缸上，烟气冉冉上升。在绘制时，整个画面采用暖色调，在深色的背景中绘制了一个黄色（具体色彩见本书素材）的烟灰缸，以突出主体物。3.2 案例解析 3.2.2难点剖析 掌握使用【椭圆工具】绘制同心圆的方法。掌握使用【钢笔工具】绘制图形的方法。掌握【路径查找器】调板等功

2、能在实际绘图中的使用方法。3.3 相关知识3.3.1路径的概念路径与锚点是矢量绘图软件中最基本的组成元素，用户可使用自由路径绘制工具创建各种形状的路径，然后通过路径上的锚点或其他组件对路径进行进一步编辑，以达到创建的要求，如图 3-2 所示。1.路径3.3 相关知识3.3.1路径的概念1.路径3.3 相关知识3.3.1路径的概念理论上路径没有宽度和颜色，当它被放大时，不会出现锯齿现象，只有对路径进行添加轮廓线操作后，才具有宽度和颜色。默认状态下，路径显示为黑色的细轮廓，这使用户可以清楚地观察所创建的路径。1.路径3.3 相关知识3.3.1路径的概念1）开放路径和闭合路径Illustrator

3、中的路径有两种类型：一种是开放路径，它们的端点没有连接在一起，在对这些路径进行填充时，可在该路径的两个端点假定一条连线，从而形成闭合区域，如图 3-3 所示；另一种闭合路径，它们没有起点或终点，如图 3-4 所示。1.路径3.3 相关知识3.3.1路径的概念1.路径3.3 相关知识3.3.1路径的概念2）路径的组成路径由锚点和线段组成，用户可通过调整一个路径上的锚点和线段来更改其形状，如图 3-5 所示。锚点：路径上的某一个点，用来标记路径段的端点，通过对锚点的调节，可以改变路径段的方向。当一个路径处于被选状态时，它会显示所有的锚点。1.路径3.3 相关知识3.3.1路径的概念 路径：一个路径

4、上两个锚点之间的部分。端点：所有的路径段都以锚点开始和结束，整个路径开始和结束的锚点称为路径的端点。1.路径3.3 相关知识3.3.1路径的概念 控制柄：在一个曲线路径上，每个选中的锚点显示一个或两个控制柄，控制柄总是与曲线上锚点所在的圆相切，每个控制柄的角度决定了曲线的曲率，而每个控制柄的长度决定了曲线弯曲的高度和深度。1.路径3.3 相关知识3.3.1路径的概念 控制点：控制柄的端点称为控制点，处于曲线段中间的锚点将有两个控制点，而路径的末端点只有一个控制点，控制点可以确定线段在经过锚点时的曲率。1.路径3.3 相关知识3.3.1路径的概念当用户将两个或多个开放或闭合路径进行组合后，就会形

5、成复合路径。将对象定义为复合路径后，复合路径中的所有对象都将应用堆叠顺序中最后对象的颜色和样式属性，如图3-6所示。2.复合路径3.3 相关知识3.3.1路径的概念2.复合路径3.3 相关知识3.3.1路径的概念选中两个以上的对象并右击，在弹出的快捷菜单中选择【建立复合路径】命令，即可创建复合路径。复合路径包含两个或多个已填充颜色的路径，因此在路径重叠处将呈现镂空透明状态。2.复合路径3.3 相关知识3.3.2绘制路径1.路径和锚点路径在图形绘制过程中应用非常广泛，特别是在特殊图形的绘制方面，具有较强的灵活性和可重复编辑修改的特性。图 3-7 所示为绘制的复杂图形。3.3 相关知识3.3.2绘

6、制路径1.路径和锚点3.3 相关知识3.3.2绘制路径2.使用钢笔工具使用【钢笔工具】绘制直线的方法非常简单，只要使用工具在起点和终点处单击即可，按住【Shift】键可以绘制水平或垂直的直线路径，如图 3-8 所示。3.3 相关知识3.3.2绘制路径2.使用钢笔工具3.3 相关知识3.3.2绘制路径2.使用钢笔工具使用【钢笔工具】绘制曲线是一项较为重要的操作，单击后释放鼠标，得到的是直线型的锚点。单击并拖动后释放得到的是平滑型锚点，调节柄的长度和方向的调整都可以影响两个锚点间曲线的弯曲程度，如图 3-9 所示。3.3 相关知识3.3.2绘制路径2.使用钢笔工具3.3 相关知识3.3.2绘制路径

7、3.添加、删除和转换锚点工具选择【添加锚点工具】，然后将光标移动到锚点以外的路径上单击，此时将在路径上单击的位置添加一个新锚点，如图 3-10 所示。选择【删除锚点工具】，在路径中的任意锚点上单击即可将该锚点删除，删除锚点后的路径会自动调整形状，如图 3-11 所示。3.3 相关知识3.3.2绘制路径3.添加、删除和转换锚点工具3.3 相关知识3.3.2绘制路径3.添加、删除和转换锚点工具3.3 相关知识3.3.2绘制路径3.添加、删除和转换锚点工具选择【转换锚点工具】，可以改变路径中锚点的外观。在路径的平滑点上单击，可以将平滑点变为尖角锚点。在尖角锚点上按住鼠标左键同时拖动，可以将尖角锚点转

8、化为平滑点，如图 3-12 所示。3.3 相关知识3.3.2绘制路径3.添加、删除和转换锚点工具3.3 相关知识3.3.3编辑路径当用户需要在原有的开放路径上继续编辑时，可以使用【钢笔工具】来扩展该路径。（1）从工具箱中选择【钢笔工具】，将鼠标指针移动到需延伸开放路径的一个端点，这时在【钢笔工具】的右下方会出现“/”标志，表明当前可以延伸该路径。1.延伸或连接开放路径3.3 相关知识3.3.3编辑路径（2）单击这个端点，该路径就会被激活，可对它进行延伸和编辑。（3）使用【钢笔工具】单击开放路径的一个端点后，1.延伸或连接开放路径3.3 相关知识3.3.3编辑路径如果要将路径连接到另一个开放路径

9、，可将鼠标指针移动到另一个路径的端点，这时钢笔工具右下方会出现一个未被选择的锚点标志，表明当前可以进行路径的连接，单击即可将这两个路径连接。1.延伸或连接开放路径3.3 相关知识3.3.3编辑路径【连接】命令可以将两个开放路径的两个端点连接起来，以此形成一个闭合路径，也可以将一个开放路径的端点连接起来。具体操作步骤如下。（1）选择路径，执行【对象】|【路径】|【连接】命令，这时两个端点会连接在一起，生成一个闭合路径。2.连接路径端点3.3 相关知识3.3.3编辑路径（2）如果连接的是两个开放路径的端点，那么可使用【直接选择工具】选中需要连接的两个端点，如图 3-16（a）所示。（3）执行【连接

10、】命令，这两个开放路径的两个端点就会连接在一起，如图 3-16（b）所示。2.连接路径端点3.3 相关知识3.3.3编辑路径2.连接路径端点3.3 相关知识3.3.3编辑路径【简化】命令可以减少路径上的锚点，如图 3-17 所示。选中需要简化的路径，执行【对象】|【路径】|【简化】命令，弹出【简化】对话框，如图 3-18所示，该对话框包括【简化路径】和【选项】两个选项组。3.简化路径3.3 相关知识3.3.3编辑路径3.3 相关知识3.3.3编辑路径3.3 相关知识3.3.3编辑路径【简化】对话框中各选项的含义如下。曲线精度：用来设置路径的简化程度，它的取值为0100%，设置的百分比越高，所减

11、去的锚点就越少；反之，它将只保留关键的锚点，而将别的锚点删除。3.简化路径3.3 相关知识3.3.3编辑路径 角度阈值：用来控制角的平滑程度，它的取值范围为 0180，若角点的度数小于角度阈值，则这个角点不会改变；它可以用来保持角的尖锐度，即使在转换精确度很低时；但若一个角点的度数超过所设置的角度阈值，则所选择的路径会被删除。3.简化路径3.3 相关知识3.3.3编辑路径 直线：选中该复选框后，所选择的路径的锚点之间会生成直线，即如果选择的是曲线段，则它将会变成直线段。显示原路径：当选中该复选框时，在简化后的路径前面会显示原来路径的轮廓。3.简化路径3.3 相关知识3.3.3编辑路径使用【整形

12、工具】能够在保留路径的一些细节的前提下，通过改变一个或多个锚点的位置来改变路径的外观。当使用【整形工具】选择一个锚点后，它周围将出现一个小正方形；在调整锚点时，若用户拖动所选择的锚点，则周围的锚点会随着拖动有规律地弯曲，而未选择的锚点会保持原来的位置不变。可参照下面的步骤进行相关操作。4.使用整形工具3.3 相关知识3.3.3编辑路径（1）使用【直接选择工具】选中需要调整的路径，或者使用【直接选择工具】选中单独的锚点。（2）选择【整形工具】。4.使用整形工具3.3 相关知识3.3.3编辑路径（3）将鼠标指针移动到需要调整的锚点或线段上并单击，这时在锚点周围会出现一个小正方形，以此来突出显示该点

13、，按【Shift】键可以连续选择多个锚点，它们都将突出显示。若单击一个路径段，则在路径上会增加一个突出显示的锚点。4.使用整形工具3.3 相关知识3.3.3编辑路径（4）使用【整形工具】单击锚点，并向所需要的方向拖动。在拖动过程中，使用选择工具选中的锚点将随着用户的拖动而发生位置和形状的改变，且各锚点之间的距离都会自动调整，而未被选中的锚点将保持原来的位置不变，图 3-19 所示是使用该工具进行调整后的效果。4.使用整形工具3.3 相关知识3.3.3编辑路径3.3 相关知识3.3.3编辑路径使用【剪刀工具】可以将一个闭合的路径分为一个或多个开放的路径。首先使用选择工具选中需要切割的路径，在工具

14、箱中选择【剪刀工具】，在路径上需要切割的位置单击即可。此时两个锚点是相互重合的，并且一个锚点处于被选中状态，只需移动锚点位置便可观察到切割后的效果。5.切割路径3.3 相关知识3.3.3编辑路径【偏移路径】命令可以使原来轮廓的内部或外部新增轮廓，并和原轮廓保持一定的距离，还可在其对话框中设置路径的偏移属性。在为路径添加轮廓时，要先选择路径，然后执行【对象】|【路径】|【偏移路径】命令，打开【偏移路径】对话框，如图 3-20 所示。6.偏移路径3.3 相关知识3.3.3编辑路径在该对话框中，【位移】文本框可用来设置路径的偏移数量，以毫米为单位，可以是正值或负值。当在【位移】文本框中输入正值时，将

15、在所选路径的外部产生新的轮廓；当设置为负值时，它将在所选路径的内部产生新的路径。若所选择的是开放的路径，则在该路径的周围会形成闭合的路径。6.偏移路径3.3 相关知识3.3.3编辑路径【连接】下拉列表框用来设置所产生路径段拐角处的连接方式，该下拉列表框提供了 3 个连接方式，分别为【斜接】、【圆角】和【斜角】，分别如图 3-21（a）、图 3-21（b）和图 3-21（c）所示。6.偏移路径3.3 相关知识3.3.3编辑路径6.偏移路径3.3 相关知识3.3.3编辑路径使用【对象】菜单中的【轮廓化描边】命令可以在路径原有的基础上产生轮廓线，它的轮廓线属性与原路径是相同的。操作时先选择路径，然后

16、执行【对象】|【路径】|【轮廓化描边】命令，图 3-22（a）为原图，图 3-22（b）为执行过该命令后的状态，图 3-22（c）为解除群组状态并调整位置后的效果。7.轮廓化描边3.3 相关知识3.3.3编辑路径7.轮廓化描边3.3 相关知识3.3.4画笔工具双击工具箱中的【画笔工具】按钮，将弹出图 3-23 所示的【画笔工具选项】对话框，在该对话框中设置相应的选项及参数，可以控制路径的锚点数量及其平滑程度。1.预置画笔3.3 相关知识3.3.4画笔工具1.预置画笔3.3 相关知识3.3.4画笔工具创建画笔路径的方法很简单，选择【画笔工具】，然后在【画笔】调板中选择一种画笔，再将鼠标指针移动到

17、页面中拖动鼠标即可创建指定的画笔路径。执行【窗口】|【画笔】命令或按F5 键，会弹出图 3-24 所示的【画笔】调板，选择画笔类型后直接在视图中绘制即可。2.创建画笔路径3.3 相关知识3.3.4画笔工具2.创建画笔路径3.3 相关知识3.3.4画笔工具【画笔】调板提供了书法、散点、毛刷、图案和艺术类型画笔。组合使用这几种画笔可以得到千变万化的图形效果。散点画笔：可以创建图案沿着路径分布的效果，如图 3-25 所示。书法画笔：可以沿着路径中心创建出具有书法效果的笔画，如图 3-26 所示。3.画笔类型3.3 相关知识3.3.4画笔工具3.画笔类型3.3 相关知识3.3.4画笔工具在【画笔选项】

18、对话框中可以重新设置画笔选项的各项参数，从而绘制出更理想的画笔效果。在【画笔】调板中，在需要设置的画笔上双击就会弹出该画笔的画笔选项对话框，如图 3-28所示。4.设置画笔选项3.3 相关知识3.3.4画笔工具4.设置画笔选项3.3 相关知识3.3.4画笔工具1）书法画笔的设置2）散点画笔的设置3）艺术画笔的设置4）图案画笔的设置4.设置画笔选项3.3 相关知识3.3.5建立并修改画笔路径1改变路径上的画笔样本对象当用户需要编辑路径中的画笔样本对象时，可参照下面的步骤进行操作。（1）使用工具箱中的【选择工具】选中需要修改的画笔路径。（2）执行【对象】|【扩展外观】命令，用户所选择的笔刷路径将显

19、示出画笔样本的外观，如图 3-36 所示，其中图 3-36（b）为扩展外观并取消群组后的效果。3.3 相关知识3.3.5建立并修改画笔路径1改变路径上的画笔样本对象3.3 相关知识3.3.5建立并修改画笔路径1改变路径上的画笔样本对象（3）这时就可使用工具箱中的选择工具选中单个对象，然后移动、变换或改变其颜色等，直到用户满意。3.3 相关知识3.3.5建立并修改画笔路径2移除路径上的画笔样本如果用户需要将笔刷路径上的对象移除，将其恢复为普通路径，可按下面的步骤进行操作。（1）使用工具箱中的选择工具选中需要修改的笔刷路径。3.3 相关知识3.3.5建立并修改画笔路径2移除路径上的画笔样本（2）在

20、【画笔】调板中单击底部的【移去画笔描边】按钮，就可将路径中的画笔样本移除。另外，单击该调板右上角的三角按钮，在弹出的调板菜单中选择【移去画笔描边】命令，也可将路径中的画笔样本移除，如图 3-37 所示。3.3 相关知识3.3.5建立并修改画笔路径2移除路径上的画笔样本3.3 相关知识3.3.6使用画笔样本库当需要从画笔样本库中导入画笔样本时，可参照下面的步骤进行操作。（1）执行【窗口】|【画笔库】命令，从其子菜单的多种画笔样本类型中根据需要选择，如图 3-38所示。3.3 相关知识3.3.6使用画笔样本库3.3 相关知识3.3.6使用画笔样本库（2）从子菜单中选择任意命令可打开对应的画笔样本调

21、板。例如，执行【窗口】|【画笔库】|【边框】|【边框 _ 原始】命令，会弹出【边框 _ 原始】调板。当选择调板中的一种画笔样本时，所选择的样本将被放置到【画笔】调板中，如图 3-39 所示。3.3 相关知识3.3.6使用画笔样本库3.3 相关知识3.3.6使用画笔样本库（3）执行【窗口】|【画笔库】|【其他库】命令，将弹出【选择要打开的库】对话框，如图 3-40所示。在该对话框中，可从其他位置选择含有画笔样本的文件，然后打开并使用这些样本。3.3 相关知识3.3.6使用画笔样本库3.3 相关知识3.3.7自定义画笔除了使用系统内置的画笔外，还可以根据需要创建新的画笔，并可以将其保存到【画笔】调

22、板中，在以后的绘图过程中长期使用。选择用于定义新画笔的对象，然后在【画笔】调板的下方单击【新建画笔】按钮，或者单击调板右上角的 按钮，3.3 相关知识3.3.7自定义画笔在弹出的下拉菜单中选择【新建画笔】命令，弹出图 3-41 所示的对话框。在对话框中选择好画笔类型，单击【确定】按钮，弹出对应的画笔选项对话框，进行相关参数的设置，完成设置后单击【确定】按钮，即可完成新画笔的创建。3.3 相关知识3.3.7自定义画笔3.3 相关知识3.3.8画笔的管理在默认状态下，画笔将以缩略图的形式在【画笔】调板中显示，单击【画笔】调板右上角的按钮，在弹出的下拉菜单中选择【列表视图】命令，画笔将以列表的形式在

23、【画笔】调板中显示。1.画笔的显示3.3 相关知识3.3.8画笔的管理在对某种画笔进行编辑前，最好将其复制，以确保在操作错误的情况下能够恢复。在【画笔】调板中选择需要复制的画笔，然后单击【画笔】调板右上角的 按钮，在弹出的下拉菜单中选择【复制画笔】命令，即可将当前所选择的画笔复制。2.画笔的复制3.3 相关知识3.3.8画笔的管理在【画笔】调板中选择需要删除的画笔，然后单击【画笔】调板右上角的 按钮，在弹出的下拉菜单中选择【删除画笔】命令，即可将当前所选择的画笔删除。在【画笔】调板中选择需要删除的画笔，单击调板底部的【删除画笔】按钮，也可以在【画笔】调板中将画笔样本删除。3.画笔的删除3.4

24、操 作 步 骤01 执行【文件】|【新建】命令，打开【新建文档】对话框，创建一个宽度为 210 mm、高度为 210 mm 的新文档，并设置文档名称为【烟灰缸】，其颜色模式为 CMYK，单击【确定】按钮完成设置。02 选择工具箱中的【椭圆工具】，配合【Alt】键在视图中绘制同心圆。选中绘制的同心圆图形，单击【路径查找器】调板中的【减去顶层】按钮，修剪图形为镂空效果。3.4 操 作 步 骤03 为图形填充黄色（C：11，M：13，Y：83，K：0）。04 分别使用工具箱中的【椭圆工具】和【钢笔工具】在视图中绘制图形，在【渐变】调板中为图形设置渐变色，得到烟灰缸的基本结构。05 使用【钢笔工具】在

25、烟灰缸边缘绘制曲线图形；选择刚刚绘制的曲线和烟灰缸边缘图形，单击【路径查找器】调板中的【减去顶层】按钮，修剪图形。3.4 操 作 步 骤06 使用【钢笔工具】在烟灰缸缺口位置绘制曲线图形，在【渐变】调板中为图形设置渐变色并取消轮廓线的填充，得到凹面效果。07 使用相同的方法，继续在烟灰缸边缘绘制凹面图形，分别设置图形的渐变色，得到立体效果。08 使用工具箱中的【钢笔工具】继续在烟灰缸内侧绘制立体效果。3.4 操 作 步 骤09 分别使用工具箱中的【钢笔工具】和【椭圆工具】在视图中绘制香烟图形，为图形设置颜色并取消轮廓线的填充。10 先为香烟绘制细节图形，然后选择烟嘴位置的装饰图形，在【透明度】

26、调板中为图形设置【不透明度】为 70%。11 先使用【钢笔工具】在视图中绘制橘黄色（C：8，M：51，Y：88，K：0）图形，然后调整该图形到香烟的下方位置，并在【透明度】调板中为图形设置【不透明度】为 45%，得到投影效果。3.4 操 作 步 骤12 使用【钢笔工具】在香烟上方绘制烟雾图形效果。13 在视图中为烟灰缸和香烟图形底部绘制两个黑色投影图形。14 选择绘制的黑色投影图形，执行【效果】|【风格化】|【羽化】命令，打开【羽化】对话框，在对话框中设置【半径】为 5 mm，为图形添加羽化效果，完成设置后单击【确定】按钮。3.4 操 作 步 骤15 在【透明度】调板中分别为投影图形设置不透明度。16 最后在所有图形的最下面绘制与视图大小相同的矩形作为背景，完成该实例的制作。3.5 实 训 演 练下面为儿童书籍设计瓢虫图形如图 3-58 所示插画。该实例主要使用【钢笔工具】绘制出瓢虫身体的各部分组成，图 3-59是该插画的制作流程示意图。在绘制时，逐步掌握使用控制柄控制路径外观的操作，并理解和掌握如何用最少的锚点绘制出所需的图形。3.5 实 训 演 练3.5 实 训 演 练3.5 实 训 演 练该瓢虫图形插画的主要制作步骤如下。（1）新建文件，绘制瓢虫的身体。（2）绘制瓢虫的头部。（3）在画面上绘制瓢虫的投影，完成制作。THANK YOU