电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt

上传人(卖家):三亚风情 文档编号:3175092 上传时间:2022-07-28 格式:PPT 页数:87 大小:4.58MB
下载 相关 举报
电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt_第1页
第1页 / 共87页
电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt_第2页
第2页 / 共87页
电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt_第3页
第3页 / 共87页
电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt_第4页
第4页 / 共87页
电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt_第5页
第5页 / 共87页
点击查看更多>>
资源描述

1、任务 1网页横幅任务 2文具广告Flash 动画作品具有播放速度快、交互性强、视觉冲击力好等特点,因此,动画作品具有播放速度快、交互性强、视觉冲击力好等特点,因此,被广泛应用在网站设计中。本项目以网页横幅和文具广告的制作为例,介绍被广泛应用在网站设计中。本项目以网页横幅和文具广告的制作为例,介绍 Flash 动画在网站中的应用。动画在网站中的应用。任务 1网页横幅1.掌握滤镜的作用、种类和应用方法。掌握滤镜的作用、种类和应用方法。2.能综合应用动画技术、滤镜以及能综合应用动画技术、滤镜以及 ActionScript 语句制作网页语句制作网页横幅。横幅。本任务是一个网页横幅制作实例,综合应用动画

2、技术、滤镜以及本任务是一个网页横幅制作实例,综合应用动画技术、滤镜以及 ActionScript 语句制作欢乐熊猫文具网站的横幅,效果如图所示。通过本任务语句制作欢乐熊猫文具网站的横幅,效果如图所示。通过本任务的学习,掌握网页横幅的制作方法、滤镜在动画中的应用技巧,以及简单的的学习,掌握网页横幅的制作方法、滤镜在动画中的应用技巧,以及简单的 ActionScript 语句。语句。网页横幅效果图一、滤镜的作用一、滤镜的作用使用滤镜可以为文本、按钮和影片剪辑元件增添有趣的视觉效果。使用滤镜可以为文本、按钮和影片剪辑元件增添有趣的视觉效果。二、应用滤镜的方法二、应用滤镜的方法(1)在)在 Flash

3、 中选定要添加滤镜效果的对象,打开中选定要添加滤镜效果的对象,打开“属性属性”面板,选择面板,选择“滤镜滤镜”选项卡,然后单击选项卡,然后单击“添加滤镜添加滤镜”按钮按钮 ,弹出下拉菜单,如图所示。,弹出下拉菜单,如图所示。滤镜下拉菜单(2)从下拉菜单中选择一种滤镜后,在)从下拉菜单中选择一种滤镜后,在“滤镜滤镜”选项卡中进行设置,如选项卡中进行设置,如图所示,即可为对象添加滤镜效果。图所示,即可为对象添加滤镜效果。设置滤镜三、滤镜种类三、滤镜种类Flash 滤镜有投影、模糊、发光、斜角、渐变发光、渐变斜角、调整颜色滤镜有投影、模糊、发光、斜角、渐变发光、渐变斜角、调整颜色七种。七种。(1)投

4、影:投影滤镜可以模拟对象在阳光照射下产生的阴影。)投影:投影滤镜可以模拟对象在阳光照射下产生的阴影。(2)模糊:模糊滤镜可以使对象在)模糊:模糊滤镜可以使对象在 X和和 Y轴上进行模糊,从而产生柔化轴上进行模糊,从而产生柔化效果。效果。(3)发光:发光滤镜的作用是在对象的周围产生光芒。)发光:发光滤镜的作用是在对象的周围产生光芒。(4)斜角:斜角滤镜的作用是使对象产生立体的浮雕效果。)斜角:斜角滤镜的作用是使对象产生立体的浮雕效果。(5)渐变发光:渐变发光的效果和发光滤镜的效果基本一致,只是用户)渐变发光:渐变发光的效果和发光滤镜的效果基本一致,只是用户可以调节发光的颜色为渐变颜色,还可以设置

5、角度、距离和类型。可以调节发光的颜色为渐变颜色,还可以设置角度、距离和类型。(6)渐变斜角:渐变斜角的效果和斜角滤镜的效果基本一致,只是用户)渐变斜角:渐变斜角的效果和斜角滤镜的效果基本一致,只是用户可以调节斜角的颜色为渐变颜色,还可以设置角度、距离和类型。可以调节斜角的颜色为渐变颜色,还可以设置角度、距离和类型。(7)调整颜色:调整颜色滤镜可以调整对象的亮度、对比度、饱和度和)调整颜色:调整颜色滤镜可以调整对象的亮度、对比度、饱和度和色相。色相。1.创建网页横幅影片文档创建网页横幅影片文档新建一个新建一个 Flash 文档,设置舞台大小为文档,设置舞台大小为 800 像素像素 150 像素,

6、像素,背景为橙背景为橙色(色(#FF9933),将文件保存为),将文件保存为“网页横幅网页横幅.f la”。2.复制文具广告库中的标志元件复制文具广告库中的标志元件打开素材文件打开素材文件“文具广告库文具广告库.f la”,将,将“库库”面板中的面板中的“标志标志”元件粘贴元件粘贴到当前文档的到当前文档的“库库”面板中备用。面板中备用。3.绘制矩形条绘制矩形条将图层将图层 1 重命名为重命名为“矩形条矩形条”,在舞台底部绘制一个浅黄色(,在舞台底部绘制一个浅黄色(#FFCC66)的矩形条,用来放置按钮,如图所示。在第的矩形条,用来放置按钮,如图所示。在第 40 帧插入帧,锁定该图层。帧插入帧,

7、锁定该图层。绘制矩形条4.绘制圆绘制圆新建新建“圆圆”图形元件,选择椭圆工具,设置笔触颜色为白色,笔触高度为图形元件,选择椭圆工具,设置笔触颜色为白色,笔触高度为 3,填充颜色为无,绘制一个圆,如图所示。,填充颜色为无,绘制一个圆,如图所示。绘制圆5.制作圆闪动效果制作圆闪动效果(1)新建)新建“圆闪动圆闪动”影片剪辑元件,从影片剪辑元件,从“库库”面板中将面板中将“圆圆”元件拖动元件拖动到编辑区中,在第到编辑区中,在第 10 帧插入关键帧,将元件放大到帧插入关键帧,将元件放大到 200%,Alpha 值设为值设为 50%,选择第,选择第 1 帧,在帧,在“属性属性”面板中创建动画补间动画。面

8、板中创建动画补间动画。(2)选中图层)选中图层 1 中所有帧,单击鼠标右键,从快捷菜单中选择中所有帧,单击鼠标右键,从快捷菜单中选择“复制帧复制帧”选项。选项。(3)新建图层)新建图层 2,选中第,选中第 5 帧,单击鼠标右键,从快捷菜单中选择帧,单击鼠标右键,从快捷菜单中选择“粘粘贴帧贴帧”选项,删除图层选项,删除图层 2 中多余的帧。中多余的帧。“圆闪动圆闪动”元件的时间轴如图所示。元件的时间轴如图所示。“圆闪动”元件的时间轴(4)圆闪动效果进舞台。返回场景)圆闪动效果进舞台。返回场景 1,新建,新建“圆闪动圆闪动”图层,选择第图层,选择第 1 帧,从帧,从“库库”面板中将面板中将“圆闪动

9、圆闪动”影片剪辑元件拖动到舞台中,复制多个,影片剪辑元件拖动到舞台中,复制多个,适当调整大小,将适当调整大小,将Alpha 值降为值降为 30%,如图所示。锁定,如图所示。锁定“圆闪动圆闪动”图层。图层。舞台中的圆闪动6.标志进舞台标志进舞台新建新建“标志标志”图层,选择第图层,选择第 1 帧,从帧,从“库库”面板中将面板中将“标志标志”元件拖动到元件拖动到舞台中,放在舞台左侧,如图所示,锁定舞台中,放在舞台左侧,如图所示,锁定“标志标志”图层。图层。舞台中的标志7.制作文字效果制作文字效果(1)输入文字)输入文字新建新建“文字文字”图形元件,输入文字图形元件,输入文字“欢乐熊猫欢乐熊猫”,字

10、体为华文琥珀,字体为华文琥珀,字体大小为字体大小为40,颜色为白色。,颜色为白色。(2)添加滤镜)添加滤镜1)选中文字,打开)选中文字,打开“属性属性”面板,选择面板,选择“滤镜滤镜”选项卡,然后单击选项卡,然后单击“添加滤镜添加滤镜”按钮按钮 ,弹出下拉菜单。,弹出下拉菜单。2)从下拉菜单中选择)从下拉菜单中选择“渐变发光渐变发光”,如图所示,在,如图所示,在“滤镜滤镜”选项卡中设选项卡中设置距离为置距离为 3,其他不变,为对象添加滤镜效果,如图所示。文字效果如图所,其他不变,为对象添加滤镜效果,如图所示。文字效果如图所示。示。选择滤镜效果添加滤镜后的效果滤镜设置(3)制作舞台文字效果)制作

11、舞台文字效果1)返回场景)返回场景 1,新建,新建“文字文字”图层,选择第图层,选择第 1帧,从帧,从“库库”面板中将面板中将“文文字字”元件拖动到舞台中,放置在如图所示位置。元件拖动到舞台中,放置在如图所示位置。2)在第)在第 12 帧、第帧、第 19 帧插入关键帧,选择第帧插入关键帧,选择第 1 帧,将帧,将“文字文字”元件缩到元件缩到很小,将很小,将Alpha 值设为值设为 0%;选择第;选择第 19 帧,将帧,将“文字文字”元件放大到元件放大到 200%,将将 Alpha 值设为值设为 0%。在第。在第 112 帧、第帧、第 1219 帧之间创建动画补间动画。帧之间创建动画补间动画。第

12、 1 帧的文字3)在第)在第 20 帧、第帧、第 22 帧插入空白关键帧。选中第帧插入空白关键帧。选中第 22 帧,选择文本工具,帧,选择文本工具,设置字体为华文琥珀,字体大小为设置字体为华文琥珀,字体大小为 35,字体颜色为白色,输入文字,字体颜色为白色,输入文字“伴随你伴随你快乐成长快乐成长”;设置字体为楷体,字体大小为;设置字体为楷体,字体大小为 25,字体颜色为白色,输入文字,字体颜色为白色,输入文字“欢迎访问欢迎访问 ”,效果如图所示,锁定,效果如图所示,锁定“文字文字”图层。图层。“文字文字”图层的时间轴如图所示。图层的时间轴如图所示。第 22 帧的文字“文字”图层的时间轴操作演示

13、8.制作亮条效果制作亮条效果1)绘制亮条)绘制亮条新建新建“亮条亮条”图形元件,使用矩形工具,设置笔触颜色为无,填充类型图形元件,使用矩形工具,设置笔触颜色为无,填充类型为线性,在渐变色控制条上单击两次,添加两个颜色滑块,将四个色块均设为线性,在渐变色控制条上单击两次,添加两个颜色滑块,将四个色块均设为白色,最左端、最右端色块的为白色,最左端、最右端色块的 Alpha 值设为值设为 0%,中间两个色块的,中间两个色块的Alpha 值设为值设为 100%,绘制矩形,如图所示。,绘制矩形,如图所示。绘制矩形(2)制作舞台亮条效果)制作舞台亮条效果1)返回场景)返回场景 1,新建,新建“亮条亮条 1

14、”图层,移到图层,移到“文字文字”图层下方,在第图层下方,在第 15 帧插入空白关键帧,将帧插入空白关键帧,将“亮条亮条”元件从元件从“库库”面板中拖动到舞台右侧,适当面板中拖动到舞台右侧,适当调整大小,如图所示。调整大小,如图所示。第 15 帧的亮条 1在第在第 20 帧插入关键帧,将帧插入关键帧,将“亮条亮条”元件移到舞台中,位置如图所示。元件移到舞台中,位置如图所示。第 20 帧的亮条 1在第在第 26 帧插入关键帧,将亮条变细变长,帧插入关键帧,将亮条变细变长,Alpha 值设为值设为 0%,如图所示。,如图所示。在第在第 1520 帧之间以及第帧之间以及第 2026 帧之间创建动画补

15、间动画,在第帧之间创建动画补间动画,在第 27 帧插帧插入空白关键帧,锁定入空白关键帧,锁定“亮条亮条 1”图层。图层。第 26 帧的亮条 12)新建)新建“亮条亮条 2”图层,在第图层,在第 15 帧插入空白关键帧,将帧插入空白关键帧,将“亮条亮条”元件从元件从“库库”面板中拖动到舞台左侧,适当调整大小,如图所示。面板中拖动到舞台左侧,适当调整大小,如图所示。第 15 帧的亮条 2在第在第 20 帧插入关键帧,将帧插入关键帧,将“亮条亮条”元件移到舞台中,位置如图所示。元件移到舞台中,位置如图所示。第 20 帧的亮条 2在第在第 26 帧插入关键帧,将亮条变细变长,帧插入关键帧,将亮条变细变

16、长,Alpha 值设为值设为 0%,如图所示。,如图所示。第 26 帧的亮条 2在第在第 1520 帧之间以及第帧之间以及第 2026 帧之间创建动画补间动画,在第帧之间创建动画补间动画,在第 27 帧帧插入空白关键帧,锁定插入空白关键帧,锁定“亮条亮条 2”图层。添加亮条后的图层。添加亮条后的“时间轴时间轴”面板如图面板如图所示。所示。添加亮条后的“时间轴”面板9.制作导航按钮制作导航按钮(1)制作按钮)制作按钮1)新建)新建“首页首页”按钮元件,设置字体为宋体,字按钮元件,设置字体为宋体,字体大小为体大小为 14,字体颜色为白色,在,字体颜色为白色,在“弹起弹起”帧输入帧输入文字文字“首页

17、首页”,效果如图所示。,效果如图所示。2)在)在“指针经过指针经过”帧插入关键帧,将文字颜色改帧插入关键帧,将文字颜色改为蓝色,如图所示。为蓝色,如图所示。3)同样的方法,制作)同样的方法,制作“企业信息企业信息”“”“产品中产品中心心”“”“品牌推广品牌推广”“”“客户服务客户服务”按钮元件。按钮元件。“弹起”帧“指针经过”帧(2)按钮进舞台)按钮进舞台返回场景返回场景 1,新建,新建“按钮按钮”图层,选择第图层,选择第 1 帧,将制作好的按钮元件拖动帧,将制作好的按钮元件拖动到舞台中,摆放好位置,如图所示。到舞台中,摆放好位置,如图所示。按钮的位置(3)为按钮添加代码)为按钮添加代码1)右

18、键单击)右键单击“首页首页”按钮,执行按钮,执行“动作动作”命令,打开命令,打开“动作动作-按钮按钮”面面板,输入代码,如图所示。板,输入代码,如图所示。“首页”按钮代码2)右键单击)右键单击“企业信息企业信息”按钮,执行按钮,执行“动作动作”命令,在命令,在“动作动作-按钮按钮”面板中输入如下代码:面板中输入如下代码:on(press)getURL(http:/ 2文具广告1.掌握时间轴特效的类型以及添加时间轴特效的步骤。掌握时间轴特效的类型以及添加时间轴特效的步骤。2.能综合应用动画技术和时间轴特效制作多场景动画。能综合应用动画技术和时间轴特效制作多场景动画。本任务制作一个网络广告动画,综

19、合应用动本任务制作一个网络广告动画,综合应用动画技术和时间轴特效制作欢乐熊猫文具广告,画技术和时间轴特效制作欢乐熊猫文具广告,效果如图所示。通过此任务的学习,掌握时间效果如图所示。通过此任务的学习,掌握时间轴特效的使用方法,并进一步掌握多场景动画轴特效的使用方法,并进一步掌握多场景动画的制作方法。的制作方法。文具广告效果图一、时间轴特效一、时间轴特效Flash 为用户提供了一些常用的动画命令,只要选中命令,就会自动生成为用户提供了一些常用的动画命令,只要选中命令,就会自动生成动画效果,从而简化动画的制作过程,这些自动生成动画的功能就是时间轴动画效果,从而简化动画的制作过程,这些自动生成动画的功

20、能就是时间轴特效。特效。可以应用时间轴特效的对象有文本、图形、位图、按钮和影片剪辑元件等。可以应用时间轴特效的对象有文本、图形、位图、按钮和影片剪辑元件等。二、添加时间轴特效的步骤二、添加时间轴特效的步骤(1)选择要添加时间轴特效的对象。)选择要添加时间轴特效的对象。(2)执行【插入】)执行【插入】【时间轴特效】命令,从级联菜单中选择一种特效,【时间轴特效】命令,从级联菜单中选择一种特效,如图所示。用户也可以在选取对象后单击鼠标右键,从快捷菜单中选取如图所示。用户也可以在选取对象后单击鼠标右键,从快捷菜单中选取“时时间轴特效间轴特效”中的相应特效。中的相应特效。(3)在打开的特效对话框中,设置

21、参数值,单击)在打开的特效对话框中,设置参数值,单击“更改预览更改预览”按钮预览按钮预览特效效果,设置完成后单击特效效果,设置完成后单击“确定确定”按钮。按钮。插入时间轴特效三、时间轴特效的类型三、时间轴特效的类型Flash 内置的时间轴特效有变形、转换、分布式直接复制、复制到网络、内置的时间轴特效有变形、转换、分布式直接复制、复制到网络、分离、展开、投影、模糊八种。分离、展开、投影、模糊八种。(1)变形:通过调整对象的位置、缩放比例、旋转、)变形:通过调整对象的位置、缩放比例、旋转、Alpha 值和色调,值和色调,产生淡入淡出、缩放以及旋转特效。产生淡入淡出、缩放以及旋转特效。(2)转换:对

22、选定对象进行擦除和淡入淡出处理,产生逐渐过渡的特效。)转换:对选定对象进行擦除和淡入淡出处理,产生逐渐过渡的特效。(3)分布式直接复制:复制选定的对象,使对象按一定增量发生改变。)分布式直接复制:复制选定的对象,使对象按一定增量发生改变。(4)复制到网络:按列数复制选定对象,然后乘以行数,创建元素的网)复制到网络:按列数复制选定对象,然后乘以行数,创建元素的网格。格。(5)分离:将文本、元件、形状等元素分裂、自旋和向外弯曲,使对象)分离:将文本、元件、形状等元素分裂、自旋和向外弯曲,使对象产生爆炸的效果。产生爆炸的效果。(6)展开:在一段时间内对指定的对象进行缩放。)展开:在一段时间内对指定的

23、对象进行缩放。(7)投影:在对象的下方创建投影。)投影:在对象的下方创建投影。(8)模糊:通过更改对象在一段时间内的)模糊:通过更改对象在一段时间内的 Alpha 值、位置或缩放比例来值、位置或缩放比例来产生运动模糊特效。产生运动模糊特效。1.制作场景制作场景 1 动画动画(1)创建文具广告影片文档)创建文具广告影片文档新建一个新建一个 Flash 文档,设置舞台大小为文档,设置舞台大小为 700 像素像素 400 像素,背景为粉色像素,背景为粉色(#FFCCCC),将文件保存为),将文件保存为“文具广告文具广告.f la”。(2)复制文具广告库中的元件)复制文具广告库中的元件打开素材文件打开

24、素材文件“文具广告库文具广告库.f la”,将,将“库库”面板中所有元件粘贴到当前面板中所有元件粘贴到当前文档的文档的“库库”面板中备用。面板中备用。(3)创建背景层)创建背景层将图层将图层 1 重命名为重命名为“背景背景”,使用矩形工具,设置笔触颜色为无,填充类,使用矩形工具,设置笔触颜色为无,填充类型为线性,左侧颜色滑块为粉色(型为线性,左侧颜色滑块为粉色(#FCA783)、右侧颜色滑块为黄色)、右侧颜色滑块为黄色(#FFFF00),在舞台中绘制渐变矩形,设置宽为),在舞台中绘制渐变矩形,设置宽为 670,高为,高为 370,用渐变变,用渐变变形工具调整渐变方向,使用形工具调整渐变方向,使

25、用“对齐对齐”面板将矩形放置在舞台的中央,效果如面板将矩形放置在舞台的中央,效果如图所示。在第图所示。在第 40 帧插入帧,锁定背景层。帧插入帧,锁定背景层。绘制背景(4)制作发散效果)制作发散效果1)绘制发散点。新建)绘制发散点。新建“发散点发散点”图形元件,选择刷子工具,设置刷子的图形元件,选择刷子工具,设置刷子的颜色为黄色(颜色为黄色(#FFFF00),在),在“刷子大小刷子大小”选项中选择较小的刷子,在编辑选项中选择较小的刷子,在编辑区中绘制许多小点,如图所示。区中绘制许多小点,如图所示。绘制小圆点2)制作发散效果)制作发散效果新建新建“发散发散”影片剪辑元件,选择图层影片剪辑元件,选

26、择图层 1 的第的第 1 帧,从帧,从“库库”面板中将面板中将“发散点发散点”元件拖动到编辑区中,在第元件拖动到编辑区中,在第 15 帧插入关键帧,将元件放大到帧插入关键帧,将元件放大到 400%。选择第。选择第 1 帧,在帧,在“属性属性”面板中创建动画补间动画。面板中创建动画补间动画。选中图层选中图层 1 中所有帧,单击鼠标右键,从快捷菜单中选择中所有帧,单击鼠标右键,从快捷菜单中选择“复制帧复制帧”选选项。项。新建图层新建图层 2,选中第,选中第 5 帧,单击鼠标右键选择帧,单击鼠标右键选择“粘贴帧粘贴帧”选项。选中图选项。选中图层层 2 中多余的帧,单击鼠标右键选择中多余的帧,单击鼠标

27、右键选择“删除帧删除帧”选项,删除多余的帧。选项,删除多余的帧。“发发散散”元件的时间轴如图所示。元件的时间轴如图所示。“发散”元件的时间轴3)发散效果进舞台。返回场景)发散效果进舞台。返回场景 1,新建,新建“发散发散”图层,选择第图层,选择第 1 帧,从帧,从“库库”面板中将面板中将“发散发散”影片剪辑元件拖动至舞台中央,锁定影片剪辑元件拖动至舞台中央,锁定“发散发散”图层。图层。(5)制作标志淡入效果)制作标志淡入效果1)绘制标志遮罩条。新建)绘制标志遮罩条。新建“标志遮罩条标志遮罩条”影片剪辑元件,选择矩形工具,影片剪辑元件,选择矩形工具,设置笔触颜色为无,填充颜色为白色,在编辑区中绘

28、制矩形,并将其倾斜,设置笔触颜色为无,填充颜色为白色,在编辑区中绘制矩形,并将其倾斜,效果如图所示。效果如图所示。绘制标志遮罩条2)制作)制作“标志遮罩标志遮罩”元件元件新建新建“标志遮罩标志遮罩”影片剪辑元件,选择图层影片剪辑元件,选择图层 1 的第的第 1 帧,从帧,从“库库”面板面板中将中将“标志标志”元件拖动到编辑区中,在第元件拖动到编辑区中,在第 20 帧插入帧。帧插入帧。新建图层新建图层 2,从,从“库库”面板中将面板中将“标志遮罩条标志遮罩条”元件拖动到编辑区,放元件拖动到编辑区,放置在置在“标志标志”元件左侧,添加元件左侧,添加“模糊模糊”滤镜,模糊值滤镜,模糊值 X、Y均为均

29、为 5,效果如图,效果如图所示。在第所示。在第 20 帧插入关键帧,将帧插入关键帧,将“标志遮罩条标志遮罩条”元件移动到元件移动到“标志标志”元件右元件右侧,如图所示。选择第侧,如图所示。选择第 1 帧,在帧,在“属性属性”面板中创建动画补间动画。面板中创建动画补间动画。第 1 帧标志遮罩条第 20 帧标志遮罩条右键单击图层右键单击图层 1 的第的第 1 帧,选择帧,选择“复制帧复制帧”选项。新建图层选项。新建图层 3,将,将“标标志志”元件复制到图层元件复制到图层 3 中的第中的第 1 帧。帧。右键单击图层右键单击图层 3 选择选择“遮罩层遮罩层”,完成,完成“标志遮罩标志遮罩”元件的制作。

30、元件的制作。“标标志遮罩志遮罩”元件的时间轴如图所示。元件的时间轴如图所示。“标志遮罩”元件的时间轴3)制作标志淡入效果)制作标志淡入效果返回场景返回场景 1,新建,新建“标志标志”图层,右键单击第图层,右键单击第 5 帧插入空白关键帧,从帧插入空白关键帧,从“库库”面板中将面板中将“标志遮罩标志遮罩”影片剪辑元件拖动到舞台中,放置在如图所示影片剪辑元件拖动到舞台中,放置在如图所示位置。位置。标志遮罩位置在在“标志标志”图层第图层第 10 帧插入关键帧,选择第帧插入关键帧,选择第 5 帧的帧的“标志遮罩标志遮罩”元件,元件,将将 Alpha值设为值设为 0%。选择第。选择第 5 帧,在帧,在“

31、属性属性”面板中创建动画补间动画。锁面板中创建动画补间动画。锁定定“标志标志”图层。图层。(6)制作文字标志淡入效果)制作文字标志淡入效果1)输入文字标志。新建)输入文字标志。新建“文字标志文字标志”图形元件,设置字体为华文琥珀,图形元件,设置字体为华文琥珀,字体大小为字体大小为 40,输入文字,输入文字“欢乐熊猫文具欢乐熊猫文具”,颜色如图所示。添加,颜色如图所示。添加“投影投影”滤镜,设置如图所示。滤镜,设置如图所示。文字标志滤镜设置2)制作文字标志淡入效果)制作文字标志淡入效果返回场景返回场景 1,新建,新建“文字标志文字标志”图层,右键单击第图层,右键单击第 10 帧,插入空白关帧,插

32、入空白关键帧,从键帧,从“库库”面板中将面板中将“文字标志文字标志”元件拖动到舞台,放置在如图所示位元件拖动到舞台,放置在如图所示位置。置。在第在第 15 帧插入关键帧,选择第帧插入关键帧,选择第 10 帧的帧的“文字标志文字标志”元件,将元件,将 Alpha 值值设为设为 0%。选择第。选择第 10 帧,在帧,在“属性属性”面板中创建动画补间动画。锁定面板中创建动画补间动画。锁定“文字文字标志标志”图层。图层。至此,场景至此,场景 1 动画制作完成,按【动画制作完成,按【Enter】键测试效果。】键测试效果。文字标志位置2.制作场景制作场景 2 动画动画(1)创建背景层)创建背景层1)新建场

33、景)新建场景 2,将图层,将图层 1 重命名为重命名为“背景背景”,选择矩形工具,设置笔触,选择矩形工具,设置笔触颜色为无,填充颜色为粉色(颜色为无,填充颜色为粉色(#FCA783),在舞台中绘制矩形,按图调整大),在舞台中绘制矩形,按图调整大小和位置。小和位置。场景 2 背景2)在第)在第 5 帧插入关键帧,选择第帧插入关键帧,选择第 1 帧的矩形,使用任意变形工具将矩形帧的矩形,使用任意变形工具将矩形向左收缩成一条线。选择第向左收缩成一条线。选择第 1 帧,在帧,在“属性属性”面板中创建形状补间动画。在面板中创建形状补间动画。在第第 70 帧插入帧,锁定背景层。帧插入帧,锁定背景层。(2)

34、制作圆效果)制作圆效果1)绘制圆。新建)绘制圆。新建“圆圆”图形元件,选择椭圆工具,设置笔触颜色为无,图形元件,选择椭圆工具,设置笔触颜色为无,填充颜色为橙色(填充颜色为橙色(#FF9933),在舞台中绘制圆,设置宽和高均为),在舞台中绘制圆,设置宽和高均为 50,如图,如图所示。所示。绘制圆2)制作)制作“圆效果圆效果”元件元件新建新建“圆效果圆效果”影片剪辑元件,选择图层影片剪辑元件,选择图层 1 的第的第 1 帧,从帧,从“库库”面板中面板中将将“圆圆”元件拖动到编辑区中,位置为(元件拖动到编辑区中,位置为(X:52.5,Y:-67),分别在第),分别在第 20 帧和第帧和第 40 帧插

35、入关键帧。选择第帧插入关键帧。选择第 1 帧的圆,将宽和高改为帧的圆,将宽和高改为 8,Alpha 值设为值设为 0%;选择第;选择第 20 帧的圆,将宽和高改为帧的圆,将宽和高改为 35,Alpha 值设为值设为 20%;选择第;选择第 40 帧的圆,将宽和高改为帧的圆,将宽和高改为 60,Alpha 值设为值设为0%。选中图层。选中图层 1 的所有帧,创建的所有帧,创建动画补间动画。动画补间动画。新建图层新建图层 2,从,从“库库”面板中将面板中将“圆圆”元件拖入编辑区,位置为(元件拖入编辑区,位置为(X:2,Y:-63),分别在第),分别在第 25 帧和第帧和第 40 帧插入关键帧。选择

36、第帧插入关键帧。选择第 1 帧的圆,将宽和帧的圆,将宽和高改为高改为 8,Alpha 值设为值设为 0%;选择第;选择第 25 帧的圆,将宽和高改为帧的圆,将宽和高改为 60,Alpha 值设为值设为 70%;选择第;选择第 40 帧的圆,将宽和高改为帧的圆,将宽和高改为 88,Alpha 值设为值设为 20%。选。选中图层中图层 2 的所有帧,创建动画补间动画。的所有帧,创建动画补间动画。新建图层新建图层 3,从,从“库库”面板中将面板中将“圆圆”元件拖入编辑区,位置为(元件拖入编辑区,位置为(X:-20,Y:-82),分别在第),分别在第 8 帧和第帧和第 18 帧插入关键帧。选择第帧插入

37、关键帧。选择第 1 帧的圆,将宽帧的圆,将宽和高改为和高改为 35,Alpha 值设为值设为 70%;选择第;选择第 8 帧的圆,将宽和高改为帧的圆,将宽和高改为 45,Alpha 值设为值设为 20%;选择第;选择第 18 帧的圆,将宽和高改为帧的圆,将宽和高改为 70,Alpha 值设为值设为 0%。选中图层选中图层 3 的所有帧,创建动画补间动画。的所有帧,创建动画补间动画。至此,至此,“圆效果圆效果”元件制作完毕,其时间轴如图所示。元件制作完毕,其时间轴如图所示。“圆效果”元件的时间轴3)圆效果进舞台。返回场景)圆效果进舞台。返回场景 2,新建,新建“圆圆”图层,右键单击第图层,右键单

38、击第 5 帧,插帧,插入空白关键帧,从入空白关键帧,从“库库”面板中将面板中将“圆效果圆效果”元件拖入舞台,复制两个,按元件拖入舞台,复制两个,按照图所示位置摆放,锁定照图所示位置摆放,锁定“圆圆”图层。图层。圆效果进舞台(3)制作笔逐帧显示效果)制作笔逐帧显示效果1)新建)新建“笔笔”图层,右键单击第图层,右键单击第 10 帧,插入空白关键帧,从帧,插入空白关键帧,从“库库”面板面板中将中将“圆珠笔圆珠笔 1”元件拖入舞台,放置在图所示位置。元件拖入舞台,放置在图所示位置。2)右键单击第)右键单击第 13 帧,插入关键帧,从帧,插入关键帧,从“库库”面板中将面板中将“圆珠笔圆珠笔 2”元件元

39、件拖入舞台,放置在图所示位置。拖入舞台,放置在图所示位置。圆珠笔 1 位置圆珠笔 2 位置3)依此方法,每隔两帧插入关键帧,从)依此方法,每隔两帧插入关键帧,从“库库”面板中顺序将面板中顺序将“圆珠笔圆珠笔 3”“”“铅笔铅笔1”“”“铅笔铅笔 2”“”“铅笔铅笔 3”“”“毛笔毛笔 1”“”“毛笔毛笔 2”和和“毛笔毛笔 3”元件元件拖动到舞台中摆放好位置,效果如图所示。拖动到舞台中摆放好位置,效果如图所示。笔元件摆放位置4)在第)在第 47 帧插入空白关键帧,帧插入空白关键帧,“笔笔”图层的时间轴如图所示。锁定图层的时间轴如图所示。锁定“笔笔”图层。图层。“笔”图层的时间轴(4)制作橡皮出

40、现效果)制作橡皮出现效果1)新建)新建“橡皮橡皮 1”图层,右键单击第图层,右键单击第 50 帧,插入空白关键帧,从帧,插入空白关键帧,从“库库”面板中将面板中将“橡皮橡皮 1”元件拖动到舞台中,放置在舞台下方,效果如图所示。元件拖动到舞台中,放置在舞台下方,效果如图所示。第 50 帧的橡皮 12)在第)在第 56 帧插入关键帧,将帧插入关键帧,将“橡皮橡皮 1”元件垂直移动到舞台中央,效果元件垂直移动到舞台中央,效果如图所示。选择第如图所示。选择第 50 帧,在帧,在“属性属性”面板中创建动画补间动画,实现面板中创建动画补间动画,实现“橡皮橡皮 1”元件上移效果。元件上移效果。3)依此方法,

41、新建)依此方法,新建“橡皮橡皮 2”和和“橡皮橡皮 3”两个图层,并制作两个图层,并制作“橡皮橡皮 2”和和“橡皮橡皮 3”元件从舞台下方上移到舞台中央的效果。制作过程中要注意橡元件从舞台下方上移到舞台中央的效果。制作过程中要注意橡皮的摆放位置,锁定各橡皮图层。皮的摆放位置,锁定各橡皮图层。第 56 帧的橡皮 1(5)制作转笔刀出现效果)制作转笔刀出现效果1)新建)新建“转笔刀转笔刀 1”图层,右键单击第图层,右键单击第 50 帧,插入空白关键帧,从帧,插入空白关键帧,从“库库”面板中将面板中将“转笔刀转笔刀 1”元件拖动到舞台中,放置在舞台上方,效果如图所示。元件拖动到舞台中,放置在舞台上方

42、,效果如图所示。第 50 帧的转笔刀 12)在第)在第 56 帧插入关键帧,将帧插入关键帧,将“转笔刀转笔刀 1”垂直移动到舞台中央,效果如垂直移动到舞台中央,效果如图所示。选择第图所示。选择第 50 帧,在帧,在“属性属性”面板中创建动画补间动画,实现面板中创建动画补间动画,实现“转笔刀转笔刀 1”元件下移效果。元件下移效果。第 56 帧的转笔刀 13)依此方法,新建)依此方法,新建“转笔刀转笔刀 2”和和“转笔刀转笔刀 3”两个图层,并制作两个图层,并制作“转笔转笔刀刀 2”和和“转笔刀转笔刀 3”元件从舞台上方下移到舞台中央的效果。制作过程中元件从舞台上方下移到舞台中央的效果。制作过程中

43、要注意转笔刀的摆放位置,锁定各转笔刀图层。要注意转笔刀的摆放位置,锁定各转笔刀图层。至此,场景至此,场景 2 动画制作完毕,按【动画制作完毕,按【Enter】键测试效果。】键测试效果。3.制作场景制作场景 3 动画动画(1)创建背景层)创建背景层新建场景新建场景 3,将场景,将场景 1 中的背景层复制到场景中的背景层复制到场景 3 图层图层 1 的第的第 1 帧,摆放好帧,摆放好位置,调整大小,如图所示。在第位置,调整大小,如图所示。在第 40 帧插入帧,锁定背景层。帧插入帧,锁定背景层。场景 3 背景(2)制作标志淡入效果)制作标志淡入效果1)新建)新建“标志标志”图层,从图层,从“库库”面

44、板中将面板中将“标志遮罩标志遮罩”影片剪辑元件拖影片剪辑元件拖动到舞台中,放置在如图所示位置。动到舞台中,放置在如图所示位置。2)在第)在第 5 帧插入关键帧,选择第帧插入关键帧,选择第 1 帧的帧的“标志遮罩标志遮罩”元件,将元件,将 Alpha 值值设为设为 0%。选择第。选择第 1 帧,在帧,在“属性属性”面板中创建动画补间动画。锁定面板中创建动画补间动画。锁定“标志标志”图层。图层。标志遮罩位置(3)制作文字标志淡入效果)制作文字标志淡入效果1)新建)新建“文字标志文字标志”图层,右键单击第图层,右键单击第 5 帧,插入空白关键帧,从帧,插入空白关键帧,从“库库”面板中将面板中将“文字

45、标志文字标志”元件拖动到舞台中,放置在如图所示位置。元件拖动到舞台中,放置在如图所示位置。2)在第)在第 10 帧插入关键帧,选择第帧插入关键帧,选择第 5 帧的帧的“文字标志文字标志”元件,在元件,在“属性属性”面板中将面板中将Alpha 值设为值设为 0%。选择第。选择第 5 帧,在帧,在“属性属性”面板中创建动画补间面板中创建动画补间动画。锁定动画。锁定“文字标志文字标志”图层。图层。文字标志位置(4)制作广告语变形特效)制作广告语变形特效1)新建图层)新建图层 4,在第,在第 10 帧插入空白关键帧,选择文本工具,设置字体为帧插入空白关键帧,选择文本工具,设置字体为华文琥珀,字体大小为

46、华文琥珀,字体大小为 25,字体颜色为红色(,字体颜色为红色(#FF0033),输入广告语),输入广告语“伴伴随你快乐成长!随你快乐成长!”,使用渐变变形工具逆时针旋转文字,效果如图所示。,使用渐变变形工具逆时针旋转文字,效果如图所示。广告语位置2)执行【插入】)执行【插入】【时间轴特效】【时间轴特效】【变形【变形/转换】转换】【变形】命令,【变形】命令,打开打开“变形变形”对话框,设置效果持续时间为对话框,设置效果持续时间为 15 帧,缩放比例为帧,缩放比例为 150%,勾选,勾选“更改颜色更改颜色”复选框,最终颜色设为红色,如图所示。复选框,最终颜色设为红色,如图所示。“变形”对话框3)单

47、击)单击“确定确定”按钮回到舞台中,按钮回到舞台中,Flash 自动将图层自动将图层 4 更名为更名为“变形变形 1”,同时同时“库库”面板中自动生成面板中自动生成“变形变形 1”图形元件和特效文件夹。在舞台中选图形元件和特效文件夹。在舞台中选择广告语择广告语“伴随你快乐成长!伴随你快乐成长!”,在,在“属性属性”面板中设置为面板中设置为“播放一次播放一次”,如图所示。在第如图所示。在第 40帧插入帧,锁定帧插入帧,锁定“变形变形 1”图层。图层。“属性”面板(5)制作欢欢乐乐转换特效)制作欢欢乐乐转换特效1)新建图层)新建图层 5,在第,在第 15 帧插入空白关键帧,从帧插入空白关键帧,从“

48、库库”面板中将面板中将“欢欢乐欢欢乐乐乐”元件拖动到舞台中,放置在如图所示位置。元件拖动到舞台中,放置在如图所示位置。欢欢乐乐位置操作演示2)执行【插入】)执行【插入】【时间轴特效】【时间轴特效】【变形【变形/转换】转换】【转换】命令,【转换】命令,打开打开“转换转换”对话框,设置效果持续时间为对话框,设置效果持续时间为 15 帧,如图所示。帧,如图所示。“转换”对话框3)单击)单击“确定确定”按钮回到舞台中,按钮回到舞台中,Flash 自动将图层自动将图层 5 更名为更名为“转换转换 2”,同时同时“库库”面板中自动生成面板中自动生成“转换转换 2”图形元件。在舞台上选择图形元件。在舞台上选

49、择“欢欢乐乐欢欢乐乐”元件,在元件,在“属性属性”面板中设置为面板中设置为“播放一次播放一次”,如图所示。在第,如图所示。在第 40 帧插入帧,帧插入帧,锁定锁定“转换转换2”图层。图层。“属性”面板(6)输入公司名称)输入公司名称新建新建“公司名称公司名称”图层,在第图层,在第 30 帧插入空白关键帧,选择文本工具,设帧插入空白关键帧,选择文本工具,设置字体为黑体,字体大小为置字体为黑体,字体大小为 30,字体颜色为蓝色(,字体颜色为蓝色(#0000FF),粗体,在舞),粗体,在舞台底部输入台底部输入“欢乐熊猫文化用品有限公司欢乐熊猫文化用品有限公司”,如图所示。,如图所示。至此,文具广告动画制作完毕。至此,文具广告动画制作完毕。输入公司名称(7)测试保存)测试保存执行【控制】执行【控制】【测试影片】命令,观察动画效果。如果满意,执行【文【测试影片】命令,观察动画效果。如果满意,执行【文件】件】【保存】命令保存文件。【保存】命令保存文件。

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 办公、行业 > 各类PPT课件(模板)
版权提示 | 免责声明

1,本文(电子课件-《Flash动画设计与制作(第二版)》-A06-3961-项目七-网站应用.ppt)为本站会员(三亚风情)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|