实例分析和总结.docx

实例：“阳光倾城”楼盘发售banner广告动画设计

网页banner广告动画的设计与动画短片创作相比，虽然没有故事情节，但都要经历创意构思的过程，通常会有一些镜头的切换，即使是同一镜头，也会通过一些动态元素来强调主题，达到引起注意的目的。

1、设置文档属性

新建一个FLASH文档，设置文档属性，尺寸为940像素，高267像素，背景颜色为白

色，帧频为每秒12帧，镜头一设计

1、设置图层

将图层1命名为“背景”

在“背景”层的第1帧上，单击菜单“文件”“导入”“导入到舞台”，弹出“导入”对话框，选择本书的素材文件夹“背景.jpg”文件，再单击“打开”按钮，就将一张图片导入到舞台上了

设置导入图片的尺寸，宽为940像素，高为267像素，X和Y的值都为0，使

图片覆盖舞台，并与舞台对齐

新建一个图层，命名为“LOGO”

在“LOGO”层上绘制LOGO图形2、创建元件

选择“背景”层上导入的图片，单击菜单“修改”“转换为元件”，弹出“转换

为元件”对话框，在“名称”栏输入“背景”，在“类型”中选择“图形”，单击“确定”以后，就创建了一个名为“背景”的图形元件。

选择“LOGO”层上绘制的LOGO图形，按F8键，弹出“转换为元件”的对话框，创建名为“LOGO”的图形元件。

设置“LOGO”图形元件的大小，宽为230.0，高为92.0，位于舞台中央，

3、设置场景动画

在“背景”层的第10帧上按F6键插入一个关键帧，在第170帧上按F5键插入一个帧

在“背景”层的第1帧上选中“背景”图形元件，在属性栏的“颜色”下拉列表框选择“Alpha”，将其值设置为“0%”，将“背景”图形元件设置为透明。

在“背景”层的第1帧和第10帧之间单击，在属性栏的“补间”下拉列表框中选择“动画”，补间第1帧和第10帧之间的动画，使背景图片逐渐显示。

将“LOGO”层的第1帧移到第10帧上，分别在第20帧、第30帧和第40帧上按F6键插入一个关键帧。

在“LOGO”层的第10帧上选中“LOGO”图形元件，在属性栏中设置其透明

度为“0%”。

在“LOGO”层的第40帧上选中“LOGO”图形元件，移至舞台的左侧，

分别在“LOGO”层的第95帧和第105帧上按F6插入一个关键帧，

在“LOGO”层的第105帧上设置“LOGO”图形元件的透明度为“0%”，

分别在“LOGO”层的第10帧和第20帧之间、第30帧和第40帧之间以及第

95帧和第105帧之间单击，在属性栏的“补间”下拉列表框中选择“动画”，补间其关键帧之间的动画。

镜头二设计

1、设置图层

新建一个图层，命名为“楼盘”。

在“楼盘”层的第40帧上按F6键插入一个关键帧，在这一帧上单击菜单“文件”“导入”“导入到舞台”，弹出“导入”对话框，选择素材文件夹中的“楼盘.png”文件，再单击“打开”按钮，就将一张图片导入到舞台上了，

（3） 调整导入的图片在舞台中的大小和位置，宽：472.1，高：293.1，X：468.0，Y：

4.5，

在“楼盘”层上新建一个图层，命名为“遮罩”，在这一层的第40帧按F6键，插入一个关键帧，

在这一帧上绘制一个矢量图形，调整其大小和位置，宽：472.1，高：293.1，X：

468.0，Y：4.5，使其与“楼盘”层上导入的图片，大小和位置重合。

新建一个图层，命名为“文字1”。

在“文字1”层的第65帧上按F6键插入一个关键帧，在这一帧上输入文字“主流生活社区”，在属性栏目中设置文字的属性，

调整在“文字1”层的文字的位置2、创建元件

创建“楼盘动画”影片剪辑元件

①选择在“楼盘”层上导入的楼盘图片，按F8键，弹出“转换为元件”的对话框，创建名为“楼盘动画”的影片剪辑元件。双击“楼盘动画”影片剪辑元件，进入影片剪辑编辑状态中。

②将“楼盘动画”影片剪辑元件中的图层1更名为“楼盘”

③在“楼盘”层的第60帧按F5键插入一个帧

④新建一个图层命名为“光”，在“光”层中绘制矢量图形

⑤选中“光”层中的矢量图形，按F8键，将其转换成名为“光”的图形元件

⑥在“光”层的第25帧上按F6键插入一个关键帧，在第60帧上按F5键插入一个帧

⑦调整“光”层上“光”图形元件在第1帧的位置

⑧调整“光”层上“光”图形元件在第25帧的位置

⑨在“光”层上新建一个图层，命名为“遮罩”，在“遮罩”层上，沿着楼盘图片，绘制一些方形的色条，在这一层的第60帧上按F5键插入一个帧

⑩在“遮罩”层上单击右键，在下拉菜单中选择“遮罩层”，将这一层转换为遮罩层。