关闭

关闭

关闭

封号提示

内容

首页 flash mx 2004动画制作讲义.doc

flash mx 2004动画制作讲义.doc

flash mx 2004动画制作讲义.doc

上传者: 已结束的爱情就让他成回忆 2017-09-18 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《flash mx 2004动画制作讲义doc》,可适用于IT/计算机领域,主题内容包含flashmx动画制作讲义内容简介本书以当今最流行的动画软件FlashMX的功能为主线配合大量的典型案例实战循序渐进地讲解了用Flash制作动画的核符等。

flashmx动画制作讲义内容简介本书以当今最流行的动画软件FlashMX的功能为主线配合大量的典型案例实战循序渐进地讲解了用Flash制作动画的核心知识使你以最快的速度掌握软件的功能并熟练运用到实际工作中达到“学以致用”的效果本书共分为章在讲解Flash关键技术的同时配以大量典型实例全面介绍了制作各类动画的方法和技巧以及具体的案例应用内容包括Flash入门动画制作环境、关键帧动画、形变动画、运动动画、遮罩动画、按扭、行为动画、文字特效等。课时分配全书共分为章。课时完成。第章预备知识。包括Flash的工作界面菜单绘图工具和浮动面板简介文字、文件、声音、图层、帧操作和动作的相关概念及基本应用。本部分为不熟悉Flash的用户快速上手提供了方便掌握一些基本概念和基本操作有助于对实例制作过程的深入理解。课时完成(和用课时完成和用课时完成)。第章作者精心设计的个创作实例。基本上涵盖了Flash的各项功能。这些实例按照循序渐进、由浅入深的顺序进行安排并根据各实例的主要特点和难易程度进行了合理的分类有利于逐步掌握和比较提高。课时完成(第章各用课时共课时前两个实例用课时完成第个实例用课时第章用课时每个实例各用课时)。前言Flash是一个优秀的矢量绘图与动画制作软件它秉承了矢量绘图软件的所有优点能够制作出声色俱佳、互动性高的动画效果。特别是它制作出的动画文件尺寸非常小在追求速度的网络上非常灵活因此倍受网络界和动画界的推崇。Flash的推出更将动态网页的设计与应用推向了一个崭新境界除了更具亲和力的操作界面以及新增的绘图功能之外在动画编程方面更取得了突破性的进展随着时代的发展宽带网的普及与应用网络动画与网络电影将风靡全球Flash的应用前景将会比现在更为广阔。事实上Flash己经成为新一代动画制作人员和网页设计师的必备技术如果想尽快掌握它就请阅读本书吧!全书的重点是动画实践部分通过实例淋漓尽致地展示了Flash软件的强大功能以及创作技巧使我们设计网络动画更加得心应手。目录第章Flash快速入门„„„„„„„„„„„„„„„初识Flash„„„„„„„„„„„„„„„„„„动画编辑的环境„„„„„„„„„„„„„„„„舞台的控制„„„„„„„„„„„„„„„„„„观赏动画„„„„„„„„„„„„„„„„„„„第章关键帧动画„„„„„„„„„„„„„„„„„实例黄昏灯影„„„„„„„„„„„„„„„„„„实例小人跳舞„„„„„„„„„„„„„„„„„„实例行走的猛兽„„„„„„„„„„„„„„„„„第章形变动画„„„„„„„„„„„„„„„„„„„实例几何变形„„„„„„„„„„„„„„„„„实例上升的气泡„„„„„„„„„„„„„„„„实例变幻的字符„„„„„„„„„„„„„„„„第章运动动画…………………………………………实例运动的小球„„„„„„„„„„„„„„„„实例按轨迹运动的球„„„„„„„„„„„„„„实例旋转的酒瓶„„„„„„„„„„„„„„„„第章遮罩动画…………………………………………实例打字机效果„„„„„„„„„„„„„„„„实例文字电影„„„„„„„„„„„„„„„„„实例文字闪客„„„„„„„„„„„„„„„„第章按扭………………………………………………实例普通按扭„„„„„„„„„„„„„„„„„实例动画按扭„„„„„„„„„„„„„„„„„第章行为动画…………………………………………实例易动的心„„„„„„„„„„„„„„„„„第章文字特效…………………………………………实例风吹文字效果„„„„„„„„„„„„„„„第页第页轻轻开启flash的大门让我们一起开始flash的学习之旅。首先我们要对flash有一个初步的认识和了解这对于初学者来说是非常有必要的。本章主要内容:,认识flash动画,动画编辑的环境,动画舞台的控制,动画的播放方法.初识FlashflashmxFlash是美国Macromedia公司推出的一款非常优秀的动画制作软件用她可以制作出一种后缀名为“swf”的动画文件这种动画已经传遍了整个网络世界并正在迅速地向网络以外的领域蔓延她的应用主要表现在网页小动画、网站导航、卡通绘画与动画短片、网络游戏、广告宣传、产品演示、贺卡与MTV作品、多媒体教学课件等。启动Flash从“开始”菜单的“程序”组中找到“MacromediaFlashMX”然后单击即可启动FlashMX。其工作界面如图所示第页动画编辑的环境flashmx下面我们来认识一下flash界面上的各元素。如图所示。()动画文件选项卡:()工具箱:界面的最左边是工具箱里面是一些绘制图形的工具及辅助工具。()时间轴:在这里可以分层摆放各种对象并规划它们的出场顺序。()舞台:界面上最广阔的区域是舞台在这里可以摆放一些图片、文字、按钮、动画等动画的效果将在这里展现出来。()面板:界面的右边是一些工作面板利用它们可以为动画添加非常丰富的特殊效果。时间轴工具箱面板舞台图Flash界面.舞台的控制flashmx“舞台”位于Flash界面的正中间部位是放置动画内容的区域在“属性”面板中单击“大小”右边的按钮“像素”弹出“文档属性”对话框在对话框中可对舞台的各种参数进行具体设置。如图所示工作时根据需要可以改变“舞台”显示的比例大小可以在“时间轴”右上角的“显示比例”中设置显示比例最小比例为最大比例为在下拉菜单中有个选项“符合窗口大小”选项用来将视图调节到最合适的舞台比例大小“显示帧”选项可以显示当前帧的内第页容“显示全部”选项能显示整个工作区中包括在“舞台”之外的元素。图文档属性对话框图选取工具箱中的“手形工具”在舞台上拖动鼠标可平移舞台选取“缩放工具”如图所示在舞台上单击可放大或缩放舞台的显示选择“缩放工具”后按住【Alt】键单击舞台可快捷缩小视图。.观赏动画flashmxFlash动画制作完成后如何播放它呢?打开【控制】菜单选择【测试影片】命令便可以看到动画开始播放了。观赏完以后在“动画文件选项卡”上单击相应的动画文件名可回到动画的编辑状态。或者在播放完动画后单击右上方的【关闭】按钮将动画关闭。在制作动画过程中为了方便我们可以按【CtrlEnter】快捷键来测试动画的效果。也可以在编辑状态下观赏动画的效果把“播放头”定位在第帧按键盘上的回车键动画开始播放了播放到最后一帧时停止播放。如果想在播放过程中停止播放可再按一下回车键动画将停止播放此时播放头停留在当前播放的帧上。如果想循环播放动画可执行【控制】【循环播放】命令使命令前出现一个小钩。现在再按键盘上的回车键动画就开始循环播放了。关键帧动画是最原始的动画制作方法由若干个连续的关键帧组成的帧序列。在制作过程中需要对每一帧的内容逐个绘制、编辑、处理加工因此工作量大而且生成的动画文件数据量也很大。但这种方法制作出的动画作品效果很好尤其适合制作较复杂的动画。本章主要内容:第页,实例黄昏灯影,实例小人跳舞,实例行走的猛兽实例黄昏灯影flashmx〖实例说明〗夜幕降临时楼宇窗户的灯光一个个都亮了起来。〖技术要点〗练习“直线工具”和“填充工具”的设置和使用学会如何创建图形类“元件”体会“帧”在FlashMX中的实际意义。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为深蓝色影片的播放速率设置为fps。单击“确定”按钮。()选择“直线工具”在舞台上拖画出楼宇轮廓。(保证各条直线端点很好地连接并形成闭合路径为以后的添充工作做准备。()选择工具箱中“颜料桶工具”把颜色设置为黑色移动鼠标在所画闭合路径区域内填充颜色。()选择“矩形工具”填充色为黄在舞台上画一个小正方形去掉条边线选中正方形按F键转换成名为“正方”的“图形”元件如图所示按此方法再做一个名为“长方”的元件,图所示图元件属性设置面板()按“CtrlL”打开“库”窗口用鼠标选中第帧按F键插入关键帧从“库”中依次把个元件的实体拖入舞台将其作为楼宇的窗口依次类推第至第帧中每一帧都按F插入关键帧并增添小窗口数目。如图所示第页第帧中的内容第帧的内容第帧中的内容第帧中的内容图第、、、帧中的内容()最终完成后的时间轴状态如图所示。按【CtrlEnter】预览效果。图“黄昏灯影”完成后的时间轴状态实例小人跳舞flashmx〖实例说明〗一个小人在霓虹闪烁的灯下跳舞。〖技术要点〗练习各种绘图工具的使用体会“帧”在flashmx中的实际意义。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片的播放速率设置为fps其第页它默认单击“确定”按钮。()选择“矩形工具”填充色为草绿色单击颜色设置按钮将描绘颜色设置无色。在舞台上画一个与舞台大小相同的方形作为变色灯光背景。在第至帧依次按F插入关键帧然后单击每一帧用填充颜色工具分别修改其中方形颜色。()新建一个层选择椭圆工具设置蓝色边线、无填充色,属性面板中设置宽度为“”的实线。()在舞台上拖出一个椭圆,如图所示用旋转按钮转到适当角度,作为小人的头部,如图。选择铅笔工具同样在属性面板中设置宽度为“”的实线画出小人的身体和手脚如图所示。图画出的椭圆图旋转椭圆图画出的小人()从第帧到第帧,依次按F键插入关键帧,用第步的方法分别在各帧中画出不同动作的小人如图所示图第帧不同动作的小人第页()最终完成后的时间轴状态如图所示。按【CtrlEnter】预览效果。图“小人跳舞”完成后的时间轴状态实例行走的猛兽flashmx〖实例说明〗黑夜的森林中走来一只猛狮狮子边走边寻找食物。〖技术要点〗导入文件、连续选择多个符号、分散到层功能以及关键帧动画的制作技巧。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为黑色影片的播放速率设置为fps。单击“确定”按钮。()从菜单中选择File>Import命令打开导入文件对话框连续导入幅图像。按Del+L键打开库面板。导入文件将自动命名为symbol、symbol、symbol、symbol、symbol、Symbol、Symbol、Symbol、Symbol、Symboll、symboll、symbol、symbol、Symboll如图所示。()首先选择元件symbol然后按住shift键再选择元件symbo这时将连续选中所有的元件。最后将所有的元件拖入主编辑场景。()从“更改”菜单中选择Distributetolayers命令将所有的元件分散到单独的层中。层有名称将是该层所包含元件的名称。()使用拖曳的方法移动帧使层symbol中元件占据第帧层symbol中元件占据第帧层symbol中元件占据第帧以此类推直到层Symboll结束。()在层Layer第帧插入空白关键帧按F键打开Ations面板输入语句“GotoAndplay()”完成后的时间轴如图所示。第页图图库窗口图“行走的猛兽”完成后的时间轴状态()【CtrlEnter】快捷键预览影片效果。形变是动画制作的常用手法,理解形变动画的制作原理是Flash动画不可缺的一课。希望通过本章的学习读者能发挥自己的想象创作出新颖别致的Flash形变动画。本章主要内容:,实例几何变形,实例上升的气泡,实例变幻的字符实例几何变形flashmx〖实例说明〗圆形和方形之间交互变形〖技术要点〗学习形状渐变的设置过程掌握变形线索的放置方法进一步了解绘图工具的使用技巧。第页〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为白色单击“确定”按钮。()用椭圆工具画一个圆填充色为绿色这时是在图层的第一帧画的并且这一帧已被自动设成关键帧标志:帧上有了一个黑点如图所示()在第帧按F插入一个空白关键帧。在舞台上用矩形工具画一个方形帧处也有一个黑点,如图所示,这样就把动画的起始帧和结束帧做好了中间过程就要交给flash处理了。图画出的椭圆形图画出的方形图设置帧属性为“形状补间”()返回到第帧,在帧属性面板里在“补间”下拉列表中选“形状”如图所示做好后的时间轴会变为淡绿色并且在个关键帧之间会有一个黑色箭头出现同样方法在帧制作方形变圆的过程完成后的时间轴如图所示。图“几何变形”完成后的时间轴状态()【CtrlEnter】快捷键预览影片效果。实例上升的气泡flashmx〖实例说明〗一串串气泡由小到大由下至上运动直至消失。〖技术要点〗第页在形状渐变中利用前后关键帧中的内容相对位置的不同产生运动效果。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为白色单击“确定”按钮。()【CtrlF】弹出“元件属性”对话框命名为bladder类型为“影片剪辑”如图所示单击“确定”进入电影剪辑编辑状态。图设置元件属性为“影片剪辑”()选择“椭圆工具”填充色设为“圆行渐增”填充类型为“斜射线”这里将渐变色设为灰白渐变。画一个圆形用鼠标拖到编辑区的下方。()选中时间轴上第帧插入关键帧第帧内容会自动添加到该帧中将图形选中拖到编辑区上方返回到第帧用绘图工具条中的缩放工具把图形尽量缩小。()把帧设置为“形状渐变”单击时间轴上的图层栏这时时间轴各帧为黑色说明全被选中在第帧右击鼠标选“复制”新建一层选中第帧选“粘贴”完成第个气泡的制作。再如法炮制几层形成一串气泡上升的效果完成后的时间轴上各帧的布置情况如图图时间轴上各层帧的分布情况()单击场景回到主场景选择“矩形工具”填充色为蓝色和绿色相间的线性渐增在舞台上画一个与画布大小相同的方形。()【CtrlL】打开图形库将影片剪辑的实体拖入舞台树个可任意放置如图所示图将图库的电影实体拖入到场景中()制作完成【CtrlEnter】快捷键预览影片效果。第页实例变幻的字符flashmx〖实例说明〗英文字母F、L、A、S、H之间的字型和颜色随时间变化相互平滑转换。〖技术要点〗通过字符的变形动画来认识形状渐变动画的作用。对于这类变形动画只能用形状渐变来实现掌握渐变过程中变形线索及状态提示点的设置和调整。〖制作步骤〗()启动FlashMX新建一个电影文件在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为蓝色。()选择“文字工具”选择好字体、字号并设定颜色为黄色输入字母F放大如图所示。按F转换为图形元件。如法炮制字母L、A、S、H。图字符F图排列面板()选中F符号在排列面板(图所示)中依次单击、、图标将其与舞台中心对齐。()单击时间轴的第帧按F插入空白帧将字母L的元件拖入舞台并与舞台中心对齐。用同样方法分别在第帧、帧、帧、帧插入关键帧并把相应的字母变成A、S、H、F的元件拖入。()因为要制作的是形状渐变动画所以首先要把字符打散成形体。选择第帧按【CtrlB】键把字母F打散。然后依次选择第、、、和帧按【CtrlB】把字母L、A、S、H和F分别打散。()在第、、、、帧分别都设置成“形状补间”。完成后的时间轴状态如图所示。第页图“变幻的字符”完成后的时间轴状态()【CtrlEnter】快捷键预览影片效果。运动是动画制作中最常用的一种表现形式如何通过运动动画把物体活灵活现地表现在舞台上是学习运动动画的基本准则和根本目的。本章主要内容:,实例运动的小球,实例按轨迹运动的球,实例旋转的酒瓶实例运动的小球flashmx〖实例说明〗一个小球从左到右运动运动过程中小球渐隐于背景随后从背景中渐出。〖技术要点〗理解移动渐变的意义学会动作补间动画的创建。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为蓝色单击“确定”按钮。()【CtrlF】创建一个“图形”元件命名为“ball”“确定”。进入图形元件编辑窗口选择“椭圆工具”填充色为红黑圆形渐增画一个圆。()回到主场景选择第帧【CtrlL】打开库把元件实体拖入到舞台如图所示位置。图()在第帧插入关键帧把小球拖到另一端选择第帧在帧属性里设置“动作补间”如图所示,我们看到第帧到第帧之间出现了一个实线箭头,且背景变成淡紫色,表示这两帧之间有一段动作补间动画。第页图设置Alph完成动作补间动画的时间轴状态()单击第帧,插入关键帧,在帧属性里设置Alpha为,如图所示。()【CtrlEnter】预览影片效果实例按轨迹运动的球flashmx〖实例说明〗舞台上有两个小球红球从上至下作自由落体垂直运动当红球至最低点时撞击绿色小球绿色小球向远处滚动消失而红色小球则侧向弹起。〖技术要点〗学会建立引导层和引导线及其应用实现变速运动的方法。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx影片背景为蓝色单击“确定”按钮。()【CtrlF】依次创建两个“图形”元件分别命名为“ball、ball”进入图形元件编辑窗口选择“椭圆工具”分别将填充色设为红黑和绿黑圆形渐增画出不带边线的彩色小球。()回到主场景【CtrlL】打开库在第帧把元件“ball”的实体拖入到舞台的最上端然后在第帧插入一个关键帧把小球从最上端拖到最下端再选中第帧插入一个关键帧将小球实体拖到舞台外面左上角如图所示图帧红球的位置()分别单击第帧和第帧在帧属性里设置“动作补间”同时把第帧的Ease参数值设为把第帧的Ease设为。()新建一图层命名为“greenball”在第第页帧插入关键帧把图库中“ball”拖入舞台如图所示位置在第帧插入关键帧把绿色小球移到画面右上角选择“缩放工具”将图形调小如图所示在第帧设置“动作补间”完成绿色小球的动画。图ball拖入的位置图第帧小球缩小后位置()选中红色小球所在层单击时间轴下的引导层按钮命名为“Guidelayer”在该层用“铅笔工具”或“直线工具”画出一个V字行路径再用“箭头工具”将左边的直线拖动调成如图样式完成引导线的制作。图引导线形状图小球吸附在引导线上()在绘图工具条中按下“吸附”按钮分别拖动Redball层的第帧、第帧、第帧中的小球实体使其按图所示位置布置,并且中心与引导线吸附。()完成后的时间轴状态如图所示,按【CtrlEnter】预览影片效果。第页图“按轨迹运动的球”完成后的时间轴状态实例旋转的酒瓶flashmx〖实例说明〗力的作用下一个来回旋转的酒瓶。〖技术要点〗了解旋转动画的运动符号并不发生位置、尺寸上的变化而只发生角度的变化的意义。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx如图所示。画面可以根据对象的大小进行设置单击OK按钮返回舞台。()选择InsertNewSymbol命令转换成图形元件在弹出的CreateNewSymbol对话框的Name文本框中输入符号的名称“酒瓶”将该元件的属性设置为Graphic并单击OK按钮如图所示。这时舞台为符号“酒瓶”的舞台。图设定舞台的大小图设定元件的属性第页()选择FileImport命令导入一幅酒瓶的图片。在舞台中的“”标记是符号的中心要想使该球体围绕圆心转动必须使该酒瓶中心的“”号与符号绘制舞台的“”符号重合如图所示。图导入的酒瓶图片具体位置拖动“酒瓶”符号到舞台中央()回到主场景,选择WindowLibrary命令在弹出的Library面板中将“酒瓶”元件拖放到场景的舞台中央如图所示。()在时间轴上第帧,F插入一个关键帧。在第帧单击鼠标选择Properties属性面板在Tween下拉列表中选择Motion选项在Rotate下拉列表中选择CW(顺时针转动)将Times(转动次数)设置为如图所示。图设定帧属性()动画完成,用户可选择ControlTestMovie命令或按【CtrlEnter】测试该动画可以看到酒瓶将在用户指定的帧中顺时针转动周。遮罩是高级动画制作的必备技术也是FLASH软件的重点技术。通过遮第页罩配合前面的动画制作技术能制作出出神入化的动画作品。本章主要内容:,实例打字机效果,实例文字电影,实例文字闪客实例打字机效果flashmx〖实例说明〗一个类似于打字机在屏幕上依次打出一行文字的动画效果。〖技术要点〗学习变形动画在遮罩中的应用技巧对比运动与变形的本质区别。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx背景色为天蓝色影片的播放速率设置为fps其它默认单击确定按钮返回舞台。()单击文字工具选黑体、号、黄色字在场景中输入文字“欢迎你的到来!”如图所示。在第帧按F键插入相同帧。图第层第帧置入文字()为了实现文字的逐一出现需要画一个会延伸的矩形用作遮罩新建一图层用作遮罩层在该层用矩形工具绘制一个黄颜色的矩形其宽度刚好是一个文字的宽度高度略高于一个文字的高度即可如图所示。图第层第帧的方块位置()在矩形图层的第帧按F插入关键帧选这一帧上的矩形用绘图工具条中的“缩放工具”拖动右面中间的手柄把矩形横向放大使矩形刚刚好盖住全部文字如图所示。第页图第层第帧的方块位置及形状()返回这一层的第帧在帧属性面板设置“形状补间”。()在时间轴窗口第图层上单击右键在弹出的菜单中选“遮蔽(Mask)命令把这一层变为遮罩层。完成动画这时的时间轴状态如图所示。按【CtrlEnter】测试动画。图“打字机效果”完成后的时间轴状态实例文字电影flashmx〖实例说明〗在文字区域里面有类似电影播放的运动画面。〖技术要点〗学会用一个图层来遮蔽多个图层的方法。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx背景色为蓝色其它默认单击确定按钮返回舞台。()【CtrlR】调出“导入”对话框选择预导入的图形所在的盘符和目录的位置选择图象文件名单击“打开”按钮。将一张画有树图案的pxpx的GIF格式的图象导入到舞台中如图所示。图导入的GIF图象样式()选中图象按F键将该图象设置为“图形”元件命名为“图案”。按【CtrlF】键再新建一个“图形”类元件命名为“图案”。按【CtrlL】键打开图库把“图案”的元件拖入到编辑区中然后在复制一个图片选中第页该图片在“修改”菜单中“转换”下的“水平翻转”命令将复制的元件实体水平翻转如图所示图“图案”元件实体的样式()回到主场景,选择“文字工具”在字符面板中选好字体、字号后在舞台输入“绿色家园”个字。用“缩放工具”调整文字大小与舞台相同如图所示选中第帧,按F插入相同帧图“文字”层中输入的文字内容()新建一层命名为“图”并将该新建层拖到“文字”层下面。按【CtrlL】键打开图库将“图案”拖到舞台中调整其位置如图所示,第帧插入关键帧再将图形调整到如图所示,再选中第一帧,设置“动作补间”。图“图”层中第帧中“图案”实体所放位置图“图”层中第帧中“图案”实体所放位置()在“文字”层和“图”层之间新建一层命名为“图”选中该层的第帧按F插入关键帧将“图库”元件实体拖入舞台调整其到“图”层中第帧里所显示的图形右侧边缘对齐的位置如图。在第帧插关键帧然后再将图形调整到如图所示再选中第帧设置“动作补间”。第页图“图”层中第帧中“图案”的位置图“图”层中第帧中“图案”的位置()鼠标移到时间轴的图层栏中右击“文字”层在弹出的菜单中选择“遮蔽”命令这时“图”层就变成了被遮蔽层。再右击“图”层在弹出的菜单中选“属性”命令调出“图层属性”对话框如图所示,选“(Masked)已遮蔽”确定。图“图层属性”对话框()【CtrlEnter】测试该动画。实例文字闪客flashmx〖实例说明〗“嗖”一道白光迅速掠过一排文字。〖技术要点〗掌握遮罩的原理熟练遮罩动画的制作字体的二次打散。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx背景色为黑色其它默认单击确定按钮返回舞台。第页()【CtrlF】命令新建一个图形元件名称为“我要学做闪客”。单击工具箱中的【文字工具】在场景中输入“我要学做闪客”六个字在属性面板中设置文字参数如图所示。图“我要学做闪客”文字()【CtrlB】把字体打散再选择“颜料桶工具”把字体中心填充成红色。各个步骤的文字效果如图所示。图文字效果()【CtrlF】新建一个图形元件名称为“辉光”。执行“窗口”中“设计面板”命令打开“混色器”面板设置“填充样式”为线性将三个色标全部设置为白色第一和第三个的“Alpha”值为零中间的为设置完后在场景中画一个无边矩形大小为如图所示。图“混色器”面板和图形第页()单击时间轴右上角的“场景”按钮切换到主场景。将“图层”重新命名为“底层文字”。从库里把“我要学做闪客”的元件拖到场景中在第帧处添加普通帧这一层起显示文字的作用。()新建一个“辉光”图层从库里把“辉光”元件拖到场景中放在“我要学做闪客”元件实例的左边。选择工具栏上的“任意变形工具”单击“选项”中的“旋转与倾斜”按钮将鼠标放在“辉光”元件实例的任意一个角拖动鼠标旋转一定有角度使“辉光”元件实例产生一定的倾斜度。在第、帧处添加关键帧在第帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边在第帧和第帧处建立动作补间动画如图所示。图“辉光”元件在场景中的位置()新建一个“遮罩层”图层复制“底层文字”层的第一帧中的元件实例选择“遮罩层”的第帧执行“编辑”|“粘贴到当前位置”命令用鼠标右键单击“遮罩层”设置此层为遮罩层这一层的作用是用字体做遮罩元素用它来控制辉光在场景中出现的大小和位置。()【CtrlEnter】测试该动画。按钮是网页中的基本元素通过本章的练习你会掌握各种常用按钮的制作技术。本章主要内容:,实例普通按钮,实例动画按钮第页实例普通按钮flashmx〖实例说明〗一个点动开关。〖技术要点〗熟练图形编辑技巧了解一般按钮的制作过程理解按钮编辑器的时间轴上个帧各自的意义和作用。〖制作步骤〗()新建一个文件单击“插入”菜单中的“新建元件”命令。打开如图所示的对话框。输入元件名称并将其行为指定为按钮再单击“确定”按钮。图元件属性对话框()此时FlashMX会自动在按钮的【弹起】帧上插入一个空白帧。在绘图工具栏中选择椭圆工具单击填充色按钮选择一种填充色如图所示。第页图图()绘制一个带填充色的圆形。如图所示。()在“指针经过”帧上单击鼠标右键从弹出的快捷菜单中选择【插入关键帧】命令。单击绘图工具栏中的颜料桶按钮单击填充色按钮选择红色填充色。()同样在【按下】帧上插入一个关键帧然后用如图所示的蓝色填充按钮。图填充面板图“弹起”帧内容()单击“新建图层”按钮添加一个新层单击“弹起”帧选择绘图工具栏中的文本工具按钮然后输入文字:“单击”。如图所示。()在“指针经过”帧按F键插入一个关键帧将前面的“单击”文字改为“指针经过”。如图所示。第页图“指针经过”帧内容()在“按下”帧按F键插入一个关键帧将文字“指针经过”改为“按下”。如图所示。图“按下”帧内容()单击“场景”标签返回到场景中。按【CtrlL】组合键打开库窗口将刚才制作的按钮元件拖放到舞台中间。()单击“控制”菜单中的【启用简单按钮】命令。将鼠标指针移到按钮上即可看到按钮会发生变化。()【CtrlEnter】测试该动画。实例动画按钮flashmx第页〖实例说明〗本例制作的也是一个动画按钮但和上例有所不同是个画面会动的按钮。〖技术要点〗让按钮动画起来只要在Button中再插入一个MovieClip就行了〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx背景色为黑色其它默认单击确定按钮返回舞台。()同上个例子一样单击“插入”菜单中的“新建元件”命令。打开“创建新元件”对话框输入元件名称“button”并将其行为指定为按钮。这样我们就新建了一个按钮元件同时,窗口切换到按钮编辑窗口。你可以按【CtrlL】打开库会发现其中有一个名为“Button”的按钮符号不过这个按钮现在是空的。不要急着向其中添加任何对象因为我们要做的是动画按钮所以下一步要插入一个动画片段如左图所示。()选择“插入”菜单中的“新建元件”命令。在弹出的对话框中设置Name为“MovieClip”并将符号行为设为“MovieClip”。单击OK则窗口会自动切换到MovieClip编辑窗口。()选择工具栏上的“文字工具”T然后在舞台上点击输入“动画按钮”将字体改为隶书字号设为颜色设为白色。点击时间轴窗口Layer的第帧按F插入一个关键帧。选中第帧点击右键选择“CopyFrames”复制这帧。()新建一层在第一帧上点击右键选择“PasteFrames”将Layer上的帧复制到Layer。再新建一层重复以上操作。这样三层上有相同的帧如图所示。第页图时间轴状态()创建动画:选中Layer的第帧并在上面点击右键选择“CreateMotionTween”然后选中第帧按住Shift单击向上、向左箭头键各次并在属性面板中选择Alpha设置透明度为。对Layer进行同样的操作只不过在移动第帧文字时将方向改为向下、向右。()按“Enter”键测试动画如果没有问题双击库窗口中的“Button”按钮符号进入Button编辑窗口。将库窗口中的“MovieClip”符号拖到窗口中间。此时会发现时间线上Up下面出现一个关键帧。按F在Over、Down下面也各插入一个关键帧。为了让按钮在鼠标移过时有明显变化我们可以选中Over下面的关键帧用矩形工具在文字周围画一个白色的边框。OK按钮完成了当然还可以为按钮添加超链接这样浏览者在点击按钮时就可以打开他们感兴趣的页面如图。图行为动画是Flash动画的最高境界怎样将行为动画与前面的几类动画有机地结合起来是本章的练习重点。本章主要内容:,实例易动的心〖实例说明〗第页当鼠标移动时会出现两串“心”壮的图形向鼠标滑过的地方汇聚然后消失。〖技术要点〗利用动作语句对包含按钮的电影进行控制实现鼠标移动响应效果。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx背景色为黑色其它默认单击确定按钮返回舞台。()【CtrlF】新建一个按钮类元件命名为“按钮”单击“确定”按钮进入按钮编辑窗口。在时间轴“反应区”帧按F键选择“椭圆工具”在编辑区画一个圆作为“感应区”。其它帧为空帧。()按【CtrlF】新建一个图形类元件命名为“心”选择“钢笔工具”在编辑区画一个心形路径然后将填充色设置为紫色和白色中心渐变填充路径复制到剪贴板中,如图所示图“心”样式图“心”样式()【CtrlF】新建一个图形类元件命名为“心”单击确定按【CtrlShiftv】粘贴剪贴板中的图形将填充色设置为粉色和白色圆形渐增填充。如图所示。()【CtrlF】再新建一个影片剪辑类元件命名为“电影”。【CtrlL】打开图库从图库中将“按钮”实体拖入到编辑区中心。选中第帧按F插入关键帧把“心”的实体拖入到舞台中用“比例缩放”工具调小放到编辑区左边选中第帧按F键插入空白关键帧再把“心”拖到舞台中心处。在属性面板把Alpha值调到()选第帧设置“动作补间”。()新建一层选中第帧按F键插入关键帧。从图库将“心”的实体拖入到舞台选择“比例缩放”工具把图形调小放舞台右边选中第帧按F插入空白关键帧再将“心”拖到舞台中心选中第帧设置“动第页作补间”。()选中第层第帧设置帧动作“stop()”语句。()仍然在第层中第帧用鼠标单击编辑区中的“按钮”实体将其选中选“动作”项里“on”语句中的“指针离开”在选“goto”语句在选项“帧”栏中输入完成的语句样式为:On(rollout){GotoAndplay(){()影片完成后的时间轴状态如图所示图“电影”元件完成后的时间轴状态()回到主场景从库中把“电影”实体拖入到舞台中按【CtrlC】复制实体然后连续按【Ctrlv】多次粘贴再用鼠标将它们移动、排好步满整个舞台。如图所示()【CtrlEnter】测试该动画。图步满舞台的电影实体本章介绍了个有代表性的文字特殊例子这些例子综合了前面几章的动画制作技巧做好这练习不仅能够进一步掌握Flash的动画技术还可将它直接应用于自己的网页中。第页本章主要内容:,实例文字的风吹效果〖实例说明〗本例中“wwwhongencom”文字逐个反转飘起并渐隐消失后又相继飘入并排列。〖技术要点〗了解并掌握旋转和比例缩放工具在Flash动画中的应用技巧。〖制作步骤〗()启动FlashMX在属性面板中选择【size】按钮打开文件属性对话框将影片的尺寸设置为pxpx背景色为黑色其它默认单击确定按钮返回舞台。()新建元件Symbol、Symbol„Symbol分别在其中输入字母:wwwhongencom。()新建图层Layer、Layer„Layer打开图符资料库分别把元件Symbol、Symbol„Symbol拖动到对应图层中。图所示图()下面以图层Layer为例其他依次类推。在图层Layer的第帧处插入一关键帧用常用工具栏中的将文字拖动到适当位置并变形为如图所示:图()在第和帧处各插入一关键帧。第页图时间轴状态()用鼠标选中第帧选择菜单Edit>Copy选择菜单Edit>Copy。如左图选中第帧按Delete键删除所在帧的图符选择菜单Edit>PasteinPlace如下图即把刚复制到剪贴板上的图符粘贴到第帧的同一位置。图图()分别在第帧到第帧和第帧到第帧之间建立运动渐变路径。总程序时间轴如图、所示。第页图总程序时间轴状态图总程序时间轴状态()【CtrlEnter】测试该动画。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/48
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部