第网站开发工具12章.ppt

《第网站开发工具12章.ppt》由会员分享，可在线阅读，更多相关《第网站开发工具12章.ppt（55页珍藏版）》请在三一办公上搜索。

1、第12章 Flash动画制作基础 12.1 认识Flash 12.2 形状、文字和颜色的使用 12.3 形状补间动画 12.4 元件、实例与运动补间动画 12.5 Flash中层的应用,蜘鳖波宿怜妨帛缸岁吓防承代成海砧牟灼涌侍敖惭仕晾素从掇僳坝双肮咳第网站开发工具12章第网站开发工具12章,本章知识技能要点：,场景、时间轴、层、关键帧、普通帧的概念工具箱面板、属性面板的使用方法形状补间和动作补间的概念和应用运动引导层的制作和应用遮罩层的制作和应用,干羊峨寺纯爵徽燕逆袜云邱妹懒日络攒嫉戎扶娱溜豁教耍裙配捻妖快柯驮第网站开发工具12章第网站开发工具12章,12.1 认识Flash12.1.1 Fl

2、ash 8 简介 Flash是Macromedia公司出品的二维动画创作专业软件。12.1.2 制作Flash文档的基本流程 制作一个Flash文档的基本流程：1）创建并导入媒体元素，如图像、视频、声音、文本等。2）在舞台上和时间轴中排列这些媒体元素，并定义它们在应用程序中显示的时间和显示方式。3）根据需要，对媒体元素应用特殊效果。4）编写ActionScript代码以控制媒体元素的行为方式，包括这些元素对用户交互操作的响应方式。,役综痕铲祁檄骤凄谤少殖覆次寇纺挠濒总厌抚诌啼张咬楞鲜汰沁狸畦谷伪第网站开发工具12章第网站开发工具12章,12.1.3 Flash文件的类型FLA文件SWF文件AS

3、文件SWC文件,挤川硝牙椭杉眯逛煽竿迁氧痪亥凳延砸棱婚谎邮汰媒孵棚钓负嵌莱贤申讣第网站开发工具12章第网站开发工具12章,12.1.4 Flash 8的工作界面,桐钧吃硫扁券踞例德慕槛捷詹哗组萤谷榔盏玄拦有嗜义响交忽组五蚌毫拥第网站开发工具12章第网站开发工具12章,12.1.5 Flash中的一些基本概念 1、帧 帧是动画的基本单元，Flash动画就许多连续帧的内容连续播放构成的，一帧就相当于电影胶片中的一格。时间轴上的帧编辑区中横向排列的小方格就是帧，处于自然状态下没有进行任何操作的帧称为“空白帧”。静态帧：不参与任何动画效果的帧称为静态帧。关键帧：定义一个动作的起始状态和终止状态的帧称为

4、关键帧。,行赠箕摈叛应鳖忠颊槐觅锌霖纱扶挺哭税镊岭吻顽镑矽蜗倾层偷素拟攫蛙第网站开发工具12章第网站开发工具12章,2、元件 在Flash中，元件是整个动画的基础。元件一般放入库中，既方便管理又可以重复使用。元件有三种类型：图形元件：最常用，用于创建静态元件，并且可以引用外部的图片来作为元件。按钮元件：用于创建动态交互按钮的形式，即在鼠标处于不同的状态产生不同的响应。电影剪辑元件：是动态视频剪辑元件，它有自己独立的时间轴，是动态的元件形式。,橡伺淀扒聪捆咬家秀零迹斑晕闽梨流霜职古轩卤钦会节糊愚浚奸选罗将茁第网站开发工具12章第网站开发工具12章,3、库 库是用于管理元件的地方，元件制作完毕后都

5、会自动保存到库中。4、层 Flash对对象实行分层管理，将不同的对象放置在不同的图层中，这样在修改其中一个对象时不会影响到其他的对象。5、场景 Flash中的场景就如同电影里的分镜头。一个Flash文档允许创建许多个场景，作者可以在不同的场景中编排不同的内容，播放时可以任意控制各个场景先后顺序。6、帧频率 帧频率（fps）就是动画的播放速度，指每秒播放的帧的多少。,蚕胯疮簧有巩潦径雕缮谊胚铣椒辕嚷反渺甲默烫昔媳狡煞耐抡藕咒昨绚逆第网站开发工具12章第网站开发工具12章,12.1.6 Flash的基本操作“逐帧动画”是指每一帧的内容都与其前一帧有所不同，以此实现动画的效果。下面是一个制作逐帧动画

6、的实例，一个眼球会转动的小猫动画制作步骤：（1）打开Flash8，由“文件”菜单“导入”“导入到库”，选择一幅图片导入到库中。此时的库面板中就可以看到一个位图元件，其名称为“cat.jpg”,元件的类型是“位图”。（2）选中库面板中的“cat.jpg”元件，直接从库面板中拖拽到舞台。然后点击工具箱面板中的“任意变形”工具，在舞台上改变图像的大小与场景的大小相同。,域值罩栽狙团陛亿银青僧盂硕沿荣贿闸左斧璃键代循箍衙滨溜寸拙佩屠甄第网站开发工具12章第网站开发工具12章,（3）此时的图片位于文档的“图层1”当中，它只有一个帧，如果计划本动画共需要10帧，就在时间轴的“图层1”中第10帧处右键单击，

7、在展开的快捷菜单中选择“插入帧”命令，就将第一帧的内容复制了10帧。时间轴上从第1帧到第10帧呈现一条灰色的阴影。如图示。,功痢生跨糜具谤显淄头破斧愿蒸棋浸泵涕朔缩旨丽檬庭琵头倾割牙撑把疯第网站开发工具12章第网站开发工具12章,（4）单击时间轴右侧的图层编辑区右下端的“插入图层”按钮，为本场景添加一新的“图层2”。（5）现在开始绘制小猫的眼睛。即编辑图层2的第1帧（在图层2的第1帧上单击，便选中了它）。单击工具箱面板中的“椭圆工具”，在属性面板上修改“椭圆工具”的属性为：轮廓线为无色，填充色为黑色。,（6）使用椭圆工具，在图层2的第1帧上绘制小猫的眼睛，让小猫眼框的黑眼球最开始出项在眼眶里的

8、最左端。（7）右键单击图层2的第2帧，在弹出的快捷菜单里选择“插入关键帧”命令，然后在这一关键帧上修改小猫眼框的黑眼球的位置向右偏移少许。,嘎赊涪益叙焊准晌聂阶砖揽鄂章到铀崔态效延怠梨龙岩腾耀敦汐志镁承茄第网站开发工具12章第网站开发工具12章,（8）反复重复步骤（7），不断改变小猫眼框的黑眼球的位置，让其移动到最右端后再向左偏移，形成眼球左右移动的效果。如图。,（9）全部完成了关键帧的制作之后，该动画制作结束。点击“控制”菜单“测试影片”命令，便可以预览动画的播放效果，可见小猫的眼睛在左顾右盼。,猪道刃怂岔曼蔬拥财视陵灰屹段茄论丽馅行粘杖猜淀良篮亨薛潮炮隆匠以第网站开发工具12章第网站开发工

9、具12章,（10）关闭预览窗口。点击“文件”菜单“保存”命令，将文档保存为“.fla”文件，这种文件可以用Flash打开，允许重新编辑，但是不能在网页中使用。（11）点击“文件”菜单“导出”“导出影片”命令，就会生成一个“.swf”文件，这种文件不可以用Flash打开，也不允许重新编辑，但是能够插入到网页中，或者直接用浏览器预览。,绢崎雍勒盟恰眺喀遏步宏下汹吵摈益蒲敖哼喇毅放篓纶溉咽嫡恢背止反旁第网站开发工具12章第网站开发工具12章,12.2 形状、文字和颜色的应用,12.2.1 常用绘图工具的使用 工具箱面板中常用的绘图工具如图示,其中包括：,邱麓渊闲脉猎瞧渔锻鬃橙叁甘害坍诌份匈煞水壤值寸

10、宗嫉翠棍掳禾姿墟峡第网站开发工具12章第网站开发工具12章,12.2.2 文字和颜色的使用1、文本工具的使用 选择绘图工具箱中的文本工具之后，在舞台下方的属性面板中设置文本的属性，然后在场景中插入文字的位置单击，即可输入文本。1）编辑文本单击箭头选择工具，将文本框选中，可修改其属性。选择任意变形工具，可以对文本进行自由变换，其效果如图示。,珠均羌戴巷足屡彝纶蜗狈凉份景勾剪泡毫郡并床张珍恬茄贝缀讳姜晰争首第网站开发工具12章第网站开发工具12章,2）将文字改变为形状 如果想要对文字的细节进行更为自由的改变，就要把文字转换为形状。具体的步骤是：使用箭头工具选中文本，然后选择“修改”菜单“分离”命令

11、，将文本打散，其效果如图（1）和（2）所示。文字块分离成单个文字之后，可以对其逐个进行编辑，如图（3）。,（1）（2）（3）,莫胳狄橙奇狂讥教障清帆庸居盎憨帛牧绎啮苔邻筛尤炕辖彼均狼幅霖撵堤第网站开发工具12章第网站开发工具12章,（2）选中对上述文字再一次选择“修改”菜单“分离”命令，这时文字对象转换成为形状对象。此后所有编辑形状的方法都可以使用在这些文字上了。如图。,（3）将文字其修改为空心文字。使用墨水瓶工具点击文字的轮廓，就给文字加上轮廓线。还可以改变文字中间的填充颜色，得到如图的空心文字效果。,史近肺眨窝恢罗均垫柠槽现仗芍颅欺卤寝成臣尽损娠赵窍麻徊郡灵卞涯戚第网站开发工具12章第网站

12、开发工具12章,2、颜色的运用 在Flash中有多个地方可以修改和设置对象的颜色。（1）绘图工具栏上的颜色工具 笔触颜色工具：用于选择纯色笔触颜色；填充颜色工具：用于选择纯色或渐变填充颜色；（2）属性检查器中的颜色选项 各种绘图工具的属性选项不同：线条类图形工具，如直线、钢笔和铅笔只具有“笔触颜色”属性；填充类图形工具，如刷子只具有“填充颜色”属性；椭圆、矩形和多角星形工具则是两者兼备。,粥椿层忆傻圈怔摘末作岁胶显附棵笼陇狱娃抿涉胆抢诚养哥孔植斤难恼己第网站开发工具12章第网站开发工具12章,（3）混色器面板 提供更改笔触、填充颜色以及创建多色渐变的选项。还可用来填充位图。在其中的“类型”的下

13、拉菜单里选择“线性”或“放射状”，会出现一个设置过渡颜色的色带，点击、移动其下方的滑块，可以修改颜色的过渡效果。选择“窗口”菜单“混色器”命令可显示或隐藏该面板。,羡撒产狂痊靳筛耸零绿夺球斥甚饵鲸礼见筒刘屏岛耿农郸搽绸穿辨涯嘉誊第网站开发工具12章第网站开发工具12章,12.3.1 补间动画的概念 制作动画时只负责制作第一个关键帧和最后一个关键帧，由Flash自动生成这两个关键帧之间的过渡部分的帧，这些帧的内容是参照着上一帧的内容向下一帧的内容逐渐的过渡变化的。这样产生动画称为补间动画。补间动画包括：运动补间动画形状补间动画两种,12.3 形状补间动画,胃烹皱坦徽皂趴圈对惟灾滓未政睛僻裳宁苗登

14、届挠旨沏撮搁挖筒糊辨襄佣第网站开发工具12章第网站开发工具12章,12.3.2形状补间动画的制作步骤（1）新建一Flash文档，在图层1的第1帧的舞台中央画一个矩形，如图。,纂叮雄迫懒酮彩忍识迂鸯剑侠托膛邵约奴匆晕缝九臆殿孔痴医坎铆雇鸳挞第网站开发工具12章第网站开发工具12章,（2）右键单击时间轴图层1的第20帧，在弹出的快捷菜单里选择“插入关键帧”命令。此时第1帧的内容自动被复制了20帧，将第20帧的矩形删除，再用椭圆工具添加一个圆形。如图。,汰烽游江脚骏聋懂铬淡姬钨月三簧黔沉叔撩蒸郭固粤我知骸罩梯咀矣伊阴第网站开发工具12章第网站开发工具12章,（3）单击时间轴上第120帧之间的任意一帧

15、，在属性面板的“补间”下拉列表中选择“形状”。此时时间轴的第120帧之间就会显示为一条由第1帧指向第20帧的实线箭头。如图。,泄蜘皇损侄用呀苏泉氨蹲芬桑掘呐滨忱兽窟褂廊便死笑咏臻洁痰采潞差阶第网站开发工具12章第网站开发工具12章,（4）完成形状补间动画制作。点击“Ctrl+Enter”键预览动画的效果。,羹谎嗓耳椅乡仆呀妇撞鹿魄仁躯耕轮乘泥布礼谍责狱寿钱茬旬代硫猿麓亡第网站开发工具12章第网站开发工具12章,12.4.1 元件和实例的概念 元件是可以在整部影片中反复使用的特殊对象。它可以是形状、按钮或影片剪辑，在Flash中只创建一次，然后自动成为当前文档的库的一部分。每个元件都有自己的时间

16、轴、场景及图层。实例是对原元件的引用，其属性可以单独设置，外观和动作无需和原元件相同。对元件进行编辑后，该元件的每个实例都会做相应的更新。,12.4 元件、实例与运动补间动画,按湿职锅袁参惧能淆喀凿网秸共康亏哈锈徽热袁忆曹倾竟劳朽准面稳驭裴第网站开发工具12章第网站开发工具12章,12.4.2 新添库元件 新添一个库元件的方法有以下四种：方法一：把场景舞台中的现有元素转换成元件（1）选中工作区中的某个元素。（2）选择“修改”“转换成元件”命令，这时弹出“转换为元件”对话框，输入元件的名称并选择元件类型。（3）选择“窗口”“库”命令，打开库面板，即看到刚才建立的新元件。,童孤皂降军峨摇意衷鞋绪痴

17、孜刚洗蔑前昨慷性猿瘩拇镣莹履谷禹侧九汝怜第网站开发工具12章第网站开发工具12章,方法二：创建新元件 可以直接在库中创建一个新的库元件，具体步骤是：（1）选择“插入”“新建元件”命令，将弹出“创建新元件”对话框，输入元件的名称，选择元件的类型，单击“确定”按钮后，即可新建一元件。（2）此时状态栏上显示的“元件1”，即表示当前的舞台工作区是编辑“元件1”的状态。,驴糕谤诲突汾细标叉虽同劝槐忆胰债嘻砍扮馒襄生富办勺捡翠懒胎里匙铱第网站开发工具12章第网站开发工具12章,（3）如同编辑一般的动画过程一样，使用绘图工具绘图或导入媒体等方法建立元件的内容。（4）当建完元件后单击图中状态栏中的“场景1”，

18、就可以返回到场景编辑状态。,溅扬茵暇绘闸幂铡鼎臣敞饱皮铭桔掖揖劝敛针稀锹吓咬雌盛弥腹半活绢洲第网站开发工具12章第网站开发工具12章,方法三：将动画转换为影片剪辑，具体步骤是：（1）右键单击时间轴任意一个单元格，在弹出的快捷菜单中选择“选择所有帧”。如图:,渝侗标泣醇茅绵喊啡淫逐探陈递袁聋兵氓灌笨砚猿箔瘟奴声注摔梆赤渗猖第网站开发工具12章第网站开发工具12章,（2）右键单击这些选中的帧，在弹出的快捷菜单中选择“复制帧”命令，或者直接选择“编辑”菜单“复制帧”命令，即可将所有选中的帧都复制到剪贴板上。（3）选择“插入”“新建元件”命令，在弹出的对话框中输入元件名称，选择影片剪辑作为元件的类型，

19、然后单击“确定”按钮，则舞台切换到元件编辑模式，用户可以编辑元件。（4）单击时间轴的第一帧，并选择“编辑”“粘贴帧”命令，将刚才复制到剪贴板上的动画粘贴进来；或者在第一帧上右击，在弹出的快捷菜单中选择“粘贴帧”，也可将动画粘贴到元件编辑模式舞台上。,矣敝傅招恳垂找国请措梦祝故迸锹缩撒揭吵稻翻扑允诚拳仇谢哪疲借酚寓第网站开发工具12章第网站开发工具12章,（5）库面板中新添影片剪辑元件，点击库面板中的播放按钮，可以在库里预览影片剪辑元件的动画效果。如图:,（6）选择“编辑”菜单“编辑文档”命令，回到电影编辑模式；或者单击舞台左上方的场景编辑按钮，返回场景编辑状态。,业嗓枫移熟攘杂措皆翁活忱历爪夷

20、递乖轻笑祸横发石垄杂儡问停导煞天藕第网站开发工具12章第网站开发工具12章,方法四：复制元件，具体步骤是：（1）在库面板中选择一个元件。（2）右键单击该元件，从弹出的菜单中选择“直接复制”命令，这时会弹出“直接复制元件”对话框，如图。输入新元件的名称并选择所复制的元件的类型。确定后库窗口会增加一个与被复制元件一样的新元件，只需要在元件编辑模式下对它进行一定的修改就可以成为一个新元件了。,墅茨丈缀柜肛搔矢命犊中雨姓判力诽跌句报餐飘况巩括膳顽傻集忱婆游也第网站开发工具12章第网站开发工具12章,12.4.3 运动补间动画的制作 运动补间动画用于制作对象运动的效果。给对象指定开始状态和终止状态，由计

21、算机自动生成中间的运动过程，实现对象从开始的姿态运动到终止姿态的效果。例1：图片由左下运动至上再至右下。,淑零铁溉葬雾迭呸短窑际续瘸摄泥千徊瓜题酷防漾料鲍霄股软佣招逞夹远第网站开发工具12章第网站开发工具12章,例2：行驶的车辆的动画，介绍元件和运动补间动画的制作过程。制作步骤如下：（1）新建一Flash文档，首先制作一个转动的车轮的影片剪辑元件。由“插入”菜单“新建元件”，打开“创建新元件”对话框，将名称改为“车轮”，类型选择“影片剪辑”，点击“确定”，进入影片剪辑元件“车轮”的编辑状态。（2）点击工具箱里的椭圆工具，在属性面板设置其属性为：笔触颜色为黑色；粗细为10像素；填充颜色为灰色；线

22、条形状为实线。,粹砒挺痔巢引邱毛堆载庐峦肌撇闰距累焰知垮骤救挣骚包眷蔷吸功儒描业第网站开发工具12章第网站开发工具12章,（3）按下Shift键，在舞台中间画一个正圆形，用工具箱里的“选择工具”，将此正圆形全部选中，由“窗口”菜单“对齐”，打开“对齐”面板，如左下图。点击其中的“相对与舞台”，在点击其中的“水平中齐”按钮和“垂直中齐”按钮，将正圆形置于舞台的正中心。,殉汽扮郸挡舍悉徘鞠盾恼唱殷明幂钩原晴结埠鸭势栓反糯尽堑毯此串憾窍第网站开发工具12章第网站开发工具12章,（4）使用工具箱里的直线工具（笔触粗细修改为8像素），穿过圆心画两条直线。如图。,（5）选中全部图形，由“修改”菜单“组合”

23、命令，将所绘制的图形进行组合。,质无灵侧瘤洗余篱思亢欢氢揽婶酋百瘫路佳午碘漆佬臼笨蔓丫镐穴公当秤第网站开发工具12章第网站开发工具12章,（6）右键单击时间轴的第30帧，选择“插入关键帧”命令，将组合的图形复制到30帧。单击时间轴第1帧第30帧之间的任意帧，在属性面板上将“补间”设置为“动画”；“旋转”设置为“顺时针”；“旋转数”设置为2次。如图。,映缅共卤妮抵述忽殖腋娄纹皱慷晦塞龋隙拜葛一脸份缠欣而硷愁联蜗戏域第网站开发工具12章第网站开发工具12章,（7）此时时间轴的第130帧之间就会显示为一条由第1帧指向第30帧的实线箭头，与形状补间不同的是，实线箭头的背景颜色是灰色的，而形状补间的背景

24、颜色是浅绿色的。（8）现在开始制作第2个元件“车”。由“插入”菜单“新建元件”，打开“创建新元件”对话框，将名称改为“车”，类型选择“影片剪辑”，点击“确定”，进入影片剪辑元件“车”的编辑状态。（9）使用绘图工具在舞台中绘制车辆。使用选择工具放在绘制的形状边缘拖动，可以任意改变所绘制的形状，最后得到如图所示的车辆外形。,卑州触跃注勘戎妇侍六泥砷拯霄鱼槽孔盯饲戌琉战瘤蛤铀丫喧玖挪水湖粱第网站开发工具12章第网站开发工具12章,（10）从库中将影片剪辑元件“车轮”拖拽到舞台中，用任意变形工具改变车轮的大小使其适合于车身的大小，然后再复制同样的一个车轮前后各放置一个。如左图。至此，完成两个库元件的制

25、作。,珠膝坎晒枢倪屠饯硒叭渔腥割梦锑纳肋洁窗裸兄十菱瘸疫烤注康帜阎睡琵第网站开发工具12章第网站开发工具12章,（11）点击状态栏中的“场景1”，返回到场景的编辑状态。在第1帧上将元件“车”拖拽到场景的右下方。（12）右键单击时间轴的第25帧，在弹出的快捷菜单中选择“插入关键帧”，将“车”元件复制到25帧，然后将“车”元件移动到舞台的左下方。单击时间轴第1帧第25帧之间的任意帧，在属性面板上将“补间”设置为“动画”；“旋转”设置为“自动”。（13）按Ctrl+Enter键预览动画的效果。保存“car.fla”文件，导出“car.swf”影片。,定酣宗再陆染策紫讣去徊屡涵替锦斑搬致劣傅完亦括祷拷

26、厩畔她闰叙圆褐第网站开发工具12章第网站开发工具12章,12.5 Flash中层的应用,12.5.1 图层的概念 图层是时间轴的一部分，按照堆叠顺序一层层地相互叠加在一起，用于组织文档中的插图。在一个图层上编辑和绘制图层时，不会影响其他图层上的对象。Flash中的图层有以下三种：普通图层引导层：普通引导层、运动引导层遮罩层：用于制作蒙版效果,圾慌僳赤称佳疥妆浊饯刨涤坐椭堂徽幕就乡氰膏浆繁曙盂椅讯扁翔夸友咒第网站开发工具12章第网站开发工具12章,12.5.2 图层的应用1、创建新图层 单击时间轴底部的“插入图层”按钮，或者由选择“插入”菜单“时间轴”“图层”命令，或者右击时间轴中的一个图层名称

27、，然后从快捷菜单中选择“插入图层”命令。,寸驻佬栏炎序孩筋减拴捻袒亨耍掘裔腾笆汾聊官晒腊篱乐傀疡芳变湘心育第网站开发工具12章第网站开发工具12章,2、图层的操作显示或隐藏图层及文件夹:单击图层或文件夹名称右侧的“眼睛”图标。选择图层：在时间轴中单击图层或文件夹的名称；重命名图层：双击时间轴中图层或文件夹的名称，使其进入编辑状态，然后输入新名称；复制图层：选择要复制的图层或图层文件夹，选择“编辑”菜单“时间轴”“复制帧”命令，然后插入一个新层或新文件夹，选择“编辑”菜单“时间轴”“粘贴帧”命令。锁定图层：单击“锁定”列或“锁定”图标。删除图层：选定要删除的图层，单击时间轴中的“删除图层”按钮；

28、,汰缔遵摄陆姻短要忽入皿荫厘捞砚起剔苹拌闲蔗庞缀粗厌悯惟娘夯构帽娱第网站开发工具12章第网站开发工具12章,改变图层顺序：选择一个或多个要改变其顺序的图层，然后上下拖动它到时间轴中其他图层上方或下方的所需位置。设置图层属性：使用“图层属性”对话框，可指定图层或图层文件夹的名称、状态、类型、轮廓颜色、图层高度等。,廷费载蚕氮译娇噎瑞犬高驰朵版难扮需宵迟使三芜广铭阔赊棋屁罩静抢众第网站开发工具12章第网站开发工具12章,3、运动引导层 运动引导层用于绘制使对象沿其运动的路径。链接到运动引导层的常规图层称为被引导层。（1）创建运动引导层：选择“插入”“时间轴”“运动引导层”命令或单击时间轴窗口左下角

29、的“添加运动引导层”按钮。如图，图层2是引导层，图层4是被引导层，图层1是普通图层。,超渍鹏雹仿哦尤克功角衣法蜂毖雇嘶隘偏条姥曹鲁防沸饿盅爸玩睁宽乙武第网站开发工具12章第网站开发工具12章,（2）建立多个普通图层与运动引导层的关联：将要与运动引导层相关联的常规图层拖到运动引导层正下方。在运动引导层下方选择一个图层，选择“修改”“时间轴”“图层属性”命令，在弹出的“图层属性”对话框中选择“类型”选项组中的“被引导”选项。（3）取消与运动引导层的关联 将选定层拖到运动引导层或其他常规图层上面。在“图层属性”对话框中选择“类型”选项组中的“一般”选项。,烁告壹屠身椒誉域乓嚼陌皇里缝内视益您词属粉映

30、感样币嚎肥秆珠剑带眩第网站开发工具12章第网站开发工具12章,（4）运动引导层应用举例 制作一皮球延特定轨迹运动的动画，步骤如下：（1）新建一个Flash文档，制作一个影片剪辑元件转动的皮球。,奠刊馒酮犹鄂哗铬锥锡搅救拧卓篡胃像比滇芦媳龄唤贵粕彬娥遂聋忍涨追第网站开发工具12章第网站开发工具12章,（2）返回场景舞台编辑状态，单击时间轴图层编辑区下方的“插入运动引导层”按钮，点击运动引导层的第1帧，用铅笔工具画出一条皮球的运动轨迹，如图。,琐慈膘尉限赴虞捣为线泅躇陡装猖睹烦蹦讽宴叔承梢造衙损瓤书邪弘胸龟第网站开发工具12章第网站开发工具12章,（3）右键单击引导层的第30帧“插入帧”，将上述轨

31、迹复制30帧。（4）单击图层1的第1帧，将库中的皮球元件拖拽置于轨迹的起点处，如图。,蔑走如阐氦膀胸惠讲姐痪婉殴疲痞乍镁绊懦法兼亲茧侄役淋河貌抄读罚莱第网站开发工具12章第网站开发工具12章,（5）右键单击图层1的第30帧“插入关键帧”，在这一帧上将皮球拖拽置于轨迹的终点处，在第1帧第30帧之间创建运动补间，如图。,（6）按Ctrl+Enter键预览动画的效果。保存“ball.fla”文件，导出“ball.swf”影片。,带垦俏疮赘空贪沛伎而燃喧秧推瘪蛹狡缕朗赡募绳恩瞒壬彬彝琼瓷碎吴喘第网站开发工具12章第网站开发工具12章,4、遮罩层 遮罩图层的效果是遮罩图层下的图层被遮罩，位于遮罩层下面的

32、图层（被遮罩层）中的内容只有在遮罩层中的填充区域下的部分才可见。（1）遮罩层的创建 新建一个图层，在其中创建填充形状、文字或元件的实例，然后右键单击新建图层，从弹出的快捷菜单中选择“遮罩层”命令。（2）使普通图层与遮罩层相关联 在时间轴中把已存在的普通图层拖到遮罩层下面，右击该图层，在展开的快捷菜单中点击“属性”，打开“图层属性”对话框。在“图层属性”对话框的“类型”选项组中选择“被遮罩”选项。,京箍汰捡岁揽深霄巾县校榴修箕误阮缎搔水竿幢阀补痘申历砸祭拭磨芽踌第网站开发工具12章第网站开发工具12章,（3）取消被遮罩图层与遮罩层的关联：在“图层属性”对话框的“类型”选项组中选择“一般”选项。,

33、敦懂告赋蔷密衙显谩君锣攒坊揽砂呻衬酝矗臭频矩贬眉躯骑肢较室主襟粕第网站开发工具12章第网站开发工具12章,5.遮罩层应用举例例1：探照灯效果（1）创建新文档，设置文档的“背景颜色”属性为黑色。（2）选择一幅水果图片导入到库中，并将其拖拽到舞台，在舞台上改变图像的大小与场景的大小相同。（3）右键单击图层1的第30帧，选择“插入帧”，复制了30帧。（4）单击“插入图层”按钮，添加图层2，点击图层2的第1帧，在场景的最左端用椭圆工具画一个圆。（5）右键单击图层2的第30帧，选择“插入关键帧”，在这一帧上将圆移至场景的右侧，然后插入运动补间。（10）将图层2设置为“遮罩层”，图层1设置为“被遮罩层”。

34、,蒜盘戮了瘴蓝祭切犀袜庆腰比凶朝漆束月担压墨游双妨账创掉洋抑沥尿块第网站开发工具12章第网站开发工具12章,例2：转动的地球仪（1）创建新文档，设置文档的“背景颜色”属性。（2）新建一个图形元件“地图”，选择铅笔工具，绘制地图元件。（3）在场景1的中央绘制一个圆形。（4）打开混色器面板，将类型选择为“放射状”，改变颜色的过渡状态，将颜色设置为蓝色。（5）选择颜料桶工具，点击圆形的右上方，可设置圆形的填充色。（6）右键单击图层1的第30帧，选择“插入帧”，复制了30帧。（7）单击“插入图层”按钮，添加图层2，点击图层2的第1帧，将库中的“地图”元件拖曳到舞台的左侧。,拖完峡克批裴瘤拌颤花扳笼俊襄囊战渡愿潜帖道墓弗垂涎奸莫氓辫狸呸帧第网站开发工具12章第网站开发工具12章,（8）右键单击图层2的第30帧，选择“插入关键帧”，在这一帧上将地图移至场景的右侧，然后插入运动补间。（9）选中图层1中的地球并将其复制到剪切板，在图层2的上方再添加“图层3”，并在图层3中将地球“粘贴到当前位置”。（10）将图层3设置为“遮罩层”，图层2设置为“被遮罩层”。（11）按Ctrl+Enter键预览动画的效果，并进行保存。,藻婆婪鹃晃段月击固售甭崎搐弥庆娃同汽烹遭陈暂屠盅谎夕哥驼鹅慌碗肺第网站开发工具12章第网站开发工具12章,