Flash CS5中文版基础教程第2章图形的绘制与编辑
flashcs5编辑图形
无：删除填充。 纯色：提供一种单一的填充颜色。 线性：产生一种沿线性轨道混合的渐变。 放射状：产生从一个中心焦点出发沿环形轨道向外混合的渐变。 位图：用可选的位图图像平铺所选的填充区域。
使用方法（续）
◦ 溢出：
扩展：将指定的颜色应用于渐变末端之外。 镜像：从渐变的开始到结束，再以相反的顺序从渐变的结束到开 始，再从渐变的开始到结束，直到所选形状填充完毕。 重复：从渐变的开始到结束重复渐变，直到所选形状填充完毕。
选择工具
◦ 选择工具、部分选择工具 ◦ 套索工具
色彩工具
◦ 墨水瓶工具、颜料桶工具、滴管工具、渐变变形工具 ◦ 色彩面板、样本面板 ◦ 橡皮擦工具
修饰图形
◦ 将线条转换为填充、扩展填充 ◦ 优化曲线、柔化填充边缘
上机练习3——绘制漂亮夜景
用于抓取、选择、移动和改变对象 使用方法 1. 选择对象： 单击 图形的轮廓线：选中一条边 图形的填充区域：选中该区域 对象：选中该对象 双击 图形的轮廓线：选中该图形的所有边 图形的填充区域：同时选中该区域及其所有边
◦ 创建多色渐变： ◦ 面板菜单按钮
存放软件自带的或者用户自定义的 颜色（包括纯色和渐变色）。 使用方法
◦ 打开：窗口->样本 ◦ 面板菜单按钮
删除笔触、填充以及舞台上的任何内容 使用方法
◦ 鼠标指针：橡皮擦形状
无属性
工具栏选项设置区：
◦ 橡皮擦形状 ◦ 水龙头：颜料桶和墨水瓶的 反作用，擦除所在区域的轮 廓线或填充区域
图1
图2
图3
《网页动画制作flash CS5基础案例与教程》模块2 flash CS5绘制与填充图形
任务
任务1 绘制圆形水晶按钮
任务目标
• 掌握椭圆、部分选取工具、填充工具的使用。
任务分析
使用“椭圆工具”绘制椭圆图形，再使用“部分选取工具 ”对所绘制的椭圆图形进行调整，并为所绘制的椭圆填充 渐变颜色。
必备知识
1.矩形工具 • （1）笔触颜色：用于设置矢量线条的颜色。 • （2）填充颜色：用于设置矢量色块的颜色。 • （3）笔触：用于设置矢量线条的粗细细。 • （4）样式：用于设置矢量线条的样式。 • （5）编辑笔触样式：对所选矢量线条的样式进
操作步骤
4 .单击工具箱中的“矩形工具”按钮，绘制一个 矩形为扇骨，在矩形工具选项中取消选择对象绘制 模式中，并调整在其尺寸，绘制的效果。
5.单击工具箱中的“任意变形工具”按钮，调整当 前矩形的中心点到矩形下方。
6.单击“窗口”→“变形”命令（或按【Ctrl+T】 ），打开“变形”面板，在“旋转”单选按钮下将 旋转角度设为15°。
操作步骤
10.新建“图层5”，使用“椭圆工具”，在“属性”面板上设置 “笔触高度”为3，“笔触颜色”为#025801，“填充颜色” 为00FF00，在场景中绘制一个椭圆图形，使用“转换锚点工 具”和“部分选取工具”对刚刚绘制椭圆图形进行调整，对 调整后的图形进行旋转并移至合适的位置，使其形状像叶子 。
• 3.墨水瓶工具：可以更改线条或形状轮廓的笔触 颜色、宽度和样式，它只影响形状对象。
操作步骤
1.单击“文件”→“新建”命令，新建一个Flash 文档，选择“文件”→“导入”→“导入到舞 台”命令，将素材库中的“皮卡丘.jpg”文件导 入到舞台，单击“修改”→“分离”（快捷键 【Ctrl+B】），将位图图形分离。
操作步骤
Flash CS5动画设计教程第2章
普通高等学校计算机教育“十二五”规划教材立体化精品系列
学习目标
学习要点
◎ ◎ ◎ ◎ 图形图像的基础知识 辅助工具 基本绘图工具 颜色工具
学习目标
◎ 掌握图形图像的基础知识 ◎ 掌握辅助工具和颜色工具的使用方法 ◎ 掌握基本绘图工具的使用方法
主要内容
1
2 3 图形图像的基础知识 使用辅助工具 基本绘图工具
基本绘图工具
1 2 3 4 5 Flash CS5的绘图模式 线条工具 铅笔工具 矩形工具与椭圆工具 基本矩形工具与基本椭圆工具 6 7 8 9 10 多角星形工具 刷子工具 喷涂刷工具 Deco工具 钢笔工具
11
课堂案例1——绘制小熊
Flash CS5的绘图模式
合并绘制模式
在合并绘制模式下绘制和编辑图形时，在同一图层中的各图形会互 相影响，当其重叠时， 位于上方的图形会将位于下方的图形覆盖，并对 其形状进行剪切。如下图所示为绘制一个五边形，并在其上方再绘制一 个圆形，然后将圆形移动到其他位置，五边形被圆形覆盖的部分已被删 除。
基本矩形工具与基本椭圆工具
基本矩形工具与 基本椭圆工具
基本矩形工具： 单击工具面板中的矩形工 具不放，在打开的列表中 选择基本矩形工具，即可 在工具面板中显示基本矩 形工具。
基本椭圆工具： 单击工具面板中的矩形工 具不放，在打开的列表中 选择基本椭圆工具，即可 在工具面板中显示基本椭 圆工具。
多角星形工具
Flash CS5的绘图模式
对象绘制模式
在工具面板中单击“对象绘制”按钮，使其呈选中状态，表示当前的 绘图模式为对象绘制模式。
在对象绘制模式下绘制和编辑图形时，在同一图层中绘制的多个图 形并不会相互影响，因为它们都是一个独立的对象，在叠加并分离后不 会产生变化。如在对象绘制模式下绘制一个圆形，在其上方再绘制一个 圆形。然后将圆形移动到其他位置，移动后位于下方的圆形并没有受到 任何影响，如下图所示。
flash cs5图形绘制
2.1.3 图形元件的建立
图形元件的建立有两种情况。
(1) 将当前图形转化为图形元件：在需要转化的图形上单击鼠标右键，在弹出的快捷菜单中选择
选项，此时将弹出如图2.2所示的【转换为元件】对话框，设置为如图2.2所示。单
击按钮，此时即可将图形转换为图形元件。
文本框: 图2.2
行填充，来改变按钮的颜色，如图2.7所示。
图2.7
(5) 在【按下】帧上单击鼠标右键，在弹出的快捷菜
单中选择[插入关键帧]命令，【指针经过】帧的
图像出现在舞台上了。选中图形按钮，在右边的
【混色器】中选择填充色，然后对其填充颜色，调
整后的图形如图2.8所示。
图2.8
2.1 基础知识
2.1 基础知识
2.1.4 按钮元件的建立
按钮是元件的一种，它可以根据按钮出现的状态显示不同的图像，并且会响应鼠标动作。
在按钮中可以放入图形元件或影片剪辑元件，但是不能在一个按钮中放入另外一个按钮。
1. 按钮的状态
在特殊的编辑环境中，通过在时间轴上创建关键帧，可以指定不同的按钮状态，如图
文本框: 图2.22
2.1 基础知识
(3) 从列表中选择所要替换的元件，如图2.24所示，单击按钮，替换即成功，如图2.25所示。
(2) 在实例属性面板中单击按钮，则弹出如图2.23所示的【交换元件】对话框。
图2.23
图2.24
图2.25
2.1 基础知识
2. 改变实例类型
说明：
本章主要通过11个案例讲解了Flash CS5的基本
绘图知识及浮动面板的设置和使用，前面几个例子比
FlashCS5课件制作技术 第2章
2.3.2
文本类型
【传统文本】：在Flash中常用的文本引擎，使用传统文 本引擎可以创建三种不同类型的文本，如下图所示。
2.3.2
文类型
【静态文本】：最常用的文本类型，用于静态显示的 文本可以创建为该类型的文本。
【动态文本】：变动更新的文本。文本内容可以通过 添加交互（代码、行为）进行更改。如体育得分、股 票报价、天气报告，等等。
2.1.3 颜色及颜色模式
（2）颜色模式 颜色模式是指一种记录和描述图像颜色的方式。 每种颜色模式分别表示用于描述颜色和对颜色进行分 类的不同方法。 常见的颜色模式有： a.RGB模式 b.CMYK模式 c.HSB模式
2.2 认识“工具”面板
2.2
工具面板
2.3
文字编辑
2.3.1
创建文本
2.3.1
创建文本
步骤 3 单击鼠标左键同时拖动鼠 标即可在舞台中插入一个文本框， 此时光标开始闪烁，表明可以在 该文本框中输入文字了，（如右 图）
步骤 4 在文本框中输入文字 “动画制作经典实例教程”， 当输入的文字超过文本框的长 度时会自动换行，（如右图）
2.3.1
创建文本
步骤 5 将鼠标放臵于文本框右上 角的白色方块上，鼠标指针会变 成 形状，此时按住鼠标左键并拖 动即可改变文本框的长度，（如 右图）
使用TLF文本引擎可以创建3种不同类型的文本，如下 图所示。
2.3.2
文本类型
【只读】：当Flash文档作为SWF文件发布时，使用这种 文本类型创建的文本无法选中或编辑。
【可选】：当Flash文档作为SWF文件发布时，使用这种 文本类型创建的文本可以选中并可复制到剪贴板中，但 不可以编辑。 【可编辑】：当作为SWF文件发布时，文本可以选中和 编辑。
FLASH动画图形绘制与编辑2
利用所学工具绘制如下图形，达到能正常或 灵活使用相应工具的目的
3.1 使用图形绘制工具
绘图工具 集中放置在 【绘图工具栏】 中，可分为图 形绘制工具， 图形编辑工具 和文字编辑工 具3类
3.1 使用图形绘制工具
3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 3.1.7 3.1.8
1．矩形工具-R
矩形工具---R
可以利用矩形工具绘制圆角矩形.利用工具箱下方
的“圆角矩形半径”按钮; 激活工具后，按住Alt，单击舞台任意空白处，弹 出“矩形设置”对话框;
如果按住Shift绘制，可绘制正方形
2．基本矩形工具
使用基本矩形工具，可以绘制图元矩形。
2．基本椭圆工具
3.3 对象选择
3.3.1 选择工具和部分选取工具 3.3.2 套索工具 3.3.3 选择的修改
2.3.1 选择和修饰对象
1．选择工具
选择工具---V
作用：选择、移动、复制、调整对象 紧贴至对象：
平滑：柔化选择的曲线条
伸直：锐化选择的曲线条
2.3.1 选择和修饰对象
利用所学工具绘制如下图形达到能正常或灵活使用相应工具的目的31使用图形绘制工具绘图工具集中放置在绘图工具栏中可分为图形绘制工具图形编辑工具和文字编辑工31使用图形绘制工具311线条工具312铅笔工具313钢笔工具314刷子工具315橡皮擦工具316矩形工具317椭圆工具318橡皮擦工具311线条工具n斜线工具主要用于绘制线段
椭圆工具---O
如果按住Shift绘制，可绘制正圆形
使用基本椭圆工具，可以绘制图元椭圆。
flash cs5中文版基础教程
flash cs5中文版基础教程第1章 flash cs5中文版基础入门1.1 初步认识flash1.1.1 flash概述1.1.2 flash的应用领域1.2 flash cs5工作界面1.2.1 菜单栏1.2.2 主工具栏1.2.3 工具箱1.2.4 时间轴1.2.5 场景和舞台1.2.6 属性面板1.2.7 浮动面板1.3 flash cs5的系统配置1.3.1 首选参数面板1.3.2 浮动面板1.3.3 历史记录面板1.4 flash文件的基本操作1.4.1 新建文件1.4.2 保存文件1.4.3 打开文件1.5 实践案例与上机指导1.5.1 使用网格、标尺1.5.2 使用辅助线1.6 思考与练习第2章使用绘图工具绘制与编辑图形2.1 flash图形基础知识2.1.1 矢量图与位图2.1.2 导入外部图像2.2 认识工具面板2.3 基本线条与图形的绘制2.3.1 线条工具2.3.2 铅笔工具2.3.3 矩形工具与椭圆工具2.3.4 基本矩形工具与基本椭圆工具2.3.5 多角星形工具2.3.6 刷子工具2.3.7 喷涂刷工具2.3.8 deco工具2.3.9 钢笔工具2.4 填充图形颜色2.4.1 颜色面板2.4.2 墨水瓶工具2.4.3 颜料桶工具2.4.4 滴管工具2.4.5 橡皮擦工具2.5 辅助绘图工具2.5.1 手形工具2.5.2 缩放工具2.5.3 对齐面板2.6 实践案例与上机指导2.6.1 绘制水晶按钮2.6.2 绘制缤纷多彩的气球2.7 思考与练习第3章文本对象的使用与编辑3.1 使用文本工具3.1.1 静态文本3.1.2 动态文本3.1.3 输入文本3.2 编辑与设置文本样式3.2.1 消除文本锯齿3.2.2 设置文字属性3.2.3 为文本添加超链接3.2.4 设置段落格式3.3 文本的分离与变形3.3.1 分离文本3.3.2 文本变形3.3.3 对文字进行局部变形3.4 实践案例与上机指导3.4.1 制作霓虹灯效果的文字3.4.2 制作立体字3.5 思考与练习第4章编辑与操作对象4.1 选择对象4.1.1 使用选择工具选择对象4.1.2 使用部分选取工具选择对象4.1.3 使用套索工具选择对象4.2 使用查看工具4.2.1 使用手形工具调整工作区的位置4.2.2 使用缩放工具调整工作区的大小4.3 对象的基本操作4.3.1 移动对象4.3.2 复制对象4.3.3 删除对象4.4 对象的变形操作4.4.1 认识变形点4.4.2 自由变形对象4.4.3 扭曲对象4.4.4 缩放对象4.4.5 封套对象4.4.6 旋转和倾斜对象4.4.7 翻转对象4.5 合并对象4.5.1 联合4.5.2 交集4.5.3 打孔4.5.4 裁切4.6 对象的组合、排列、分离4.6.1 组合对象4.6.2 排列对象4.6.3 分离对象4.7 使用辅助工具4.7.1 使用标尺和辅助线4.7.2 使用网络4.8 实践案例与上机指导4.8.1 绘制贺卡4.8.2 绘制顽皮猴子4.9 思考与练习第5章使用元件、实例和库5.1 理解元件与实例的概念5.1.1 使用元件对文件量的影响5.1.2 修改实例对元件产生的影响5.1.3 修改元件对实例产生的影响5.1.4 区别元件与实例5.2 元件的创建5.2.1 什么是元件5.2.2 元件类型5.2.3 创建图形元件5.2.4 创建影片剪辑元件5.2.5 创建按钮元件5.2.6 将元素转换为图形元件5.3 元件的引用——实例操作5.3.1 为实例另外指定一个元件5.3.2 转换实例的类型5.3.3 改变实例的颜色和透明效果5.3.4 替换实例引用的元件5.3.5 分离实例5.3.6 调用其他影片中的元件5.3.7 对实例进行缩放、扭曲和旋转5.4 库的管理5.4.1 库面板的组成5.4.2 创建库元素5.4.3 调用库文件5.4.4 使用公用库5.5 实践案例与上机指导5.5.1 制作菜单按钮5.5.2 绘制时尚包5.6 思考与练习第6章使用外部图片、声音和视频6.1 导入位图文件6.1.1 可导入图片素材的格式6.1.2 导入位图文件6.1.3 将位图转换为矢量图6.1.4 设置导入位图属性6.2 使用声音6.2.1 flash支持的声音类型6.2.2 在flash中导入声音6.2.3 为影片添加声音6.2.4 给按钮添加音效6.2.5 设置播放效果6.2.6 使用声音属性编辑声音6.3 使用视频6.3.1 flash支持的视频类型6.3.2 在flash中嵌入视频6.3.3 处理导入的视频文件6.4 实践案例与上机指导6.4.1 为影片添加声音6.4.2 将位图转换为矢量图6.5 思考与练习第7章使用时间轴和帧设计基本动画7.1 时间轴和帧的概念7.1.1 时间轴构成7.1.2 帧和关键帧7.1.3 帧的频率7.2 帧的基本操作7.2.1 选择帧和帧列7.2.2 插入帧7.2.3 复制、粘贴与移动单帧7.2.4 删除帧7.2.5 清除帧7.2.6 将帧转换为关键帧7.2.7 将帧转换为空白关键帧7.3 逐帧动画7.3.1 逐帧动画的基本原理7.3.2 制作简单的逐帧动画7.4 动作补间动画7.4.1 动作补间动画原理7.4.2 制作动作补间动画7.5 形状补间动画7.5.1 形状补间动画原理7.5.2 创建形状补间动画7.6 实践案例与上机指导7.6.1 旋转飞舞的小花7.6.2 切换效果动画7.7 思考与练习第8章图层与高级动画制作8.1 图层的基本概念8.1.1 什么是图层8.1.2 图层的用途8.2 图层的基本操作8.2.1 新建图层8.2.2 更改图层名称8.2.3 改变图层的顺序8.2.4 新建图层文件夹8.2.5 锁定和解锁图层8.3 编辑图层8.3.1 删除图层8.3.2 隐藏/显示图层8.3.3 显示轮廓8.3.4 编辑图层属性8.4 引导层动画8.4.1 普通引导层8.4.2 运动引导层8.4.3 创建沿直线运动的动画8.4.4 创建沿轨道运动的动画8.5 遮罩动画8.5.1 遮罩动画的概念与原理8.5.2 创建遮罩动画8.6 场景动画8.6.1 场景的用途8.6.2 创建场景8.7 实践案例与上机指导8.7.1 望远镜中的小狗8.7.2 吹泡泡8.8 思考与练习第9章滤镜和混合模式9.1 滤镜9.1.1 滤镜基础9.1.2 添加滤镜9.1.3 预设滤镜库9.1.4 关于滤镜和flash player的性能9.2 应用滤镜特效9.2.1 投影滤镜效果9.2.2 倾斜投影效果9.2.3 模糊滤镜效果9.2.4 发光滤镜效果9.2.5 斜角滤镜效果9.2.6 渐变发光滤镜效果9.2.7 【渐变斜角】滤镜效果9.2.8 调整颜色滤镜效果9.3 使用混合模式创建复合图像9.3.1 关于混合模式9.3.2 混合模式示例9.4 实践案例与上机指导9.4.1 制作彩虹文字9.4.2 制作渐变发光效果9.5 思考与练习第10章骨骼运动与3d动画10.1 反向运动10.1.1 创建骨骼动画10.1.2 编辑骨骼动画10.2 3d转换动画10.2.1 3d旋转动画10.2.2 全局转换与局部转换10.2.3 3d平移工具的应用10.3 实践案例与上机指导10.3.1 图形元件创建骨骼系统10.3.2 移动的气球10.4 思考与练习第11章 actionscript脚本基础及应用11.1 actionscript基本常识11.1.1 actionscript的版本11.1.2 常用术语11.2 actionscript编程基础11.2.1 变量的定义11.2.2 常量11.2.3 关键字11.3 使用运算符11.3.1 数值运算符11.3.2 比较运算符11.3.3 赋值运算符11.3.4 逻辑运算符11.3.5 等于运算符11.3.6 位运算符11.4 actionscript 语法11.4.1 点11.4.2 注释11.4.3 分号11.4.4 大括号11.4.5 小括号11.5 actionscript的数据类型11.5.1 boolean数据类型11.5.2 int、number数据类型11.5.3 null数据类型11.5.4 string数据类型11.5.5 movieclip数据类型11.5.6 void数据类型11.5.7 object数据类型11.6 认识与使用动作面板11.7 插入actionscript代码11.7.1 在按钮中插入actionscript11.7.2 在帧中插入actionscript11.7.3 在影片剪辑中插入actionscript 11.8 函数和类11.8.1 定义自己的函数11.8.2 通过call和apply方法调用函数11.8.3 类的基本要素11.8.4 编写自定义类11.9 实践案例与上机指导11.9.1 比较运算符和逻辑运算符11.9.2 运算符的使用规则11.10 思考与练习第12章使用actionscript创建交互式动画12.1 编写与管理脚本12.1.1 脚本编写方法与要点12.1.2 使用脚本助手12.2 调试脚本12.3 创建交互式动画12.3.1 控制动画播放进程按钮12.3.2 制作跳转播放12.4 实践案例与上机指导12.4.1 制作鼠标跟随效果12.4.2 制作个性指针12.5 思考与练习第13章使用actionscript组件快速创建动画13.1 组件的基本操作13.1.1 组件概述与类型13.1.2 组件的预览与查看13.1.3 向flash中添加组件13.1.4 组件的高度和宽度13.2 常见组件的使用13.2.1 按钮组件button13.2.2 复选框组件checkbox13.2.3 单选按钮组件radiobutton13.2.4 下拉列表组件combobox13.2.5 文本域组件textarea13.3 实践案例与上机指导13.3.1 label组件13.3.2 scrollpane组件13.4 思考与练习第14章 flash动画的测试与发布14.1 flash动画的测试14.1.1 测试影片14.1.2 测试场景14.2 优化影片14.2.1 图像文件的优化14.2.2 矢量图形的优化14.2.3 测试影片下载性能14.3 发布flash动画14.3.1 发布设置14.3.2 发布预览14.3.3 发布flash动画14.4 导出flash动画14.4.1 导出图像文件14.4.2 导出影片文件14.5 实践案例与上机指导14.5.1 avi视频的输出14.5.2 gif动画的输出14.6 思考与练习。
flashcs5动画制作
2.3.3 使用【任意变形】工具 使用【任意变形】
【 任意变形】工具可以用来对对象进行旋转、 扭 任意变形 】 工具可以用来对对象进行旋转 、 封套等操作。选择【工具】面板中的【 曲 、 封套等操作 。 选择 【 工具 】 面板中的 【 任意 变形】工具， 工具】面板中会显示【 变形 】 工具 ， 在 【 工具 】 面板中会显示 【 贴紧至 对象】 旋转和倾斜】 缩放】 扭曲】 对象 】 、 【 旋转和倾斜 】 、 【 缩放 】 、 【 扭曲 】 封套】按钮。 和【封套】按钮。
2.5.1 Deco工具 工具
选择【 藤蔓式填充】 效果，可以用藤蔓式图案填 选择【 藤蔓式填充】 效果 ， 充设计区、 元件或封闭区域。 充设计区 、 元件或封闭区域 。 用户还可以选择 中的元件替换叶子和花朵的插图， 【 库 】 中的元件替换叶子和花朵的插图 ， 生成的 图案将包含在影片剪辑中， 图案将包含在影片剪辑中 ， 而影片剪辑本身包含 组成图案的元件。 组成图案的元件。
原始图形
标准擦除
擦除填色
擦除线条
擦除所选填充
内部擦除
2.3 图形变形
对图形进行变形操作， 对图形进行变形操作 ， 可以调整图形在设 计区中的比例， 计区中的比例 ， 或者协调其与其他设计区 中的元素关系。 中的元素关系 。 对象的变形主要包括翻转 对象、 缩放对象、 任意变形对象、 对象 、 缩放对象 、 任意变形对象 、 扭曲对 象和封套对象等操作。 象和封套对象等操作。
Flash CS5中文版动画制作基础第2章
2、制作展示图片的显示效果
3、制作遮罩
2.2.3 导入视频与打开外部库的基本 方法 1．导入视频
2．打开外部库
2.2.4 导入视频和打开外部库——制 作“动态影集”
步骤1：设置场景
步骤2：导入视频
步骤3：导入外部库中的元件
步骤4：布置“视频控制”元件
根据用途的不同，工具可分为以下6类。 （1）规则形状绘制工具。 主要包括【矩形】工具、【椭圆】工具、【基本矩形】工具、 【基本椭圆】工具、【多角星形】工具和【线条】工具。 （2）不规则形状绘制工具。 主要包括【钢笔】工具、【铅笔】工具、【笔刷】工具、【Deco】 工具和【文本】工具。 （3）形状修改工具。 主要包括【选择】工具、【部分选择】工具和【套索】工具。 （4）颜色修改工具。 主要包括【墨水瓶】工具、【颜料桶】工具、【滴管】工具、 【橡皮檫】工具、【颜色】工具和【填充变形】工具。 （5）视图修改工具。 主要包括【手形】工具和【缩放】工具。 （6）动画辅助工具。 主要包括【骨骼】工具、【绑定】工具、【平移】工具和【旋转】 工具。
第2章 制作和获取动画素材
掌握绘图工具的使用方法。 了解绘图和填色的技巧。 掌握导入素材的方法。 了解使用导入素材制作动画的方法。
2.1 绘制素材
2.1.1 绘图工具简介
（1）矢量图形。 定义：用矢量曲线来描述图像，包括颜色和位置等属性。 特点：矢量图形与分辨率无关，可以显示在各种分辨率 的输出设备上，而品质不受影响。 应用：矢量图形适合用于线性图，特别是二维卡通动画 中，能够有效地减少文件容量。 （2）位图图像。 定义：用像素排列在网格内的彩色点来描述图像。 特点：位图图像与分辨率有关，在比图像本身的分辨率 低的输出设备上显示位图时会降低它的外观品质。 应用：位图图像适合用于表现层次和色彩细腻丰富，包 含大量细节的图像中。
flashcs5五-图形编辑例子
步骤1：新建元件
◦ 打开“创建新元件” 对话框，类型为 按钮
步骤2：制作弹起 帧◦ 将“ Nhomakorabea钮素材” 导入到库 ◦ 选择“弹起”下的关 键帧，将“库”面板 中“按钮素材资源” 下的“图层1”拖拽到 按钮元件的场景中
步骤3：制作指针经过帧
◦ 选择“指针经过”下的帧，“插入关键帧” ◦ 选中舞台中的实例，打开“变形”面板，将 实例放大110% ◦ 在“属性”面板中设置“色彩效果|样式|色 调”：色调59%，红255，绿0，蓝206
作业
1. 打开（源文件\ch05\上机练习\小女孩.fla）文件复制舞台实 例，练习修改各实例的“亮度、Alpha、色调等属性； 2. 创建漂亮动态文字按钮，源文件见（源文件\ch05\PLAY.fla ）文件； 3.创建按钮（示例1 ） 4.添加花朵背景（示例2）
步骤6：在舞台上添加实例 步骤7：测试影片
◦ Ctrl+Enter ◦ 注意按钮的响应范围
步骤8：修改按钮的响应范围
◦ 选择“指针经过”下的帧，“插入关键帧” ◦ 选中舞台中的实例，打开“变形”面板，将 实例放大130%（或者50%） ◦ 重新测试影片
步骤1：绘制花朵元件（如右 上图） 步骤2：将“花朵背景.jpg”导 入到舞台，并适当调整大小 步骤3：在舞台上插入若干花 朵实例，并分别修改其属性 （如右下图）
步骤4：制作按下帧
◦ 选择“指针经过”下的帧，“插入关键帧” ◦ 选中舞台中的实例，打开“变形”面板，将 实例放大90% ◦ 在“属性”面板中设置“色彩效果|样式|色 调”：色调61%，红255，绿255，蓝0
步骤5：为指针经过帧添加文字
flashcs5 02绘制基本图形
1、绘制一台Q版电视机。最终源文件见在（源文 件\ch02\上机练习\电视机线稿.fla）文件； 2、绘制一台卡通小鸡。最终源文件见在（源文件 \ch02\上机练习\小鸡线稿.fla）文件； 3. 结合各个图形绘制工具，绘制一个足球阵容示意 图。
绘制线条
◦ 线条工具、铅笔工具、钢笔工具、刷子工具
绘制几何图形
Deco装饰性绘画工具 辅助工具
◦ 椭圆和基本椭圆工具、矩形和基本矩形工具、多角 星形工具 ◦ 藤蔓式填充、网格式填充 、对称刷子、装饰性刷 子、粒子系统 、树刷子
◦ 缩放工具、手形工具、标尺、网格、辅助线
上机练习2——绘制QQ笑脸表情
◦ 铅笔模式： 伸直：较强校正，取直平滑，自动识别常见几何形状。 平滑：自动平滑处理，是动画绘制中首选设置 墨水：接近手绘，最大限度保留实际轨迹 ◦ 工具栏选项设置区
绘制起始锚点 绘制中间锚点 也称作贝塞尔曲线工具，绘制精确的直线或曲线或图形 轮廓 使用方法 ◦ 绘制直线：每单击一下 鼠标左键，就会产生一 个锚点，并且同前一个 锚点自动用直线相连接。
选择对称效果，可以围绕中心点对称排列元件。 在设计区中绘制元件时，将显示一组手柄。可以 使用手柄通过增加元件数、添加对称内容或者编 辑和修改效果的方式来控制对称效果。
装饰性刷子效果在进行Flash绘图时很有用，我 们可以通过应用装饰性刷效果，绘制出多种装饰 线，例如梯形图案、绳形、星形、波浪线等。
绘制一个m形的另一种方法：
复合工具
◦ 转换锚点（C）
绘制一个心形的另一种方法：
【基本原则】 绘制曲线的锚 点数量越少越 好，因为如果 锚点数量增加， 不仅会增加绘 制的步骤，同 时也不利于后 期的修改。
Flash 动画制作教程-图形的绘制与编辑
2.2 图形的绘制
2.2.1 绘制模式
在Flash中绘制图形时，可以采用选择合并绘制模式或对象绘制模式，两种绘制 模式各有特点，必须根据需要选择最合适的绘制模式。 1.合并绘制模式 选择绘图工具后，如果工具箱下方的“对象绘制”按钮处于弹起状态，表示当 前是合并绘制模式。在合并绘制模式中绘制形状的笔触和填充将作为独立的图 形元素，可以单独选择和移动，如图所示。
“刷子工具”可使用类似于刷子的笔 触绘制线条。它可以创建特殊效果， 包括书法效果。使用刷子工具功能键 可以选择刷子大小和形状。在使用刷 子工具涂色时，可以使用导入的位图 作为填充。
2.2.2 绘制线条
在Flash中，可以使用“线条工具”、“铅笔工具”、“刷子工具”“钢笔 工具”在舞台上绘制各种线条。 1.线条工具 在工具箱中单击线条工具,然后将光标移动到舞台中,将鼠标拖动到另一位置松 开（确定终点），就会画出一条直线来。此时线条的属性是系统默认的，可以 在“属性”面板中设置线条的笔触颜色、笔触高度和笔触样式等。 2.铅笔工具 “铅笔工具”用于绘制任意线条，使用铅笔工具，绘画的方式与使用真实铅笔 大致相同。选择铅笔工具，在舞台上按住鼠标左键不放，在舞台上随意绘制出 线条，松开鼠标，得到线条效果。在铅笔工具的“属性”面板中可以设置不同 的线条颜色、线条粗细、线条类型。 3.刷子工具
2.1 矢量图与位图
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一 条线，矢量图只能靠软件生成，文件占用内在空间空间较小， 适用于图形设计、文字设计和一些标志设计、版式设计等。
位图图像，亦称为点阵图像或绘制图像，是由称作像素的单 个点组成的。这些点可以进行不同的排列和染色以构成图样。当 放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大 位图尺寸的效果是增大单个像素，从而使线条 和形状显得 参差不齐。
Flash CS5 动画设计教程第2章
谢谢观赏
绘制任意线条
在工具栏中选择“铅笔工具”，可绘制任意线条，然后对绘制的图 形进行填色。
实训——绘制脸谱
实训目标
本实训的目标是使用工具栏中的绘图工具绘制一张脸谱，并对这 张脸谱进行着色，进一步巩固绘图工具的使用。
实训——绘制脸谱
专业背景
Flash的应用随着电脑的发展逐渐被大众所熟知，其最先以动画短 片的形式与人们接触， 逐渐在广告、网页和电子杂志等方面得到青 睐。同时，在商业上对Flash的制作要求也越来越高，要制作出一个好 的Flash，首先应熟练掌握其中绘图工具的使用方法。 绘制图形首先需要确定使用何种绘图工具进行绘制，以及绘制图 形的先后顺序，之后再开始动手绘制。
Flash CS5的绘图模式
（2）对象绘制模式
在工具栏中选择一种绘图工具后，在“工具”栏中单击“对象绘制 ”按钮 ，使其呈选中状态，表示当前的绘图模式为对象绘制模式。 在对象绘制模式下绘制和编辑图形时，在同一图层中绘制的多个图 形并不会相互影响， 因为它们都是一个独立的对象，在叠加和分离时 不会产生变化。
实训——绘制脸谱
操作思路
习题
（1）利用所学知识绘制一颗卡通树，首先使用矩形工具绘制树干， 然后选择多角星形工具，设置多角星形的边数和样式，关闭笔触，选 择一种较深的颜色，绘制最底层的树叶。使用同样的方法绘制树叶的 过渡层、浅色层和亮部。
习题
（2）绘制一株桃树，首先选择刷子工具，设置其形状、大小和颜 色，然后绘制桃树的主躯干，再调节刷子的颜色和大小，绘制分枝。 继续使用刷子工具绘制树叶的轮廓，绘制完成后用颜料桶工具进行填 充。
绘制圆角矩形
单击工具栏中的“矩形工具”按钮 ，再单击工具栏下方的“对 象绘制”按钮 ，使其呈选中状态。再在“属性”面板中设置圆角 矩形参数，然后进行绘制。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
标准绘画
颜料填充
后面绘画
颜料选择
内部绘画
2.1.5 矩形工具
选择“矩形”工具 ，在舞台上单击鼠标，按住鼠标不放，向需要的位置拖 曳鼠标，绘制出矩形图形，按住Shift键的同时绘制图形，可以绘制出正方形。在 矩形工具“属性”面板中设置不同的笔触颜色、笔触大小、笔触样式和填充颜色。
矩形工具 “属性”面板
颜料桶工具 “属性”面板
4种填充模式
根据线框空隙的大小，应用不同的模式进行填充
2.2.2 滴管工具
吸取填充色
选择“滴管”工具 ，将光标放在左边图形的填充色 上，光标变为 ，在填充色上单击鼠标，吸取填充色样本, 在工具箱的下方，取消对“锁定填充”按钮 的选取，光 标变为 ，在右边图形的填充色上单击鼠标，图形的颜色 被修改
2.1.4 刷子工具
选择“刷子”工具 ，在舞台上单击鼠标，按住鼠标不放，随意绘制出笔触。 可以在刷子工具“属性”面板中设置不同的填充颜色和笔触平滑度。
刷子工具 “属性”面板 设置不同的刷子形状后所绘制的笔触效果
系统在工具箱的下方提供了5种刷子的模式可供选择。 “标准绘画”模式：在同一层的线条和填充上以覆盖的方式涂色。 “颜料填充”模式：对填充区域和空白区域涂色，其他部分（如边框线）不受 影响。 “后面绘画”模式：在舞台上同一层的空白区域涂色，但不影响原有的线条和 填充。 “颜料选择”模式：在选定的区域内进行涂色，未被选中的区域不能够涂色。 “内部绘画”模式：在内部填充上绘图，但不影响线条。如果在空白区域中开 始涂色，该填充不会影响任何现有填充区域。
2.1 基本线条与图形的绘制
线条工具 铅笔工具 椭圆工具 刷子工具 矩形工具 多角星形工具 钢笔工具 选择工具 部分选取工具 套索工具 课堂案例——绘制淘依府标志
2.1.1 线条工具
选择“线条”工具 ，在舞台上单击鼠标，按住鼠标不放并向右拖动到需要 的位置，绘制出1条直线。在线条工具“属性”面板中设置不同的笔触颜色、笔触 大小、笔触样式。
多角星形工具 “属性”面板
设置不同的边框属性和填充颜色后绘制的图形
2.1.7 钢笔工具
选择“钢笔”工具 ，将鼠标放置在舞台上想要绘制曲线的起始位置， 然后按住鼠标不放。此时出现第一个锚点，并且钢笔尖光标变为箭头形状。 松开鼠标，将鼠标放置在想要绘制的第二个锚点的位置，单击鼠标并按住不 放，绘制出一条直线段。将鼠标向其他方向拖曳，直线转换为曲线。松开鼠 标，一条曲线绘制完成 。
效果图
2.2 图形的编辑
颜料桶工具 滴管工具 橡皮擦工具 任意变形工具和渐变变形工具 颜色面板 墨水瓶工具 课堂案例——绘制水晶按钮
2.2.1 颜料桶工具
选择“颜料桶”工具 ，在颜料桶工具“属性”面板中将“填充颜色”设为 红色（#FF0000）。在线框内单击鼠标，线框内被填充颜色。在工具箱的下方系统 设置了4种填充模式可供选择。
“套索”工具
选择“套索”工具 ，在场景中导入一幅位 图，按Ctrl+B组合键，将位图进行分离。用鼠标在 位图上任意勾选想要的区域，形成一个封闭的选区。 松开鼠标，选区中的图像被选中。
“魔术棒”按钮
选中“魔术棒”按钮 ，将光标放在位图上， 光标变为 ，在要选择的位图上单击鼠标。与点取点 颜色相近的图像区域被选中。
调整向量线条和色块
选择“选择”工具 ，将鼠标移至对象，鼠标下方出现圆弧。 拖动鼠标，对选中的线条和色块进行调整。
2.1.9 部分选取工具
选择“部分选取”工具 ，在对象的外边线上单击，对象上出现多个节点。 拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状。
改变对象的曲线形状
2.1.10 套索工具
线条工具“属性”面板
设置不同的线条属性后绘制的线条
2.1.2 铅笔工具
选择“铅笔”工具 ，在舞台上单击鼠标，按住鼠标不放，在舞台上随意绘 制出线条。如果想要绘制出平滑或伸直线条和形状，可以在工具箱下方的选项区 域中为铅笔工具选择一种绘画模式。在铅笔工具“属性”面板中设置不同的笔触 颜色、笔触大小、笔触样式。
吸取填充样本
更改填充色
吸取边框属性
选择“滴管”工具 ，将鼠标放在左边图形的外 边框上，光标变为 ，在外边框上单击鼠标，吸取边 框样本，单击后，光标变为 ，在右边图形的外边框 上单击鼠标，添加边线。
吸取笔触样本
更改笔触样式
吸取位图图案
导入06图片，按Ctrl+B组合键，将其打散。绘制 1个圆形图形，选择“滴管”工具 ，将鼠标放在位 图上，光标变为 ，单击鼠标，吸取图案样本。单击 后，光标变为 ，在圆形图形上单击鼠标，图案被 填充。
“多边形模式”按钮
选中选中“多边形模式”按钮 ，在图像上单 击鼠标，确定第一个定位点，松开鼠标并将鼠标移 至下一个定位点，再次单击鼠标，用相同的方法直 到勾画出想要的图像，并使选取区域形成一个封闭
的状态。双击鼠标，选区中的图像被选中。
2.1.11 课堂案例——绘制衣恋堂标
使用矩形工具、套索工具、铅笔工具、椭圆工具来完成标志的绘制。
设置不同的边框属性和填充颜色后绘制的图形
2.1.6 多角星形工具
应用多角星形工具可以绘制出不同样式的多边形和星形。选择“多角星形” 工具 ，在舞台上单击鼠标，按住鼠标不放，向需要的位置拖曳鼠标，绘制 出多边形 。可以在多角星形工具“属性”面板中设置不同的边框颜色、边框粗 细、边框线置不同的线条属性后绘制的图形
2.1.3 椭圆工具
选择“椭圆”工具 ，在舞台上单击鼠标，按住鼠标不放，向需要的位置拖 曳鼠标，绘制椭圆，按住Shift键的同时绘制图形，可以绘制出圆形。在椭圆工具 “属性”面板中设置不同的笔触颜色、笔触大小、笔触样式和填充颜色。
椭圆工具 “属性”面板 设置不同的边框属性和填充颜色后绘制的图形
绘制曲线的过程
2.1.8 选择工具
选择对象
选择“选择”工具 ，在舞台中的对象上单击鼠标进行点选， 即可选择对象。按住Shift键，再点选对象，可以同时选中多个对象。 在舞台中拖曳出一个矩形可以框选对象。
移动和复制对象
选择“选择”工具 ，点选中对象。按住鼠标不放，直接拖曳 对象到任意位置。
选择“选择”工具，点选中对象，按住Alt键，拖曳选中的对象 到任意位置，选中的对象被复制。