
多媒体CAI课件制作第5章.ppt
73页第第5 5章章 FlashFlash动动画型课件制作画型课件制作21 八月 20245.1 Flash5.1 Flash概述概述5.1.1 Flash5.1.1 Flash的特点的特点1.1.动画文件体积小,便于网络传输动画文件体积小,便于网络传输2.2.动画具有交互性,能很好地满足用户需要动画具有交互性,能很好地满足用户需要3.3.动画制作成本低,效率高,简单易学动画制作成本低,效率高,简单易学21 八月 20245.1.2 Flash5.1.2 Flash的操作环境的操作环境21 八月 20245.1.3 Flash5.1.3 Flash的基本操作的基本操作 1.1.新建文档新建文档 1 1)新建空白文档:执行)新建空白文档:执行““文件文件””→→““新建新建””命令,命令,打开打开““新建文档新建文档””对话框,在对话框,在““常规常规””选项卡的选项卡的““类型类型””列表框中选择需要新建的文档类型,对话框右侧会显列表框中选择需要新建的文档类型,对话框右侧会显示该文档的描述,然后单击示该文档的描述,然后单击““确定确定””按钮即可。
按钮即可 2 2)新建模板文档:执行)新建模板文档:执行““文件文件””→→““新建新建””命令,命令,打开打开““新建文档新建文档””对话框,切换到对话框,切换到““模板模板””选项卡,此选项卡,此时对话框标题变成了时对话框标题变成了““从模板新建从模板新建””,在,在““模板模板””选项选项卡的卡的““类别类别””列表框中选择需要新建的模板文档类型,列表框中选择需要新建的模板文档类型,在在““模板模板””列表框中选择模板样式,然后单击列表框中选择模板样式,然后单击““确定确定””按钮即可按钮即可21 八月 2024新建文档对话框新建文档对话框21 八月 2024 2.2.保存、导出与发布文档保存、导出与发布文档 1 1)保存文档:执行)保存文档:执行““文件文件””→→““保存保存””命令,打命令,打开开““另存为另存为””对话框,设置文档的保存位置,并输入文对话框,设置文档的保存位置,并输入文档的名称,单击档的名称,单击““保存保存””按钮即可保存文档按钮即可保存文档 2 2)导出文档:如果需要将)导出文档:如果需要将FlashFlash文档导出为特定的文档导出为特定的文件格式以适应不同的应用程序,可以通过执行文件格式以适应不同的应用程序,可以通过执行““文件文件””→→““导出导出””命令来导出影片或导出图像。
命令来导出影片或导出图像 3 3)发布文档:)发布文档:FlashFlash源文件默认为源文件默认为FLAFLA格式,在制格式,在制作完成后,一般需要将文档发布成能使用作完成后,一般需要将文档发布成能使用Flash PlayerFlash Player播放的播放的SWFSWF格式的动画文件执行格式的动画文件执行““文件文件””→→““发布发布””命令可以创建命令可以创建SWFSWF格式的文件,也可以将格式的文件,也可以将FlashFlash影片插入影片插入到到HTMLHTML文件中21 八月 2024 3.3.打开文档打开文档 要打开已经创建的要打开已经创建的FlashFlash文档,可以通过执行文档,可以通过执行““文件文件””→→““打开打开””命令,在打开的命令,在打开的““打开打开””对话框对话框中,选择需要打开的文档,单击中,选择需要打开的文档,单击““打开打开””按钮即可按钮即可打开文档打开文档 除了使用菜单命令打开除了使用菜单命令打开FlashFlash文档外,还可以在文档外,还可以在启动启动FlashFlash时选择时选择““打开最近的项目打开最近的项目””列表框中的列表框中的文档直接打开,或者执行文档直接打开,或者执行““文件文件””→→““打开最近的打开最近的文件文件””命令,选择需要打开的文档即可。
命令,选择需要打开的文档即可21 八月 20245.2 5.2 绘图工具的使用绘图工具的使用5.2.1 5.2.1 绘制与编辑矢量线条绘制与编辑矢量线条1.1.““线条线条””工具工具 线条线条””工具主要用来绘制不同角度的矢量线条在工具主要用来绘制不同角度的矢量线条在工具面板上选择工具面板上选择““线条线条””工具,在舞台上按住鼠标左键工具,在舞台上按住鼠标左键拖动,就可以绘制出一根线条如果在绘制的同时按住拖动,就可以绘制出一根线条如果在绘制的同时按住ShiftShift键,就可以绘制出键,就可以绘制出4545°°角的倍数线条,例如,水角的倍数线条,例如,水平、平、4545°°角或者垂直的线条角或者垂直的线条线条的编辑线条的编辑21 八月 20242. 2. ““铅笔铅笔””工具工具 ““铅笔铅笔””工具可以用来绘制任意线条,类似于真工具可以用来绘制任意线条,类似于真实铅笔绘图在工具面板上选择实铅笔绘图在工具面板上选择““铅笔铅笔””工具,在舞工具,在舞台中按下鼠标左键拖动即可如果在绘制的同时按住台中按下鼠标左键拖动即可如果在绘制的同时按住ShiftShift键,就可以绘制出水平或者垂直方向的线条。
键,就可以绘制出水平或者垂直方向的线条铅笔工具的铅笔工具的3种铅笔模式种铅笔模式21 八月 20243. 3. ““钢笔钢笔””工具工具 “钢笔钢笔”工具可以用来绘制比较复杂、精确的曲线工具可以用来绘制比较复杂、精确的曲线在工具面板上选择在工具面板上选择“钢笔钢笔”工具,在舞台上单击,使工具,在舞台上单击,使用用“钢笔钢笔”工具绘制曲线确定直线的起始锚点,然后工具绘制曲线确定直线的起始锚点,然后在另一个位置单击,确定直线的另一个锚点,这时两在另一个位置单击,确定直线的另一个锚点,这时两个锚点之间会自动连接成一条直线如果在创建第二个锚点之间会自动连接成一条直线如果在创建第二个锚点的时候按下鼠标左键并拖动,会改变两个锚点个锚点的时候按下鼠标左键并拖动,会改变两个锚点之间直线的曲率,使直线变为曲线之间直线的曲率,使直线变为曲线21 八月 20245.2.2 5.2.2 绘制与编辑几何图形绘制与编辑几何图形1.1.““椭圆椭圆””工具与工具与““基本椭圆基本椭圆””工具工具 ““椭圆椭圆””工具可以用来绘制圆形在工具面板上选工具可以用来绘制圆形在工具面板上选择择““椭圆椭圆””工具,按住鼠标左键在舞台上拖动,就可工具,按住鼠标左键在舞台上拖动,就可以绘制出一个椭圆。
如果在绘制的同时按住以绘制出一个椭圆如果在绘制的同时按住ShiftShift键,键,就可以绘制出一个正圆就可以绘制出一个正圆 ““基本椭圆基本椭圆””工具的基本功能与工具的基本功能与““椭圆椭圆””工具相似,工具相似,使用使用““基本椭圆基本椭圆””工具可以绘制出更加易于控制和修工具可以绘制出更加易于控制和修改的椭圆形状选择改的椭圆形状选择““基本椭圆基本椭圆””工具,拖动鼠标左工具,拖动鼠标左键绘制出基本椭圆,选择工具面板上的键绘制出基本椭圆,选择工具面板上的““选择选择””工具,工具,拖动基本椭圆圆周上的控制点,可以调整椭圆的完整拖动基本椭圆圆周上的控制点,可以调整椭圆的完整性;拖动圆心处的控制点可以将基本椭圆调整为圆环性;拖动圆心处的控制点可以将基本椭圆调整为圆环21 八月 2024具有笔触颜色和填充色的椭圆具有笔触颜色和填充色的椭圆基本椭圆工具的调整基本椭圆工具的调整21 八月 2024 多多角星形角星形”工具可以用来绘制多边形和多角星形,工具可以用来绘制多边形和多角星形,运用较为广泛与运用较为广泛与“椭圆椭圆”工具相比,工具相比,“多角星形多角星形”工具的属性面板上多了一个工具的属性面板上多了一个“选项选项”按钮,单击按钮,单击“选选项项”按钮按钮,可以选择多角星形的边数和样式,可以选择多角星形的边数和样式2 2 ““多角星形椭圆多角星形椭圆””工具工具工具设置对话框工具设置对话框21 八月 20245.2.3 5.2.3 创建与编辑文本创建与编辑文本1.1.静态文本静态文本 静态文本主要用来显示静态的信息,在影片播放静态文本主要用来显示静态的信息,在影片播放中不会发生改变。
在工具面板上选择中不会发生改变在工具面板上选择“文本文本”工具,工具,在属性面板的在属性面板的“文本类型文本类型”下拉列表框中选择下拉列表框中选择“静态静态文本文本”选项,在舞台上绘制一个文本框,输入文字即选项,在舞台上绘制一个文本框,输入文字即可 静态文本除了可以用来显示静态信息之外,还可静态文本除了可以用来显示静态信息之外,还可以做出很有创意的艺术字,如空心字、彩虹字等在以做出很有创意的艺术字,如空心字、彩虹字等在对文本进行创意修改之前,需要将文本分离选中文对文本进行创意修改之前,需要将文本分离选中文本执行本执行“修改修改”→“分离分离”命令,就可以将文本进行命令,就可以将文本进行第一次分离,这时每个文字都会被分离到一个单个文第一次分离,这时每个文字都会被分离到一个单个文本框中,重复上述操作可以将文本进行第二次分离,本框中,重复上述操作可以将文本进行第二次分离,这时所有文本都会成为图形这时所有文本都会成为图形21 八月 2024 动态动态文本主要用于制作能够动态更新的文本文本主要用于制作能够动态更新的文本内容,如计时器、天气预报等在工具面板上选内容,如计时器、天气预报等。
在工具面板上选择择““文本文本””工具,在属性面板的工具,在属性面板的““文本类型文本类型””下下拉列表框中选择拉列表框中选择““动态文本动态文本””选项,在舞台上按选项,在舞台上按住鼠标左键拖动就绘制出了一个动态文本框住鼠标左键拖动就绘制出了一个动态文本框2 .2 .动态文本动态文本21 八月 2024 输入输入文本主要用于在用户和文本主要用于在用户和FlashFlash动画之间产生动画之间产生交互,如用户输入用户名、密码、表单等在工具面交互,如用户输入用户名、密码、表单等在工具面板上选择板上选择““文本文本””工具,在属性面板的工具,在属性面板的““文本类型文本类型””下拉列表框中选择下拉列表框中选择““输入文本输入文本””选项,在舞台上按住选项,在舞台上按住鼠标左键拖动就绘制出了一个输入文本框鼠标左键拖动就绘制出了一个输入文本框3.3.输入文本输入文本21 八月 2024((1 1)新建一个)新建一个FlashFlash文档2 2)在工具面板中选择)在工具面板中选择““多角星形多角星形””工具,在其属性面工具,在其属性面板中单击板中单击““选项选项””按钮,在弹出的按钮,在弹出的““工具设置工具设置””对话对话框中设置样式为框中设置样式为““多边形多边形””,边数为,边数为3 3,星形顶点大小,星形顶点大小为默认的为默认的0.500.50,单击,单击““确定确定””按钮。
按钮3 3)在)在““多角星形多角星形””工具的属性面板中将笔触颜色设置工具的属性面板中将笔触颜色设置为为““黑色黑色””,填充颜色设置为,填充颜色设置为““无无””,在舞台中按住,在舞台中按住鼠标左键拖动,绘制出一个三角形鼠标左键拖动,绘制出一个三角形4 4)使用)使用““选择选择””工具,对所绘制的三角形进行调整工具,对所绘制的三角形进行调整5 5)使用)使用““线条线条””工具绘制鱼尾,并使用工具绘制鱼尾,并使用““选择选择””工具工具对鱼尾进行调整对鱼尾进行调整实例实例——绘制热带鱼绘制热带鱼调整鱼身调整鱼身绘制并调整鱼尾绘制并调整鱼尾21 八月 2024绘制鱼眼和斑纹绘制鱼眼和斑纹 ((6 6)使用)使用““椭圆椭圆””工具绘制鱼眼,工具绘制鱼眼,““线条线条””工具绘制工具绘制鱼身上的斑纹并进行调整鱼身上的斑纹并进行调整 ((7 7)使用)使用““颜料桶颜料桶””工具对热带鱼身体的各个部位填工具对热带鱼身体的各个部位填充颜色,双击选中鱼身上的笔触颜色,按充颜色,双击选中鱼身上的笔触颜色,按DeleteDelete键删除 ((8 8)使用)使用““静态文本静态文本””工具在舞台中输入文本工具在舞台中输入文本““热带热带鱼鱼””,并对其进行两次分离操作。
并对其进行两次分离操作 ((9 9)在文本属性面板中将文本)在文本属性面板中将文本““热带鱼热带鱼””的填充色修的填充色修改为彩虹色改为彩虹色 ((1010)执行)执行““文件文件””→→““保存保存””命令,保存文件并命名命令,保存文件并命名为为““热带鱼热带鱼””填充颜色并删除笔触颜色填充颜色并删除笔触颜色输入并分离文本输入并分离文本修改文本填充颜色修改文本填充颜色21 八月 20245.3 5.3 图层的使用图层的使用5.3.15.3.1图层的创建和编辑图层的创建和编辑1.1.创建与删除图层创建与删除图层 当新建了一个当新建了一个FlashFlash文档后,在时间轴面板上有一文档后,在时间轴面板上有一个默认的个默认的““图层图层1 1””,在制作较为复杂的动画时,可以,在制作较为复杂的动画时,可以创建更多的图层单击时间轴面板上的创建更多的图层单击时间轴面板上的““新建图层新建图层””按钮,即可在当前图层的上方插入一个新的图层按钮,即可在当前图层的上方插入一个新的图层 要删除一个图层,需要先选中它,然后单击时间要删除一个图层,需要先选中它,然后单击时间轴面板上的轴面板上的““删除删除””按钮,即可删除选中的图层。
按钮,即可删除选中的图层21 八月 2024 如要对某个图层进行修改或编辑时,需要首先选如要对某个图层进行修改或编辑时,需要首先选中该图层,可以通过单击时间轴面板上的图层名称、中该图层,可以通过单击时间轴面板上的图层名称、图层上的某个帧、图层中的任一个对象图层上的某个帧、图层中的任一个对象3 3种途径来选种途径来选中一个图层;如果要选中连续的多个图层,可以先单中一个图层;如果要选中连续的多个图层,可以先单击一个起始图层,然后按住击一个起始图层,然后按住ShiftShift键,再单击需要选键,再单击需要选择的最后一个图层即可;如果要选中不连续的多个图择的最后一个图层即可;如果要选中不连续的多个图层,按住层,按住CtrlCtrl键的同时选择不同的图层即可键的同时选择不同的图层即可 对图层的重命名有两种方法:其一,在需要进行对图层的重命名有两种方法:其一,在需要进行重命名的图层名称上双击,输入新的图层名称即可;重命名的图层名称上双击,输入新的图层名称即可;其二,右击需要进行重命名的图层,在弹出的快捷菜其二,右击需要进行重命名的图层,在弹出的快捷菜单中选择单中选择““属性属性””命令,打开命令,打开““图层属性图层属性””对话框,对话框,输入新的图层名称,单击输入新的图层名称,单击““确定确定””按钮即可。
按钮即可2.2.选择与重命名图层选择与重命名图层21 八月 2024 如果舞台上对象比较多,会使操作不便,可以先隐如果舞台上对象比较多,会使操作不便,可以先隐藏当前暂时不需要操作的图层,隐藏后的图层不能进藏当前暂时不需要操作的图层,隐藏后的图层不能进行编辑操作隐藏某个图层,只需要单击该图层上对行编辑操作隐藏某个图层,只需要单击该图层上对应的应的“显示或隐藏所有图层显示或隐藏所有图层”按钮对应的小圆点,小按钮对应的小圆点,小圆点变成,则该图层被隐藏再次单击,图层又被显圆点变成,则该图层被隐藏再次单击,图层又被显示出来单击图层上方的眼睛图标可以将所有图层隐示出来单击图层上方的眼睛图标可以将所有图层隐藏3.3.显示显示/ / 隐藏图层隐藏图层21 八月 2024 在对某个图层上的对象进行编辑时,为避免对其他在对某个图层上的对象进行编辑时,为避免对其他图层的对象误操作,可以将当前编辑图层之外的图层锁图层的对象误操作,可以将当前编辑图层之外的图层锁定,被锁定图层上的内容就不能被编辑锁定某个图层,定,被锁定图层上的内容就不能被编辑锁定某个图层,只需要单击图层上对应的只需要单击图层上对应的“锁定或解除锁定所有图层锁定或解除锁定所有图层”按钮对应的小圆点,则该图层被锁定,再次单击,图层按钮对应的小圆点,则该图层被锁定,再次单击,图层又被解锁。
单击图层上方的小锁图标,可以将所有图层又被解锁单击图层上方的小锁图标,可以将所有图层锁定4.4.锁定锁定/ / 解锁图层解锁图层21 八月 2024 在制作动画时,有时候需要观察某些对象的轮廓在制作动画时,有时候需要观察某些对象的轮廓线,这就需要以图层轮廓的方式显示要让某个图层线,这就需要以图层轮廓的方式显示要让某个图层以轮廓方式显示,只需要单击该图层上对应的以轮廓方式显示,只需要单击该图层上对应的“显示显示所有图层的轮廓所有图层的轮廓”按钮下的彩色小方块即可如果要按钮下的彩色小方块即可如果要显示所有图层内容的轮廓线,则单击显示所有图层内容的轮廓线,则单击“显示所有图层显示所有图层的轮廓的轮廓”按钮即可,再次单击,恢复显示内容按钮即可,再次单击,恢复显示内容5.5.显示图层轮廓显示图层轮廓21 八月 2024 在时间轴中,新创建的图层会默认在当前图层的在时间轴中,新创建的图层会默认在当前图层的上方,其内容会覆盖下方图层的内容,更改图层的顺上方,其内容会覆盖下方图层的内容,更改图层的顺序会呈现出不同的效果要更改图层的顺序,可以直序会呈现出不同的效果。
要更改图层的顺序,可以直接拖动所需改变顺序的图层到适当的位置,然后释放接拖动所需改变顺序的图层到适当的位置,然后释放鼠标即可在拖动的过程中会出现一条带圆圈的黑色鼠标即可在拖动的过程中会出现一条带圆圈的黑色实线,表示图层已经拖动到需要的位置实线,表示图层已经拖动到需要的位置6 .6 .更改图层顺序更改图层顺序21 八月 20245.3.2 5.3.2 引导层的创建与使用引导层的创建与使用1.1.创建引导层创建引导层 按照引导层功能的不同,引导层可以分为普通引导按照引导层功能的不同,引导层可以分为普通引导层和运动引导层两种类型层和运动引导层两种类型 普通引导层主要用于辅助静态对象定位,并且可以普通引导层主要用于辅助静态对象定位,并且可以不使用被引导层而单独使用创建普通引导层,只需右不使用被引导层而单独使用创建普通引导层,只需右击要创建普通引导层的图层,在弹出的快捷菜单中选择击要创建普通引导层的图层,在弹出的快捷菜单中选择“引导层引导层”命令即可,普通引导层在图层名称的前方会命令即可,普通引导层在图层名称的前方会有图标 运动引导层主要用于绘制对象的运动路径,可以将运动引导层主要用于绘制对象的运动路径,可以将图层链接到同一个运动引导层中,使图层中的对象沿引图层链接到同一个运动引导层中,使图层中的对象沿引导层中的路径运动,这时该图层将位于运动引导层下方导层中的路径运动,这时该图层将位于运动引导层下方并成为被引导层。
创建运动引导层,只需右击要创建运并成为被引导层创建运动引导层,只需右击要创建运动引导层的图层,在弹出的快捷菜单中选择动引导层的图层,在弹出的快捷菜单中选择“添加传统添加传统运动引导层运动引导层”命令即可命令即可21 八月 2024 利用运动引导层制作的引导线动画,可以帮助利用运动引导层制作的引导线动画,可以帮助对象实现较为复杂的运动效果对象实现较为复杂的运动效果2.2.使用运动引导层使用运动引导层21 八月 2024((1 1)新建一个)新建一个FlashFlash文档2 2)将)将““图层图层1 1””重命名为重命名为““蜻蜓蜻蜓””,执行,执行““文件文件””→→““导入导入””→→““导入到舞台导入到舞台””命令,打开命令,打开““导入导入””对话框,将名为对话框,将名为““蜻蜻蜓蜓.wmf.wmf””的文件导入到舞台当中的文件导入到舞台当中3 3)执行)执行““修改修改””→→““组合组合””命令,将蜻蜓进行组合,并调整为命令,将蜻蜓进行组合,并调整为合适的大小合适的大小4 4)右击)右击““蜻蜓蜻蜓””图层,在弹出的快捷菜单中选择图层,在弹出的快捷菜单中选择““添加传统运添加传统运动引导层动引导层””命令,创建运动引导层命令,创建运动引导层((5 5)使用)使用““铅笔铅笔””工具,选择工具,选择““铅笔铅笔””工具的工具的““铅笔模式铅笔模式””为为““平滑平滑””,在运动引导层中画出蜻蜓需要飞行的路径,在运动引导层中画出蜻蜓需要飞行的路径((6 6)在)在““蜻蜓蜻蜓””图层的第图层的第2020帧处按帧处按F6F6键插入关键帧,右击第键插入关键帧,右击第1 1帧帧和第和第2020帧中间任何一帧,在弹出的快捷菜单中选择帧中间任何一帧,在弹出的快捷菜单中选择““创建传统创建传统补间补间””命令;在命令;在““引导层引导层””中的第中的第2020帧处按帧处按F5F5键插入普通帧键插入普通帧((7 7)选择)选择““蜻蜓蜻蜓””图层的第图层的第1 1帧,将帧,将““蜻蜓蜻蜓””放置在引导线的起放置在引导线的起始位置,当对象靠近时,就会自动和引导线的端点重合;再选始位置,当对象靠近时,就会自动和引导线的端点重合;再选择第择第2020帧,将帧,将““蜻蜓蜻蜓””放置在引导线的结束位置放置在引导线的结束位置((8 8)执行)执行““控制控制””→→““测试影片测试影片””命令,或者按命令,或者按Ctrl+EnterCtrl+Enter组合组合键就可以测试动画的效果了。
键就可以测试动画的效果了9 9)执行)执行““文件文件””→→““保存保存””命令,保存当前文件执行命令,保存当前文件执行““文件文件””→→““导出导出””→→““导出影片导出影片””命令,可以将文件导出为命令,可以将文件导出为SWFSWF等等格式的文件格式的文件实例实例——飞舞的蜻蜓飞舞的蜻蜓21 八月 2024飞舞的蜻蜓飞舞的蜻蜓21 八月 20245.3.3 5.3.3 遮罩层的创建与使用遮罩层的创建与使用1.1.遮罩的含义遮罩的含义 遮罩类似于遮罩类似于PhotoshopPhotoshop中的中的““蒙版蒙版””,遮罩动画就,遮罩动画就好比是在一张纸上挖了一个洞,这个洞可以有各种各样好比是在一张纸上挖了一个洞,这个洞可以有各种各样的形状,这张纸就相当于遮罩层,它的作用是透过遮罩的形状,这张纸就相当于遮罩层,它的作用是透过遮罩层上面的图形看到下面图层的对象内容层上面的图形看到下面图层的对象内容 遮罩动画是由遮罩层和被遮罩层组成的,遮罩层遮罩动画是由遮罩层和被遮罩层组成的,遮罩层中的实心对象被视为是透明的区域,透过这个区域可以中的实心对象被视为是透明的区域,透过这个区域可以看到下方被遮罩层的内容;而实心对象以外的区域,则看到下方被遮罩层的内容;而实心对象以外的区域,则被视为不透明的区域,被这个区域覆盖的被遮罩层的内被视为不透明的区域,被这个区域覆盖的被遮罩层的内容不会被看到。
容不会被看到 遮罩层中的实心对象可以是形状、文本、图形元遮罩层中的实心对象可以是形状、文本、图形元件的实例或影片剪辑等,线条不能作为遮罩层中的实心件的实例或影片剪辑等,线条不能作为遮罩层中的实心对象 提示:遮罩层中的填充色、不透明度以及渐变色等提示:遮罩层中的填充色、不透明度以及渐变色等会被忽略,其透明区域只与实心区域的形状有关会被忽略,其透明区域只与实心区域的形状有关21 八月 2024 Flash Flash当中的遮罩层都是由普通图层转换而来的,当中的遮罩层都是由普通图层转换而来的,只要在需要转换的图层上右击,在弹出的快捷菜单中选只要在需要转换的图层上右击,在弹出的快捷菜单中选择择““遮罩层遮罩层””命令,普通图层即被转换为遮罩层,命令,普通图层即被转换为遮罩层, 制作遮罩动画必须至少有两个图层,被遮罩的图制作遮罩动画必须至少有两个图层,被遮罩的图层可以有一个以上如果要创建多个被遮罩层,可以直层可以有一个以上如果要创建多个被遮罩层,可以直接在遮罩层的下方创建新的图层,也可以利用右击的方接在遮罩层的下方创建新的图层,也可以利用右击的方法打开法打开““图层属性图层属性””对话框,通过修改图层属性来创建对话框,通过修改图层属性来创建被遮罩层。
被遮罩层2.2.创建遮罩层创建遮罩层21 八月 2024 遮罩是用来显示和隐藏图层区域的技术,可以用遮罩是用来显示和隐藏图层区域的技术,可以用来实现很多的特殊效果来实现很多的特殊效果3.3.遮罩层的使用遮罩层的使用21 八月 2024((1 1)新建一个)新建一个FlashFlash文档2 2)用)用““文本文本””工具在舞台输入文本工具在舞台输入文本““FlashFlash遮罩动画遮罩动画制作制作””,并调整为合适的大小和位置并调整为合适的大小和位置3 3)新建一个)新建一个““图层图层2 2””,在该图层中使用,在该图层中使用““椭圆椭圆””工工具绘制一个圆形具绘制一个圆形4 4)在)在““图层图层1 1””的第的第3535帧处插入普通帧,在帧处插入普通帧,在““图层图层2 2””的第的第3535帧插入关键帧,移动圆形到文本的结束位帧插入关键帧,移动圆形到文本的结束位置,并创建传统补间动画置,并创建传统补间动画5 5)在)在““图层图层2 2””上右击,在弹出的快捷菜单中选择上右击,在弹出的快捷菜单中选择““遮罩层遮罩层””命令,将命令,将““图层图层2 2””转换为遮罩层,同时,转换为遮罩层,同时,““图层图层1 1””也自动转换为被遮罩层。
也自动转换为被遮罩层6 6)执行)执行““控制控制””→→““测试影片测试影片””命令,或者按命令,或者按Ctrl+EnterCtrl+Enter组合键就可以测试动画的效果了组合键就可以测试动画的效果了7 7)执行)执行““文件文件””→→““保存保存””命令,输入文件名称并命令,输入文件名称并保存实例实例——简单的探照灯效果简单的探照灯效果21 八月 2024简单的探照灯效果简单的探照灯效果21 八月 20245.4 5.4 帧、元件与实例的操作帧、元件与实例的操作5.4.1 5.4.1 时间轴面板上的帧时间轴面板上的帧1.1.普通帧普通帧 普通帧中的内容是前一个关键帧中内容的延续在普通帧中的内容是前一个关键帧中内容的延续在FlashFlash中,连续的普通帧在时间轴面板上以灰色显示,并中,连续的普通帧在时间轴面板上以灰色显示,并且在连续普通帧的最后一帧中有一个空心矩形框且在连续普通帧的最后一帧中有一个空心矩形框 普通帧连续普通帧的内容都相同,如果修改其中任普通帧连续普通帧的内容都相同,如果修改其中任何一帧中的内容,其他帧中的内容也随之更新。
普通帧何一帧中的内容,其他帧中的内容也随之更新普通帧常用于放置动画中需要静态显示的内容,如背景、静态常用于放置动画中需要静态显示的内容,如背景、静态文本等21 八月 2024 在在FlashFlash中,要使任何对象产生动画,需要定义至中,要使任何对象产生动画,需要定义至少两个不同的关键画面,这两个关键画面就是关键帧少两个不同的关键画面,这两个关键画面就是关键帧关键帧是动画用来变化转折的帧,在动画制作中起关关键帧是动画用来变化转折的帧,在动画制作中起关键作用关键帧在时间轴面板中以黑色实心圆点显示关键帧在时间轴面板中以黑色实心圆点显示2.2.关键帧关键帧21 八月 2024 空白关键帧是不包含任何内容的关键帧删除关空白关键帧是不包含任何内容的关键帧删除关键帧中的对象,会使关键帧转换为空白关键帧,同理,键帧中的对象,会使关键帧转换为空白关键帧,同理,在空白关键帧中添加内容,会使空白关键帧转换为关在空白关键帧中添加内容,会使空白关键帧转换为关键帧在动画中利用关键帧时,左侧相邻的内容就会键帧在动画中利用关键帧时,左侧相邻的内容就会自动复制到新插入的关键帧中,如果不想让新关键帧自动复制到新插入的关键帧中,如果不想让新关键帧继承前面帧的内容,可以采用插入空白关键帧的方法,继承前面帧的内容,可以采用插入空白关键帧的方法,或者将关键帧中的内容删除即可。
新建一个或者将关键帧中的内容删除即可新建一个FlashFlash文文档时,默认的档时,默认的““图层图层1 1””的第的第1 1帧就是空白关键帧空帧就是空白关键帧空白关键帧在时间轴中以空心小圆圈显示白关键帧在时间轴中以空心小圆圈显示 空白关键帧除上述空白关键帧除上述3 3种类型的帧之外,在种类型的帧之外,在FlashFlash中中还有空白帧、过渡帧、添加了还有空白帧、过渡帧、添加了ActionScriptActionScript脚本的关脚本的关键帧、添加了声音的帧等类型键帧、添加了声音的帧等类型 除了除了““帧帧””之外,之外,““帧速率帧速率””也是一个常见的概也是一个常见的概念,帧速率就是在念,帧速率就是在1 1秒的时间里动画播放的帧数帧秒的时间里动画播放的帧数帧速率越高,得到的动画越流畅速率越高,得到的动画越流畅3.3.空白关键帧空白关键帧21 八月 20245.4.2 5.4.2 帧的操作帧的操作 1.1.选择帧选择帧 在在对帧进行操作之前,首先需要选中该帧,在时间轴对帧进行操作之前,首先需要选中该帧,在时间轴面板上选择帧,主要有以下几种情况面板上选择帧,主要有以下几种情况::((1 1)选择某个帧。
将光标移动到需要选择的帧上单击即可,)选择某个帧将光标移动到需要选择的帧上单击即可,被选中的帧会以蓝色显示被选中的帧会以蓝色显示2 2)选择多个连续的帧可以在同一图层或多个图层之间)选择多个连续的帧可以在同一图层或多个图层之间直接拖动鼠标选择多个连续的帧;也可以先单击选中开直接拖动鼠标选择多个连续的帧;也可以先单击选中开始帧,按住始帧,按住ShiftShift键的同时再单击结束帧即可键的同时再单击结束帧即可3 3)选择多个不连续的帧按住)选择多个不连续的帧按住CtrlCtrl键的同时,逐个单击键的同时,逐个单击需要选择的帧即可需要选择的帧即可4 4)选择所有帧执行)选择所有帧执行““编辑编辑””→→““时间轴时间轴””→→““选择所选择所有帧有帧””命令可以选择所有帧;也可以在任何一帧上右击,命令可以选择所有帧;也可以在任何一帧上右击,在弹出的快捷菜单中选择在弹出的快捷菜单中选择““选择所有帧选择所有帧””命令;要选择命令;要选择同一个图层的所有帧,可以直接在图层上单击,这个图同一个图层的所有帧,可以直接在图层上单击,这个图层中的所有帧就都被选中了层中的所有帧就都被选中了21 八月 2024 在在时间轴面板中插入帧,主要有以下时间轴面板中插入帧,主要有以下3 3种方法:种方法:((1 1)使用菜单。
先选择需要插入帧的位置,然后执行)使用菜单先选择需要插入帧的位置,然后执行““插入插入””→→““时间轴时间轴””命令,在子菜单中选择需要插入的帧的类命令,在子菜单中选择需要插入的帧的类型即可,可以插入帧(普通帧)、关键帧和空白关键帧型即可,可以插入帧(普通帧)、关键帧和空白关键帧2 2)使用快捷键先选择需要插入帧的位置,然后按)使用快捷键先选择需要插入帧的位置,然后按F5F5键,键,可以插入普通帧;按可以插入普通帧;按F6F6键,可以插入关键帧;按键,可以插入关键帧;按F7F7键,可键,可以插入空白关键帧以插入空白关键帧3 3)使用快捷菜单在时间轴面板中右击插入帧的位置,在)使用快捷菜单在时间轴面板中右击插入帧的位置,在弹出的快捷菜单中选择需要插入帧的类型即可,可以插入弹出的快捷菜单中选择需要插入帧的类型即可,可以插入普通帧、关键帧和空白关键帧普通帧、关键帧和空白关键帧2.2.插入帧插入帧21 八月 2024 清除帧清除帧: 清除清除帧是清除所选帧的内容,使其变为空白关键帧或帧是清除所选帧的内容,使其变为空白关键帧或空白帧,清除关键帧是清除关键帧的内容,使其变为普通空白帧,清除关键帧是清除关键帧的内容,使其变为普通帧。
要进行清除帧的操作,需首先选中要清除的帧,然后帧要进行清除帧的操作,需首先选中要清除的帧,然后右击被选中的帧,在弹出的快捷菜单中选择右击被选中的帧,在弹出的快捷菜单中选择“清除帧清除帧”命命令即可清除帧的操作同样可以使用菜单来完成令即可清除帧的操作同样可以使用菜单来完成 删除帧删除帧: 删除删除帧与清除帧的区别在于,删除帧不仅可以把帧中帧与清除帧的区别在于,删除帧不仅可以把帧中的内容清除,还可以把被选中的帧删除,还原为初始状态的内容清除,还可以把被选中的帧删除,还原为初始状态要进行删除帧的操作,需首先选中要删除的帧,然后右击要进行删除帧的操作,需首先选中要删除的帧,然后右击被选中的帧,在弹出的快捷菜单中选择被选中的帧,在弹出的快捷菜单中选择“删除帧删除帧”命令即命令即可删除帧的操作同样可以使用菜单来完成可删除帧的操作同样可以使用菜单来完成3.3.清除清除帧与删除帧帧与删除帧21 八月 2024 1 1)移动帧)移动帧 在在FlashFlash动画制作过程中,经常需要对某些帧进行动画制作过程中,经常需要对某些帧进行移动操作。
要移动帧,选中需要移动的帧,然后直接移动操作要移动帧,选中需要移动的帧,然后直接拖动它们到目标位置后释放即可拖动它们到目标位置后释放即可 2 2)复制帧)复制帧 复制复制帧可以将选中的帧复制一份粘贴到其他位置,帧可以将选中的帧复制一份粘贴到其他位置,可以是同一文档中的某个位置,也可以是不同文档中可以是同一文档中的某个位置,也可以是不同文档中的目标位置的目标位置 要要复制帧,首先要选中需要复制的帧,右击选中的复制帧,首先要选中需要复制的帧,右击选中的帧,在弹出的快捷菜单中选择帧,在弹出的快捷菜单中选择““复制帧复制帧””命令,然后命令,然后在目标位置上右击,在弹出的快捷菜单中选择在目标位置上右击,在弹出的快捷菜单中选择““粘贴粘贴帧帧””命令即可复制帧的操作同样可以通过菜单来完命令即可复制帧的操作同样可以通过菜单来完成成 剪切剪切帧的操作和复制帧类似,区别在于剪切帧后,帧的操作和复制帧类似,区别在于剪切帧后,原来位置的帧不存在了原来位置的帧不存在了4.4.移动帧与复制帧移动帧与复制帧21 八月 2024 翻转翻转帧可以将一个图层上所有帧的排列顺序翻转帧可以将一个图层上所有帧的排列顺序翻转为倒序排列,即原来的第一帧变为最后一帧,原来的为倒序排列,即原来的第一帧变为最后一帧,原来的最后一帧变为第一帧。
利用翻转帧命令可以做出比较最后一帧变为第一帧利用翻转帧命令可以做出比较特殊的动画效果特殊的动画效果 要要进行翻转帧的操作,首先需要选中所有需要翻进行翻转帧的操作,首先需要选中所有需要翻转的帧,右击选中的帧,在弹出的快捷菜单中选择转的帧,右击选中的帧,在弹出的快捷菜单中选择“翻转帧翻转帧”命令即可命令即可5.5.翻转帧翻转帧21 八月 20245.4.3 5.4.3 元件与实例操作元件与实例操作1.1.认识元件和实例认识元件和实例 在制作在制作FlashFlash动画时,经常需要重复使用某一元动画时,经常需要重复使用某一元素,例如,制作下雪、下雨、花瓣飘落等效果,雪花、素,例如,制作下雪、下雨、花瓣飘落等效果,雪花、雨点、花瓣等都可以基于一个元素来完成,这个元素雨点、花瓣等都可以基于一个元素来完成,这个元素在在FlashFlash中就被称为元件中就被称为元件 实例是元件的具体表现形式,是元件在舞台上的实例是元件的具体表现形式,是元件在舞台上的一次具体使用,当把元件从库面板中拖动到舞台中时,一次具体使用,当把元件从库面板中拖动到舞台中时,就成为了该元件的一个实例。
如果把元件比做演员,就成为了该元件的一个实例如果把元件比做演员,实例就是演员所扮演的角色一个演员可以扮演多个实例就是演员所扮演的角色一个演员可以扮演多个角色21 八月 2024 实例可以放置在舞台上,也可以嵌套在其他元件实例可以放置在舞台上,也可以嵌套在其他元件内部使用实例可以使影片的编辑操作更加高效,当内部使用实例可以使影片的编辑操作更加高效,当需要对多个重复的元素进行修改时,只要对相对应的需要对多个重复的元素进行修改时,只要对相对应的元件进行修改就可以了,该元件所有的实例都会随之元件进行修改就可以了,该元件所有的实例都会随之被修改当对某个实例进行编辑和修改时,该实例所被修改当对某个实例进行编辑和修改时,该实例所对应的元件和其他实例都不会受到影响,每个实例都对应的元件和其他实例都不会受到影响,每个实例都可以拥有自己的属性,如大小、颜色、不透明度等可以拥有自己的属性,如大小、颜色、不透明度等 元件必须有与之相对应的实例存在才有意义,如元件必须有与之相对应的实例存在才有意义,如果一个元件在动画中没有对应的实例存在,那么这将果一个元件在动画中没有对应的实例存在,那么这将是个多余的元件,即元件没有被使用。
是个多余的元件,即元件没有被使用21 八月 2024 1 1)图形元件)图形元件 图形元件是主要用于静态图像的元件类型,可以由图形元件是主要用于静态图像的元件类型,可以由多个图形元件组成一个新的图形元件用于创建可重多个图形元件组成一个新的图形元件用于创建可重复使用的动画片段,是一种基本元件类型复使用的动画片段,是一种基本元件类型 2 2)按钮元件)按钮元件 按钮元件是一种特殊元件,它主要用于创建交互响按钮元件是一种特殊元件,它主要用于创建交互响应,是具备鼠标事件响应效果的元件在按钮元件中,应,是具备鼠标事件响应效果的元件在按钮元件中,可以定义与各种按钮状态关联的图形图像,然后将动可以定义与各种按钮状态关联的图形图像,然后将动作指定给按钮实例当创建一个按钮元件时,作指定给按钮实例当创建一个按钮元件时,FlashFlash会会创建一个拥有创建一个拥有4 4帧的时间轴,前帧的时间轴,前3 3帧分别为弹起、指针帧分别为弹起、指针经过、按下时的经过、按下时的3 3种状态,第种状态,第4 4帧为定义按钮的活动区帧为定义按钮的活动区域。
域 3 3)影片剪辑元件)影片剪辑元件 影片剪辑元件可以创建一段动画剪辑,是构成复杂影片剪辑元件可以创建一段动画剪辑,是构成复杂动画不可或缺的元件影片剪辑元件拥有独立的时间动画不可或缺的元件影片剪辑元件拥有独立的时间轴,可以对影片剪辑进行轴,可以对影片剪辑进行ActionScriptActionScript动作脚本的设动作脚本的设置2.2.元件的类型元件的类型21 八月 2024 1 1)创建空白元件)创建空白元件 创建空白元件是在创建空白元件是在FlashFlash中直接创建一个元件,然后在中直接创建一个元件,然后在元件的编辑模式中创建、编辑元件的内容元件的编辑模式中创建、编辑元件的内容 2 2)将对象转换为元件)将对象转换为元件 除新建空白元件之外,还可以直接将工作区中已有的除新建空白元件之外,还可以直接将工作区中已有的对象转换为元件,再进行编辑对象转换为元件,再进行编辑3.3.创建元件创建元件21 八月 2024 1 1)创建实例)创建实例 创建实例的方法比较简单,要创建某个元件的实创建实例的方法比较简单,要创建某个元件的实例,只需要在库面板中将元件拖动到舞台中,就可以例,只需要在库面板中将元件拖动到舞台中,就可以创建该元件的一个实例,多次拖动,就可以创建多个创建该元件的一个实例,多次拖动,就可以创建多个实例。
实例 2 2)改变实例属性)改变实例属性 每个实例都可以有相对于元件独立的属性,例如,每个实例都可以有相对于元件独立的属性,例如,可以改变实例的颜色、亮度、不透明度等属性,也可可以改变实例的颜色、亮度、不透明度等属性,也可以对实例进行缩放、翻转、旋转、扭曲等操作,还可以对实例进行缩放、翻转、旋转、扭曲等操作,还可以改变实例的类型所有这些操作都不会影响该实例以改变实例的类型所有这些操作都不会影响该实例的元件和其他的实例的元件和其他的实例4.4.创建与编辑实例创建与编辑实例21 八月 20243)分离实例)分离实例如果需要脱离元件而存在,即元件改变如果需要脱离元件而存在,即元件改变时不会对该实例产生影响,需要对实例时不会对该实例产生影响,需要对实例进行分离操作,实例分离后,可以对该进行分离操作,实例分离后,可以对该实例的某一个部分进行编辑实例的某一个部分进行编辑 4)交换实例)交换实例在实例创建后,可以将某个实例与另外在实例创建后,可以将某个实例与另外一个元件进行交换例如,可以用一个一个元件进行交换例如,可以用一个悲伤的表情来交换一个微笑的表情,选悲伤的表情来交换一个微笑的表情,选中需要交换的实例,单击属性面板中的中需要交换的实例,单击属性面板中的“交换交换”按钮,在弹出的按钮,在弹出的“交换元件交换元件”对话框中,选择需要交换的元件,单击对话框中,选择需要交换的元件,单击“确定确定”按钮即可。
按钮即可21 八月 2024((1 1)新建一个)新建一个FlashFlash文档2 2)选择)选择““矩形矩形””工具,在工具,在““矩形矩形””工具的属性面板中设工具的属性面板中设置填充色为白色到蓝色的置填充色为白色到蓝色的““线性线性””填充3 3)使用)使用““矩形矩形””工具画一个和舞台一样大小的矩形,并工具画一个和舞台一样大小的矩形,并使用使用““渐变变形渐变变形””工具对矩形的填充色进行旋转和编辑工具对矩形的填充色进行旋转和编辑4 4)右击夜空,在弹出的快捷菜单中选择)右击夜空,在弹出的快捷菜单中选择““转换为元件转换为元件””命令,打开命令,打开““转换为元件转换为元件””对话框,在对话框,在““名称名称””文本框文本框中输入中输入““夜空夜空””,在,在““类型类型””下拉列表框中选择下拉列表框中选择““图形图形””元件类型,单击元件类型,单击““确定确定””按钮5 5)新建一个名为)新建一个名为““月亮月亮””的图形元件,进入元件的编辑的图形元件,进入元件的编辑模式,选择模式,选择““椭圆椭圆””工具,执行工具,执行““窗口窗口””→→““颜色颜色””命命令,打开颜色面板,设置颜色面板的属性。
令,打开颜色面板,设置颜色面板的属性实例实例————使用元件和实例制作星空效果使用元件和实例制作星空效果21 八月 2024((6 6)在月亮元件的编辑模式内画一个正圆;将)在月亮元件的编辑模式内画一个正圆;将““椭圆椭圆””工具的填充色更改为白色,新建一个工具的填充色更改为白色,新建一个““图层图层2 2””,在,在““图层图层2 2””中绘制一个正圆,并调整两个圆的位置中绘制一个正圆,并调整两个圆的位置7 7)新建一个名为)新建一个名为““星星星星””的图形元件,进入元件的的图形元件,进入元件的编辑模式,选择编辑模式,选择““多角星形多角星形””工具,在属性面板上单击工具,在属性面板上单击““选项选项””按钮,打开按钮,打开““工具设置工具设置””对话框,并在元件的对话框,并在元件的编辑模式中绘制出浅黄色的星星编辑模式中绘制出浅黄色的星星8 8)单击)单击““场景场景1 1””回到影片编辑模式下,新建一个回到影片编辑模式下,新建一个““图层图层2 2””,在,在““图层图层2 2””中将中将““月亮月亮””元件拖动到舞台中,元件拖动到舞台中,并调整大小和位置并调整大小和位置9 9)新建一个)新建一个““图层图层3 3””,在,在““图层图层3 3””中将中将““星星星星””元件拖入到舞台中,反复拖动元件拖入到舞台中,反复拖动““星星星星””元件到舞台中,元件到舞台中,产生多个实例,调整每个实例的属性,如大小、位置、产生多个实例,调整每个实例的属性,如大小、位置、不透明度、亮度等,产生夜空中的繁星的效果。
不透明度、亮度等,产生夜空中的繁星的效果1010)执行)执行““文件文件””→→““保存保存””命令,输入文件名称并命令,输入文件名称并保存当前文件保存当前文件21 八月 202421 八月 20245.5 5.5 声音和视频的使用声音和视频的使用5.5.1 5.5.1 声音的导入和编辑声音的导入和编辑1.1.导入声音导入声音 声音有多种多样的格式,声音有多种多样的格式,FlashFlash支持的音频格式支持的音频格式比较多,常见的有比较多,常见的有WAVWAV、、AIFFAIFF、、MP3MP3等要导入一个声等要导入一个声音文件,只需要执行音文件,只需要执行““文件文件””→→““导入导入””→→““导入到导入到库库””命令,打开命令,打开““导入到库导入到库””对话框,选择需要导入对话框,选择需要导入的声音文件,单击的声音文件,单击““打开打开””按钮即可按钮即可 导入的声音文件被放到库面板中,此时的声音文导入的声音文件被放到库面板中,此时的声音文件和元件一样,可以通过创建实例来使用件和元件一样,可以通过创建实例来使用 导入的声音可以作为背景音乐循环播放,也可以导入的声音可以作为背景音乐循环播放,也可以作为一个事件的效果声音来使用,在特定的时间或事作为一个事件的效果声音来使用,在特定的时间或事件后被触发。
导入的声音和导入的图片不同,导入的件后被触发导入的声音和导入的图片不同,导入的图片能够直观地在舞台上预览,而声音是看不到的,图片能够直观地在舞台上预览,而声音是看不到的,声音只能显示在时间轴中,在播放的时候能听到,因声音只能显示在时间轴中,在播放的时候能听到,因此,即使选择将一个声音文件导入到舞台,此,即使选择将一个声音文件导入到舞台,FlashFlash也也是默认把它放到库面板当中是默认把它放到库面板当中21 八月 2024 将声音导入到库面板后,直接拖动声音文件到舞将声音导入到库面板后,直接拖动声音文件到舞台中,在所选择的图层上就会出现相应的声音波形台中,在所选择的图层上就会出现相应的声音波形 声音可以和其他对象共同放置在一个图层中,但声音可以和其他对象共同放置在一个图层中,但是在放置声音的时候,最好将每个声音放置到一个单是在放置声音的时候,最好将每个声音放置到一个单独的图层中,在以后编辑其他对象及其声音时,能够独的图层中,在以后编辑其他对象及其声音时,能够避免不必要的麻烦在播放动画时,所有图层上的声避免不必要的麻烦在播放动画时,所有图层上的声音会被混合播放。
音会被混合播放 选择包含声音的帧,在属性面板中可以对声音进选择包含声音的帧,在属性面板中可以对声音进行简单的编辑在行简单的编辑在““名称名称””下拉列表框中可以选择不下拉列表框中可以选择不同的声音,若选择同的声音,若选择““无无””选项,则会取消当前图层中选项,则会取消当前图层中所包含的声音所包含的声音2.2.编辑声音编辑声音21 八月 2024 选择声音同步方式各种同步方式的含义如下:选择声音同步方式各种同步方式的含义如下: 事件事件: :使声音与某个事件同步播放,声音信息全使声音与某个事件同步播放,声音信息全部集中在设定的起始帧中当动画播放到放置声音部集中在设定的起始帧中当动画播放到放置声音的帧时,声音开始播放,直到声音播放完毕该同的帧时,声音开始播放,直到声音播放完毕该同步方式独立于时间轴,如果在步方式独立于时间轴,如果在““循环次数循环次数””文本框文本框里设置了循环的次数,声音将会重复播放,直到播里设置了循环的次数,声音将会重复播放,直到播放到设置的次数后才会停止放到设置的次数后才会停止 开始:与开始:与““事件事件””同步方式相似,当动画播放同步方式相似,当动画播放到放置声音的帧时,声音开始播放,再遇到新的声到放置声音的帧时,声音开始播放,再遇到新的声音实例时则不会播放。
音实例时则不会播放停止:该同步方式用来将声音静音,即停止当前的停止:该同步方式用来将声音静音,即停止当前的声音 数据流:使声音与动画同步,当动画停止时,数据流:使声音与动画同步,当动画停止时,声音也停止播放而且声音的播放时间不会比时间声音也停止播放而且声音的播放时间不会比时间轴的播放时间长轴的播放时间长21 八月 20245.5.2 5.5.2 视频的导入视频的导入 在在FlashFlash中除了可以将外界的图片和声音导入到文中除了可以将外界的图片和声音导入到文档中外,还可以将视频剪辑导入到文档中档中外,还可以将视频剪辑导入到文档中 根据视频格式和所选导入方式的不同,可以将具根据视频格式和所选导入方式的不同,可以将具有视频的影片发布为有视频的影片发布为FlashFlash影片(影片(SWFSWF文件)或文件)或QuickTimeQuickTime影片(影片(MOVMOV文件)在文件)在Flash CS4Flash CS4中可以导中可以导入入AVIAVI、、MPG/MPEGMPG/MPEG、、WMVWMV、、ASFASF等格式的视频文件。
在等格式的视频文件在导入视频剪辑时,可以将其设置为嵌入文件或链接文导入视频剪辑时,可以将其设置为嵌入文件或链接文件21 八月 20245.6 5.6 制作动画制作动画5.6.1 5.6.1 逐帧动画逐帧动画 逐逐帧动画是一种常见的动画形式,是按照传统动帧动画是一种常见的动画形式,是按照传统动画的原理来制作的,最适合于图像每一帧都发生变化画的原理来制作的,最适合于图像每一帧都发生变化的复杂动画的制作它是在的复杂动画的制作它是在“连续的关键帧连续的关键帧”中分解中分解动画动作,也就是在时间轴的每一帧上创建不同的内动画动作,也就是在时间轴的每一帧上创建不同的内容,使其连续播放而形成的动画容,使其连续播放而形成的动画 逐逐帧动画制作过程比较烦琐,但是灵活性很大,帧动画制作过程比较烦琐,但是灵活性很大,可以使用绘画技法、电脑技术等表现任何想要表达的可以使用绘画技法、电脑技术等表现任何想要表达的内容,适合于表现细腻的动作和变化过程,每一帧的内容,适合于表现细腻的动作和变化过程,每一帧的画面变化越小,画面效果越细致画面变化越小,画面效果越细致流畅21 八月 2024((1 1)新建一个)新建一个FlashFlash文档。
文档2 2)新建一个名为)新建一个名为““表盘表盘””的图形元件,在元件的编辑的图形元件,在元件的编辑模式中,使用绘图工具,绘制一个表盘模式中,使用绘图工具,绘制一个表盘3 3)单击)单击““场景场景1 1””回到影片编辑模式,将回到影片编辑模式,将““表盘表盘””元元件拖入到舞台中,并调整位置件拖入到舞台中,并调整位置4 4)新建一个)新建一个““图层图层2 2””,在,在““图层图层2 2””中使用工具面板中使用工具面板的的““文本文本””工具,在舞台中输入静态文本工具,在舞台中输入静态文本““1010””,并,并设置合适的字体、字号、颜色等设置合适的字体、字号、颜色等5 5)在)在““图层图层1 1””的第的第1515帧处右击,在弹出的快捷菜单帧处右击,在弹出的快捷菜单中选择中选择““插入帧插入帧””命令;在命令;在““图层图层2 2””的第的第2 2帧处右击,帧处右击,在弹出的快捷菜单中选择在弹出的快捷菜单中选择““插入关键帧插入关键帧””命令,并将命令,并将文本文本1010修改为修改为9 9实例实例——倒计时效果倒计时效果21 八月 2024((6 6)在)在““图层图层2 2””的第的第3 3帧处右击,在弹出的快捷菜帧处右击,在弹出的快捷菜单中选择单中选择““插入关键帧插入关键帧””命令,并将文本命令,并将文本9 9修改为修改为8 8,依次插入关键帧并修改文本,直到将第,依次插入关键帧并修改文本,直到将第1111帧的文帧的文本修改为本修改为0 0,并在,并在““图层图层2 2””的第的第1515帧处右击,在弹帧处右击,在弹出的快捷菜单中选择出的快捷菜单中选择““插入帧插入帧””命令。
命令7 7)在工作区的空白处单击,在属性面板中将帧速)在工作区的空白处单击,在属性面板中将帧速率率FPSFPS修改为修改为1.001.008 8)执行)执行““控制控制””→→““测试影片测试影片””命令就可以预览命令就可以预览倒计时的效果了倒计时的效果了9 9)执行)执行““文件文件””→→““保存保存””命令,输入文件名称命令,输入文件名称并保存21 八月 2024实例实例—倒计时效果倒计时效果21 八月 20245.6.2 5.6.2 补间动画补间动画1.1.补间形状补间形状 补间形状主要用于需要改变对象的形状的动画形式补间形状主要用于需要改变对象的形状的动画形式其原理是通过在两个具有不同形状的关键帧之间制定形状其原理是通过在两个具有不同形状的关键帧之间制定形状补间,以表现中间变化过程的方法形成动画补间形状可补间,以表现中间变化过程的方法形成动画补间形状可以实现两个图形之间的颜色、位置、大小、形状的相互变以实现两个图形之间的颜色、位置、大小、形状的相互变化 构成补间形状的元素可以是绘图工具所绘制的图形,构成补间形状的元素可以是绘图工具所绘制的图形,图形元件、按钮、文字、组等不能被应用于补间形状动画,图形元件、按钮、文字、组等不能被应用于补间形状动画,必须将这些对象进行分离后才能应用于补间形状动画。
必须将这些对象进行分离后才能应用于补间形状动画21 八月 2024((1 1)新建一个)新建一个FlashFlash文档,设置文档的大小为文档,设置文档的大小为400400××500500像素2 2)新建一个名为)新建一个名为““酒精灯酒精灯””的图形元件,在元件的编的图形元件,在元件的编辑模式中,使用绘图工具,绘制一个酒精灯辑模式中,使用绘图工具,绘制一个酒精灯3 3)执行)执行““文件文件””→→““导入导入””→→““打开外部库打开外部库””命令,命令,在打开的在打开的““作为库打开作为库打开””对话框中选择名为对话框中选择名为““火焰火焰.fla.fla””的文件并打开,将影片剪辑元件的文件并打开,将影片剪辑元件““火焰火焰””拖入拖入到工作区中,将图层名称修改为到工作区中,将图层名称修改为““火焰火焰””新建一个新建一个名为名为““酒精灯酒精灯””的图层,将元件的图层,将元件““酒精灯酒精灯””拖入到工拖入到工作区中,调整两者的大小和位置作区中,调整两者的大小和位置4 4)新建一个名为)新建一个名为““固体固体””的图层,使用工具面板的的图层,使用工具面板的““椭圆椭圆””工具绘制一个圆形,设置颜色为浅粉色,放置工具绘制一个圆形,设置颜色为浅粉色,放置在火焰的上方。
在火焰的上方实例实例——固体受热变大效果固体受热变大效果21 八月 2024((5 5)在)在““酒精灯酒精灯””图层和图层和““火焰火焰””图层的第图层的第5050帧处帧处插入帧;在插入帧;在““固体固体””图层的第图层的第5050帧处插入空白关键帧处插入空白关键帧,使用帧,使用““椭圆椭圆””工具绘制一个红色的椭圆,并且工具绘制一个红色的椭圆,并且椭圆比第椭圆比第1 1帧中的图形稍大,这是温度升高后的效果帧中的图形稍大,这是温度升高后的效果((6 6)在图层)在图层““固体固体””第第1 1帧到第帧到第5050帧中间任何一帧帧中间任何一帧右击,在弹出的快捷菜单中选择右击,在弹出的快捷菜单中选择““创建补间形状创建补间形状””命令7 7)执行)执行““控制控制””→→““测试影片测试影片””命令就可以预览命令就可以预览固体受热变大效果了,随着酒精灯的燃烧,固体逐固体受热变大效果了,随着酒精灯的燃烧,固体逐渐膨胀变大,颜色也由浅变深渐膨胀变大,颜色也由浅变深8 8)执行)执行““文件文件””→→““保存保存””命令,输入文件名称命令,输入文件名称并保存21 八月 2024 在在FlashFlash以前的版本中,传统补间被称为动作补间,以前的版本中,传统补间被称为动作补间,在在Flash CS4Flash CS4中称为传统补间。
传统补间主要用来制作中称为传统补间传统补间主要用来制作对象在位置、大小、角度、颜色、不透明度等方面的变对象在位置、大小、角度、颜色、不透明度等方面的变化传统补间主要应用于动画中的元件传统补间主要应用于动画中的元件2.2.传统补间传统补间21 八月 2024((1 1)新建一个)新建一个FlashFlash文档2 2)使用)使用““线条线条””工具在工作区绘制一个三角形工具在工作区绘制一个三角形3 3)使用)使用““线条线条””工具将三角形分为工具将三角形分为3 3个部分,其中一个个部分,其中一个部分是一个角,并使用部分是一个角,并使用““颜料桶颜料桶””工具将工具将3 3个部分填充为个部分填充为不同的颜色不同的颜色4 4)选中三角形的其中一个角右击,在弹出的快捷菜单中)选中三角形的其中一个角右击,在弹出的快捷菜单中选择选择““转换为元件转换为元件””命令,将这个角转换为一个图形元命令,将这个角转换为一个图形元件5 5)用同样的方法将另外两个角转换为图形元件将多余)用同样的方法将另外两个角转换为图形元件将多余的线条删除将的线条删除将3 3个元件的实例全选后右击,在弹出的快个元件的实例全选后右击,在弹出的快捷菜单中选择捷菜单中选择““分散到图层分散到图层””命令。
命令6 6)在元件)在元件2 2图层的第图层的第3535帧处插入关键帧,同时元件帧处插入关键帧,同时元件1 1和元和元件件3 3图层可以在第图层可以在第3535帧处插入帧进行延长,在元件帧处插入帧进行延长,在元件2 2图层图层的第的第3535帧处移动实例,并利用帧处移动实例,并利用““任意变形任意变形””工具进行旋工具进行旋转实例实例——三角形内角和效果三角形内角和效果21 八月 2024((7 7)在元件)在元件2 2图层第图层第1 1帧到第帧到第3535帧中间任何一帧右击,帧中间任何一帧右击,在弹出的快捷菜单中选择在弹出的快捷菜单中选择““创建传统补间创建传统补间””命令选中命令选中所有图层的第所有图层的第4545帧,按帧,按F5F5键插入帧键插入帧8 8)在元件)在元件1 1图层的第图层的第4545帧和第帧和第7070帧分别插入关键帧,帧分别插入关键帧,在第在第7070帧将实例移动到右侧帧将实例移动到右侧9 9)在元件)在元件1 1图层第图层第4545帧到第帧到第7070帧中间任何一帧右击,帧中间任何一帧右击,在弹出的快捷菜单中选择在弹出的快捷菜单中选择““创建传统补间创建传统补间””命令。
选中命令选中所有图层的第所有图层的第8585帧,按帧,按F5F5键插入帧键插入帧1010)执行)执行““控制控制””→→““测试影片测试影片””命令就可以预览三命令就可以预览三角形内角和为角形内角和为180180°°的效果了,三角形的另外两个角和的效果了,三角形的另外两个角和第三个角移动到同一条直线上,组成第三个角移动到同一条直线上,组成180180°°的角1111)执行)执行““文件文件””→→““保存保存””命令,输入文件名保存命令,输入文件名保存当前文件当前文件21 八月 2024 补间动画是补间动画是Flash CS4Flash CS4中新增加的动画形式,它和中新增加的动画形式,它和传统补间动画类似,但功能更为复杂,制作动画也更加传统补间动画类似,但功能更为复杂,制作动画也更加简单、便利补间动画是快速应用针对简单、便利补间动画是快速应用针对““对象对象””的补间,的补间,在制作补间动画的时候可以自动将选中的对象转换为元在制作补间动画的时候可以自动将选中的对象转换为元件补间动画相对于传统动画制作更加快速,并且传统件补间动画相对于传统动画制作更加快速,并且传统动画只能将对象之间的动作补充成直线的渐变,补间动动画只能将对象之间的动作补充成直线的渐变,补间动画则可以直接通过修改线条来修改补间运动轨迹。
画则可以直接通过修改线条来修改补间运动轨迹3.3.补间动画补间动画21 八月 20245.6.3 5.6.3 遮罩动画遮罩动画 遮罩动画是遮罩动画是FlashFlash的一种重要的动画形式,能够通过的一种重要的动画形式,能够通过遮罩层的使用制作出较为复杂的效果遮罩层的使用制作出较为复杂的效果21 八月 2024((1 1)新建一个)新建一个FlashFlash文档,大小设置为文档,大小设置为300300××400400像素,像素,颜色为深紫色颜色为深紫色2 2)执行)执行““文件文件””→→““导入导入””→→““导入到舞台导入到舞台””命令,命令,打开名为打开名为““书画书画.jpg.jpg””的文件,导入到舞台后调整图的文件,导入到舞台后调整图片的大小和位置片的大小和位置3 3)新建一个图形元件)新建一个图形元件““卷轴卷轴””,进入到元件的编辑模,进入到元件的编辑模式,使用式,使用““矩形矩形””工具绘制一个卷轴,并使用合适的工具绘制一个卷轴,并使用合适的线性渐变进行填充线性渐变进行填充4 4)新建一个)新建一个““图层图层2 2””,使用,使用““矩形矩形””工具绘制一个工具绘制一个和和““图层图层1 1””中的图片大小一样的矩形。
在中的图片大小一样的矩形在““图层图层1 1””的第的第6060帧处插入帧,在帧处插入帧,在““图层图层2 2””的第的第6060帧处插入关键帧处插入关键帧,将帧,将““图层图层2 2””中第中第1 1帧中的矩形移动到画面外帧中的矩形移动到画面外实例实例——书画卷轴效果书画卷轴效果21 八月 2024((5 5)在)在““图层图层2 2””第第1 1帧到第帧到第6060帧中间任何一帧处右帧中间任何一帧处右击,在弹出的快捷菜单中选择击,在弹出的快捷菜单中选择““创建传统补间创建传统补间””命命令在““图层图层2 2””上右击,在弹出的快捷菜单中选择上右击,在弹出的快捷菜单中选择““遮罩层遮罩层””命令,将命令,将““图层图层2 2””变为遮罩层变为遮罩层6 6)新建一个)新建一个““图层图层3 3””,将元件,将元件““卷轴卷轴””拖入工拖入工作区,对卷轴作动画设置,动画和作区,对卷轴作动画设置,动画和““图层图层2 2””中矩形中矩形框的动画一致框的动画一致7 7)执行)执行““控制控制””→→““测试影片测试影片””命令就可以预览命令就可以预览书画卷轴的效果了书画卷轴的效果了8 8)执行)执行““文件文件””→→““保存保存””命令,输入文件名并命令,输入文件名并保存当前文件。
保存当前文件21 八月 202421 八月 20245.6.4 5.6.4 引导线动画引导线动画引导线动画能够使对象沿着所绘制的路线进行运动引导线动画能够使对象沿着所绘制的路线进行运动实例实例——小球弹跳效果小球弹跳效果((1 1)新建一个)新建一个FlashFlash文档,文档大小设置为文档,文档大小设置为650650××300300像像素2 2)使用)使用““基本矩形基本矩形””工具在舞台中绘制一个桌面,工具在舞台中绘制一个桌面,选中桌面右击,在弹出的快捷菜单中选择选中桌面右击,在弹出的快捷菜单中选择““转换为元件转换为元件””命令,将所绘制的桌面转换为一个名为命令,将所绘制的桌面转换为一个名为““桌面桌面””的图的图形元件3 3)新建一个名为)新建一个名为““小球小球””的图形元件,进入元件的的图形元件,进入元件的编辑模式,使用编辑模式,使用““椭圆椭圆””工具绘制一个小球,使用放射工具绘制一个小球,使用放射状的填充方式,使小球具有立体效果状的填充方式,使小球具有立体效果4 4)将)将““图层图层1 1””重命名为重命名为““桌面桌面””,新建一个名为,新建一个名为““小球小球””的图层,将元件小球拖入工作区中。
的图层,将元件小球拖入工作区中21 八月 2024((5 5)在小球图层上右击,在弹出的快捷菜单中选择)在小球图层上右击,在弹出的快捷菜单中选择““添加传统运动引导层添加传统运动引导层””命令,在引导层中用命令,在引导层中用““钢笔钢笔””工具绘制小球弹跳的路径工具绘制小球弹跳的路径6 6)在所有图层的第)在所有图层的第6060帧处插入帧,在小球图层的第帧处插入帧,在小球图层的第5050帧处插入关键帧,将小球移动到路径的结束点对齐,帧处插入关键帧,将小球移动到路径的结束点对齐,在第在第1 1帧到第帧到第5050帧中间任何一帧处右击,在弹出的快捷帧中间任何一帧处右击,在弹出的快捷菜单中选择菜单中选择““创建传统补间创建传统补间””命令7 7)执行)执行““控制控制””→→““测试影片测试影片””命令就可以预览小命令就可以预览小球弹跳的效果了球弹跳的效果了8 8)执行)执行““文件文件””→→““保存保存””命令,输入文件名并保命令,输入文件名并保存当前文件存当前文件21 八月 2024第第5 5章结束!章结束!Thank youThank you!!。
