1、本书 内 容 简 介 本书是根据编者多年的教学经验和学生的实际情况(学生对实际操作较感兴趣)编写的,全书精心挑选了53个案例进行详细讲解,再通过与这些案例配套的练习来巩固所学内容。本书采用实际与理论相结合的方法编写,学生可以在制作过程中学习理论,反过来理论又为实际操作奠定基础,使学生每做完一个案例就会有一种成就感,这样可大大提高学生的学习兴趣。本书内容分为Flash 8.0基础知识、Flash 8.0图形绘制、Flash 8.0文字特效、Flash 8.0动画制作、Flash 8.0按钮制作、Flash 8.0综合制作六大部分。编者将Flash 8.0的基本功能和新功能融入实例的讲解过程中,使
2、读者可以边学边练,既能掌握软件功能,又能快速进入案例操作过程中。本书内容实用,可作为高职高专院校及中等职业院校计算机专业教材,也可以作为网页动画设计者与爱好者的参考用书。前 言 本书是根据编者多年的教学经验和对高职高专、中等职业学校及技工学校学生实际情况(强调学生的动手能力)的了解编写的,精心挑选了53个案例进行详细讲解,再通过这些案例的配套练习来巩固所学内容。本书采用实际操作与理论分析相结合的方法,让学生在案例制作过程中学习、体会理论知识,同时扎实的理论知识又为实际操作奠定坚实的基础,使学生每做完一个案例就会有一种成就感,这样大大提高了学生的学习兴趣。本书内容分为Flash 8.0基础知识、
3、Flash 8.0图形绘制、Flash 8.0文字特效、Flash 8.0动画制作、Flash 8.0按钮制作、Flash 8.0综合制作六大部分。编者将Flash 8.0的基本功能和新功能融入实例的讲解过程中,使读者可以边学边练,既能掌握软件功能,又能快速进入案例操作过程中。本书内容丰富,可以作为网页动画设计者与爱好者及学生的工具书,通过本书可随时翻阅、查找需要的效果的制作内容。本书的每一章都有学时供老师教学和学生自学时参考,同时配有每一章的案例Flash效果文件,可通过网上下载使用(http:/ Flash 8.0动画制作动画制作 培训内容:4.1 Flash 8.0动画制作基础4.1.1
4、 动画场景4.1.2 帧的操作4.1.3 图层的操作4.1.4 对象操作4.2 平面动画效果4.2.1 案例一:滚动的色环4.2.2 案例二:放大镜4.2.3 案例三:探照灯4.3 立体动画效果4.3.1 案例四:发光效果4.3.2 案例五:展开的画卷4.4 形状动画效果4.4.1 案例九:海浪线4.4.2 案例十:飘落的雨丝 知识点:1.动画制作基础2.发光效果3.展开的画卷4.旋转的地球5.探照灯6.水波效果7.礼花绽放8.滚动的色环9.放大镜10.海浪线11.飘落的雨丝 说明:本章通过10个案例介绍了Flash 8.0制作特效的方法,通过这些案例的学习,同学们可以灵活使用Flash制作出
5、很多意想不到的动画特效。4.1 Flash 8.0动画制作基础 4.1.1 动画场景 动画场景就如我们生活中唱戏的舞台,场景中的各个对象就好比是唱戏的演员,要想做动画就必须先了解场景的作用和基本设置。因为建立和设置动画场景是动画制作的前提,它直接影响到动画的美术效果和播放速度。1.场景属性的设置 制作一个动画首先要确定它的固定尺寸、分辨率和帧的播放速度。单击场景左下角属性面板中的 按钮,弹出场景设置面板,如图4.1所示。图4.1 4.1 Flash 8.0动画制作基础 在该场景属性面板对话框中可以设置以下参数。(1):在该框中可以设置动画的播放速度,数值越大则动画的播放速度越大,系统默认为12
6、fps。一般情况下制作的动画,特别是对于网络动画中使用的动画,812fps的帧率就足够了。“fps”表示帧/秒,例如,12fps表示一秒钟播放12帧。(2):单击 按钮,弹出如图4.2所示的【文档属性】对话框。图4.2 4.1 Flash 8.0动画制作基础 :在该选项中有两个输入框,分别是【宽】和【高】。在这两个输入框中可以设置场景的长度和宽度,默认值为550400像素。设置的场景越大,文件就越大。:该选项下有3个子选项,可以设置制作动画的目的。单击选中 单选按钮,可以使制作的动画与打印机相匹配;单击选中 单选按钮,可以使制作的动画与动画内容相匹配,并使动画内容的工作区四周具有相同的距离。如
7、果要使动画尺寸尽量小,可以将场景中的内容尽量往左上角移动,然后选中【内容】单选按钮。:单击 ,弹出颜色选择面板,在颜色选择面板中选择所需的背景颜色。:这是一个下拉列表(图4.3),用来设置动画场景的标尺单位。图4.3 4.1 Flash 8.0动画制作基础 设置完毕后,单击确定按钮,即可将设置应用于动画。如果想将自己对动画场景属性的设置保存为系统的设置,直接单击设为默认值按钮即可。:给场景设置一个名称。:为了制作方便,可以在“描述”文本框中输入有关对动画场景的描述语言。2.动画场景管理 在Flash 8.0中,动画场景是通过【场景】面板来管理的,利用它可以对场景进行各种操作,如添加、删除、重命
8、名等。直接按下【Shift+F2】键,将弹出如图4.4所示的场景管理界面。图4.44.1 Flash 8.0动画制作基础 在【场景】面板中有三个按钮,可以分别进行添加、删除、复制副本的操作,下面分别进行介绍。(1)添加场景:一个场景不能容纳太多的对象,如果制作的动画比较复杂,那么可以给动画添加几个场景以满足需要。用鼠标指针单击+按钮即可添加场景。(2)删除场景:如果某一场景已经不需要了,用鼠标指针单击选中不需要的场景,再单击 按钮,此时将弹出如图4.5所示的对话框。如果要删除该场景,直接单击确定按钮即可,如果不想删除,则单击取消按钮取消删除。图4.5(3)复制场景副本:如果某一场景需要多次使用
9、,可以制作它的副本。具体方法是:在【场景】面板中选择要制作副本的场景,单击“场景”面板下方的【复制场景副本】按钮,可以将所 选场景复制出一个副本,如图4.6所示。图4.64.1 Flash 8.0动画制作基础 这一副本场景的所有对象和效果与原场景完全相同,但是要得到同样的效果,只有对副本场景进行重命名才可以让副本场景完全独立出来。重命名场景的操作非常简单,用鼠标双击需要重命名的场景,此时场景名称即变成可修改状态,这时只需输入给场景所取的名字,然后按【Enter】键即可。例如:要将“场景2副本”重命名为“动画片头”,其操作方法如下。双击“场景2副本”,此时将显示为如图4.7所示的效果。输入“动画
10、片头”4个字,如图4.8所示。再按【Enter】键,完成重命名场景操作。图4.7 图4.8 4.1 Flash 8.0动画制作基础 一个Flash 8.0文件可以由多个场景组成,每个场景都可以是一个完整的动画,在播放时场景和场景之间可以直接进行切换。切换动画场景的方法如下。(1)单击时间轴右上角的【编辑场景】按钮,弹出如图4.9所示的下拉列表。在下拉列表中包含了所有的场景。图4.9(2)将鼠标移到需要切换的场景上并单击,完成动画场景的切换。如果没有交互切换场景,则在Flash 8.0中会自动按顺序播放。如果需要调节动画场景的播放顺序,就需要对【场景】面板中的场景排列顺序进行调整。调整场景的具体
11、方法如下:将鼠标指针放到需调整的场景上,按住鼠标左键不放并移动,当蓝色条移到所需位置时松开鼠标左键即可。如图4.10所示,将“动画片头”场景移到“场景2”前面。最终结果如图4.11所示。图4.10 图4.11 4.1 Flash 8.0动画制作基础 4.1.2 帧的操作1.帧的类型 在Flash 8.0中,帧是动画作品的基本单位,帧中装载了Flash 8.0中播放的内容。Flash 8.0动画是由若干个静止的图像连续显示而形成的,这些静止的图像就是“帧”。Flash 8.0舞台上某一时刻播放的图像是由当时时间轴上播放指针所在的同一列的所有层的可见帧共同组成的。帧的类型有如下几种。(1)关键帧(
12、Key Frame):关键帧是决定一段动画的必要帧,其中可以放置图形对象,并可以对所含内容进行编辑。在时间轴中,包含内容的关键帧显示为带黑色实心圆点的方格。关键帧一般插入在一段动画的开始和结束位置。(2)空白关键帧(Blank Key Frame):空白关键帧就是什么内容都没有的关键帧,在时间轴中显示为黑线围着的方格。默认状态下每一层的第一帧都是空白关键帧,在其中插入内容后就变成了关键帧。(3)过渡帧(Tween Frame):过渡帧出现在动画的两个关键帧之间,其中显示某一Flash过渡动画的若干层效果。在时间轴上的过渡帧显示为带有箭头直线的浅蓝色方格。2.帧的状态和表示方法 我们现在来认识一
13、下在时间轴中各种帧的表示方法,时间轴中有很多单元格,每一行代表一个图层,每一列代表一帧。打开一个Flash 8.0文件,在时间轴上一般会看到以下几种情况。(1)单元格的周围如果是粗的黑线框,就表示在此处建立了一个空白关键帧,如图4.12所示。4.1 Flash 8.0动画制作基础(2)在两个关键帧之间如果有黑色的箭头符号,并且其背景为浅绿色,就表示两个关键帧中有过渡渐变动画,如图4.13所示。(3)两个关键帧之间有一条虚线,则表示渐变动画中有错,无法正确完成过渡,如图4.14所示。图4.12 图4.13 图4.144.1 Flash 8.0动画制作基础(4)在两个关键帧之间或一个关键帧后面有一
14、些灰色的帧,且关键帧中有一个实心的圆圈,表示这些帧的内容与关键帧的内容完全相同,如图4.15所示。图4.15 (5)关键帧或空白关键帧上有一个小写字母“a”,表示这一帧已经添加了动作,当动画播放 到这一帧时会执行相应的动作语句,如图4.16所示。图4.164.1 Flash 8.0动画制作基础(6)帧上出现一个小红旗标志,表示这一帧已被标记,红旗后面的文字为这一帧的标记名称,如图4.17所示。图4.17 3.帧的创建 帧的创建包括:关键帧的创建、空白关键帧的创建、过渡帧的创建。下面分别具体介绍这三个帧的创建方法。(1)创建关键帧:关键帧在动画制作中非常重要。如果是过渡动画,则要在动画的关键位置
15、创 建关键帧。在时间轴上的两个关键帧之间有一个箭头表示动画的过渡过程。系统默认第一帧为关键帧。如果要在其他帧处创建关键帧,其方法有两种。将鼠标指针移到需要创建关键帧的帧上,单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,此时就创建了一个关键帧。4.1 Flash 8.0动画制作基础 单击选中需要创建关键帧的帧,按【F6】键,即可创建一个关键帧。(2)创建空白关键帧:空白关键帧的创建方法有两种。第一,将鼠标指针移到需要创建空白 关键帧的帧上,单击鼠标右键,弹出快捷菜单,选择插入空白关键帧命令,第二,单 击需要创建空白关键帧的帧并按【F7】键,即可创建一个空白关键帧。(3)创建过渡帧:创建过渡帧有
16、两种情况。当两个关键帧的图像是矢量图形时,在两个关键帧之间的任一帧处单击,设置帧属性面 板,如图4.18红色框所示。图4.18 当两个关键帧的图形是元件 时,在两个关键帧之间的任一 帧处单击,设置帧属性面板,如图4.19所示。图4.19 4.1 Flash 8.0动画制作基础 注意:过渡帧是连接两个关键帧的桥梁,不含有固定的某一图形,所以不能进行编辑。4.帧的编辑 帧的编辑主要包括:复制帧、粘贴帧、移动帧、删除帧和翻转帧,下面详细介绍这几种操作方法。(1)复制与粘贴帧:在Flash 8.0中,不仅可以插入帧,而且还可以把编辑制作完的帧直接复制到需要的位置,具体操作方法为:在需要复制的帧上单击鼠
17、标右键,弹出快捷菜单,选择复制帧命令,就可将该帧复制到剪贴板中。然后在需要粘贴的位置上单击鼠标右键,弹出快捷菜单,选择张贴帧命令,就可将所复制的帧粘贴到指定的位置。(2)删除帧:如果某些帧已经没有用了,可将它删除,由于Flash 8.0中帧的类型不同,所以删除的方法也不同。如果要将关键帧转换为空白关键帧,则在该关键帧上单击鼠标右键,弹出快捷菜单,选择清除帧命令。如果是将关键帧从时间轴上删除,则在要删除的关键帧上单击鼠标右键,弹出快捷菜单,然后选择删除帧命令。(3)移动帧:在制作动画的过程中,如果需要对某一帧或多个帧的位置进行调整,可先将这些帧选中,然后按住鼠标左键拖动这些帧到需要的位置,再松开
18、鼠标按键,这样即可完成移动操作。(4)翻转帧:是指将整个动画从后往前播放(第1帧变成最后一帧,最后一帧变成第一帧)。选定所有的帧,然后将所有的过渡帧变成关键帧,在选中的帧上单击鼠标右键,弹出快捷菜单,选择翻转帧命令,这样即可完成帧的翻转。注意:如果要翻转帧,则第1帧和最后一帧必须是关键帧。4.1 Flash 8.0动画制作基础 5.创建帧的标签 在动画的关键帧上插入标签,对于辨认关键帧非常重要,这就好像一个人的名字一样,一般动画有很多帧,如果没有标签,以后在编辑内容时不容易对帧进行定位。如果要给某一帧创建标签,单击属性面板中的属性按钮,此时会弹出一个如图4.20所示的“帧”属性面板。在“帧”属
19、性面板中的“帧标签”处输入一个适当的名称,设置完毕后所设置的标签名称标记在该帧上,并且有小红旗标志,表示此帧已被标记,如图4.21与图4.22所示。图4.20 图4.21图4.22 4.1 Flash 8.0动画制作基础 注意:帧的标签作为文件的一部分,它的长短将会影响文件的大小,因此应采用比较短的标签来缩减文件的大小。6.扩展帧的内容 在创建动画时经常会碰到这样的情况,一个背景需要贯穿整个动画的全过程。这就需要将一背景图像添加到本层的所有帧中,这时就要扩展帧的内容。扩展的方法是,在放置背景层的第1帧上创建一个关键帧。将背景元件或图片放到第1帧中,再将鼠标指针移到需要扩展到的位置,然后单击鼠标
20、右键,弹出快捷菜单,选择命令,即完成帧的扩展。4.1.3 图层的操作 在Flash 8.0中,每个图层就好像是一张透明的薄纸,上面画了一些图形和写了一些文字,将这些薄纸组合在一起,就获得了最终的效果。图层是时间轴视窗的一部分,如图4.23所示。在Flash 8.0中引用图层的概念,其目的是为了更有效地组织动画,以便轻松地制作复杂的动画。图4.23 4.1 Flash 8.0动画制作基础 1.创建新图层 打开Flash 8.0时,系统会有一个默认的层,即“图层1”。为了更好地组织动画的图像元素,可以创建新的图层,具体操作方法是:单击图层左下角的【插入图层】按钮,即可在选中的图层上面插入一个新图层
21、,如图4.24所示。图4.24 2.图层的相关操作 在制作动画的过程中,可以显示或隐藏一个或多个图层的内容,掩藏的图层也会被正常输出,只是在编辑时不能编辑且看不见。隐藏或显示层的具体操作方法如下。(1)隐藏图层:在眼睛图标正下方的所要隐藏的图层的圆点上单击,此时会在隐藏的层上出现 一个 标记,如图4.25所示。4.1 Flash 8.0动画制作基础(2)取消隐藏图层:直接单击 标记,即可取消隐藏,如图4.26所示。图4.25 图4.26 (3)锁定图层:选定需要锁定的图层,单击 图标正下方的选定图层的圆点,即可锁定图 层,如图4.27所示。图4.27 4.1 Flash 8.0动画制作基础(4
22、)解锁图层:单击需要解锁层的图标,即可解锁图层。3.图层的编辑 图层的编辑主要包括图层的复制、删除、重命名以及调整图层的顺序等操作。所有绘图操作都是在可编辑状态下的图层上进行的,可编辑图层的名称旁边有一个铅笔图标。在任何时候都只能对一个图层进行编辑。下面分别介绍各种编辑的操作方法。(1)复制图层:在需要复制的图层名字上单击,选中该图层的所有帧。在所选中的帧的任一帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择复制命令,完成复制。(2)删除图层:选中需要删除的图层,单击图层名称下边的 图标,即可删除选中图层,如图4.28所示。图4.28 (3)给层重命名:在需要重命名的图层名称上双击,此时,图层
23、名称变成如图4.29所示。输入 修改的名称,按【Enter】键,完成修改,如图4.30所示。4.1 Flash 8.0动画制作基础 图4.29 图4.30 (4)改变图层的叠放顺序:一个动画中有很多个图层,图层在窗口中的顺序决定了对象在 舞台上的叠放顺序。如果某一图层处在另一图层的上方,则在工作区中该图层的对象 也在另一图层的上方。如果要改变图层的顺序,只要使用鼠标在时间轴视窗中拖动图 层的名称到指定位置即可。4.1 Flash 8.0动画制作基础 4.设置图层的属性 在图层面板上的某一图层中单击鼠标右键,弹出快捷菜单,在快捷菜单中选择【属性】命令,弹出如图4.31所示的【图层属性】对话框。图
24、4.31 在【图层属性】对话框中可以设置如下参数。(1)名称:在该输入框中可以对选择的图层进行重命名。(2)显示:该复选框可以选择是否显示或隐藏所选择的图层。(3)锁定:利用该复选框可以选择是否锁定或隐藏所选择的图层。4.1 Flash 8.0动画制作基础(4)类型:在本选项中可以选择该层的类型,下面介绍其中5个选项,分别是【一般】【引导层】【被引导】【遮罩层】【被遮罩】。具体介绍如下。【一般】:这是系统默认的层的类型。【引导层】:选择该选项,可以将这个层作为引导层,以便用来创建网格、背景或其他对象,以辅助对齐其他对象。【遮罩层】:选择该选项,可以将这个层作为遮罩层。【被遮罩】:这是一个与某一
25、个遮罩层关联的普通层,引导层的对象可以作为这一层中对象运动的向导。(5)轮廓颜色:选择该选项会弹出一个颜色板,从中可以设置轮廓线的颜色。它仅在选中该选项下面的复选框时才有效。(6)将图层视为轮廓:选中该复选框,所选层的对象可以以轮廓线的方式被查看。(7)图层高度:这是一个下拉列表框,在显示的百分比列表中可以选择该层的高度显示比例,即与其他层的单元格的高度比,如图4.32所示。图4.32 4.1 Flash 8.0动画制作基础 5.图层的操作举例下面通过实例来形象地说明图层的操作。(1)打开Flash 8.0工作窗口,可以发现此时就有一个层,它的名字是“图层1”,在工作区绘制一个椭圆,并通过重命
26、名操作将“图层1”改名为“椭圆”,如图4.33所示。图4.33 4.1 Flash 8.0动画制作基础(2)单击图层名称下的【插入图层】按钮,在椭圆图层上即添加了一个新的图层,名称为“图层2”。在这个图层上绘制一个正方形,并执行重命名操作,将“图层2”改名为“正方形”。此时的正方形在椭圆上面,如图4.34所示。图4.34 4.1 Flash 8.0动画制作基础(3)单击“正方形”层右边的【隐藏或显示所有图层】图标下的小黑点,这时会出现一个红色的 叉子,同时舞台上的正方形看不到了,表示这个层已经处于隐藏状态,如图4.35所示。如果再次单击 ,又可以恢复显示小球。图4.35 4.1 Flash 8
27、.0动画制作基础(4)用鼠标单击“椭圆”层右边的图标下的小黑点,使小黑点变成 图标,这时在舞台上可以看到矩形,但是无法对它进行任何编辑操作,表示矩形层已被锁定,如图4.36所示。再次单击 图标就可以解锁。图4.36 4.1 Flash 8.0动画制作基础(5)单击椭圆层右边【以轮廓线的方式显示所有图层】图标下的彩色方框,这时椭圆将以轮廓线的方式显示,即只能看见椭圆的边框,看不到填充部分,如图4.37所示。层的操作还包括引导层和遮罩层的操作,具体操作步骤请参阅相关例子。图4.37 4.1 Flash 8.0动画制作基础 4.1.4 对象操作1.对象的概念 对象是指在Flash 8.0窗口里所有被
28、选中的东西。对象被选中后可以通过一些设置完成为对象设计的运动效果。例如,在Flash 8.0舞台中绘制一矩形,那么这个矩形就是一个对象,它具有一定的属性和状态。把多个对象组合在一起称为对象组合,对象组合是一种组合对象,可以对组合对象中的某一个元素进行独立操作。组合对象中的元素称为组合对象的子对象,如图4.38所示。图4.38 2.编辑对象 在舞台中不仅可以通过拖动对象来改变对象的位置,而且还可以通过对象面板精确地指定对象位置。下面详细讲解其操作方法。(1)移动对象:首先使用鼠标指针单击工具箱中的【箭头工具】按钮,将要移动的对象选中,按住鼠标左键并将其拖动到指定位置(也可以在选中以后,使用方向键
29、进行移动)。如果 要移动对象的一部分,则首先用部分选择工具或套索工具选中要移动的那部分,然后拖 动鼠标或按方向键进行移动。4.1 Flash 8.0动画制作基础(2)复制、粘贴对象:可以使用复制功能来复制对象,主要用于在保证对源对象属性不变的基础上,把对象的副本移动到其他位置。具体操作方法是,在被复制的对象上单击鼠标右键,弹出快捷菜单,选择复制命令,将对象复制到剪贴板中。然后单击鼠标右键,弹出快捷菜单,选择粘贴命令,将剪贴板中的内容粘贴到舞台中。(3)删除对象:如果需要将一个不用的对象或对象的某一部分删除,除了使用橡皮擦工具擦除外,还可用其他方法将需要删除的对象删除。例如,使用工具箱中的箭头工
30、具或套索工具将需要删除的对象选中,按键盘上的【Delete】键。(4)缩放对象:使用“箭头工具”将需要缩放的对象选中,然后单击鼠标右键,弹出快捷菜单,选择任意变形命令,此时对象的周围将出现8个黑色四方块,如图4.39所示。图4.39 4.1 Flash 8.0动画制作基础 将鼠标指针移动到图形框上四个角的句柄上,按住鼠标左键并拖动,可以对对象进行成比例缩放;如果将鼠标指针移动到图形框四个边的句柄上,按住鼠标左键拖动,则可以对对象进行水平和垂直缩放,如图4.40所示。图4.40 (5)使用【信息】面板改变对象大小:使用【信息】面板改变对象大小的优点,是可以准确地 把对象移动到所需位置或准确地把对
31、象缩放一定的比例。选择窗口信息命令,弹出 【信息】面板,如图4.41所示。高/宽:直接在“宽”和“高”文本框中输入数值,即可精确地改变对象的大小。X/Y:该选项是描述对象在舞台中的坐标值。+X/Y:该选项描述鼠标指针在舞台中的坐标值。作用是让用户时时知道鼠标指针在 舞台中所处的位置。4.1 Flash 8.0动画制作基础(6)旋转和倾斜对象:在动画编辑过程中会经常遇到需要对对象进行旋转和倾斜的情况。具体操作方法如下。旋转的操作方法:单击工具箱中的任意变形工具,再单击需要旋转的对象,此时对象效 果如图4.42所示,将鼠标指针移到对象四个角的附近,当出现 图标时(图4.43),按住鼠 标左键不放进
32、行拖动,即可完成旋转。图4.41 图4.42 图4.43 4.1 Flash 8.0动画制作基础 倾斜的操作方法:单击工具箱中的任意变形工具,再单击需要旋转的对象,此时对象效果如图4.44所示,将鼠标指针移到对象四条边的任意一条边上,按住鼠标左键不放,此时鼠标会变成一个图标,将图片调整到自己需要的位置后松开鼠标左键,如图4.45所示,即可完成倾斜操作,如图4.46所示。图4.44 图4.45 图4.46(7)精确旋转和移动:前面所讲的只是 对对象的大致移动,如果要精确移 动对象必须使用【变形】面板进行 操作。选择窗口变形命令,弹出【变形】面板,如图4.47所示。图4.47 4.1 Flash
33、8.0动画制作基础 :是用来设置对象的放大缩小比例的(相对原对象)。如果选中约束复选框,则在框里面输入数值,将进行等比例的放大缩小。:在 中输入需要旋转的度数,按【Enter】键即可旋转所输数值的度数。:在 中输入需要倾斜的度数,按【Enter】键即可倾斜所输数值的度数。(复制并应用变形):此按钮的作用是,当在【旋转】或【倾斜】选项中输入数值时,单击 按钮,此时对象复制一个副本,并根据输入的数值进行变形。(重置):此命令的作用是,对【变形】面板设置完后,如果需要再重新设置时,单击 按钮即可恢复到系统的默认状态。3.对象的对齐 对齐功能可以通过使用鼠标来调节各个对象的位置对齐,但是这种方法使用起
34、来非常麻烦,而且结果不精确。接下来用Flash 8.0中提供的对象的对齐功能来对齐对象,具体操作方法如下。选择窗口对齐命令,将弹出【对齐】面板,如图4.48所示。图4.48 4.2 平面动画效果 4.2.1 案例一:滚动的色环 通过设置属性面板来模拟色环的滚动效果。本案例主要用到的工具及功能有:矩形工具、椭圆工具、填充色浮动面板的设置、引导线的使用、补间动画属性面板的设置等。4.2 平面动画效果(1)运行Flash 8.0,新建一个名为“滚动的色环”文件。(2)单击插入新建元件命令,弹出【创建新元件】对话框,设置如图4.58所示,单击确定按钮,新建一个“图形”元件。图4.58 (3)单击工具箱
35、中的椭圆工具,并设置填充浮动面板,效果如图4.59所示,笔触颜色设置为 ,并在工作区绘制一个圆,如图4.60所示。图4.59 图4.60 4.2 平面动画效果(4)确保绘制的椭圆被选中,单击修改形状柔化填充边缘命令,弹出【柔化填充边缘】对话框,按如图4.61所示设置,单击【确定】按钮,图形效果如图4.62所示。(5)单击工具箱中的矩形工具,设置笔触颜色为 ,绘制椭圆效果如图4.63所示。(6)方法同第4步,对矩形设置柔化填充边缘,效果如图4.64所示。图4.61 图4.62 图4.63 图4.64 (7)单击时间轴左上角的场景1按钮,返回场景。(8)单击插入新建元件命令,弹出【创建新元件】对话
36、框,设置如图4.65所示,单击按 钮,新建一个“图形”元件。(9)单击直线工具,在工作区中绘制如图4.66所示的图形。4.2 平面动画效果 图4.65 图4.66 (10)单击工具箱中的颜料桶工具,设置填充浮动面板,如图4.67所示,并填充图形。将前面 所绘制的线删除,效果如图4.68所示。(11)单击时间轴左上角的场景1按钮,返回场景。图4.67 图4.68 4.2 平面动画效果(12)单击时间轴左下角的【插入图层】按钮,插入一个新图层,并重命名,如图4.69所示。(13)单击时间轴左下角的【添加运动引导层】按钮,插入一个引导图层,如图4.70所示。(14)单击工具箱中的直线工具,在舞台中绘
37、制直线,并使用选择工具调整直线,效果如图4.71所示。图4.69 图4.70 图4.71 (15)分别在“斜面”、“引导层”图层的第80帧处单击鼠标右键,弹出快捷菜单,选择插入帧 命令,此时将分别在“斜面”、“引导层”图层的第80帧处插入帧。(16)分别在“色环”图层的第40、80帧处单击鼠标右键,弹出快捷菜单,选择插入关键帧命 令,此时将分别在“色环”图层的第40、80帧处插入关键帧。(17)单击“色环”图层,选中“色环”图层的所有帧,在被选中的任意帧上单击鼠标右键,弹 出快捷菜单,在弹出的快捷菜单中选择创建步间动画命令,为该层创建补间动画。(18)分别调整“色环”图层的第1、40、80帧的
38、“色环”元件的位置,分别如图4.72图4.74所 示。4.2 平面动画效果 图4.72 图4.73 图4.74(19)“色环”图层中第1、40帧的属性面板设置如图4.75和图4.76所示。图4.75 图4.76(20)最终效果如图4.77所示。图4.77(21)完整动画效果请观看从本书 提供的网页下载的素材第4 章的“色环运动”Flash文 件。4.2 平面动画效果 本案例主要利用“引导线”来制作引导线动画,在制作过程中要注意动画属性面板“缓动”值的设置及其含义,这是制作动画的关键所在。根据前面所学知识制作如下图所示的效果,完整动画请观看本书提供的网页下载的素材第4章的“自由落体运动”Flas
39、h文件。4.2 平面动画效果4.2.2 案例二:放大镜 利用Flash动作脚本制作放大镜效果。本案例主要使用的工具或命令有:导入图片、遮罩和基本脚本语言等。4.2 平面动画效果(1)运行Flash 8.0,新建一个名为“放大镜”的文件。(2)单击文件导入导入到库命令,弹出如图4.78所示的【导入到库】对话框。选择要导入的图片,单击打开按钮,将图片导入到库中。(3)【库】面板如图4.79所示。图4.78 图4.79 4.2 平面动画效果(4)单击插入新建元件命令,弹出【创建新元件】对话框,设置如图4.80所示,单击确定按钮,新建一个“影片剪辑”元件。(5)将“库”中的“放大镜底图.jpg”图片拖
40、到工作区。在图片上单击鼠标右键,弹出快捷菜单,选择分离命令,将图片分离,并利用选择工具框住不要的部分,将其删除,最终效果如图4.81所示。图4.80 图4.81(6)单击时间轴左上角的场景1按钮,返回场景。(7)单击插入新建元件命令,弹出【创建新元件】对话框,按如图4.82所示设置,单击 确定按钮,新建一个“影片剪辑”元件。(8)连续单击时间轴左下角的【插入图层】按钮,插入两个新图层,并重命名,图层效果如图 4.83所示。4.2 平面动画效果 图4.82 图4.83(9)选中“底图”图层,将“库”中的“底图”影片剪辑元件拖放到舞台中,并单击工具箱中 的【任意变形】工具,调整刚拖到舞台中的影片剪
41、辑的大小,效果如图4.84所示,在确保 “底图”影片剪辑被选中的情况下设置属性面板,如图4.85所示。图4.84 图4.85 4.2 平面动画效果(10)单击“放大镜”图层,将“库”中的“放大镜.png”图片拖到工作区中,位置如图4.86所示。(11)单击“白色圈”图层,利用椭圆工具绘制一个椭圆,大小如图4.87所示。(12)在“底图、白色圈”图层的第2帧处单击鼠标右键,弹出快捷菜单,选择插入帧命令,分别给两个图层的第2帧插入一个普通帧。(13)在“放大镜”图层的第2帧处单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,在第2帧处插入一个关键帧,图层效果如图4.88所示。图4.86 图4.87
42、图4.88 4.2 平面动画效果(14)在“白色圈”图层上单击鼠标右键,弹出快捷菜单,选择遮罩层命令,创建遮罩效果,如图4.89所示。(15)在“放大镜”图层的第1帧单击鼠标右键,弹出快捷菜单,选择动作命令,弹出【动作】对话框,在该对话框中输入如图4.90所示的脚本。(16)第2帧的脚本代码跟第1帧相同。(17)单击时间轴左上角的场景1按钮,返回场景。图4.89 图4.90 4.2 平面动画效果(18)单击时间轴左下角的【插入图层】按钮,插入1个新图层,并重命名,图层效果如图 4.91所示。(19)单击“底图”图层,选中该层,将“库”中的“底图1”影片剪辑拖到舞台中。(20)单击“放大镜”图层
43、,选中该层,将“库”中的“放大”影片剪辑拖到舞台中。位置、大小如图4.92所示。(21)选中“放大”影片剪辑,设置【属性】面板,如图4.93所示。(22)在“底图”的第1帧处单击鼠标右键,弹出快捷菜单,选择动作命令,弹出“动作一 帧”对话框,在“动作”对话框中输入如图4.94所示的脚本代码。图4.91 图4.92 图4.93 图4.94 4.2 平面动画效果(23)最终效果如图4.95所示。(24)完整动画效果请观看本书提供的网页下载的素材第4章的“放大镜”Flash文件。图4.95 本案例主要利用动作脚本来制作一个放大镜效果,在制作过程中要特别注意对脚本的理解、影片剪辑属性面板的设置。根据前
44、面所学知识制作如下效果,完整动画效果请观看从本书提供的网页下载的素材第4章的“放大镜1”Flash文件。4.2 平面动画效果4.2 平面动画效果4.2.3 案例三:探照灯利用遮罩命令制作探照灯效果。本案例主要用到的工具或命令有:矩形工具、遮罩、创建补间动画、图片的导入、元件符号的制作、Alpha值的设置等。4.2 平面动画效果(1)启动Flash 8.0,新建一个名为“探照灯”的文件。(2)设置背景色为纯黑色。(3)单击文件导入导入到库命令,弹出如图4.96所示的【导入到库】对话框。选择要导入的图片,单击打开按钮,将图片导入到库中。图4.964.2 平面动画效果(4)单击插入新建元件命令,弹出
45、【创建新元件】对话框,按如图4.97所示设置,单击确定按钮,新建一个“图形”元件。(5)将“库”中刚导入的“桂林山水.jpg”图片拖到工作区,位置、大小如图4.98所示。图4.97 图4.98(6)单击时间轴左上角的场景1按钮,返回场景。(7)单击插入新建元件命令,弹出【创建新元件】对话框,按如图4.99所示设置,单击 确定按钮,新建一个“图形”元件。(8)单击矩形工具,并设置填充色为 ,笔触颜色为 ,按如图4.100所示设置填充色浮动面板。4.2 平面动画效果 图4.99 图4.100(9)绘制矩形,并利用【部分选取】工具对绘制的矩形进行调整,最终效果如图4.101所示。(注意,在这里要绘制
46、三个矩形,并且要一个个调整,再逐个填充)。(10)单击时间轴左上角的场景1按钮,返回场景。(11)连续单击时间轴左下角【插入图层】按钮,插入两个新图层,并重命名,图层效果如图 4.102所示。图4.101 图4.102 4.2 平面动画效果(12)将库中的“山水图片”元件分别拖到“山水图片”和“山水图片1”两个图层中,将“探照灯”元件拖到“探照灯”图层中,图层效果如图4.103所示。舞台元件的位置如图4.104所示。图4.103 图4.104(13)在“探照灯”层的第40和第80帧处,分别单击鼠标右键,弹出快捷菜单,选择插入关 键帧命令,插入关键帧。(14)分别在“山水图片”、“山水图片1”层
47、的第80帧处单击鼠标右键,弹出快捷菜单,选 择插入帧命令,插入帧。图层效果如图4.105所示。图4.105 4.2 平面动画效果(15)利用任意变形工具,调整“探照灯”图层中元件关键帧的位置,第1帧“探照灯”元件的位置如图4.106所示,第40帧“探照灯”元件的位置如图4.107所示,第80帧“探照灯”元件的位置如图4.108所示。图4.106 图4.107 图4.108(16)选中“探照灯”层,在被选中的帧上单击鼠标右键,弹出快捷菜单,在快捷菜单中选择创 建补间动画命令,此时,为“探照灯”层创建补间动画。(17)在“探照灯”层上单击鼠标右键,弹出快捷菜单,选择遮罩层命令,为图层创建遮罩效 果
48、。图层效果如图4.109所示。图4.109 4.2 平面动画效果(18)利用选择工具,选中“山水图片”图层中的“山水图片”元件,设置元件属性面板,【属性】面板的具体设置如图4.110所示。(19)效果如图4.111所示。完整动画请观看从本书提供的网页下载的素材第4章的“探照灯”Flash文件。图4.110 图4.111 本案例主要利用遮罩效果来制作探照灯效果,在制作过程中要特别注意最底层图片元件的Alpha值的设置,这是关系到效果成败的关键。4.3 立体动画效果4.3.1 案例四:发光效果利用Flash制作背景发光效果。本案例主要用到的工具或命令有:选择工具、矩形工具、遮罩、创建补间动画、元件
49、等。4.3 立体动画效果(1)运行Flash 8.0,新建一个名为“发光效果”文件。(2)利用第2章所学知识制作一个如图4.112所示的“五角星”。(3)设置背景为“纯黑色”。(4)单击插入新建元件命令,弹出【创建新元件】对话框,按如图4.113所示设 置。图4.112 图4.113(5)单击视图网格显示网格命令,设置网格线,如图4.114所示。(6)单击工具箱中的矩形工具,并设置“笔触颜色”为 、填充色为黄色,在工作区绘制如图4.115所示的矩形。(7)单击时间轴左上角的场景1按钮,返回场景。4.3 立体动画效果 图4.114 图4.115(8)单击插入新建元件命令,弹出【创建新元件】对话框
50、,按如图4.116所示设置,单 击确定按钮,新建一个“图形”元件。(9)将“库”中的“矩形条”元件符号拖到舞台中,位置如图4.117所示(位置在中心点位置右 上角一格)。图4.116 图4.117 4.3 立体动画效果(10)在确保“矩形条”被选中的条件下,单击工具箱中的【任意变形】工具,将舞台中的“矩形条”的定位点移到舞台的中心,如图4.118中的“1”所示。(11)设置【变形】浮动面板,如图4.119所示。连续单击【变形】面板中的【复制并应用变形】按钮,直到得到如图4.120所示的图形。图4.118 图4.119 图4.120(12)单击编辑全选命令,此时,选中舞台中的所有元件,在选中的元
©2010-2024 宁波自信网络信息技术有限公司 版权所有
客服电话:4008-655-100 投诉/维权电话:4009-655-100