Flash动画制作 形状渐变动画 动作渐变动画 引导线动画 遮罩动画 动作按钮 动态文本.

Presentation on theme: "Flash动画制作 形状渐变动画 动作渐变动画 引导线动画 遮罩动画 动作按钮 动态文本."— Presentation transcript:

1 Flash动画制作 形状渐变动画 动作渐变动画 引导线动画 遮罩动画 动作按钮 动态文本

2 形状渐变 形状渐变主要适用于图形对象的形状变化
将两个不同形状的图形分别放在两个关键帧上，在两个关键帧之间可以制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变 对于组合图形、文本块、位图等要进行形状渐变，则必须先选择[分离] ( Break Apart打散)命令使之变成分离的图形，才能进行变形

3 简单图形渐变（一） 新建一个flash动画，设置背景颜色
选定时间轴的第1帧，从工具箱中选择矩形工具，在舞台上绘制没有边线的兰色矩形。然后拖动矩形到舞台的最左边 选定时间轴第15帧，按F6键插入关键帧 选中第15帧，选择椭圆工具，设置填充颜色为紫色，按住Shift键，绘制无边线的圆形并将其放置在舞台的最右边。 选择右键菜单[全部选择]，同时选定矩形和圆形 选择右键菜单[面板]→[对齐]，将图形对齐

4 简单图形渐变（二） 在15帧处，将第1帧复制过来的矩形删除掉 选定时间轴第30帧，按F6键插入关键帧
在第30帧处，选择直线工具，绘制三角形，用颜料桶填充颜色为绿色，并将其放置在舞台的最左边。然后和圆形对齐，再删除圆形。 将第1帧复制到第45帧 选择时间轴的第1帧，在属性面板中设置补间为“形状” ，添加形状渐变 同上方法，在时间轴的第15、30帧添加形状渐变 动画制作完成，按Ctrl+Enter键，观看动画

5 运动渐变动画 运动渐变是给一个物体在两个关键帧分别定义不同的属性，如颜色、大小、方位、角度等性质。并在两关键帧之间建立一种变化关系（运动渐变关系），既只需定义引起变化的关键帧 运动渐变可以是位移、缩放、旋转等，还可以是颜色的渐变、或淡入淡出。 对于文本块或分离的图形，要进行运动渐变，需要先将它们转换成符号或组合后，才能制作渐变运动

6 简单的运动渐变 建立新的flash动画 选定时间轴的第1帧，在工具箱中选择椭圆工具，绘制一个无边框的小球
选定小球，选择菜单[修改]→[转换为元件]，将小球转换成图形元件，拖动小球到舞台左边的适当位置 选定时间轴的第20帧，按F6键插入一关键帧。选定第20帧，将第1帧复制过来的小球拖拽到舞台右边适当的位置。再点选工具栏中任意变形工具中的按钮 ，放大小球 选择时间轴的第1帧，在属性面板中设置补间为“动作”，添加运动渐变 按Enter键，观看动画

7 旋转与变形(一) 新建一个flash动画，设置背景颜色（黑色）
在图层1上制作旋转的圆环：选定时间轴的第1帧，选择工具栏中的椭圆工具 ，在下面的属性面板中设置参数的线框颜色设置成淡绿色，线框宽度设置成10，线形样式为圆点线。按住Shift键，在舞台中间绘制无填充的椭圆 选定椭圆，选择菜单[修改]→[转换 为元件]项 选定时间轴第30帧，按F6键插入关键帧 选中第1帧，在属性面板上设置补间为“动作”，旋转为“逆时针”转1次 同上方法，插入图层2、图层3、图层4，绘制不同颜色不同方向的旋转圆环

8 旋转与变形(二) 插入图层5，选中第1帧 选择文字工具 ，设置文字为白色、隶书、40px，在工作区中的适当位置输入字符“转”
选择菜单[修改]→[分离]将文字打散，并在第5帧处插入关键帧 在第15帧处插入关键帧，使用文字工具输入字符“动” 选择菜单[修改]→[分离]将文字打散，并在第20帧处插入关键帧 选择第1帧，按右键选择[拷贝帧]，再选定第30帧，按右键选择[粘贴帧]， 分别选第5帧、20帧，在属性面板中设置补间为“形状”

9 小球跳动（一） 建立一个新的flash动画 将时间轴上图层1的名字改为“地面层”
选定第1帧，使用矩形工具在舞台下部绘制矩形作为地面，并将其转换为符号，放在舞台下部的左边合适位置 选定第30帧，按F6插入关键帧，将第1帧复制过来的矩形，拖拽到舞台右下部合适的位置。 选定第60帧，按F6键插入关键帧，将第30帧复制过来的矩形拖拽回到原来第1帧的位置 在地面层的第1帧和第30帧上，分别单击鼠标右键，选择菜单[创建补间动画]，添加运动渐变，让矩形从左边运动到右边，再从右边运动回到左边。将地面层锁定。

10 小球跳动（二） 新建一个层，命名为“球层” 选定球层的第1帧，选择椭圆工具，在舞台上画一个无边框的小球
选定小球，选择菜单[插入]→[转换成组件]项，将小球转换成图片符号，拖动小球符号到舞台左边适当位置。 选定球层的第30帧，按F6插入关键帧，将第1帧复制过来的小球图片拖动到舞台的右边适当的位置 选定球层的第60帧，按F6插入关键帧，将第30帧复制过来的小球图片拖回到舞台的左边适当的位置

11 小球跳动（三） 在球层的第1帧和第30帧上分别单击鼠标右键，选择菜单[创建补间动画]，在1到30帧之间和30到60帧之间添加运动渐变。
在球层的第15帧处按F6键插入一个关键帧，选中第15帧，按住Shift键，将第15帧的小球在垂直方向拖动到贴近地面。同样在第45帧按F6插入一个关键帧，按住Shift键，将第45帧的小球在垂直方向拖动到贴近地面。 动画制作完成，按Ctrl+Enter键，观看动画

12 文字翻转 建立一个新的flash动画，文档大小400*300，背景黑色
选择文字工具，设置属性隶书、40px、绿色粗体，输入文字，并将其转换成元件。在第5帧处插入关键帧 在时间轴的第30帧上插入关键帧，选择菜单[窗口]→ [变形]，缩放为10%，在属性面板中设置颜色的Alpha选项为0% 选定第5帧，在属性面板上设置补间为“动作”，添加运动渐变 将第1帧复制到第60帧，选定第30帧，在属性面板上设置补间为“动作”，添加运动渐变 完成动画制作，测试影片

13 文字变大和变小（一） 从外部导入图片Cloud.jpe
将图片放置在图层1，作为背景。选定当前层的第60帧，按F6键插入一个关键帧，将背景延长到第60帧。然后锁定图层1 在图层1上添加一新层图层2 选定图层2的第1帧，选择工具栏上的文字工具，在属性面板中设置文字属性：隶书、20px、粗斜体、紫色。然后在舞台上输入文字 选中文字对象，选菜单[插入]→[转换为元件]，将文字对象转换成符号。

14 文字变大和变小（二） 选定时间轴的第30帧，按F6键插入一关键帧。选定第30帧，将第1帧复制过来的文字对象拖拽到舞台适当的位置，使用缩放工具将图片放大。 选定第30帧的文字对象，在属性面板的颜色中选择“色调” ，改变文字颜色为绿色（由于文字对象已保存为符号，不能作为文本来编辑，只能作为实例编辑） 选定时间轴的第60帧，按F6键插入一关键帧，将第30帧复制过来的文字对象删除。从符号库中取出保存的符号，放到与第1帧文字对象的相应位置

15 文字变大和变小（三） 在时间轴的第1帧上单击鼠标右键，选择菜单[创建补间动画]，添加运动渐变。
在时间轴的第30帧上单击鼠标右键，选择菜单[创建补间动画]，添加运动渐变。 按Enter键，观看动画 按Ctrl+Enter键，产生播放文件

16 由小变大的淡入动画bird 从外部导入图片，则在符号库中就会保存有此图片。
选定第1帧将图片放置在舞台左边适当位置，使用工具栏的缩放按钮，将图片缩小 在时间轴的第1帧上单击鼠标右键，选择菜单[创建动画动作]，添加运动渐变。 选定时间轴的第20帧，按F6键插入一关键帧。选定第20帧，将第1帧复制过来的图片拖拽到舞台右边适当的位置，使用缩放工具将图片放大 选定时间轴第1帧，在属性面板的颜色中选Alpha项，设置第1帧的透明度为20% , 显示洋葱皮效果 按Enter键，观看动画

17 遮罩动画的制作 遮罩概念—Flash中的“遮罩”是显示其它物体的“罩”，使其它物体能通过这个“罩”被看见 遮罩层—作为遮罩对象所在的层
被遮罩层—寂被遮罩对象所在的层 遮罩的结果—“被遮罩层”上的对象被“遮罩层”中的对象档住部分可以显示出来，而没有档住部分则无法显示 遮罩层位于被遮罩层的上方 遮罩层的建立—用鼠标指向时间轴图层控制区遮罩层的层名，按右健→遮罩层

18 遮罩效果 为了得到特殊的显示效果，可以用遮罩层创建一个任意形状的“视窗”，在遮罩层下方层上的图象可以通过这个视窗显示出来，而视窗之外的图像将不会显示，这个视窗就是遮罩层 遮罩层中可以包含形状、实例或字体对象。遮罩图形最终都显示为透明的“视窗” 将某层设置为遮罩层后，遮罩层和被遮罩层自动锁定。若要对这些层作修改，需要解开锁定，编辑完成后要重新锁定。

19 文字遮罩(一)—文字视窗 新建动画，并图层1命名为“椭圆”层
选定第1 帧，使用椭圆工具在舞台上绘制一个渐变效果的填充椭圆，用它来产生视窗的透视效果 选定椭圆，选择菜单[插入]→[转换为元件]，将椭圆图形转变成图片符号 选定第1帧，拖动椭圆符号到舞台最左边的适当位置 选择椭圆层时间轴的第30帧，按F6键插入一个关键帧。将第1帧复制过来的椭圆图片拖动到舞台的最右边适当的位置 在第1帧上单击鼠标右键，选择菜单[创建动画动作]，添加运动渐变。然后锁定椭圆层。

20 文字遮罩（二） 新建一个层，命名为“文字层”
选择文字层时间轴的第1帧，选择文字工具，单击舞台右下角的文本图标，设置文字属性：黑体、60px、粗体、蓝色。在舞台上单击，出现一个文本框，输入文字“FLASH文字遮罩”，将文本框放置在舞台上合适的位置 选择时间轴的第30帧，按F6键插入一个关键帧，将文字层延长到此帧。 在文字层上单击鼠标右键，选择菜单[遮罩层]项，此时文字层设置为遮罩层，并自动锁定遮罩层和被遮罩层 在舞台上单击鼠标右键，选择菜单[文档属性]项，设置舞台背景为黑色 动画制作完成，按Enter观看动画效果

21 图像遮罩罩(一)—图形视窗 新建动画，将图层1命名为“文字层”
选择文字层时间轴的第1帧，选择文字工具，单击舞台右下角的文本图标，设置文字属性：黑体、60px、粗体、蓝色。在舞台上单击，出现一个文本框，输入文字“FLASH文字遮罩”，将文本框放置在舞台上合适的位置 选择时间轴的第60帧，按F6键插入一个关键帧，将文字层延长到此帧。然后锁定文字层

22 图像遮罩（二） 新建一个图层2，命名为“椭圆”层 选定第1 帧，使用椭圆工具在舞台上绘制一个渐变效果的填充椭圆。
选定椭圆，选择菜单[插入]→[转换为元件]，将椭圆图形转变成图片符号 选定第1帧，拖动椭圆符号到舞台最左边的适当位置 选择椭圆层时间轴的第30帧，按F6键插入一个关键帧。将第1帧复制过来的椭圆图片拖动到舞台的最右边适当的位置

23 图像遮罩（三） 在椭圆层上单击鼠标右键，选择菜单[遮罩层]项，此时椭圆层设置为遮罩层，并自动锁定遮罩层和被遮罩层
选择椭圆层时间轴的第60帧，按F6键插入一个关键帧。将第30帧复制过来的椭圆图片拖动到舞台的最 左边与第１帧相同的位置 分别在第1帧和第30帧上单击鼠标右键，选择菜单[创建动画动作]，添加运动渐变。 在椭圆层上单击鼠标右键，选择菜单[遮罩层]项，此时椭圆层设置为遮罩层，并自动锁定遮罩层和被遮罩层 动画制作完成，按Enter观看动画效果

24 添加向导层 向导层是用来绘制一些辅助图形，这些图形在播放动画时不显示出来。通常使用向导层制作运动轨迹，让对象沿着某条路径运动变化。在运动过程中，可以改变物体的大小、颜色、方向等。

25 气球的运动( 一)—曲线运动 新建flash动画文件 从外部导入背景图片和气球图片到库中
在图层1上边增加一个新层图层2，在图层2的第1帧处单击，将库中的气球图片放置在舞台上。

26 气球的运动（二） 选定图层2，单击鼠标右键，选菜单[添加引导层]，为图层2添加一个向导层
选定引导层的第1帧，在引导层上绘制一条曲线，作为气球运动的轨迹。并在第120帧处按F6插入关键帧，曲线延伸到此帧。锁定向导层。 选定图层2的第1帧，单击鼠标右键选择菜单[创建补间动画]，添加运动渐变，在120帧处插入关键帧，延伸到120帧。

27 气球的运动（三） 选定图层2的第1帧，按下吸附工具，用鼠标拖动第1帧上的气球到轨迹曲线的起始点。
在图层2的第60帧处添加一关键帧，将气球拖动到轨迹曲线的终点，并改变气球的大小。 在图层2的第120帧处添加一关键帧，将气球拖回到轨迹曲线的起始点，并改变气球的大小与第1帧大小相同。 动画制作完成，按Enter键，观看动画

28 圆周运动（一） 新建FLASH文档，在图层1上导入地球图片
建立新图层2，选定图层2的第1帧，绘制一个小圆形，选择菜单[插入]→[转换为元件]，将圆形设置成图片符号 在图层2上，单击时间轴上的按钮[添加引导层]，增加一个引导层，命名为“圆” 在引导层上绘制一个无填充的圆形框线，并在第20帧处按F6键插入关键帧，延伸图形到此。 选定图层2，单击鼠标右键选择菜单[创建补间动画]，生成运动渐变

29 圆周运动（二） 在图层2上，分别在第5、10、15、20帧处按F6插入关键帧
单击工具栏的吸附工具，选定图层2的第1帧，拖动第1帧的圆形到圆周上的适当位置（左边）。在圆周上设置4个对称点，分别对应关键帧第5、10、15、20帧，把圆形分别放置在这4个对称点上。 动画制作完成，按Enter键观看动画

30 图片移动动画设置 新建FLASH文档 导入几幅大小相同的图片到库中 选图层1的第1帧，将图片从舞台的左边开始依次排列对齐。
选定全部图片，选择菜单[修改]→[组合]，将全部图片组合成一个整体。在第10帧处插入关键帧。 在第75帧处按F6键插入关键帧，将图形的右边与舞台的右边对齐，在85帧处插入关键帧。 在第150帧处插入关键帧，复制第1帧到第150帧处。 分别在第10帧和第85帧上单击鼠标右键选择菜单[创建补间动画]，生成运动渐变

31 动作按钮的设置 要设置影片中的交互式按钮。需先制作按钮元件，再创建按钮实例，并为按钮添加动作脚本。 可以使用制作按钮元件的方法自己制作按钮
也可以使用菜单[窗口]→[公用库]→[按钮]，打开按钮库，选择需要的按钮 选定按钮，在动作属性面板的“影片控制”中，选择合适的脚本，添加相应的动作

32 使用按钮控制影片播放(一) 新建FLASH文档
在图层1的第1帧，绘制一个小圆形，选择菜单[插入]→[转换为元件]，将圆形设置成图片符号，并放置在舞台的左边 在第30帧处按F6键插入关键帧，将小圆形放置在舞台的右边 在第1帧上单击鼠标右键选择菜单[创建补间动画]，生成运动渐变 然后选择第1帧，在动作属性面板右边的“影片控制”下双击stop命令，将脚本添加到右边的编辑区中

33 使用按钮控制影片播放(二) 新建图层2 选择菜单[窗口]→[公用库]→[按钮]，将按钮面板中“Playback”文件夹下的“gel Right”、“gel Stop”、“gel Left”三个按钮拖拽到舞台上合适的位置 选定按钮“gel right”，在动作属性面板的“影片控制”中,将右边的窗口改成专家模式，输入脚本语句: on (press) {stop();}

34 使用按钮控制影片播放(三) 同上方法，选定按钮“gel Stop”，在动作属性面板的“影片控制”中, 输入脚本语句：on (press) {stop();}　也可在左边窗口中分别双击 on 、 press、 stop 这三个命令，脚本语句会自动添加到右边的编辑窗口中 同上方法，选定按钮“gel Left”，在动作属性面板的“影片控制”中, 输入脚本语句：on (press) {gotoAndStop(1);} 测试影片

35 动态文本 通过文本框显示动态值：创建动态文本框，设置变量．再在动作面板中通过动作命令给变量赋值，并通过动态文本框显示出来

36 动态时间显示 新建flash文件，设置背景为黑色 选文字工具，输入静态文本，黄色文字和绿色文字的“现在时间”、“时”、“分”、“秒”等
选择文字工具，在属性面板中选择动态文本，隶书、红色、单行，在静态文字“时”、“分”、“秒”前面拖拽出三个文本框线 分别设置三个文本框的变量为：hour 、minute、second 选第１帧，在动作面板中的影片控制中添加脚本语句 选第２帧，插入帧，测试影片

37 多个场景动画 选择菜单[文件]→[打开]项，在场景一中建立新动画 选择菜单[插入]→[场景]项，在场景二中建立新动画
选择菜单[文件]→[导入影片]项，保存为.swf文件 选择菜单[文件]→[保存]项，保存为.fla文件