FlashCS动画设计项目教程学习情境二广告制作课件.ppt

1、FlashCS动画设计工程教程学习情动画设计工程教程学习情境二广告制作境二广告制作目录 导入案例一导入案例一 皮鞋广告制作皮鞋广告制作导入案例二导入案例二 手表广告制作手表广告制作导入案例三导入案例三 钻戒广告制作钻戒广告制作工程一工程一 化装品广告制作化装品广告制作工程拓展工程拓展 玩具广告制作玩具广告制作12345目录学习情境练习学习情境练习67学习情境小结学习情境小结教学要求教学要求2.1 导入案例一导入案例一 皮鞋广告制作皮鞋广告制作 本案例主要介绍通过本案例主要介绍通过“文本工具、文本工具、“创立传统补间动画、创立传统补间动画、“图片元件等图片元件等命令的的使用来创立文字移动动画效果

2、的皮鞋广告，各种文字动画效果的命令的的使用来创立文字移动动画效果的皮鞋广告，各种文字动画效果的使用在使用在Flash广告制作中应用非常普遍，本案例就应用这些工具和命令进展广告制作中应用非常普遍，本案例就应用这些工具和命令进展文字移动效果的制作。最终案例效果如图文字移动效果的制作。最终案例效果如图2-1所示。所示。2.1.1 案例效果案例效果图 2-1 广告主界面在本案例中，主要解决以下问题：在本案例中，主要解决以下问题：1“文本工具的使用，设置文本的各项属性。文本工具的使用，设置文本的各项属性。2“创立传统补间动画命令的使用，属性的更改。创立传统补间动画命令的使用，属性的更改。3“元件的创立和

3、使用，元件分为图形、按钮、影片剪辑元件的创立和使用，元件分为图形、按钮、影片剪辑三种类型。三种类型。2.1.2 案例目的案例目的1 1导入背景图片导入背景图片1 1选择选择“文件新建命令，在弹出的新建文档对话框文件新建命令，在弹出的新建文档对话框中选择中选择“ActionScript 2.0“ActionScript 2.0，单击，单击“确定按钮，进入确定按钮，进入新建文档舞台窗口。按新建文档舞台窗口。按“Ctrl+F3“Ctrl+F3组合键，弹出文档组合键，弹出文档“属性面板，设置大小为属性面板，设置大小为“743“743*225225，将，将“背景选背景选项设为白色项设为白色#FFFFFF

4、#FFFFFF，如图，如图2-22-2所示。所示。2.1.3 案例操作步骤案例操作步骤图 2-2 文档属性2 2选择选择“文件导入导入到库命令，在弹出的文件导入导入到库命令，在弹出的“导入到库导入到库对话框中选择对话框中选择“学习情境学习情境2 2素材皮鞋广告文件夹下的素材皮鞋广告文件夹下的“背景背景图片，单击图片，单击“翻开按钮，图片被导入到翻开按钮，图片被导入到“库面板中，效果如图库面板中，效果如图2-2-3 3所示。所示。图 2-3 库面板2 2创立文本图形元件创立文本图形元件1 1按按“Ctrl+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“文字的图形元文字的图形元件。

5、件。2 2在在“文字图形元件的编辑窗口中选择文字图形元件的编辑窗口中选择“文本工具，在文本工具，在“属性面板中进展设置，在舞台窗口中输入大小为属性面板中进展设置，在舞台窗口中输入大小为2020，字体为，字体为“华文琥珀的褐色华文琥珀的褐色#993300#993300文字文字“骆驼皮鞋使您足下生辉，骆驼皮鞋使您足下生辉，文字设置如图文字设置如图2-52-5所示，效果如图所示，效果如图2-62-6所示。所示。图 2-5 文本属性 图 2-6 文字效果3 3设置动画并测试设置动画并测试1 1回到主场景，新建一个图层，命名为回到主场景，新建一个图层，命名为“文字，在第文字，在第1 1帧将帧将库面板中的

6、库面板中的“文字元件导入到舞台中背景图的左外侧，如图文字元件导入到舞台中背景图的左外侧，如图2-72-7所示，之后分别在所示，之后分别在7070帧和帧和140140帧处插入关键帧，在帧处插入关键帧，在7070帧处将元件移帧处将元件移动到背景左中部，如图动到背景左中部，如图2-82-8所示，之后分别设置传统补间动画如图所示，之后分别设置传统补间动画如图2-92-9所示。所示。图 2-7 第1帧文字位置 图 2-8 第70帧文字位置 2利用按键利用按键“Ctrl+Enter组合键即可查看效果，如图组合键即可查看效果，如图2-1所示。所示。图 2-9 设置传统补间动画2.2 导入案例二导入案例二 手

7、表广告制作手表广告制作本案例主要介绍通过本案例主要介绍通过“对齐工具、对齐工具、“Alpha“Alpha设置、设置、“影片剪辑影片剪辑类型元件的综合使用来制作图片淡入淡出效果的手表广告。在图片淡类型元件的综合使用来制作图片淡入淡出效果的手表广告。在图片淡入淡出制作中，注意入淡出制作中，注意“对齐工具的使用及对齐工具的使用及“Alpha“Alpha的面板设置，的面板设置，本案例以这些工具为根底进展制作。最终案例效果如图本案例以这些工具为根底进展制作。最终案例效果如图2-102-10所示。所示。图 2-10“手表广告最终效果2.2.1 案例效果案例效果在本案例中，主要解决以下问题：在本案例中，主要

8、解决以下问题：1 1“对齐工具的使用。对齐工具的使用。2 2“任意变形工具的使用。任意变形工具的使用。3 3“Alpha“Alpha的设置。的设置。4 4“影片剪辑元件的使用。影片剪辑元件的使用。2.2.2 案例目的案例目的1 1导入背景图片导入背景图片1 1选择选择“文件新建命令，在弹出的新建文档对话框中选择文件新建命令，在弹出的新建文档对话框中选择“ActionScript 2.0“ActionScript 2.0，单击，单击“确定按钮，进入新建文档舞台窗确定按钮，进入新建文档舞台窗口。按口。按“Ctrl+F3“Ctrl+F3组合键，弹出文档组合键，弹出文档“属性面板，默认设置大属性面板，

9、默认设置大小为小为“550“550*400400，将，将“背景选项设为白色背景选项设为白色#FFFFFF#FFFFFF，如图，如图2-2-1111所示。在所示。在“时间轴面板中将时间轴面板中将“图层图层1 1重新命名为重新命名为“背景，背景，选择选择“文件导入导入到舞台命令将文件导入导入到舞台命令将“背景图片导入到舞台背景图片导入到舞台中，如图中，如图2-122-12所示，通过对齐面板中的匹配大小下的匹配宽度、匹所示，通过对齐面板中的匹配大小下的匹配宽度、匹配高度按钮将背景图片与舞台大小匹配，如图配高度按钮将背景图片与舞台大小匹配，如图2-132-13所示通过对齐面所示通过对齐面板中的水平居中

10、、垂直居中使背景图片与舞台对齐，在板中的水平居中、垂直居中使背景图片与舞台对齐，在120120帧处插帧处插入帧，如图入帧，如图2-142-14所示。所示。图 2-12 对齐面板匹配大小按钮 图 2-13 对齐面板对齐按钮图 2-11 文档属性图 2-14 背景图层2.2.3 案例操作步骤案例操作步骤2 2创立图片影片剪辑元件创立图片影片剪辑元件1 1按按“Ctrl+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“手表手表1 1的影片剪辑类的影片剪辑类型元件，进入其编辑窗口。型元件，进入其编辑窗口。2 2将库中的图片将库中的图片“手表手表1 1拖入其中。拖入其中。3 3按按“Ctr

11、l+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“手表手表2 2的影片剪辑类的影片剪辑类型元件，进入其编辑窗口。型元件，进入其编辑窗口。4 4将库中的图片将库中的图片“手表手表2 2拖入其中。拖入其中。5 5按按“Ctrl+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“手表手表3 3的影片剪辑类的影片剪辑类型元件，进入其编辑窗口。型元件，进入其编辑窗口。6 6将库中的图片将库中的图片“手表手表3 3拖入其中。拖入其中。7 7按按“Ctrl+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“手表手表4 4的影片剪辑类的影片剪辑类型元件，进入其编辑窗口。

12、型元件，进入其编辑窗口。8 8将库中的图片将库中的图片“手表手表4 4拖入其中。拖入其中。3 3制作图片淡入淡出动画制作图片淡入淡出动画1 1回到主场景中，新建图层回到主场景中，新建图层2 2，命名为，命名为“手表手表1 1，将元件，将元件“手手表表1 1拖入舞台并放置在背景图片的左上角，在第拖入舞台并放置在背景图片的左上角，在第1010帧与帧与2020帧分别帧分别插入关键帧，选择第插入关键帧，选择第1 1帧，选择元件帧，选择元件“手表手表1 1，在右侧的色彩效果，在右侧的色彩效果属性面板中将样式下拉菜单项选择择为属性面板中将样式下拉菜单项选择择为AlphaAlpha，将下方的，将下方的Alp

13、haAlpha滑块滑块设置为设置为0%0%，选择第，选择第2020帧，选择元件帧，选择元件“手表手表1 1，将，将AlphaAlpha滑块设置为滑块设置为0%0%，如图，如图2-152-15所示。所示。图 2-15 设置Alpha值2 2回到主场景中，新建图层回到主场景中，新建图层3 3，命名为，命名为“手表手表2 2，在第，在第2020帧插入帧插入关键帧，将元件关键帧，将元件“手表手表2 2拖入舞台并放置在背景图片的右上角，在拖入舞台并放置在背景图片的右上角，在第第3030帧与帧与4040帧分别插入关键帧，选择第帧分别插入关键帧，选择第2020帧，选择元件帧，选择元件“手表手表2 2，在右侧

14、的色彩效果属性面板中将样式下拉菜单项选择择为在右侧的色彩效果属性面板中将样式下拉菜单项选择择为AlphaAlpha，将，将下方的下方的AlphaAlpha滑块设置为滑块设置为0%0%，选择第，选择第4040帧，选择元件帧，选择元件“手表手表2 2，将，将A Alphalpha滑块设置为滑块设置为0%0%。3 3回到主场景中，新建图层回到主场景中，新建图层4 4，命名为，命名为“手表手表3 3，在第，在第4040帧插入关帧插入关键帧，将元件键帧，将元件“手表手表3 3拖入舞台并放置在背景图片的左下角，在第拖入舞台并放置在背景图片的左下角，在第5050帧与帧与6060帧分别插入关键帧，选择第帧分别

15、插入关键帧，选择第4040帧，选择元件帧，选择元件“手表手表3 3，在，在右侧的色彩效果属性面板中将样式下拉菜单项选择择为右侧的色彩效果属性面板中将样式下拉菜单项选择择为AlphaAlpha，将下，将下方的方的AlphaAlpha滑块设置为滑块设置为0%0%，选择第，选择第6060帧，选择元件帧，选择元件“手表手表3 3，将，将AlpAlphaha滑块设置为滑块设置为0%0%。4 4回到主场景中，新建图层回到主场景中，新建图层5 5，命名为，命名为“手表手表4 4，在第，在第6060帧处插帧处插入关键帧，将元件入关键帧，将元件“手表手表4 4拖入舞台并放置在背景图片的右下角，拖入舞台并放置在背

16、景图片的右下角，在第在第7070帧与帧与8080帧分别插入关键帧，选择第帧分别插入关键帧，选择第6060帧，选择元件帧，选择元件“手表手表4 4，在右侧的色彩效果属性面板中将样式下拉菜单项选择择为在右侧的色彩效果属性面板中将样式下拉菜单项选择择为AlphaAlpha，将，将下方的下方的AlphaAlpha滑块设置为滑块设置为0%0%，选择第，选择第8080帧，选择元件帧，选择元件“手表手表4 4，将，将A Alphalpha滑块设置为滑块设置为0%0%。4 4创立文字影片剪辑元件创立文字影片剪辑元件1 1按按“Ctrl+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“文字的影片剪

17、辑文字的影片剪辑类型元件，进入其编辑窗口。类型元件，进入其编辑窗口。2 2在其中选择在其中选择“文本工具创立大小为文本工具创立大小为2020，字体为华文楷体，字体为华文楷体，颜色为颜色为“666666“666666的的“品诺手表尊贵选择的文字，文字设置如品诺手表尊贵选择的文字，文字设置如图图2-162-16所示，效果如图所示，效果如图2-172-17所示。所示。图 2-16 文本设置图 2-17 文本效果5 5制作文字淡入淡出动画制作文字淡入淡出动画1 1回到主场景，新建图层回到主场景，新建图层6 6，命名为，命名为“文字，在第文字，在第8080帧插入关键帧插入关键帧，将帧，将“文字影片剪辑元

18、件拖入到舞台中央，分别在第文字影片剪辑元件拖入到舞台中央，分别在第100100帧和第帧和第1 12020帧插入关键帧，选择第帧插入关键帧，选择第8080帧，选择元件帧，选择元件“文字，在右侧的色彩效文字，在右侧的色彩效果属性面板中将样式下拉菜单项选择择为果属性面板中将样式下拉菜单项选择择为AlphaAlpha，将下方的，将下方的AlphaAlpha滑块滑块设置为设置为0%0%，选择第，选择第120120帧，选择元件帧，选择元件“文字，将文字，将AlphaAlpha滑块设置为滑块设置为0%0%。2 2设定完毕的时间轴如图设定完毕的时间轴如图2-182-18所示。所示。2-18 时间轴设定6 6测

19、试测试1 1利用按键利用按键“Ctrl+Enter“Ctrl+Enter组合键即可查看效果，效果如图组合键即可查看效果，效果如图2-102-10所示。所示。1.使用“对齐工具时，分为对齐、分布、匹配大小、间隔四种设置。对齐分为左对齐、水平对齐、右对齐、顶对齐、垂直对齐、底对齐；分布分为顶局部布、垂直居中分布、底局部布、左侧分布、水平居中局部、右侧分布；匹配大小分为匹配高度、匹配宽度，匹配高和宽；间隔分为垂直平均间隔和水平平均间隔；其中“与舞台对齐的复选项中选中时，对象将与舞台对齐、分布、匹配大小和间隔；当不选择时，对象本身对齐、分布、匹配大小和间隔。2.3 2.3 导入案例三导入案例三 钻戒广

20、告的制作钻戒广告的制作本案例主要介绍通过本案例主要介绍通过“椭圆工具、椭圆工具、“创立传统补间动创立传统补间动画、画、“遮罩层等工具与命令、结合遮罩层等工具与命令、结合“库面板的综库面板的综合使用来制作图片遮罩动画。在图片遮罩动画制作当中，合使用来制作图片遮罩动画。在图片遮罩动画制作当中，注意灵活运用注意灵活运用“遮罩层结合遮罩层结合“创立传统补间动画来创立传统补间动画来制作出依次显示不同局部图片的效果，本案例以这些命制作出依次显示不同局部图片的效果，本案例以这些命令和工具的综合使用制作而成。最终案例效果如图令和工具的综合使用制作而成。最终案例效果如图2-192-19所示。所示。图 2-19

21、钻戒广告最终效果2.3.1 案例效果案例效果在本案例中，主要解决以下问题：在本案例中，主要解决以下问题：1 1“遮罩层的使用。遮罩层的使用。2 2创立传统补间动画。创立传统补间动画。3 3“影片剪辑的使用。影片剪辑的使用。4 4“任意变形工具的使用。任意变形工具的使用。2.3.2 案例目的案例目的1 1导入背景图片导入背景图片1 1选择选择“文件新建命令，在弹出的新建文档对文件新建命令，在弹出的新建文档对话框中选择话框中选择“ActionScript 2.0“ActionScript 2.0，单击，单击“确定按钮，确定按钮，进入新建文档舞台窗口。按进入新建文档舞台窗口。按“Ctrl+F3“Ct

22、rl+F3组合键，弹出组合键，弹出文档文档“属性面板，设置大小为属性面板，设置大小为“1000“1000*700700，将，将“背背景选项设为白色景选项设为白色#FFFFFF#FFFFFF，如图，如图2-202-20所示。在所示。在“时间轴面板中将时间轴面板中将“图层图层1 1重新命名为重新命名为“背景，背景，选择选择“文件导入导入到舞台命令将文件导入导入到舞台命令将“背景图片背景图片导入到舞台中，选择导入到舞台中，选择“选择工具选中图片，在选择工具选中图片，在“位置位置和大小面板中将图片的和大小面板中将图片的X X、Y Y位置设置为位置设置为0 0、0 0，宽与高，宽与高设置为设置为1000

23、1000、700700，如图，如图2-212-21所示，在所示，在8080帧处插入帧，帧处插入帧，如图如图2-222-22所示。所示。图 2-20 文档属性图 2-21 设置图片位置和大小图 2-22 插入帧2.3.3 案例操作步骤案例操作步骤2 2创立影片剪辑元件创立影片剪辑元件 1 1按按“Ctrl+F8“Ctrl+F8组合键，创立一个名为组合键，创立一个名为“图形的影片剪辑图形的影片剪辑类型元件，进入其编辑窗口。类型元件，进入其编辑窗口。2 2在其中选择在其中选择“椭圆工具，将填充和笔触中的笔触选择为椭圆工具，将填充和笔触中的笔触选择为无，填充设置为无，填充设置为“FF0000“FF00

24、00，拖动鼠标绘制一个椭圆，选择，拖动鼠标绘制一个椭圆，选择“选选择工具选中椭圆，参照图择工具选中椭圆，参照图2-212-21，在，在“位置和大小面板中将图位置和大小面板中将图片的片的X X、Y Y位置设置为位置设置为-200-200、-175-175，宽与高设置为，宽与高设置为400400、5050。3 3设置动画并测试设置动画并测试1 1回到主场景，新建图层回到主场景，新建图层2 2，命名为，命名为“遮罩，在第遮罩，在第1 1帧处从库面帧处从库面板中将板中将“图形影片剪辑类型元件拖入主场景左下角，使影片剪辑图形影片剪辑类型元件拖入主场景左下角，使影片剪辑“图形遮住最左侧的图片，如图图形遮住

25、最左侧的图片，如图2-232-23所示；在第所示；在第2020帧处插入关键帧，帧处插入关键帧，将影片剪辑将影片剪辑“图形移动位置遮住中间的图片，如图图形移动位置遮住中间的图片，如图2-242-24所示；在第所示；在第4040帧插入关键帧，将影片剪辑帧插入关键帧，将影片剪辑“图形移动位置遮住最右侧的图片，图形移动位置遮住最右侧的图片，如图如图2-252-25所示；在第所示；在第4141帧插入关键帧，将影片剪辑帧插入关键帧，将影片剪辑“图形移动位置图形移动位置并缩小遮住上面的并缩小遮住上面的“我们终于结婚了的图片左侧，如图我们终于结婚了的图片左侧，如图2-262-26所示；所示；在第在第6060帧

26、插入关键帧，将影片剪辑帧插入关键帧，将影片剪辑“图形移动位置并放大遮住上面图形移动位置并放大遮住上面的的“我们终于结婚了的整张图片，如图我们终于结婚了的整张图片，如图2-272-27所示。所示。图 2-23“遮罩层第1帧设置元件位置图 2-24“遮罩层第20帧设置元件位置图 2-25“遮罩层第40帧设置元件位置图 2-26“遮罩层第41帧设置元件位置图 2-27“遮罩层第80帧设置元件位置2在第在第1帧与第帧与第20帧之间创立传统补间动画，在第帧之间创立传统补间动画，在第20帧与第帧与第40帧之帧之间创立传统补间动画，在第间创立传统补间动画，在第41帧与第帧与第80帧之间创立传统补间动画，如图

27、帧之间创立传统补间动画，如图2-28所示。所示。图 2-28 创立传统补间动画图 2-29 创立遮罩动画4利用按键利用按键“Ctrl+Enter组合键即可查看效果，效果如图组合键即可查看效果，效果如图2-19所所示。示。3选择选择“遮罩图层，单击鼠标右键选择遮罩图层，单击鼠标右键选择“遮罩层，如图遮罩层，如图2-29所所示。示。2.4 工程一工程一 化装品广告制作化装品广告制作Flash广告是现代生活中宣传的最广泛的方式，广告是现代生活中宣传的最广泛的方式，Flash制作周期短，费制作周期短，费用低，效果佳，有越来越多人选择将用低，效果佳，有越来越多人选择将Flash广告投放市场。广告投放市场

28、。Flash广告广告涵盖手机广告、网站广告、实体广告、电视广告等等，设计类别更涵盖手机广告、网站广告、实体广告、电视广告等等，设计类别更是五花八门，饮食类、化装品类、数码类、饰品类、书籍类、招聘是五花八门，饮食类、化装品类、数码类、饰品类、书籍类、招聘类等等，相信大家通过该工程的演练，能够对广告的创作得心应手。类等等，相信大家通过该工程的演练，能够对广告的创作得心应手。本工程主要通过介绍本工程主要通过介绍“文字工具、文字工具、“任意变形工任意变形工具、具、“选择工具、选择工具、“颜色面板、颜色面板、“库面板、库面板、“元件的创立与使用、传统补间动画的制作及元件的创立与使用、传统补间动画的制作及

29、ActionScript语言的综合使用来制作语言的综合使用来制作Flash广告。该广告为美宝莲广告。该广告为美宝莲眼影化装品的广告，需要有一定的视觉冲击力，所以我眼影化装品的广告，需要有一定的视觉冲击力，所以我们选定了两张模特着重眼影妆容的照片，力求到达突出们选定了两张模特着重眼影妆容的照片，力求到达突出眼影主题的效果。在眼影主题的效果。在“元件创立时，注意灵活使用元件创立时，注意灵活使用“影片剪辑元件及影片剪辑元件及“图形元件。同时灵活使用图形元件。同时灵活使用“任任意变形工具进展变形操作，本工程以这些内容为根底意变形工具进展变形操作，本工程以这些内容为根底进展创作。最终工程效果如图进展创作

30、。最终工程效果如图2-30所示。所示。图 2-30 “美宝莲眼影广告效果2.4.1 工程效果工程效果在本工程中，主要解在本工程中，主要解决决以下以下问题问题：1工具箱中根本工具箱中根本绘图绘图工具的熟工具的熟练练使用。使用。2图图片的片的导导入。入。3动画动画的的创创立。立。4“ActionScript命令的命令的简单应简单应用。用。2.4.2 工程目的工程目的1创立并设置文档创立并设置文档1选择选择“文件新建命令，在弹出的新建文档对文件新建命令，在弹出的新建文档对话框中选择话框中选择“ActionScript 2.0，单击，单击“确定按钮，确定按钮，进入新建文档舞台窗口。按进入新建文档舞台窗

31、口。按“Ctrl+F3组合键，弹出组合键，弹出“属性面板，单击属性面板，单击“大小右侧大小右侧“编辑按钮，弹出编辑按钮，弹出“文档设置对话框，设置为文档设置对话框，设置为500*338，背景颜色白色。，背景颜色白色。2选择选择“文件导入导入到库命令，在弹出的文件导入导入到库命令，在弹出的“导入到库对话框中选择导入到库对话框中选择“学习情境学习情境2素材化装品素材化装品广告文件夹下的所有文件，单击广告文件夹下的所有文件，单击“翻开按钮，这些翻开按钮，这些图片都被导入到图片都被导入到“库面板中。库面板中。2.4.3 工程技术实训工程技术实训图2-31文本设置 图2-32文本效果2创立图形元件创立图

32、形元件1在在“库面板下方单击库面板下方单击“新建元件按钮，弹出新建元件按钮，弹出“创立新元件对创立新元件对话框，在话框，在“名称选项的文本框中输入名称选项的文本框中输入“Text，在，在“类型下拉列表中类型下拉列表中勾选勾选“图形选项，单击图形选项，单击“确定按钮，新建图形元件确定按钮，新建图形元件“Text，舞台窗，舞台窗口也随之转换为图形元件的舞台窗口。口也随之转换为图形元件的舞台窗口。2选择工具栏中的文本工具，在字符属性面板中设置系列为选择工具栏中的文本工具，在字符属性面板中设置系列为“黑体黑体，大小为，大小为“50，颜色为，颜色为“#8F336A，输入文本，输入文本“MAYBELLIN

33、E，同样的选择工具栏中的文本工具，在字符属性面板中设置系列为同样的选择工具栏中的文本工具，在字符属性面板中设置系列为“黑体黑体，大小为，大小为“35，颜色为，颜色为“#8F336A，输入文本，输入文本“炫彩珠光眼影，炫彩珠光眼影，文字设置如图文字设置如图2-31所示，效果如图所示，效果如图2-32所示。所示。3制作元件制作元件“光圈光圈1单击单击“新建元件按钮，新建影片剪辑元件新建元件按钮，新建影片剪辑元件“光圈。光圈。2选择颜色面板，将颜色类型选择为线性渐变，设置白色选择颜色面板，将颜色类型选择为线性渐变，设置白色白白色色白色白色白色的渐变填充，然后设置第白色的渐变填充，然后设置第1、2、4

34、的白色的的白色的Alpha值值为为0%，如图，如图2-33所示。所示。3选择工具栏中的选择工具栏中的“椭圆工具，在笔触颜色中选择，然后按椭圆工具，在笔触颜色中选择，然后按住住Shift键，在工作区中绘制一个正圆，如图键，在工作区中绘制一个正圆，如图2-34所示，为了看清图所示，为了看清图形效果，这里在属性面板中将背景颜色更改为黑色进展显示的。形效果，这里在属性面板中将背景颜色更改为黑色进展显示的。图2-33文本效果 图2-34光圈效果4.制作元件制作元件“光圈光圈_MC11单击单击“新建元件按钮，新建影片剪辑元件新建元件按钮，新建影片剪辑元件“光圈光圈_MC1。2将库面板中的元件将库面板中的元

35、件“光圈拖入工作区中，在第光圈拖入工作区中，在第35帧上单击帧上单击鼠标右键，插入关键帧。鼠标右键，插入关键帧。3单击该帧中的元件，在单击该帧中的元件，在“属性面板中色彩效果的样式中选属性面板中色彩效果的样式中选择择Alpha值为值为0，如图，如图2-35所示。所示。图2-35设置Alpha值4单击第单击第1帧中的元件，将其属性中的宽高设置为帧中的元件，将其属性中的宽高设置为“16，16，如图如图2-36所示。所示。图2-36设置元件宽高值5在第在第1-35帧之间创立传统补间动画。帧之间创立传统补间动画。5 5制作元件制作元件“光圈光圈_MC_MC1 1单击单击“新建元件按钮，新建影片剪辑元件

36、新建元件按钮，新建影片剪辑元件“光圈光圈_MC_MC。2 2从库中中选择图片从库中中选择图片“彩条，然后单击翻开按钮，在第彩条，然后单击翻开按钮，在第3535帧插入帧插入帧。帧。3 3新建图层新建图层2 2，双击工具栏中的椭圆工具，在颜色栏中填充色设置，双击工具栏中的椭圆工具，在颜色栏中填充色设置为黑色，笔触颜色选择为为黑色，笔触颜色选择为 。4 4按住按住ShiftShift键，在工作区中绘制一个正圆。双击工具栏中的选择键，在工作区中绘制一个正圆。双击工具栏中的选择按钮，单击工作区中的圆，设置宽、高值为按钮，单击工作区中的圆，设置宽、高值为550550，550550。5 5拖动圆，将图层拖动

37、圆，将图层1 1中的元件遮罩住，如图中的元件遮罩住，如图2-372-37所示。所示。图 2-37 圆遮罩6 6在第在第3535帧上单击鼠标右键，插入关键帧，单击第帧上单击鼠标右键，插入关键帧，单击第1 1帧中的图形，帧中的图形，属性面板中设置正圆的宽、高为属性面板中设置正圆的宽、高为1 1。7 7将该圆拖动到中间位置，单击第将该圆拖动到中间位置，单击第1 1帧，在属性面板创立形状补间帧，在属性面板创立形状补间动画。动画。8 8插入新图层，将库中的元件插入新图层，将库中的元件“光圈光圈_MC_MC拖入工作区。拖入工作区。9 9在时间轴面板的图层在时间轴面板的图层2 2上单击鼠标右键，选择遮罩命令

38、，如图上单击鼠标右键，选择遮罩命令，如图2-2-3838所示。所示。图 2-38 “时间轴面板10插入新图层，在第插入新图层，在第35帧插入关键帧，然后将光圈帧插入关键帧，然后将光圈_MC元件拖元件拖入工作区。在入工作区。在35帧的动作面板中键入帧的动作面板中键入stop；代码，如图；代码，如图2-39所示。所示。图 2-39 添加代码6设置人物设置人物1单击单击“新建元件按钮，新建图形元件新建元件按钮，新建图形元件“人物。选择人物。选择“文件文件导入命令，弹出导入命令，弹出“导入面板，将导入面板，将“人物图片导入舞台，新建影人物图片导入舞台，新建影片剪辑元件片剪辑元件“人物人物4，将图形元件

39、，将图形元件“人物人物1拖入其中，在拖入其中，在15帧和帧和30帧分别插入关键帧，如图帧分别插入关键帧，如图2-40所示，第所示，第15帧处设置帧处设置“Alpha选项选项设置为设置为0%。图 2-40 创立传统补间动画2单击单击“新建元件按钮，新建图形元件新建元件按钮，新建图形元件“人物人物1。选择。选择“文文件导入命令，弹出件导入命令，弹出“导入面板，将导入面板，将“人物人物1图片导入舞台，新图片导入舞台，新建影片剪辑元件建影片剪辑元件“人物人物2，将图形元件，将图形元件“人物拖入其中，在人物拖入其中，在10帧和帧和20帧分别插入关键帧，第帧分别插入关键帧，第10帧处设置帧处设置“Alph

40、a选项设置为选项设置为0%。7设置场景效果设置场景效果1单击编辑场景按钮，回到主场景，双击图层单击编辑场景按钮，回到主场景，双击图层1，将其更名为，将其更名为“背背景。景。2将库面板中的元件遮罩将库面板中的元件遮罩1拖入场景中，在第拖入场景中，在第10帧上单击鼠标右键，帧上单击鼠标右键，插入关键帧，然后单击第插入关键帧，然后单击第1帧中的元件属性面板中设置帧中的元件属性面板中设置Alpha值为值为0%，如图如图2-35所示。所示。3从第从第1帧到第帧到第10帧间单击右键，在弹出的菜单中选择帧间单击右键，在弹出的菜单中选择“创立传创立传统补间命令，生成传统补间动画，效果如图统补间命令，生成传统补

41、间动画，效果如图2-41所示。所示。4创立新图层并将其命名为创立新图层并将其命名为“眼影，然后将元件眼影，然后将元件“眼影拖曳眼影拖曳到舞台窗口中，在第到舞台窗口中，在第10帧、帧、20帧上单击鼠标右键，插入关键帧，在帧上单击鼠标右键，插入关键帧，在10帧帧处处“属性面板中，将属性面板中，将“Alpha值设为值设为0%。图 2-41 创立传统补间动画5 5创立新图层并将其命名为创立新图层并将其命名为“文本，然后将元件文本，然后将元件“Text“Text拖曳到拖曳到舞台窗口中，在第舞台窗口中，在第100100帧、帧、103103、104104、120120帧上分别单击鼠标右键，插帧上分别单击鼠标

42、右键，插入关键帧，在入关键帧，在103103帧处帧处“属性面板中，将属性面板中，将“色调值设为色调值设为100%100%，颜色，颜色为白色。为白色。6 6在第在第121121帧上单击鼠标右键，选择插入关键帧，然后将该帧中的帧上单击鼠标右键，选择插入关键帧，然后将该帧中的元件拖动到元件拖动到150150帧。在帧。在101-103101-103帧之间的任意一帧单击右键，创立补间帧之间的任意一帧单击右键，创立补间动画，采用同样的操作创立动画，采用同样的操作创立104-120104-120之间的补间动画。之间的补间动画。7 7新建图层新建图层“人物人物1 1，在第，在第5555帧插入关键帧，将元件帧插

43、入关键帧，将元件“人物人物4 4拖拖入到舞台左侧，设置入到舞台左侧，设置AlphaAlpha值为值为0%0%，在第，在第6060帧插入关键帧，设置帧插入关键帧，设置AlphaAlpha值为值为80%.80%.。8 8新建图层新建图层“人物人物2 2，在第，在第6060帧插入关键帧，将元件帧插入关键帧，将元件“人物人物2 2拖拖入到舞台右侧，设置入到舞台右侧，设置AlphaAlpha值为值为0%0%，在第，在第6565帧插入关键帧，设置帧插入关键帧，设置AlphaAlpha值为值为80%.80%.。9 9新建图层新建图层“光圈光圈_MC_MC，在第，在第2020帧插入关键帧，将元件帧插入关键帧，

44、将元件“光圈光圈_M_M拖入元件拖入元件“眼影的中央。眼影的中央。1010选择测试影片命令，或者按选择测试影片命令，或者按Ctrl+EnterCtrl+Enter快捷键翻开播放器测试快捷键翻开播放器测试广告动画，效果如图广告动画，效果如图2-302-30所示。所示。2.5 工程拓展工程拓展 玩具广告制作玩具广告制作本工程是本工程是“广告类创作的拓展与延伸，进一步介绍使用广告类创作的拓展与延伸，进一步介绍使用“路径路径动画动画制作动画效果，使用制作动画效果，使用“变形面板制作图像倾斜效果，使用变形面板制作图像倾斜效果，使用“库面库面板创立板创立“影片剪辑元件及影片剪辑元件及“图形元件，使用图形元

45、件，使用“创立传统补间创立传统补间动画动画命令创立动画效果。本工程以这些内容为根底进展创作，使学生命令创立动画效果。本工程以这些内容为根底进展创作，使学生掌握掌握“广告类广告类Flash工程的创作方法与流程，最终能够根据客户工程的创作方法与流程，最终能够根据客户需需求及市场调研结果，设计出求及市场调研结果，设计出“广告类广告类Flash工程产品。最终工程工程产品。最终工程效效果如图果如图2-42所示。所示。图2-42 玩具广告效果2.5.1 工程效果工程效果在本工程中，主要解决以下问题：在本工程中，主要解决以下问题：1 1让消费者明白广告推销的是什么。让消费者明白广告推销的是什么。2 2应用前

46、面学到的应用前面学到的FlashFlash知识。知识。3 3熟练掌握路径动画的技巧。熟练掌握路径动画的技巧。2.5.2 工程目的工程目的1创立创立“图片影片剪辑图片影片剪辑1选择选择“文件新建命令，在弹出的新建文档文件新建命令，在弹出的新建文档对话框中选择对话框中选择“ActionScript 2.0，单击，单击“确定按确定按钮，进入新建文档舞台窗口。按钮，进入新建文档舞台窗口。按“Ctrl+F3组合键，组合键，弹出弹出“属性面板，单击属性面板，单击“大小右侧大小右侧“编辑按钮，编辑按钮，弹出弹出“文档设置对话框，将舞台宽度设为文档设置对话框，将舞台宽度设为600像素，像素，高度设为高度设为1

47、50像素，将背景颜色设为白色，单击像素，将背景颜色设为白色，单击“确定确定按钮，效果如图按钮，效果如图2-43所示。所示。图2-43 文档属性2.5.3 工程技术实训工程技术实训2 2选择选择“文件导入导入到库命令，在弹出的文件导入导入到库命令，在弹出的“导入到库导入到库对话框中选择对话框中选择“学习情境二素材费雪文件夹下的素材文件，单学习情境二素材费雪文件夹下的素材文件，单击击“翻开按钮，这些图片都被导入到翻开按钮，这些图片都被导入到“库面板中。库面板中。3 3在在“库面板下方单击库面板下方单击“新建元件按钮，弹出新建元件按钮，弹出“创立新元件创立新元件对话框，在对话框，在“名称选项的文本框

48、中输入名称选项的文本框中输入“字字_2_2，在，在“类型下类型下拉列表中勾选拉列表中勾选“图形选项，单击图形选项，单击“确定按钮，新建图形元件确定按钮，新建图形元件“字字_1_1，舞台窗口也随之转换为图形元件的舞台窗口。，舞台窗口也随之转换为图形元件的舞台窗口。4 4选择选择“文本工具，在文本工具，在“属性面板中进展设置系列为华文琥属性面板中进展设置系列为华文琥珀，颜色为红色珀，颜色为红色#FF0000#FF0000，大小为，大小为2424，如图，如图2-442-44所示，在舞台窗所示，在舞台窗口中输入文字口中输入文字“费雪品牌，翻开费雪品牌，翻开“字字_2_2元件，在其中创立元件，在其中创立

49、“品质品质保证，效果如图保证，效果如图2-452-45所示。所示。图 2-44 文本设置 图 2-45 文本效果5 5新建一个图层，命名为新建一个图层，命名为“文字文字1 1，然后再舞台上拖入，然后再舞台上拖入5 5中中的的“字字_2_2，分别在，分别在5050帧、帧、5555帧、帧、5656帧、帧、5757帧帧6464帧处添加关键帧处添加关键帧，并在帧，并在5555帧将元件帧将元件“字字_2_2拖到舞台右侧，在拖到舞台右侧，在5555帧、帧、5656帧、帧、5757帧帧6464帧处分别将文字放入如图帧处分别将文字放入如图2-452-45所示位置，相邻每帧都进展所示位置，相邻每帧都进展左右的扭

50、曲，使得文字有颤抖感。左右的扭曲，使得文字有颤抖感。图 2-46 第50帧与第55至63帧奇数文字形态 图 2-47 第56帧至64帧偶数帧文字形态6 6新建一个图层，命名为新建一个图层，命名为“文字文字2 2，然后再舞台上拖入，然后再舞台上拖入4 4中的中的“字字_1_1，分别在，分别在3535帧、帧、4040帧、帧、4141帧、帧、4242帧帧4444帧处添加关键帧，并帧处添加关键帧，并在在5555帧将元件帧将元件“字字_2_2拖到舞台右侧，在拖到舞台右侧，在5555帧、帧、5656帧、帧、5757帧帧6666帧处帧处分别将文字放入如下图位置，与上一步相似，相邻每帧都进展左右的扭分别将文字