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

西宁市湟中职业技术学校校本教材 Illustrator 基础与实例 1 模块二模块二 图形绘制 编辑与案例设计图形绘制 编辑与案例设计 Illustrator 简介及应用领域 界面构成与界面设置 基本概念 Illustrator 的基本操作 辅助工具的应用 西宁市湟中职业技术学校校本教材 Illustrator 基础与实例 2 模块二 图形绘制 编辑与案例设计 本章介绍 本章介绍 绘图工具是 Illustrator 工具 面板中重要的组成部分 它为用户提供 了多种功能的线形工具组和基本图形绘制工具组 通过使用这些工具能够方便 的绘制出直线线段 弧形线段 矩形 椭圆形等各种规则或不规则的矢量图形 将这些工具熟练掌握后 对后面模块中的图形绘制及编辑操作有很大的帮助作 用 矢量图形与位图图像 知识目标 知识目标 让学生了解什么是 Illustrator 了解 Illustrator 应用领域 了解矢量图和 位图的区别 技能目标 技能目标 掌握工作界面的基本操作 熟练掌握文件的基本操作 掌握显示图像效果的技 巧 掌握标尺 参考线和网格的使用方法 掌握图像的基本操作方法 德育目标德育目标 强调安全实习 规范操作 爱护机房设施 在本任务中 主要介绍 Illustrator CS3 基本绘图工具 包括钢笔工具 直线工具组 几 何图形工具组 铅笔工具和画笔工具等 本部分是基础理念内容 也是第一部分 首先 讲解商业平面设计 图形 与界面设计 illustrator 设计工作的基础理论知识 相关工具相关工具 1 使用线形工具组 2 使用几何图形工具组 3 使用钢笔工具 3 2 线形工具组的使用 在 Illustrator CS3 中 线形工具组是比较常用的绘图工具之一 线形工具组包括 直线 段 工具 弧线 工具 螺旋线 工具 矩形网格 工具和 极坐标网格 工具 3 2 1 直线段 工具 在使用 直线段 工具绘制直线时 既可以自由绘制 也可以精确绘制 想要在文档中绘 制直线线段 可以在 工具 面板中选择 直线段 工具 然后在文档中按下鼠标左键 并向需要绘制直线的方向拖动鼠标 拖动至合适的位置时释放鼠标左键 即可绘制出一条 直线线段 西宁市湟中职业技术学校校本教材 Illustrator 基础与实例 3 3 2 2 弧形 工具 弧线是许多矢量图形中不可缺少的组成部分 使用 弧形 工具可以绘制出各种类型的弧 线 其操作方法与直线线段的绘制方法基本相同 3 2 3 螺旋线 工具 使用 螺旋线 工具可以方便地绘制出不同类型的螺旋线 3 2 3 矩形网格 工具 使用 矩形网格 工具可以在文档页面中快速的绘制网格图形 3 2 4 极坐标网格 工具 极坐标网格极坐标网格 工具可以在文档页面中绘制具有同心圆的放射线效果 工具可以在文档页面中绘制具有同心圆的放射线效果 按Shift 键绘制 按 键绘制 按F 键绘制 按V 键绘制 按X 键绘制 按C 键绘制 3 3几何图形工具组的使用 使用 Illustrator CS3 的基本图形绘制工具组中的工具 可以在文档中绘制多种几何形状 的矢量图形 该工具组中的工具包括 矩形 工具 圆角矩形 工具 椭圆 工具 多 边形 工具 星形 工具和 光晕 工具 下面将分别介绍这些工具的基本使用方法 3 3 1 矩形 工具 矩形图形是比较常用的基本图形之一 用户可以使用 矩形 工具通过拖动鼠标的方法绘 制矩形图形 也可以通过 矩形 对话框来精确地绘制矩形图形 西宁市湟中职业技术学校校本教材 Illustrator 基础与实例 4 3 3 2 圆角矩形 工具 在 Illustrator CS3 中 用户不仅可以绘制直角矩形图形 还可以绘制带有圆角的 矩形图形 3 3 4 多边形 工具 使用 多边形 工具可以绘制任意边数的多边形图形 在 Illustrator CS3 中 通过使用 工具 面板中的 多边形 工具所绘制出来的多边形图形都是规则的正多边形图形 3 3 5 星形 工具 使用 星形 工具可以在文档页面中绘制不同形状的星形图形 3 3 6 光晕 工具 通过使用 Illustrator CS3 工具 面板中的 光晕 工具 用户可以在文档中绘制出具 西宁市湟中职业技术学校校本教材 Illustrator 基础与实例 5 有光晕效果的图形 该图形具有明亮的居中点 晕轮 射线和光圈 如果在其他图形对象 上应用该图形 将获得类似镜头眩光的特殊效果 3 4 铅笔 工具的使用 通过使用 铅笔 工具 既可以在文档中绘制开放路径的图形 也可以绘制闭合路径的图 形 并且 Illustrator CS3 将会根据用户手绘的轨迹自动创建路径 在实际应用中 铅笔 工具常被应用于草图的勾画等绘制操作中 3 5 钢笔 工具与控制面板的使用 工具 面板中的 钢笔 工具是 Illustrator 中最基本 最重要的矢量绘图工具 它可 以绘制直线 曲线和任意的复杂图形 A 矢量图形 矢量图形是指使用数学公式和函数来定义图形中对象的大小 形状 轮廓和位置等属 性 对于一条线段 矢量图形只记录端点的坐标位置 线条的粗细和颜色等信息 所以对 线段进行放大后 其信息没有发生任何改变 线段的显示效果也没有变化 如 图 1 12 所示 西宁市湟中职业技术学校校本教材 Illustrator 基础与实例 6 矢量图形 图 1 12 B 位图图像 位图图像弥补了矢量图形的缺陷 用它能够制作出色彩丰富的对象 人性化地表现类 似于图片等复杂图像的真实感觉 位图文件所占的空间比较大 因此处理图像的速度也慢 位图图像的缺陷是不能随意缩放 在将图像放大数倍后 图像呈现出马赛克状 如 图 1 13 所示 提示提示 位图图形 图 1 13 2 52 5 处理位图处理位图 首先要导入位图 导入到库里的位图可以直接使用 或者编辑处理以后使用 还可以 将位图转换为元件或转换为矢量图 提示提示 1 分离位图 不能用橡皮擦工具擦除的是位图 能用橡皮擦工具擦除的是普通图形 2 将位图转换为元件 用位图转换的元件 使用时仍然依赖于位图本身 一旦删除库中的 位图 元件中的位图图像也随之消失 3 将位图转换为矢量图 由位图转换而来的矢量图与位图本身不再有关系 删除库中的位 图不会影响相对应的矢量图 提示提示 三 上机实训三 上机实训 实例实例 1 1 分图层画图 分图层画图 如 图 2 41 所示 矢量图 矢量图 Vector 也称为向量图 它是以数字计算方法 将图像上的线段 曲线 颜色 位置等信息变为数学公式存储起来 与位图不同 矢量图不存在失真 的情况 它可以被无限放大 边缘也不会产生锯齿 如图 2 1 所示 矢量图可以通过 CorelDRAW AutoCAD Illustrator 和 FreeHand 等软件绘制而成 常用的矢量图格式有 bw cdr col ai dwg wmf mac 和 pcd 等 位图 位图 Bitmap 是用我们称之为像素的一格格的小点来排列成图像的 位图 图像可以通过数码相机 扫描仪或其他设计软件生成 常见的位图格式 有 jpg gif bmp tiff psd pcx 和 png 等 当然矢量图形也有它自己的缺陷 即不适宜用它来制作色调丰富或色调变化丰 富的图像 如风景图像 绘制出来的图形不是很逼真 也无法像位图软件一样精确 描绘自然界的景象 制作矢量图形的常用软件有 FreeHand Illustrator CorelDraw 及 AutoCAD 等 西宁市湟中职业技术学校校本教材 Flash cs6 基础与实例 7 分图层画图 图 2 41 三 上机实训三 上机实训 实例实例 1 1 时钟 如时钟 如 图 3 18 所示 西宁市湟中职业技术学校校本教材 Flash cs6 基础与实例 8 西宁市湟中职业技术学校校本教材 Flash cs6 基础与实例 9 西宁市湟中职业技术学校校本教材 Flash cs6 基础与实例 10 西宁市湟中职业技术学校校本教材 Flash cs6 基础与实例 11 四 本模块小结 通过本模块综合实例的学习 让我们学会 Illustrator 的特效动画制作和强大的编程 功能 利用动作语句来制作动画特效的操作方法和独自完成实例创作的能力 制作出效果 独特且容量很小的 Illustrator 动画作品是其主要特色 同时 通过动作 Actions 指令集 控制动画的播放 开关音效 制作交互式接口效果 Java 网页特效等效果是其另一大特色 这使得 Illustrator 不再只是单纯的动画制作软件 而成为交互式多媒体工具 交互式网 页制作工具 光盘自动播放画面制作工具 通过实例的制作主 明白如何将学过的知识用 于实际问题中 从新手变为熟手 全面提高制作水平 本案例中的绘制过程大致分为以下环节 1 绘制课程表背景 2 绘制装饰图形 3 绘制课程表结构 4 添加装饰素材 1 绘制背景与文档同大 2 给背景添加颜色 设置填充效果 3 用文本工具输入 西宁市湟中职业技术学校欢迎您 文字 4 设置文字的字体 大小 字号 颜色等 3 上机练习题 西宁市湟中职业技术学校校本教材 Flash cs6 基础与实例 12 根据本章所学知识 绘制一张课程表 其参考效果如图 1 32 所示 其中用 到的素材文件可以使用读者现有的素材文件代替 思考与练习思考与练习 本书中 我们将针对每章讲解的内容给出思考题 选择题和上机练习题三 种题型 目的是让读者通过对试题的解答 进一步巩固在各章学到的相关知识 点 本模块小结本模块小结 本章主要讲述了在本章节中 Illustrator 软件的简单介绍 运行环境 应 用领域 操作界面以及新增