《创建动画对象.ppt》由会员分享,可在线阅读,更多相关《创建动画对象.ppt(71页珍藏版)》请在三一办公上搜索。
1、第二章 创建动画对象,Flash网页动画,2,本章主要内容,绘制矢量图形编辑图形对象导入外部对象动画的色彩文字工具对象的变形同层上多个对象的处理,3,FLASH图形格式,FLASH影片中可以使用两种图形:位图:由像素点描述图形。矢量图:用图形特征点和轮廓坐标描述图形区别:矢量图由FLASH直接绘制位图则无法制作但可导入其它程序制作好的位图,FLASH中的图形,4,FLASH图形格式,常见格式:JPEG、BMP、GIF、WMF等优点:色彩丰富,图形逼真缺点:图像调整时容易变形文件较大无法制作真正的3D图像,位图,5,特点:以数学方式记录图像内容,用包含颜色和位置属性的直线和曲线来描述图形优点:操
2、作不会失真,即任意缩放与变形下图形无质量与颜色损失可做3D图像缺点:色彩和色调变化不够丰富,图形不够逼真,不适合做照片或艺术绘画,FLASH图形格式,矢量图形,6,绘图辅助工具,编辑栏有显示比例工具栏“视图”菜单放大缩小缩放比率设置显示百分比,显示比例与模式,7,标尺功能:移动对象时标尺上有定位短线同步移动帮助对象定位。打开与关闭:“视图”“标尺”网格功能:给对象精确定位“视图”“网格”“显示网格”显示/隐藏网格“视图”“网格”“编辑网格”设置网格参数包括网格大小、颜色、对齐、对齐精确度及显示网格,绘图辅助工具,标尺与网格,8,绘图辅助工具,辅助线(2004新增)辅助线同样用于精确定位,播放的
3、影片中不显示创建方法显示标尺从水平或垂直标尺上用鼠标拖出一条辅助线辅助线参数调整“视图”“辅助线”“显示辅助线”可显示或隐藏辅助线“视图”“辅助线”“锁定辅助线”“视图”“辅助线”“编辑辅助线”,辅助线,2.1 绘制矢量图形,绘图工具的使用选取工具的使用图形的修改位图的处理,10,绘制矢量图形,铅笔工具绘制任意矢量线使用方法:在屏幕上拖动鼠标铅笔模式选项直线式(Straightem):自动转换成规则直线平滑式(Smooth):平滑曲线达到圆弧效果墨水式(Ink):接近手写效果设置线条属性颜色:属性面板或调色板中颜色按钮线宽与线型:属性面板专用按钮自定义线型:属性面板“自定义”按钮,绘图工具的使
4、用,11,绘制矢量图形,直线工具在属性面板中选择线型、粗细、颜色按Shift键只绘制水平、垂直和45线笔触功能(8.0新增)属性面板端点:选择线条端点形状为圆或方形接合:选择两个线条接合处的形状,绘图工具的使用,12,绘制矢量图形,椭圆工具、矩形工具线条色与填充色由属性面板或调色板控制。按Shift键只绘制圆或正方形。按Alt键绘制时以鼠标点为圆心或矩形中心矩形可在选项中单击设定按钮绘制圆角矩形,绘图工具的使用,13,绘制矢量图形,多角星形工具(2004新增)多角星形工具用于画正多边形或星形。打开方法:单击矩形工具右下角的箭头。选项按钮样式:选择绘制多边形(默认)或星形边数:选择绘制边数或顶点
5、数星形顶点大小:仅用于星形注意:绘制时可拖动鼠标使图形旋转角度。按Shift键顶角只能水平或垂直。,绘图工具的使用,14,绘制矢量图形,画笔(画刷)工具上色或毛笔工具直接使用:用填充色画图。画笔粗细、形状画笔模式标准绘画模式:直接在当前图形上面涂刷。颜料填充模式:保留图形边框线条不被涂刷。后面绘画模式:只涂当前图形背景。颜料选择模式:只涂刷事先选定部分。内部绘画模式:只在起始画笔所在图形内部涂刷。锁定填充渐变色位置被固定。,绘图工具的使用,15,绘制矢量图形,钢笔工具用于精确绘制平滑流畅的曲线和直线并可控制线段的角度及曲线的弧度设置钢笔工具参数菜单:“编辑”“首选参数”“绘画”“钢笔工具”选项
6、显示钢笔预览:拖鼠标绘图时显示未来曲线形状显示实心点:控制点用实心方块显示精确光标:光标显示十字形便于精确定位,钢笔工具与贝兹曲线,16,绘制矢量图形,绘制直线不同位置先后单击鼠标系统自动将两点连成直线结束绘制:开放路径:双击最后点或单击钢笔按钮或Ctrl+单击封闭路径:单击第一个锚点说明:封闭时如定位准确会出现空心圆环“。”精确封闭后自动用当前填充色填充封闭图形,钢笔工具与贝兹曲线,17,绘制矢量图形,绘制曲线单击第一个点单击并拖动第二点双击结束绘制鼠标移动到第一个锚点上单击闭合路径注意:拖动出现正切控制柄时按 Shift 键约束切线方向为45度及整数倍。,钢笔工具与贝兹曲线,18,绘制矢量
7、图形,调节路径锚点添加锚点鼠标移到曲线上光标出现“+”号后单击删除锚点或拐点删除拐点:鼠标移到拐点上出现“-”号后单击删除锚点:鼠标移到锚点后单击两次拐点与锚点的转换锚点转拐点:鼠标移至锚点出现“”后单击拐点转锚点:选择贝兹选取工具并选取拐点按Alt键不放并拖动锚点,钢笔工具与贝兹曲线,19,绘制矢量图形,移动锚点选择贝兹选取(部分选取)工具将鼠标移至拐点或锚点出现空心方框后拖动注意1:拐点或锚点拖动后以其为中心相邻三个点之间图形发生变形注意2:用本工具选取拐点或锚点后按Delete键可删除本点,钢笔工具与贝兹曲线,20,绘制矢量图形,贝兹选取工具(部分选取工具)功能:调整图形路径锚点及更改图
8、形形状调整直线段单击直线段后可拖动直线任一端点调整曲线段单击锚点后拖动可改变连续三个锚点间图形形状说明:如果单击的是曲线自动出现正切手柄拖动锚点:改变锚点位置和形状拖动正切手柄:只改变曲线形状注意:拖动时同时按shift可约束工具的移动角度为45拐点转换为锚点,选取对象工具,21,箭头工具选取和调整场景中的图形对象选取对象填充区单击选取图形的所有填充部分双击选取图形的线条和填充全部线条区单击选取单击处同一弧线线条双击选取全部线条鼠标拖放选取一矩形区选取多个图形按Shift再选,绘制矢量图形,选取对象工具,22,绘制矢量图形,选取对象后可执行操作删除对象选定后按Delete键复制和移动对象与Wi
9、ndows操作相同注意:椭圆和矩形实际由线框和填充区两部分组成,可独立分别操作改变选中对象的颜色、线型等,选取对象工具,23,绘制矢量图形,改变图形造型鼠标移至图形边界线条直接拖动注意:在直线上按住Alt键后拖动可将直线变成折线使用选项中的按钮吸附:自动对齐或吻合图形平滑:平滑所选线条拉直:锐化所选线条,选取对象工具,24,绘制矢量图形,套索工具选取不规则图形选取不规则多边形单击选项多边形按钮魔术棒:选取位图中颜色相似的区域魔术棒属性:设置相似颜色的识别程度(单位为像素)和平滑程度。,选取对象工具,25,绘制矢量图形,FLASH绘图特点封闭图形可分解成线条和填充区工具箱绘图没有先后顺序,无法重
10、叠不同色图形交叉时会分解,同色会融合线条会将图形或线条分割对象绘制模式:(8.0新增)绘图时选项区选中对象绘制按钮 后不执行分解融合原则,绘图总结,26,编辑图形,橡皮擦工具擦除线条或填色区域形状与大小擦除模式标准擦除擦除填色:仅擦除填充部分不擦线条擦除线段:仅擦除线条不擦填充部分擦除所填色:仅擦除选中部分内部擦除:只擦除橡皮工具起始点所在填充部分水龙头按钮:单击后擦除整个色块,修改图形,27,编辑图形,FLASH提供一组菜单用于修饰曲线:优化曲线优化曲线可以减少曲线数目菜单:“修改”“形状”“优化”选择平滑度及过渡效果平滑曲线(与箭头工具平滑按钮功能相同)菜单:“修改”“形状”“平滑”拉直曲
11、线(与箭头工具拉直按钮功能相同)菜单:“修改”“形状”“伸直”,优化线条,28,编辑图形,将线条转换成填色区块线条转换后可填入渐变色及改变形状菜单:“修改”“形状”“将线条转换为填充”注意:8.0起线条色亦可直接用渐变色图形加粗及瘦身效果本操作仅对填充形状有效,操作后图形边框会消失菜单:“修改”“形状”“扩展填充”选择扩展距离及向外(扩展)还是向内(插入)扩张,填色特殊效果,29,编辑图形,图形柔边效果柔化操作仅对填充形状有效,最好是单色且无边。菜单:“修改”“形状”“柔化填充边缘”输入软化边缘宽度、曲线数向外还是向内扩张注意:曲线数越多柔化效果越好但会加大文件体积及降低绘图速度。,填色特殊效
12、果,30,位图的应用,导入图像导入格式:bmp、.jpg、.gif、.wmf 等导入文件若含多层,Flash会自动创建新层导入操作菜单:“文件”“导入”导入时可选择直接导入舞台或导入元件库从剪贴板复制用其他可编辑位图的程序打开要导入的图像执行复制与剪贴操作,位图处理,31,位图的应用,位图管理导入的位图出现在元件库中,操作方法与元件相同更换位图菜单:“修改”“位图”“交换位图”功能:将当前位图替换成元件库中另一位图设置位图属性右击元件库面板上该图名称位图去背景用“魔术棒”选中后删除注意:用魔术棒前需先把图形打散,位图处理,32,位图的应用,分离组件又称打散定义:将位图分解成独立的可编辑元素以重
13、新编辑操作方法:菜单:修改分离快捷键:Ctrl+B注意:此操作不限于操作位图,文本、元件、组合图形等均可,位图与矢量图的转换,33,直接转化为矢量图“修改”“位图”“位图转化为矢量图”选择或输入参数颜色界限:设置色彩容差程度值越高,越会将更多颜色转为相同颜色,值太小速度慢最小区域:设置位图最小度量区即多大范围选取一个坐标为1时效果最好但转换时间长曲线拟合:设置转换中曲线的平滑度平滑 度越高曲线越失真角阈值:设置转换中图形角边数目角边较少时失真加大但图形边缘较光滑,位图的应用,位图与矢量图的转换,2.2 色彩在动画中的应用,色彩的基本概念调色工具的使用渐变色的控制,35,色彩在动画中的应用,FL
14、ASH中的颜色线条色用于给对象描边可以调整线型和宽度8.0以下版只能使用单色填充色用于给封闭图形着色可使用单色、渐变色和位图填色文字颜色自动取填充色,但只能用单色,色彩的基本概念,36,色彩在动画中的应用,FLASH常用颜色模式RGB模式真彩色由红、绿、蓝三分量叠加组成每个分量都有256个亮度级别颜色总数:2562562561680万HSB模式:基于人对颜色的心理感受形成由色调、饱和度和亮度组成,色彩的基本概念,37,色彩在动画中的应用,颜色位深指每像素各颜色分量使用二进制位总数常见位深真色彩:24位,1680万种颜色32位:24位颜色8位透明度信息注意:颜色位深越大,色彩越逼真越丰富,但占用
15、的磁盘空间越大,色彩的基本概念,38,色彩在动画中的应用,Alpha通道Alpha通道控制图像的透明度Alpha通道使用不同灰度值表示,纯白为不透明,纯黑为完全透明Alpha通道由8位二进制数表示由0255,共256级,为方便起见,通常设置Alpha值时以百分比为单位适当运用透明度可以合成叠加图像,色彩的基本概念,39,色彩在动画中的应用,Flash中色彩工具工具箱中颜色区线条色与填充色黑白色无颜色线条色与填充色交换属性面板属性面板使用方法同工具箱,但可以调整线条的样式和大小,色彩的控制,40,Flash中色彩工具-颜色面板-混色器:混色器可以精确调整颜色及Alpha通道一般操作与工具箱相同改
16、变颜色模式:单击选项按钮后选择HSB或RGB调整颜色方法选择线条色或填充色的基本色拖动游标或输入颜色值精确调整颜色分量,色彩在动画中的应用,色彩的控制,41,Flash中色彩工具-颜色面板颜色样本:导入、导出及修改FLASH颜色复制颜色选项快捷菜单“复制样本”删除颜色选项快捷菜单删除样本:删除所选样本颜色清除颜色:删除所有彩色只留黑白二色添加颜色调色板中“添加样本”用滴管工具拾取颜色后单击面板将选中颜色拖入面板颜色分类:将颜色按色系排列,色彩在动画中的应用,色彩的控制,42,Flash中色彩工具颜色样本:颜色的导出指将本FLASH颜色保存为文件(.CLR)供以后使用操作:选项菜单保存颜色选项菜
17、单保存为默认颜色:颜色的导入选项菜单导入用于将其他FLASH文件所存颜色样本作为本文件使用添加颜色:仅导入文件中不同颜色替换颜色:完全替代当前样本加载默认颜色:加载系统默认颜色样本网页216色:载入网络常用216色,色彩在动画中的应用,色彩的控制,43,Flash中色彩工具墨水瓶工具描边工具功能:改变图形对象的线条属性操作:选择线型、粗细与颜色单击边线颜料桶工具填充封闭图形颜色功能:改变单击处填充图形颜色选项按钮:决定图形不完全封闭时如何自动封闭。不封闭缺口封闭小缺口封闭中缺口封闭大缺口锁定:固定渐变色色块范围,色彩在动画中的应用,色彩的控制,44,Flash中色彩工具用位图填色导入位图选中所
18、填位图调色板填充模式中选位图亦可用颜料桶为未选中图形填色(小图)滴管工具功能:选取已存在颜色或填充样式操作:单击要做样本的图形或线条系统改变填充色或线条色为所取颜色并自动打开颜料桶或墨水瓶工具,色彩在动画中的应用,色彩的控制,45,渐变色的两种方式线性渐变-从左至右逐渐改变颜色放射状渐变-从中心向圆周逐渐改变颜色渐变色的选取方法标准渐变色-直接在属性面板或工具箱的颜色按钮中选择渐变色的调整工具“混色器”面板颜料桶填充变形工具,色彩在动画中的应用,渐变色的控制,46,色彩在动画中的应用,利用混色器调整功能:调整渐变的颜色、种类及渐变范围操作方法填充类型下拉选“线性”或“放射状”自定义颜色:单击选
19、择图标后改变本点颜色调整颜色范围:拖动渐变色坐标轴上颜色图标添加渐变色:单击渐变色坐标轴上相应位置删除渐变色:将要删除颜色图标拖出坐标轴利用颜料桶调整渐变以中心颜料桶鼠标箭头是渐变色填充中心点,渐变色的控制,47,色彩在动画中的应用,利用填充转换工具 调整渐变圆:渐变圆是一个图形工具,用于控制渐变的方向、大小和中心点调整方法:中心点按钮:拖动调整渐变中心点方形按钮:宽度-调整渐变圆形状中间圆形按钮:大小-改变渐变圆大小第一圆形按钮:旋转-改变渐变圆方向,渐变色的控制,48,色彩在动画中的应用,溢出方式(8.0新增)功能:控制渐变填充的重复方式,即渐变圆变化后位于渐变圆范围外的部分的填充方式方法
20、:在混色器面板中的“溢出”选项中选定溢出选项:扩展模式(默认):将边缘颜色扩展填充镜像模式:以镜像(反向)方式重复填充重复模式:重复当前渐变圆,渐变色的控制,49,色彩在动画中的应用,位图的填充变形(8.0新增)将填充变形工具用于位图填充的图形时,不能选择溢出方式,但可以对位图进行拉伸操作方法:在填充变形工具的按钮中单击水平拉伸按钮 和垂直拉伸按钮,渐变色的控制,2.3 文字工具,文本框文字的格式文字的修改,51,文字工具,FLASH中的文字必须写在文本框中文本框创建方法:选取工具箱中按钮在属性面板中选定文字的字体、大小及颜色注意:系统自动将填充色作为默认字体颜色,但只能使用单色单击舞台区输入
21、文字,创建文本框,52,文字工具,文本框的格式自动文本框(默认):特点:大小随文字调整,文本不自动换行标记:文本框右上角出现空心圆形控制点固定大小文本框:特点:文本框大小固定,文本到边界会自动换行标记:文本框右上角出现空心方形控制点产生方法:拖动自动文本框的标记注意:只有静态文本才能是自动文本框,创建文本框,53,文字工具,文本框的分类静态文本动态文本输入文本静态文本功能:放映时显示文字,但仅在编辑状态可以输入及修改文字特点:可改变 字距和文字方向及建立超级链接,文本框的分类,54,文字工具,动态文本功能:显示文字特点:按钮:放映时允许用户用鼠标选择文本按钮:可在下面框中输入HTML代码按钮:
22、显示文本框边线和背景下拉列表框:设置文本框格式包含单行、多行、多行不换行设定变量:编程时为本变量赋值即可改变动态文本框中内容,文本框的分类,55,文字工具,输入文本功能:放映中能接受用户输入文字特点:设定变量:编程时为本变量赋值即可改变文本框中内容按钮:显示文本框边线和背景下拉列表框:设置文本框格式包含单行、多行、多行不换行密码:输入时输入信息以号显示最大字符数:限定文本区最多显示字符数,文本框的分类,56,菜单:“文本”子菜单字体、大小:设置字体和字号(磅)样式:设置加粗等效果对齐:设置对齐方式间距:设置字间距属性面板:除以上功能按钮外添加功能文本框位置与大小字体颜色文字方向及消除文字上的锯
23、齿上标与下标“格式”按钮:除字距外,还可设置行距和文本框边距,设置文字格式,文字工具,57,文字工具,改变文本框大小拖动文本框周围控制点标记修改内容单击文本框相应位置后输入新内容修改文本框格式进入文本框编辑模式选择箭头工具再单击选中文本框修改直接双击文本框区别:后者只修改选中部分格式用“属性”面板或“文本”菜单修改相应格式,文字的修改,58,文字工具,文本框的移动与复制与一般图形相同文字转换成矢量图文字转换成矢量图后可填充颜色甚至位图操作:选中要转换的文字“修改”“分离”注意:如果有多个文字则先将文字拆分成多个只含单个文字的文本框,再选一次本菜单后才能将将文字转换成矢量图,文字的修改,2.4
24、图形对象的调整,对象的变形同层上多个对象的处理,60,对象的变形,对象的几何变换,对象的变形是指舞台中各种对象的大小、形状或角度的改变分类应用范围:矢量图、位图或元件实例操作:缩放、旋转、翻转、拉伸变换工具任意变形工具按钮“变形”面板“变形”菜单,61,对象的变形,自由变形工具,任意变形工具是绘图工具箱中的按钮功能:用鼠标拖动缩放、旋转和拉伸对象操作缩放:直接拖放对象周围8个点旋转:鼠标移至对象点附近出现旋转标志后拖动鼠标旋转对象拉伸:鼠标移至中边点出现拉伸标志后拖动鼠标,62,对象的变形,打开菜单:窗口设计面板变形面板参数水平与垂直缩放尺寸比例约束:缩放时保持纵横比旋转:控制旋转角度倾斜:控
25、制水平与垂直拉伸角度复制按钮:复制对象并应用变形结果重置按钮:取消刚才变形操作,变形面板,63,变形和定位时以以中心点为参考点。拖动对象时中心点显示为一个圆圈帮助定位。调整中心点位置选择对象选择自由变形工具拖动中心点十字符到新位置注意:对象旋转时以中心点为原点线和形状无中心点以左上角为参考点,利用对象变换制作动画,中心点的操作,64,对象的变形,变形菜单,“修改”菜单下的“变形”子菜单可进行所有对象变换“变形”的子菜单图形变形类任意变形:启动任意变形工具扭曲:仅对矢量图有效拖动8个点对矢量图做直线变形和拉伸封套:和变形相似,仅对矢量图有效区别:可出现锚点,做曲线变形并调整曲线弧度,65,对象的
26、变形,“变形”的子菜单缩放类缩放:出现8个控制点可拖动缩放对象注意:不能进行对象旋转和拉伸操作缩放与旋转:出现“缩放与旋转”对话框以精确控制变换参数参数:缩放:对象缩放百分比旋转:精确旋转角度注意:此时为完全不变形缩放与旋转,变形菜单,66,对象的变形,“变形”的子菜单旋转类顺时针旋转90逆时针旋转90旋转与倾斜:与比例相反只能进行旋转与拉伸“变形”的子菜单取消变形取消变形:元件实例或位图:撤消所有变换恢复元件原型矢量图:撤消没做其它操作前的所有变换,变形菜单,67,同一图层上的图形对象分成两层舞台层矢量图不同色图形交叉时会分解,同色会融合线条会将图形或线条分割浮动层包含位图、元件、文字和组合
27、浮动层始终位于舞台层上面,不会与舞台层中的图形融合或互相分割对象之间按产生顺序先后叠放,先到在下叠放次序的改变:“修改”“排列”菜单,同层上多个对象的处理,对象的层次,68,“排列”菜单的锁定功能锁定:被锁定对象不能进行任何编辑操作全部解除锁定:解除所有锁定,同层上多个对象的处理,对象的层次,69,多个图形可以组合以便整体操作建立组合“修改”“组合”编辑组合双击或“编辑”“编辑所选项目”结束编辑 单击“场景”分离对象将对象分解成独立元素以重新编辑“修改”“取消组合”“修改”“分离”,组合与分离对象,同层上多个对象的处理,70,同层上多个对象的处理,对象的排列是指调整同一图层上多个对象间的位置操作菜单:修改对齐面板:对齐面板(设计面板类)分类功能对齐将画板上的图形等按位置对齐分布对象间等间距的衡量。匹配大小使对象高度或宽度一致间隔调整对象边线之间的距离相对于舞台:对齐以舞台区为参考边界,多个对象的排列,