flash创建动画对象

Flash网页动画
第二章 创建动画对象
1
本章主要内容
绘制矢量图形 编辑图形对象 导入外部对象 动画的色彩 文字工具 同层上多个对象的处理
前一页 下一页
休息 2
FLASH
FLASH图形格式
FLASH影片中可以使用两种图形：
位图：由像素点描述图形。
矢量图：用图形特征点和轮廓坐标描述图
中 的
形
区别：
图
矢量图由FLASH直接绘制
形
位图则无法制作但可导入其它程序制作好 的位图
前一页 下一页
休息 3
FLASH图形格式
特点：
位图是通过对栅格内不同的点－像素的性质来描 述图形。
常见格式：
位
JPEG、BMP、GIF、WMF等
图 优点：
色彩丰富，图形逼真
缺点：
图像调整时容易变形
文件较大
前一页 下一页
休息
色彩在动画中的应用
颜色位深
色
指每像素各颜色分量使用二进制位总数
彩
常见位深
的
真色彩：24位，1680万种颜色
基
32位：24位颜色＋8位透明度信息
本
注意：颜色位深越大，色彩越逼真越丰富，
概
但占用的磁盘空间越大
念
前一页 下一页
休息 36
色彩在动画中的应用
Alpha通道
色
Alpha通道控制图像的透明度
图
一个坐标
的
为1时效果最好但转换时间长
曲线拟合：设置转换中曲线的平滑度
转
平滑 度越高曲线越失真
换
角阈值：设置转换中图形角边数目
角边较少时失真加大但图形边缘较光滑
前一页 下一页
休息 32
色彩在动画中的应用
FLASH中的颜色
色
线条色－用于给对象描边
彩
可以调整线型和宽度
的
8.0以下版只能使用单色
橡皮擦工具－擦除线条或填色区域
修 改
形状与大小 擦除模式
标准擦除
图
擦除填色：仅擦除填充部分不擦线条
形
擦除线段：仅擦除线条不擦填充部分
擦除所填色：仅擦除选中部分
内部擦除：只擦除橡皮工具起始点所在填充 部分
水龙头按钮：单击后擦除整个色块
前一页 下一页
休息 25
编辑图形
FLASHMX2004提供一组菜单用于修饰 曲线：
图
菜单：修改－分离
的
快捷键： Ctrl + B
转
注意：此操作不限于操作位图
换
前一页 下一页
休息 31
位图的应用
位 直接转化为矢量图
图
“修改”－“位图”－“位图转化为矢量图”
与 矢
选择或输入参数 颜色界限：设置色彩容差程度
值越高，越会将更多颜色转为相同颜色，值太小速度慢
量
最小区域：设置位图最小度量区即多大范围选取
白
概
基于人对颜色的心理感受形成 色调
念
由色调、饱和度和亮度组成
饱和度
黑
前一页 下一页
休息 34
皮肌炎图片——皮肌炎的症状表现
皮肌炎是一种引起皮肤、肌肉、 心、肺、肾等多脏器严重损害的， 全身性疾病，而且不少患者同时伴 有恶性肿瘤。它的1症状表现如下：
1、早期皮肌炎患者，还往往伴 有全身不适症状，如-全身肌肉酸 痛，软弱无力，上楼梯时感觉两腿 费力；举手梳理头发时，举高手臂 很吃力；抬头转头缓慢而费力。
休息 20
绘制矢量图形
选取对象后可执行操作
删除对象－选定后按Delete键
选
复制和移动对象－与Windows操作相同
取
注意：椭圆和矩形实际由线框和填充区两部
对
分组成，可独立分别操作
象
改变选中对象的颜色、线型等
工
具
前一页 下一页
休息 21
绘制矢量图形
改变图形造型
鼠标移至图形边界线条直接拖动
选
注意：在直线上按住Alt键后拖动可将直线变
涂刷。
锁定填充－渐变色位置被固定。
前一页 下一页
休息 13
绘制矢量图形
钢 笔 工
钢笔工具用于精确绘制平滑流畅的曲线和 直线并可控制线段的角度及曲线的弧度
锚点和拐点
锚点是不同弧度曲线的接合处
具 拐点是直线与直线或直线与曲线的接合处
与 贝
设置钢笔工具参数
菜单：“编辑”－“首选参数”－“编辑”
FLASH8.0为“编辑”－“首选参数”－“绘画”
图 导入操作
处 理
菜单：“文件”－“导入”
导入时可选择直接导入舞台或导入元件库
从剪贴板复制
用其他可编辑位图的程序打开要导入的图像
执行复制与剪贴操作
前一页 下一页
休息 29
位图的应用
位图管理
导入的位图出现在元件库中，操作方法与元件相 同
位 更换位图
图
菜单：“修改”－“位图”－“交换位图”
处
“视图”－“辅助线”－“显示辅助线”可 显示或隐藏辅助线
“视图”－“辅助线”－“锁定辅助线”
“视图”－“辅助线”－“编辑辅助线”
前一页 下一页
休息 8
绘制矢量图形
绘 铅笔工具－绘制任意矢量线
图
使用方法：
工 具
在屏幕上拖动鼠标
铅笔模式选项
直线式(Straightem)：自动转换成规则直线
的
平滑式(Smooth)：平滑曲线达到圆弧效果
基
填充色－用于给封闭图形着色
本
可使用单色、渐变色和位图填色
概
文字颜色自动取填充色，但只能用单色
念
前一页 下一页
休息 33
色彩在动画中的应用
FLASH常用颜色模式
色
RGB模式－真彩色
彩
由红、绿、蓝三分量叠加组成
的
每个分量都有256个亮度级别
基
颜色总数：256×256×256≈1680万
本
HSB模式：
曲
封闭时如定位准确会出现空心圆环“。”
线
精确封闭后自动用当前填充色填充封闭图形
前一页 下一页
休息 15
绘制矢量图形
钢 绘制曲线
笔
单击第一个锚点
工
单击并拖动第二锚点
具
双击结束绘制
与Байду номын сангаас
鼠标移动到第一个锚点上单击闭合路径
贝
注意：拖动出现正切控制柄时按 Shift 键
兹
约束切线方向为45度及整数倍。
曲
格
－显示 / 隐藏网格 “视图”－“网格”－“编辑网格”
－设置网格参数
包括网格大小、颜色、对齐、对齐精确度及显示网格
前一页 下一页
休息 7
绘图辅助工具
辅助线（2004新增）
辅助线同样用于精确定位，播放的影片中 不显示
辅 助
创建方法
显示标尺 从水平或垂直标尺上用鼠标拖出一条辅助线
线 辅助线参数调整
色
充”
特
注意：8.0起线条色亦可直接用渐变色
殊 图形加粗及瘦身效果
效
本操作仅对填充形状有效，操作后图形边框会消 失
果
菜单：“修改”－“形状”－“扩展填充”
选择扩展距离及向外（扩展）还是向内（插入） 扩张
前一页 下一页
休息 27
编辑图形
图形柔边效果
填
柔化操作仅对填充形状有效，最好是单色
色
且无边。
彩
Alpha通道使用不同灰度值表示，纯白为
的
不透明，纯黑为完全透明
基
Alpha通道由8位二进制数表示由0~255，
本
共256级，为方便起见，通常设置Alpha值
概
时以百分比为单位
无法制作真正的3D图像
前一页 下一页
休息 4
FLASH图形格式
特点：
矢
以数学方式记录图像内容，用包含颜色和 位置属性的直线和曲线来描述图形
量 优点：
图 形
操作不会失真，即任意缩放与变形下图形 无质量与颜色损失
可做3D图像
缺点：
色彩和色调变化不够丰富，图形不够逼真， 不适合做照片或艺术绘画
前一页 下一页
优
平滑曲线
菜单：“修改”－“形状”－“平滑”
化
拉直曲线
线
菜单：“修改”－“形状”－“伸直”
条
优化曲线
优化曲线可以减少曲线数目
菜单：“修改”－“形状”－“优化”
选择平滑度及过渡效果
前一页 下一页
休息 26
编辑图形
将线条转换成填色区块
线条转换后可填入渐变色及改变形状
填
菜单：“修改”－“形状”－“将线条转换为填
使
墨水式(Ink)：接近手写效果
用
设置线条属性
颜色：属性面板或调色板中颜色按钮
线宽与线型：属性面板专用按钮
自定义线型：属性面板“自定义”按钮
前一页 下一页
休息 9
绘制矢量图形
绘 直线工具
图
在属性面板中选择线型、粗细、颜色
工
按Shift键只绘制水平、垂直和45°线
具
笔触功能(8.0新增)－属性面板
的
端点：选择线条端点形状为圆或方形
使
接合：选择两个线条接合处的形状
用
前一页 下一页
休息 10
绘制矢量图形
绘 椭圆工具、矩形工具
图
线条色与填充色由属性面板或调色板控制。
工
按Shift键只绘制圆或正方形。
具
按Alt键绘制时以鼠标点为圆心或矩形中
的
心
使
矩形可在选项中单击设定按钮绘制圆角矩
用
形
前一页 下一页
兹 “钢笔工具”选项
曲
显示钢笔预览：拖鼠标绘图时显示未来曲线形状 显示实心点：控制点用实心方块
线
显示精确光标：光标显示十字形便于精确定位
前一页 下一页
休息 14
绘制矢量图形
钢 绘制直线
笔
不同位置先后单击鼠标
工
系统自动将两点连成直线
具
结束绘制：
与
开放路径：
贝 兹
双击最后点或单击钢笔按钮或Ctrl+单击 封闭路径：单击第一个锚点 说明：
拐点转换为锚点
前一页 下一页
休息 19
绘制矢量图形
箭头工具－选取和调整场景中的图形对象
选
选取对象
取
填充区
单击－选取图形的所有填充部分
对
双击－选取图形的线条和填充全部
象
线条区
工
单击－选取单击处同一弧线线条 双击－选取全部线条
具
鼠标拖放－选取一矩形区
选取多个图形－按Shift再选
前一页 下一页
功能：将当前位图替换成元件库中另一位图
理 设置位图属性 右击元件库面板上该图名称
位图去背景－用“魔术棒”选中后删除
注意：用魔术棒前需先把图形打散
前一页 下一页
休息 30
位图的应用
位 分解组件－又称打散
图
定义：将组合对象、文本、元件、位图等
与
组合图形分解成独立的可编辑元素以重新
矢
编辑
量
操作方法：
取
成折线
对
使用选项中的按钮
象
吸附：自动对齐或吻合图形
工 具
平滑：平滑所选线条 拉直：锐化所选线条
前一页 下一页
休息 22
绘制矢量图形
套索工具－选取不规则图形
选
选取不规则多边形－单击选项多边形按钮
取
魔术棒：选取位图中颜色相似的区域
对 象
魔术棒属性：设置相似颜色的识别程度 （单位为像素）和平滑程度。
前一页 下一页
休息 12
绘制矢量图形
绘 画笔（画刷）工具－上色或毛笔工具
图 工
具
直接使用：用填充色画图。 画笔粗细、形状 画笔模式
标准绘画模式：直接在当前图形上面涂刷。
的
颜料填充模式：保留图形边框线条不被涂刷。
使
后面绘画模式：只涂当前图形背景。
用
颜料选择模式：只涂刷事先选定部分。 内部绘画模式：只在起始画笔所在图形内部
休息 11
绘制矢量图形
绘 多角星形工具（2004新增）
图
多角星形工具用于画正多边形或星形。
工
打开方法：单击矩形工具右下角的箭头。
具
选项按钮
的
样式：选择绘制多边形（默认）或星形
使
边数：选择绘制边数或顶点数 星形顶点大小：仅用于星形
用
注意：
绘制时可拖动鼠标使图形旋转角度。
按Shift键顶角只能水平或垂直。
休息 5
绘图辅助工具
编辑栏有显示比例工具栏
显 示 比
例 与
“视图”菜单
放大 缩小 缩放比率－设置显示百分比
模
式
前一页 下一页
休息 6
绘图辅助工具
标尺
功能：移动对象时标尺上有定位短线同步移动帮
助对象定位。
标
打开与关闭：“视图”－“标尺”
尺 网格
与
功能：给对象精确定位
网
“视图”－“网格”－“显示网格”
工
具
前一页 下一页
休息 23
绘制矢量图形
FLASH绘图特点
封闭图形可分解成线条和填充区
绘
工具箱绘图没有先后顺序，无法重叠
图
不同色图形交叉时会分解，同色会融合
总
线条会将图形或线条分割
结
对象绘制模式： ( 8.0新增)
绘图时选项区选中对象绘制按钮 后不执行分
解融合原则
前一页 下一页
休息 24
编辑图形
绘制矢量图形
贝兹选取工具（子选择工具）
功能：调整图形路径锚点及更改图形形状
选 调整直线段
取
单击直线段后可拖动直线任一端点
对 调整曲线段
象
单击锚点后拖动可改变连续三个锚点间图形形状
工
说明：如果单击的是曲线自动出现正切手柄
具
拖动锚点：改变锚点位置和形状 拖动正切手柄：只改变曲线形状
☺注意：拖动时同时按shift可约束工具的移动角度为45°
线
前一页 下一页
休息 16
绘制矢量图形
钢
调节路径锚点
添加锚点
笔
鼠标移到曲线上光标出现“+ ”号后单击
工 具
删除锚点或拐点
删除拐点：鼠标移到拐点上出现“- ”号后单 击
与
删除锚点：鼠标移到锚点后单击两次
贝
拐点与锚点的转换
兹
锚点转拐点：鼠标移至锚点出现“^”后单击 拐点转锚点：
曲
选择贝兹选取工具并选取拐点
特 殊 效
菜单：“修改”－“形状”－“柔化填充 边缘”
输入软化边缘宽度、曲线数向外还是向内 扩张
果
注意：曲线数越多柔化效果越好但会加
大文件体积及降低绘图速度。
前一页 下一页
休息 28
位图的应用
导入图像
导入格式：
bmp .jpg .gif .wmf .mov .swf .wav .avi等
位
导入文件若含多层，Flash会自动创建新层。
线
按Alt键不放并拖动锚点
前一页 下一页
休息 17
绘制矢量图形
钢
移动锚点
笔
选择贝兹选取（子选择）工具
工 具
将鼠标移至拐点或锚点出现空心方框后拖动
注意1：拐点或锚点拖动后以其为中心相邻三 个点之间图形发生变形
与
注意2：用本工具选取拐点或锚点后按Delete
贝
键可删除本点
兹
曲
线
前一页 下一页
休息 18