《Flash CS5动画设计项目教程-电子教案-明丽宏 学习情境二 广告制作》由会员分享，可在线阅读，更多相关《Flash CS5动画设计项目教程-电子教案-明丽宏 学习情境二 广告制作（58页珍藏版）》请在金锄头文库上搜索。
1、,学习情境二 广告制作,目录,导入案例一 皮鞋广告制作,导入案例二 手表广告制作,导入案例三 钻戒广告制作,项目一 化妆品广告制作,项目拓展 玩具广告制作,1,2,3,4,5,目录,学习情境练习,6,7,学习情境小结,教学要求,2.1 导入案例一 皮鞋广告制作,本案例主要介绍通过“文本工具”、“创建传统补间动画”、“图片元件”等命令的的使用来创建文字移动动画效果的皮鞋广告，各种文字动画效果的使用在Flash广告制作中应用非常普遍，本案例就应用这些工具和命令进行文字移动效果的制作。最终案例效果如图2-1所示。,2.1.1 案例效果,图 2-1 广告主界面,在本案例中，主要解决以下问题： 1“文本
2、工具”的使用，设置文本的各项属性。 2“创建传统补间动画”命令的使用，属性的更改。 3“元件”的创建和使用，元件分为图形、按钮、影片剪辑三种类型。,2.1.2 案例目的,1导入背景图片 （1）选择“文件新建”命令，在弹出的新建文档对话框中选择“ActionScript 2.0”，单击“确定”按钮，进入新建文档舞台窗口。按“Ctrl+F3”组合键，弹出文档“属性”面板，设置大小为“743*225”，将“背景”选项设为白色（#FFFFFF），如图2-2所示。,2.1.3 案例操作步骤,图 2-2 文档属性,（2）选择“文件导入导入到库”命令，在弹出的“导入到库”对话框中选择“学习情境2素材皮鞋广告
3、”文件夹下的“背景”图片，单击“打开”按钮，图片被导入到“库”面板中，效果如图2-3所示。,图 2-3 库面板,2创建文本图形元件 （1）按 “Ctrl+F8”组合键，创建一个名为“文字”的图形元件。 （2）在“文字”图形元件的编辑窗口中选择“文本工具”，在“属性”面板中进行设置，在舞台窗口中输入大小为20，字体为“华文琥珀”的褐色（#993300）文字“骆驼皮鞋使您足下生辉”，文字设置如图2-5所示，效果如图2-6所示。,图 2-5 文本属性 图 2-6 文字效果,3设置动画并测试 （1）回到主场景，新建一个图层，命名为“文字”，在第1帧将库面板中的“文字”元件导入到舞台中背景图的左外侧，如
4、图2-7所示，之后分别在70帧和140帧处插入关键帧，在70帧处将元件移动到背景左中部，如图2-8所示，之后分别设置传统补间动画如图2-9所示。,图 2-7 第1帧文字位置 图 2-8 第70帧文字位置,（2）利用按键“Ctrl+Enter”组合键即可查看效果，如图2-1所示。,图 2-9 设置传统补间动画,2.2 导入案例二 手表广告制作,本案例主要介绍通过“对齐工具”、“Alpha设置”、“影片剪辑”类型元件的综合使用来制作图片淡入淡出效果的手表广告。在图片淡入淡出制作中，注意“对齐工具”的使用及“Alpha”的面板设置，本案例以这些工具为基础进行制作。最终案例效果如图2-10所示。,图
5、2-10 “手表广告”最终效果,2.2.1 案例效果,在本案例中，主要解决以下问题： 1“对齐工具”的使用。 2“任意变形工具”的使用。 3“Alpha”的设置。 4“影片剪辑”元件的使用。,2.2.2 案例目的,1导入背景图片 （1）选择“文件新建”命令，在弹出的新建文档对话框中选择“ActionScript 2.0”，单击“确定”按钮，进入新建文档舞台窗口。按“Ctrl+F3”组合键，弹出文档“属性”面板，默认设置大小为“550*400”，将“背景”选项设为白色（#FFFFFF），如图2-11所示。在“时间轴”面板中将“图层1”重新命名为“背景”，选择“文件导入导入到舞台”命令将“背景”图
6、片导入到舞台中，如图2-12所示，通过对齐面板中的匹配大小下的匹配宽度、匹配高度按钮将背景图片与舞台大小匹配，如图2-13所示通过对齐面板中的水平居中、垂直居中使背景图片与舞台对齐，在120帧处插入帧，如图2-14所示。,图 2-12 对齐面板匹配大小按钮 图 2-13 对齐面板对齐按钮,图 2-11 文档属性,图 2-14 背景图层,2.2.3 案例操作步骤,2创建图片影片剪辑元件 （1）按“Ctrl+F8”组合键，创建一个名为“手表1”的影片剪辑类型元件，进入其编辑窗口。 （2）将库中的图片“手表1”拖入其中。 （3）按“Ctrl+F8”组合键，创建一个名为“手表2”的影片剪辑类型元件，进
7、入其编辑窗口。 （4）将库中的图片“手表2”拖入其中。 （5）按“Ctrl+F8”组合键，创建一个名为“手表3”的影片剪辑类型元件，进入其编辑窗口。 （6）将库中的图片“手表3”拖入其中。 （7）按“Ctrl+F8”组合键，创建一个名为“手表4”的影片剪辑类型元件，进入其编辑窗口。 （8）将库中的图片“手表4”拖入其中。,3制作图片淡入淡出动画 （1）回到主场景中，新建图层2，命名为“手表1”，将元件“手表1”拖入舞台并放置在背景图片的左上角，在第10帧与20帧分别插入关键帧，选择第1帧，选择元件“手表1”，在右侧的色彩效果属性面板中将样式下拉菜单选择为Alpha，将下方的Alpha滑块设置为
8、0%，选择第20帧，选择元件“手表1”，将Alpha滑块设置为0%，如图2-15所示。,图 2-15 设置Alpha值,（2）回到主场景中，新建图层3，命名为“手表2”，在第20帧插入关键帧，将元件“手表2”拖入舞台并放置在背景图片的右上角，在第30帧与40帧分别插入关键帧，选择第20帧，选择元件“手表2”，在右侧的色彩效果属性面板中将样式下拉菜单选择为Alpha，将下方的Alpha滑块设置为0%，选择第40帧，选择元件“手表2”，将Alpha滑块设置为0%。 （3）回到主场景中，新建图层4，命名为“手表3，在第40帧插入关键帧，将元件“手表3”拖入舞台并放置在背景图片的左下角，在第50帧与6
9、0帧分别插入关键帧，选择第40帧，选择元件“手表3”，在右侧的色彩效果属性面板中将样式下拉菜单选择为Alpha，将下方的Alpha滑块设置为0%，选择第60帧，选择元件“手表3”，将Alpha滑块设置为0%。 （4）回到主场景中，新建图层5，命名为“手表4”，在第60帧处插入关键帧，将元件“手表4”拖入舞台并放置在背景图片的右下角，在第70帧与80帧分别插入关键帧，选择第60帧，选择元件“手表4”，在右侧的色彩效果属性面板中将样式下拉菜单选择为Alpha，将下方的Alpha滑块设置为0%，选择第80帧，选择元件“手表4”，将Alpha滑块设置为0%。,4创建文字影片剪辑元件 （1）按“Ctrl
10、+F8”组合键，创建一个名为“文字”的影片剪辑类型元件，进入其编辑窗口。 （2）在其中选择“文本工具”创建大小为20，字体为华文楷体，颜色为“666666”的“品诺手表尊贵选择”的文字，文字设置如图2-16所示，效果如图2-17所示。,图 2-16 文本设置,图 2-17 文本效果,5制作文字淡入淡出动画 （1）回到主场景，新建图层6，命名为“文字”，在第80帧插入关键帧，将“文字”影片剪辑元件拖入到舞台中央，分别在第100帧和第120帧插入关键帧，选择第80帧，选择元件“文字”，在右侧的色彩效果属性面板中将样式下拉菜单选择为Alpha，将下方的Alpha滑块设置为0%，选择第120帧，选择元
11、件“文字”，将Alpha滑块设置为0%。 （2）设定完毕的时间轴如图2-18所示。,2-18 时间轴设定,6测试 （1）利用按键“Ctrl+Enter”组合键即可查看效果，效果如图2-10所示。,1. 使用“对齐工具”时，分为对齐、分布、匹配大小、间隔四种设置。对齐分为左对齐、水平对齐、右对齐、顶对齐、垂直对齐、底对齐；分布分为顶部分布、垂直居中分布、底部分布、左侧分布、水平居中部分、右侧分布；匹配大小分为匹配高度、匹配宽度，匹配高和宽；间隔分为垂直平均间隔和水平平均间隔；其中“与舞台对齐”的复选项当选中时，对象将与舞台对齐、分布、匹配大小和间隔；当不选择时，对象本身对齐、分布、匹配大小和间隔
12、。,相关知识,2.3 导入案例三 钻戒广告的制作,本案例主要介绍通过“椭圆工具”、“创建传统补间动画”、“遮罩层”等工具与命令、结合“库”面板的综合使用来制作图片遮罩动画。在图片遮罩动画制作当中，注意灵活运用“遮罩层”结合“创建传统补间动画”来制作出依次显示不同部分图片的效果，本案例以这些命令和工具的综合使用制作而成。最终案例效果如图2-19所示。,图 2-19 钻戒广告最终效果,2.3.1 案例效果,在本案例中，主要解决以下问题： 1“遮罩层”的使用。 2创建传统补间动画。 3“影片剪辑”的使用。 4“任意变形工具”的使用。,2.3.2 案例目的,1导入背景图片 （1）选择“文件新建”命令，
13、在弹出的新建文档对话框中选择“ActionScript 2.0”，单击“确定”按钮，进入新建文档舞台窗口。按“Ctrl+F3”组合键，弹出文档“属性”面板，设置大小为“1000*700”，将“背景”选项设为白色（#FFFFFF），如图2-20所示。在“时间轴”面板中将“图层1”重新命名为“背景”，选择“文件导入导入到舞台”命令将“背景”图片导入到舞台中，选择“选择工具”选中图片，在“位置和大小”面板中将图片的X、Y位置设置为0、0，宽与高设置为1000、700，如图2-21所示，在80帧处插入帧，如图2-22所示。,图 2-20 文档属性,图 2-21 设置图片位置和大小,图 2-22 插入帧
14、,2.3.3 案例操作步骤,2创建影片剪辑元件 （1）按“Ctrl+F8”组合键，创建一个名为“图形”的影片剪辑类型元件，进入其编辑窗口。 （2）在其中选择“椭圆工具”，将填充和笔触中的笔触选择为无，填充设置为“FF0000”，拖动鼠标绘制一个椭圆，选择“选择工具”选中椭圆，参照图2-21，在“位置和大小”面板中将图片的X、Y位置设置为-200、-175，宽与高设置为400、50。,3设置动画并测试 （1）回到主场景，新建图层2，命名为“遮罩”，在第1帧处从库面板中将“图形”影片剪辑类型元件拖入主场景左下角，使影片剪辑“图形”遮住最左侧的图片，如图2-23所示；在第20帧处插入关键帧，将影片剪
15、辑“图形”移动位置遮住中间的图片，如图2-24所示；在第40帧插入关键帧，将影片剪辑“图形”移动位置遮住最右侧的图片，如图2-25所示；在第41帧插入关键帧，将影片剪辑“图形”移动位置并缩小遮住上面的“我们终于结婚了”的图片左侧，如图2-26所示；在第60帧插入关键帧，将影片剪辑“图形”移动位置并放大遮住上面的“我们终于结婚了”的整张图片，如图2-27所示。,图 2-23 “遮罩”层第1帧设置元件位置,图 2-24 “遮罩”层第20帧设置元件位置,图 2-25 “遮罩”层第40帧设置元件位置,图 2-26 “遮罩”层第41帧设置元件位置,图 2-27 “遮罩”层第80帧设置元件位置,（2）在第
16、1帧与第20帧之间创建传统补间动画，在第20帧与第40帧之间创建传统补间动画，在第41帧与第80帧之间创建传统补间动画，如图2-28所示。,图 2-28 创建传统补间动画,图 2-29 创建遮罩动画,（4）利用按键“Ctrl+Enter”组合键即可查看效果，效果如图2-19所示。,（3）选择“遮罩”图层，单击鼠标右键选择“遮罩层”，如图2-29所示。,相关知识,2.4 项目一 化妆品广告制作,Flash广告是现代生活中宣传的最广泛的方式，Flash制作周期短，费用低，效果佳，有越来越多人选择将Flash广告投放市场。Flash广告涵盖手机广告、网站广告、实体广告、电视广告等等，设计类别更是五花八门，饮食类、化妆品类、数码类、饰品类、书籍类、招聘类等等，相信大家通过该项目的演练，能够对广告的创作得心应手。,本项目主要通过介绍“文字工具”、“任意变形工具”、“选择工具”、“颜色”面板、“库
