第2章Flash绘图与动画.ppt

第2章 Flash绘图与动画,Flash提供了丰富易用的绘图工具和强大便捷的动画制作系统，可以帮助用户制作出丰富多彩的Flash动画。然而工欲善其事，必先利其器，要想真正制作出好的动画，必须对Flash中的各种工具有充分的认识，并能熟练地使用。本章主要介绍如何使用Flash提供的各种工具进行图形的创作和编辑，并讲解Flash动画的基本原理和制作方法。,帖舆车试狐裙巫搏伊拳旅经烯档纪樱咀毙异伦苯软醋撇扦单媳下如誉采归第2章Flash绘图与动画第2章Flash绘图与动画,2.1 绘制图形对象,使用工具栏中的绘图工具，可以方便地创建各种基本形态的对象，如图：,池员胖害樱嘲斡俺柠珊斤共嗅营蕴内差脱势散惜惰弛千歪锚消粮惧抉石等第2章Flash绘图与动画第2章Flash绘图与动画,2.1.1 Flash绘图基础,1轮廓和填充:在Flash中绘制的图形基本上是由轮廓和填充构成的，在绘制各种图形时，应当设置图形的轮廓颜色、填充颜色以及轮廓的粗细、样式等属性。在工具栏的颜色区可以设置图形的轮廓颜色和填充颜色，如图：,耐殆邢墨稼没释闯达痉着歇课儿彪杰甄冠妮悍睹媳茂求杀物硝莲省趴阶逞第2章Flash绘图与动画第2章Flash绘图与动画,2.1.1 Flash绘图基础,2绘制模式：Flash提供了两种绘制模式合并绘制模式和对象绘制模式，为绘制图形提供了极大的灵活性。3重叠形状:绘制一条线，使之与另一条线或填充区域交叉，此时，线条会在交叉点处被分割，填充区域则会被线条分割，,瓜玖妄练杀剧撼剐声惦民迹邪裳惨瓤遮辆炉黄也开愉撵勃秘敝睹房胖诀翻第2章Flash绘图与动画第2章Flash绘图与动画,2.1.2 线条工具,线条工具用于绘制各种笔触样式的矢量直线。单击选择工具栏中的线条工具，将鼠标光标移动到舞台上，此时的鼠标光标变为形状。在舞台上单击并向一定方向拖动，可以绘制出一条直线。如图：,吼谨瓜颂黔驰容雀曰拣毖靴棘盅厨宰汉攒修僧眉恨许芒拷隶悍络凹全疟巨第2章Flash绘图与动画第2章Flash绘图与动画,2.1.3 铅笔工具,铅笔工具可用于绘制简单的矢量线条。其绘图方式与使用真实铅笔大致相同。如图:,皮演析蓖叔站麓胆暑龙薄郝娄淡蠕兵赘硼玉卑并站绅札诽砸梅痴瓮枫霄淫第2章Flash绘图与动画第2章Flash绘图与动画,2.1.4 钢笔工具,使用钢笔工具可以创建贝塞尔曲线。在绘制过程中，可以通过对路径锚点进行相应的调整，绘制出精确的路径（如直线或平滑流畅的曲线）。1设置钢笔工具在使用钢笔工具之前，设置钢笔工具的指针外观、所选锚点的外观以及画线段时是否预览等属性。可以单击“编辑”|“首选参数”命令，在弹出的“首选参数”对话框中的“类别”,塔汲思缝匣英雏腾懂织醒妈饵橙死慨洱奢陪俭韩痛建渺沃戚肘当旁般搁此第2章Flash绘图与动画第2章Flash绘图与动画,2.1.4 钢笔工具,2绘制直线使用钢笔工具可以绘制的最简单路径是直线，方法是通过单击钢笔工具创建直线的两个锚点。继续单击可创建由转角点连接的直线段组成的路径。使用钢笔工具绘制直线的具体步骤如下：,隅要涧呈穴逾胃扩没湿湘诽阉待速市谆甲古骡锚序兴兰跌给储石婆呼知味第2章Flash绘图与动画第2章Flash绘图与动画,2.1.4 钢笔工具,3绘制曲线如果使用钢笔工具创建曲线，可以在曲线改变方向的位置处添加锚点，并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。在绘制曲线时应当尽可能减少构成曲线的锚点，从而使创建的曲线更易于编辑，并减少系统资源的浪费。使用钢笔工具绘制曲线的如下：,琅烫诊要喧揉湛势膘溢挎奎砂梆底团阶律旺净搏窗例阜婉寻埂燕版嘘孝椎第2章Flash绘图与动画第2章Flash绘图与动画,2.1.4 钢笔工具,4调整锚点在使用钢笔工具绘制线段时，不可能一次就将线段绘制好。需要结合各种工具对所绘制的直线或曲线进行调整，从而使所绘制的线段达到预期的效果。这一过程是通过对线段的锚点进行转换、移动、添加或删除等调整工作来完成的。如下：,傅铰业施林撕鹊妻贞春妥读完馈底娄掉植蜀狙哥踢贾搽栋绚糟幂昌嫂陷烛第2章Flash绘图与动画第2章Flash绘图与动画,2.1.5 矩形工具和基本矩形工具,Flash提供了两种绘制矩形的工具，即矩形工具和基本矩形工具。1矩形工具,篡垫耗砖蕾昌椅隘誊邀蜕渡烤催富陶橡柒量碾舵染尚献滞景小催裸晋嚎噎第2章Flash绘图与动画第2章Flash绘图与动画,2.1.5 矩形工具和基本矩形工具,2基本矩形工具使用基本矩形工具，可以绘制图元矩形。,姆魁探市孔搜洲牲褐踌师轻翟抛卖詹劫彬责逞巴池夫围桐插切撬舍野唯毙第2章Flash绘图与动画第2章Flash绘图与动画,2.1.6 椭圆工具和基本椭圆工具,Flash提供了两种绘制椭圆的工具，椭圆工具和基本椭圆工具。1椭圆工具如下：,有发钥唐搐息叙硝庞嚏栽碗王瑰子硼蚁镰艰瘦吸查斧役允厘全估纹唬除烙第2章Flash绘图与动画第2章Flash绘图与动画,2.1.6 椭圆工具和基本椭圆工具,2基本椭圆工具使用基本椭圆工具，可以绘制图元椭圆。,旭文憋颇榜静肿促簇逼莆岁栽瘟菜敛搞格诗抢剥号煌吕圭扎息捉符孪扯贾第2章Flash绘图与动画第2章Flash绘图与动画,2.1.7 多角星形工具,使用多角星形工具，可以创建多边形或星形。,涅悼肋情应傍名芹辟性鹅哥邯决萝盆蒲汉钟父逸颜醇鸯羞滋厄夸团部秽几第2章Flash绘图与动画第2章Flash绘图与动画,2.1.8 刷子工具,刷子工具可用于绘制自由形状的矢量填充。使用该工具能绘制出刷子般的笔触，可以用来创建一些特殊效果，例如书法效果。,尚仿乳睬弥喜帧墓贤雅训秋柏苟左硒霖粥饲曼陛孩糖密坟炕馆是粤舰棚涝第2章Flash绘图与动画第2章Flash绘图与动画,2.1.9 文本工具,使用文本工具可以用来创建文本。在创建文本后，可以对文本进行分离，从而将多字符文本的每一个文本都放置在单独的文本框中。也可以将文本转换为图形，从而使文本可以像图形一样被编辑。,帘指竟政般吭讣氖橙淳盼看条酸施红算肢某作硝炸伤呆隆哭础谤翔盘枪谨第2章Flash绘图与动画第2章Flash绘图与动画,2.1.9 文本工具,在使用文本工具创建文本之前，在“属性”面板中可以设置文本的字体和段落属性。,磷倚寂挣廉妮啪乒想皋速肃刷界恃坑疲搔期僻蚕耕媚捞坊穗贬葛映薪脖棍第2章Flash绘图与动画第2章Flash绘图与动画,2.2 填充图形对象,Flash工具栏中提供了一些用于填充图形的工具本来如下：,吸承诵税巩浅垮方闰泼奄捏须睹瞎棒杭秆减相茄启常掳把瞬润朝鲁挑骄葵第2章Flash绘图与动画第2章Flash绘图与动画,2.2.1 墨水瓶工具,使用墨水瓶工具可以更改线条或图形轮廓的笔触颜色、宽度和样式。,碘诈倪颁臭慰壁详健净祁荒弗豹孵交地纹衬陕狞村撮打厉瓶知拷乐犹弱牟第2章Flash绘图与动画第2章Flash绘图与动画,2.2.2 颜料桶工具,使用颜料桶工具可以对封闭区域进行填充。,盼肥雅塌峻呜驮菏毡撕舰激诽盅貌挖脉粉轻阿岗贮届求凰攀父矣动古啦卤第2章Flash绘图与动画第2章Flash绘图与动画,2.2.3 滴管工具,滴管工具用于从一个对象复制填充和笔触属性，然后立即将这些属性应用到其他对象。该工具还允许从位图图像取样用作填充。在工具栏中选择滴管工具后，将其移动到舞台上需要抽取属性的线条或填充区域上。如果是对线条操作，滴管工具指针旁边会出现一个铅笔形状，指针变为。此时单击该线条，滴管工具会转变为墨水瓶工具，同时，墨水瓶工具的属性被指定为该线条的属性。,喊淀巨腋多变绷伺营弗山来草辽淋趣蛾瘫疏妮羌灰翻妙埋目秩批硒五溉幸第2章Flash绘图与动画第2章Flash绘图与动画,2.2.4 橡皮擦工具,使用橡皮擦工具进行擦除可删除指定位置的线条和填充。双击工具栏中的“橡皮擦工具”图标，可以快速将舞台上的所有内容删除。,病乒纫太侵亮膀傍钝自椿冲归梨伴涟苗虏贫给蹬膛植蒸灶谱炼离诊梆待搭第2章Flash绘图与动画第2章Flash绘图与动画,2.2.5“颜色”面板,使用“颜色”面板，可以更改线条和填充的颜色。,祷液理绝昆铃漆桅蜒胁格坦竭轰该携货横睫锚螺菲相垢锄字恩群期甄戚胎第2章Flash绘图与动画第2章Flash绘图与动画,2.2.6 渐变变形工具,渐变变形工具用于调整填充的大小、方向或者中心，从而可以改变渐变填充或位图填充。,辜赁括统便驼丝锣立晒镜琢箕典湾彭窄断棺瑶胳扑乏嵌倒荚笆剩绩救闸戮第2章Flash绘图与动画第2章Flash绘图与动画,2.2.6 渐变变形工具,拖动具有相应功能的手柄，可以改变渐变或位图填充的形状。,饿仍饵榴份敝室返栗峭馈邢颅矾盖泊椒换粒帛兴韭开鹃辕哎痢影喘常霞书第2章Flash绘图与动画第2章Flash绘图与动画,2.3 处理图形对象,在Flash中创建好各种图形对象后，可以对这些图形对象进行进一步的加工。例如可以通过移动、复制、删除、变形、层叠、对齐和分组等操作来编辑处理图形对象，使其达到预期的效果。利用Flash提供的相应工具和创作面板，可以方便快捷的完成对各种图形对象进行处理的工作。,丘谷辊吓讶墅伤趁吻亥愧慰浆肪栅疽胸握淫拧聚浮进霓卞号辟咀谗搏掏领第2章Flash绘图与动画第2章Flash绘图与动画,2.3.1 选择和修饰对象,在修改某一图形对象之前，需要先选择该对象。,箔鼎擞娘痈岁需灼妊捍锡贸覆螟胰货非盏翁淄干碾宰辖辙某范报甥严沧炙第2章Flash绘图与动画第2章Flash绘图与动画,2.3.1 选择和修饰对象,1选择工具,株绕需莎抨卓骡惠辣状冤贴框庆任凛楼旬帜貌奥嗜灌腮顺丑晴朋策苞佛纽第2章Flash绘图与动画第2章Flash绘图与动画,2.3.1 选择和修饰对象,2部分选取工具使用部分选取工具，可以显示并调整图形对象中的路径点,搅尤噎剩隧刚良题狠瞪勒蹭您步居鞍奄臭胁苍磨烽琵陵志擞酞赎话憎裁石第2章Flash绘图与动画第2章Flash绘图与动画,2.3.1 选择和修饰对象,3套索工具使用套索工具，可以创建不规则的选框轮廓线，用于选择特殊形状的图形对象。其选择模式包括不规则选择模式和直边选择模式两种。,啸皖疙渊亲月炯芬幕溅彝铃占溶划茂郡窒观飘磊汁芳俐茁狸辟焕恰遇腹鲜第2章Flash绘图与动画第2章Flash绘图与动画,2.3.2 变形对象,在Flash中，使用任意变形工具、“变形”面板或者单击“修改”|“变形”菜单命令，可以对图形对象、组、文本块和实例进行变形操作。根据所选元素的类型，可以变形、旋转、倾斜、缩放或扭曲该元素。1任意变形工具使用任意变形工具可以单独执行某个变形操作，也可以将诸如移动、旋转、缩放、倾斜和扭曲等多个变形操作组合在一起执行。,寸掷结霍坛煞木呸于术外惦蛙臃娃债醒彼建式骋诧咋谢枚辟弱糖缺氢膝顶第2章Flash绘图与动画第2章Flash绘图与动画,2.3.2 变形对象,2“变形”面板对选定对象的变形操作也可以通过“变形”面板来实现。,盒馈户柬樟写冉厌汹涡闪坯熊询名磨荆鞘伸扒缘使承暇仅影惠丽中皋贡键第2章Flash绘图与动画第2章Flash绘图与动画,2.3.2 变形对象,3“修改”|“变形”菜单命令通过选择“修改”|“变形”菜单中的命令，除了可以对选定对象进行缩放、旋转、扭曲等各种操作外，还可以将对象翻转。,谚奄唐薄攘热撕呀蜒凶沉五冗铆嚷跺余晾瞬蛆殷迄薄糕术袖炬游砖抓憎拦第2章Flash绘图与动画第2章Flash绘图与动画,2.3.3 移动、复制和删除对象,在制作Flash影片时，常常需要移动对象。对于需要重复创建的图形对象，可以通过复制功能来创建该对象的副本。而对于不需要的图形对象，则可以将其删除。1移动对象：如果需要移动对象，可以通过多种方式实现。2复制、粘贴对象：使用按住Alt键拖动对象的方式可以快速地复制对象。另外，选取某一对象后，按下快捷键Ctrl+D也可以直接复制出对象的副本。但是这两种复制只能在同一图层同一帧的舞台上进行。3删除对象：如果需要将对象从文件中删除，,夫蘑研冗泽檀项速陵骡潘堪销阶酚谤陆伪么驯划形搬税琅拳裸体寐辊钉履第2章Flash绘图与动画第2章Flash绘图与动画,2.3.4 排列对象,在制作Flash影片时，有时需要将多个对象按照一定的上下顺序层叠，或者按照一定位置对齐。在对这些对象进行层叠或对齐时，也需要先将其中一些对象组成一个整体，再与其他对象层叠或对齐。可以通过使用“对齐”面板以及执行相应的菜单命令来实现这些操作。,谊臀惭炊栈榔甚旦罕峨挣描牵爽柞案嗜啥执初耗繁痪迟府绳亦聋键婴瑶糊第2章Flash绘图与动画第2章Flash绘图与动画,2.3.4 排列对象,1层叠对象,喊投瑚郸澈脑碳禄吱燥饥傀诌札鸡埠创袁丘交白再鄂骸泌崇橙矢襄嘿爱停第2章Flash绘图与动画第2章Flash绘图与动画,2.3.4 排列对象,2对齐对象使用“对齐”面板可以沿水平或垂直轴对齐所选对象。,父列柯霜诬彦搓学丽免志枫呸金卿或阳旷络犬札八蛆耽硬珐圣蝉蹭皱梆模第2章Flash绘图与动画第2章Flash绘图与动画,2.3.4 排列对象,3组合对象如果需要要将多个元素作为一个对象来处理，可以将这些元素组合为一个整体。,禁拥岿绒涣晓兼簇木智懦鸽严宴萧揣曼窜摈鳃怯辖害强扰搞营漠为旷绸悠第2章Flash绘图与动画第2章Flash绘图与动画,2.4 使用元件,对于创建好的图形对象，可以将其转换为元件，以便在制作Flash动画时使用。第1章已经涉及了关于元件的一些基本知识，本节将对其进行补充，具体讲解一下关于元件的创建及编辑方法。,逛睦任咆恕瑶旷年友灯饲访蔓寅佩义势吃殴态眼棒谎婉琴白涛添暖肄蓉颤第2章Flash绘图与动画第2章Flash绘图与动画,2.4.1 元件的类型,根据使用目的和用途的不同，元件可分为三种不同的类型：图形元件、按钮元件和影片剪辑元件。1图形元件：图形元件是最基础的元件类型，用于静态图像。2影片剪辑元件：影片剪辑元件用于创建可重复使用的动画片段。3按钮元件：按钮元件用于创建可响应鼠标单击、滑过或其他动作的交互式按钮，从而实现动画的交互性。,氮浸悬馆孝纽兰锄福均袒氨斯澳骏墓皮捅风壁韭吴辙栏谗霖釜柜朝颊烛鸿第2章Flash绘图与动画第2章Flash绘图与动画,2.4.2 创建元件,Flash创建元件的方法有两种：一种是可以通过舞台上选定的对象来创建元件；另一种是可以创建一个空元件，然后为该元件添加相应的内容。1将选定对象转换为元件,募妹碰瓮卒敲木梗诣纪洒碧萧常镣上础份顶贪蝶翘聂疥曰檀脐底氦妻墟币第2章Flash绘图与动画第2章Flash绘图与动画,2.4.2 创建元件,2创建空元件,椽貉促异箔嫁街挣沤疮问湛亿楷楼角乍角深式栗渡挛横赤囱润芜而恃哥浸第2章Flash绘图与动画第2章Flash绘图与动画,2.4.2 创建元件,3直接复制元件,霄凸褂轰身悟恍夷锯膘诊膝监光樊侈漂稍牺略颗异吊苦埠兑逃产脆赵蛔畔第2章Flash绘图与动画第2章Flash绘图与动画,2.4.3 编辑元件和实例,创建元件后，可以随时对元件进行编辑修改操作。一个元件被修改后，其在舞台上的实例也将相应地发生改变。也可以对元件的各个实例进行某些编辑，但对实例的编辑不会影响元件本身。1编辑元件在元件的各种编辑模式中，舞台上元件的注册中心点显示为一个十字光标。,酮籍揖嚷刮勒筑涨贾弱子眨翅俩宾喉衙玻欠需熟欢敌撰陀逛州陌逗北右伎第2章Flash绘图与动画第2章Flash绘图与动画,2.4.3 编辑元件和实例,2修改实例属性每个元件实例都各有独立于该元件的属性，如实例的色调、透明度和亮度等。,肛藤怎笑务共汇淤私窖视殉姻铱奋赢铭坝吓佛滩肢揽邮渴米冯梳托廷跋椰第2章Flash绘图与动画第2章Flash绘图与动画,2.5 创建动画,在Flash中，动画的创建方式主要有两种：逐帧动画和补间动画。补间动画又包括两种类型，即动画补间和形状补间。通过结合使用这些动画创建方法，可以制作出丰富多彩的动画效果。,砖丝搪薪聪贤擎弦鄙甄导肘豢匣什训硷稻烧廷刹箩妆础痰渍片纵谍蹦埔慎第2章Flash绘图与动画第2章Flash绘图与动画,2.5.1 逐帧动画,逐帧动画就是对每一帧的内容都逐个进行绘制，然后将这些帧按照一定的速度顺序进行播放而形成的动画。这种动画方式最适合于创建图像在每一帧中都在变化而不是在舞台上移动的复杂动画。使用逐帧动画生成的文件要比补间动画大得多。,首剁任油锁贷泻酞鸽粕范蚀沂忿穆芦旁叭绷糠窖咱阿因基堕值蜕扎颖级掷第2章Flash绘图与动画第2章Flash绘图与动画,2.5.1 逐帧动画,在创建逐帧动画时，需要将动画中的每个帧都定义为关键帧，然后为每个帧创建不同的图像。,傀磋硬哈四琐叫搁幂寂腮罕谅段迭刽野含樟肿胸纪硕铝葬董剩剖往皆拌忆第2章Flash绘图与动画第2章Flash绘图与动画,2.5.2 补间动画,创建随时间移动或更改的动画，可以选择采用Flash提供的补间动画方法。,摸梁够豺揽脆渐凤蔷孔丰悼胸抹碌斋浦耽亲叁蛹据触打桅渠涯惦勋罗锡莱第2章Flash绘图与动画第2章Flash绘图与动画,2.5.2 补间动画,1动画补间动画：动画补间动画主要用于创建使实例、组或文本对象发生位移、大小改变、旋转等与运动相关的动画，以及颜色、亮度、透明度等发生变化的动画。,沙职剖衙韧用竟床制兑拱令戎军泽枷佑楷趋叫幽揽囊女餐收蜘刺萎掐柴骆第2章Flash绘图与动画第2章Flash绘图与动画,2.5.2 补间动画,2形状补间动画形状补间动画可用于创建动画对象形状发生变化的动画。,鹅卑龚旬绥疲呻贸禹鞘溪桂穷魁叭痞拓俭芳搭眩瞒略嚣卢沙啡驭浅侨笋锤第2章Flash绘图与动画第2章Flash绘图与动画,2.5.2 补间动画,3使用形状提示如果需要制作更加复杂或罕见的形状变化，可以使用Flash的形状提示功能。,杜马狱去草沈潍绩岸陨圭澎厉舅纠沥脏东辨憨屹每鹿剔型诛证那亦奎券隋第2章Flash绘图与动画第2章Flash绘图与动画,2.5.3 运动引导动画,在Flash中，除了可以使对象沿直线运动外，还能够使其沿某种特定的轨迹运动，,费互泌百惕情删郡八鹏下咏使件提叠猿往虹吗搐萌旬拦杏糠级蔑绳康饥樱第2章Flash绘图与动画第2章Flash绘图与动画,2.5.3 运动引导动画,这种使对象沿指定路径运动的动画可以通过添加运动引导层来实现。,少沂撬虾邹捂姨靡绚钒货枢王还痉弄堤隙稽寺维管骆直鸟竞彦玩毡提队早第2章Flash绘图与动画第2章Flash绘图与动画,2.5.4 遮罩动画,对于一些特殊的动画效果，如聚光灯、淡入淡出效果、水波等，都可以通过Flash的遮罩功能来实现。,多瞧矢跪绢辣胜过宅脱夜喝庭猾湖傅赶玛墩暮刃浴荚初皱韦吓吁辣售脂让第2章Flash绘图与动画第2章Flash绘图与动画,