模块二图形绘制与案例设计.doc

模块二 图形绘制、编辑与案例设计

Illustrator简介及应用领域
界面构成与界面设置
基本概念
Illustrator的基本操作
辅助工具的应用

模块二 图形绘制、编辑与案例设计
本章介绍：
绘图工具是Illustrator“工具”面板中重要的组成部分。它为用户提供了多种功能的线形工具组和基本图形绘制工具组，通过使用这些工具能够方便的绘制出直线线段、弧形线段、矩形 、椭圆形等各种规则或不规则的矢量图形。将这些工具熟练掌握后，对后面模块中的图形绘制及编辑操作有很大的帮助作用。
矢量图形与位图图像

知识目标：让学生了解什么是Illustrator；了解Illustrator应用领域；了解矢量图和位图的区别。
技能目标：掌握工作界面的基本操作，熟练掌握文件的基本操作，掌握显示图像效果的技巧，掌握标尺、参考线和网格的使用方法，掌握图像的基本操作方法。
德育目标：强调安全实习、规范操作、爱护机房设施。

在本任务中，主要介绍Illustrator CS3基本绘图工具，包括钢笔工具、直线工具组、几何图形工具组、铅笔工具和画笔工具等。

本部分是基础理念内容，也是第一部分。首先，讲解商业平面设计、图形与界面设计、illustrator设计工作的基础理论知识。

相关工具
1使用线形工具组
　2使用几何图形工具组
　3使用钢笔工具
3.2 线形工具组的使用
在Illustrator CS3中，线形工具组是比较常用的绘图工具之一。线形工具组包括“直线段”工具、“弧线”工具、“螺旋线”工具、“矩形网格”工具和“极坐标网格”工具。
3.2.1 “直线段”工具
在使用“直线段”工具绘制直线时，既可以自由绘制，也可以精确绘制。想要在文档中绘制直线线段，可以在“工具”面板中选择“直线段”工具，然后在文档中按下鼠标左键，并向需要绘制直线的方向拖动鼠标，拖动至合适的位置时释放鼠标左键，即可绘制出一条直线线段。
3.2.2 “弧形”工具
弧线是许多矢量图形中不可缺少的组成部分，使用“弧形”工具可以绘制出各种类型的弧线，其操作方法与直线线段的绘制方法基本相同。

3.2.3 “螺旋线”工具
使用“螺旋线”工具可以方便地绘制出不同类型的螺旋线。

3.2.3 “矩形网格”工具
使用“矩形网格”工具可以在文档页面中快速的绘制网格图形。

3.2.4 “极坐标网格”工具

3.3 几何图形工具组的使用
使用Illustrator CS3的基本图形绘制工具组中的工具，可以在文档中绘制多种几何形状的矢量图形。该工具组中的工具包括“矩形”工具、“圆角矩形”工具、“椭圆”工具、“多边形”工具、“星形”工具和“光晕”工具。下面将分别介绍这些工具的基本使用方法。
3.3.1 “矩形”工具
矩形图形是比较常用的基本图形之一，用户可以使用“矩形”工具通过拖动鼠标的方法绘制矩形图形，也可以通过“矩形”对话框来精确地绘制矩形图形。

3.3.2 “圆角矩形”工具
在Illustrator CS3中，用户不仅可以绘制直角矩形图形，还可以绘制带有圆角的矩形图形。

3.3.4 “多边形”工具
使用“多边形”工具可以绘制任意边数的多边形图形。在Illustrator CS3中，通过使用“工具”面板中的“多边形”工具所绘制出来的多边形图形都是规则的正多边形图形。

3.3.5 “星形”工具
使用“星形”工具可以在文档页面中绘制不同形状的星形图形。

3.3.6 “光晕”工具
通过使用Illustrator CS3“工具”面板中的“光晕”工具，用户可以在文档中绘制出具有光晕效果的图形。该图形具有明亮的居中点、晕轮、射线和光圈，如果在其他图形对象上应用该图形，将获得类似镜头眩光的特殊效果。

3.4 “铅笔”工具的使用
通过使用“铅笔”工具，既可以在文档中绘制开放路径的图形，也可以绘制闭合路径的图形，并且Illustrator CS3将会根据用户手绘的轨迹自动创建路径。在实际应用中，“铅笔”工具常被应用于草图的勾画等绘制操作中。

3.5 “钢笔”工具与控制面板的使用
“工具”面板中的“钢笔”工具是Illustrator中最基本、最重要的矢量绘图工具，它可以绘制直线、曲线和任意的复杂图形。

A、矢量图形
矢量图形是指使用数学公式和函数来定义图形中对象的大小、形状、轮廓和位置等属性。对于一条线段，矢量图形只记录端点的坐标位置、线条的粗细和颜色等信息，所以对线段进行放大后，其信息没有发生任何改变，线段的显示效果也没有变化，如（图1-12）所示。

矢量图形（图1-12）
B、位图图像
位图图像弥补了矢量图形的缺陷，用它能够制作出色彩丰富的对象，人性化地表现类似于图片等复杂图像的真实感觉。位图文件所占的空间比较大，因此处理图像的速度也慢。位图图像的缺陷是不能随意缩放，在将图像放大数倍后，图像呈现出马赛克状，如（图1-13）所示。
当然矢量图形也有它自己的缺陷，即不适宜用它来制作色调丰富或色调变化丰富的图像(如风景图像)；绘制出来的图形不是很逼真，也无法像位图软件一样精确描绘自然界的景象。
制作矢量图形的常用软件有：FreeHand、Illustrator、CorelDraw及AutoCAD等。

提示

位图图形（图1-13）

2.5　处理位图
首先要导入位图。导入到库里的位图可以直接使用，或者编辑处理以后使用，还可以将位图转换为元件或转换为矢量图。
位图
位图（Bitmap）是用我们称之为像素的一格格的小点来排列成图像的。位图图像可以通过数码相机、扫描仪或其他设计软件生成，常见的位图格式有：jpg、gif、bmp、tiff、psd、pcx和png等。
提示

1、分离位图 不能用橡皮擦工具擦除的是位图，能用橡皮擦工具擦除的是普通图形。
2、将位图转换为元件 用位图转换的元件，使用时仍然依赖于位图本身，一旦删除库中的位图，元件中的位图图像也随之消失。
3、将位图转换为矢量图 由位图转换而来的矢量图与位图本身不再有关系，删除库中的位图不会影响相对应的矢量图。
矢量图
矢量图（Vector）也称为向量图。它是以数字计算方法，将图像上的线段、曲线、颜色、位置等信息变为数学公式存储起来。与位图不同，矢量图不存在失真的情况，它可以被无限放大，边缘也不会产生锯齿，如图2-1所示。
矢量图可以通过CorelDRAW、AutoCAD、Illustrator和FreeHand等软件绘制而成。常用的矢量图格式有：bw、cdr、col、ai、dwg、wmf、mac和pcd等。
提示

三、上机实训
实例1-－分图层画图 如（图2－41）所示。

分图层画图（图2－41）

三、上机实训
实例1――时钟，如（图3－18）所示。

四、本模块小结
通过本模块综合实例的学习，让我们学会Illustrator的特效动画制作和强大的编程功能，利用动作语句来制作动画特效的操作方法和独自完成实例创作的能力，制作出效果独特且容量很小的Illustrator动画作品是其主要特色。同时，通过动作(Actions)指令集控制动画的播放、开关音效、制作交互式接口效果、Java网页特效等效果是其另一大特色。这使得Illustrator不再只是单纯的动画制作软件，而成为交互式多媒体工具、交互式网页制作工具、光盘自动播放画面制作工具。通过实例的制作主，明白如何将学过的知识用于实际问题中，从新手变为熟手，全面提高制作水平。

本案例中的绘制过程大致分为以下环节：
（1）绘制课程表背景。
（2）绘制装饰图形。
（3）绘制课程表结构。
（4）添加装饰素材。
1、绘制背景与文档同大。
2、给背景添加颜色，设置填充效果。
3、用文本工具输入“西宁市湟中职业技术学校欢迎您”文字。
4、设置文字的字体、大小、字号、颜色等。

3．上机练习题
根据本章所学知识，绘制一张课程表，其参考效果如图1-32所示。其中用到的素材文件可以使用读者现有的素材文件代替。

思考与练习
本书中，我们将针对每章讲解的内容给出思考题、选择题和上机练习题三种题型，目的是让读者通过对试题的解答，进一步巩固在各章学到的相关知识点。

如果你的界面没有看到这些面板的话，可从主菜单“窗口”中来显示它们。当然也可以隐藏它们。
按 Tab 键可快速切换工具箱和工作面板的隐藏和显示。
按 Tab + Shift 键可快速切换工作面板的隐藏和显示。

本模块小结
本章主要讲述了在本章节中Illustrator软件的简单介绍、运行环境、应用领域、操作界面以及新增功能、对对象的操作与管理的相关知识与操作技巧。让大家对Illustrator 软件中新增的很多工具的操作方法有个较为深入的认识。
学习反思
………………………………………………………………………………………………………………………………..
……………………………………………………………………………………………………………………………….
………………………………………………………………………………………………………………………………...
………………………………………………………………………………………………………………………………..