FLASH广告条制作.docx

FLASH广告条制作
一、项目任务和要求
本项目任务是：模仿简单FLASH广告条的制作
1、时间要求：60课时
2、质量要求：
3、素材要求：文明大方
二、项目分析
该项目效果图如下：

图 1
FLASH广告条常用方法有：动画补间、形状补间和遮罩动画，本项目主要用遮罩动画实现。
三、项目路径及步骤
1、新建文档
2、保存文档并命名为“广告条”
3、设置文档属性

图 3-1
单击上图中的“大小” 属性按钮（550×400像素），弹出文档属性对话框后按如下设置：

图 3-2
小提示：背景颜色为“#660000”

图 3-3
4、导入背景图
点击文件→导入→导入到库，打开所需的背景图。

图 4-1
5、制作图形元件：“闪星图”
1）点击插入→新建元件，按如下对话框设置。

图 5-1
2）在图层1绘制如下图：

图 5-2
3）锁定并隐藏图层1，新建图层2，并绘制如下：

图 5-3
4）锁定并隐藏图层2，新建图层3，并绘制如下：

图 5-4
5）锁定并隐藏图层3，新建图层4，并绘制如下：

图 5-5
6）显示四个图层如下

图 5-6
6、制作影片剪辑元件：“闪星1”
1）点击插入→新建元件，按如下对话框设置：

图 6-1
2）把图形元件“闪星图”拖入舞台，按如下属性设置：

图 6-2
3）在第5帧插入关键帧，按如下属性设置：

图 6-3
4）在第7帧插入关键帧，按如下属性设置：

图 6-4
5）在1到5帧之间插入动画，在5帧到7 帧之间插入动画。
6）新建图层2，将其重命名为代码层，在第7帧插入空白关键帧，然后打开动作面板，输入代码：gotoAndPlay(1)

图 6-6
7、制作影片剪辑元件：“闪星2”
1）点击库→右击“闪星1” →直接复制

图 7-1
2）在对话框中重命名为“闪星2”

图 7-2
3）修改第5 帧的属性如下图：

图 7-3
8、制作影片剪辑元件：“绿球”
1）点击插入→新建元件，按如下对话框设置：

图 8-1
2）绘制圆球，并设置如下：

图 8-2
小提示：该圆球是放大显示的结果。
3）在第7帧插入关键帧，并设置如下：

图 8-3
4）添加“形状”动画补间

图 8-4

小知识：图块之间用“形状”补间，元件之间用“动画”补间。
9、制作影片剪辑元件：“闪星弧形图”
1）点击插入→新建元件，按如下对话框设置：

图 9-1
2）把元件 “闪星1”拖到舞台，设置“闪星1”宽与高的参数如下：

图 9-2
3）“闪星1”与舞台中心对齐
4）锁定图层1
5）新建图层2，并把元件“闪星2”拖到舞台，在宽高锁定的情况下，只设置它的宽为50
6）复制7个元件“闪星2”，在宽高锁定的情况下，只设置它们的宽分别为45、40、35、30、25、20、15
7）放置8个元件的位置如下：

图 9-7
8）将图层1删除（图层1只是临时参照对象）
10、制作影片剪辑元件：“闪星运动1”
1）点击插入→新建元件，按如下对话框设置：

图 10-1
2）把元件“闪星2”拖到舞台
3）设置“闪星2”的参数如下：

图 10-3
4）锁定图层1
5）新建图层2，并把元件“闪星弧形图”拖到舞台，对齐位置如下：

图 10-5
6）点击“任意变形工具”

图 10-6
7）选择元件“闪星弧形图”

图 10-7
8）将元件“闪星弧形图”的轴心点移动到元件“闪星1”的中心点

图 10-8
小知识：元件的轴心点就是旋转的中心点
9）对元件“闪星弧形图”运用变形工具

图 10-9
10）点击“复制并应用变形”按钮，第一次点击后效果如下：

图 10-10
11）点击5次后效果如下：

图 10-11
12）在图层1第50帧处插入帧
13）新建图层3，在第10帧处插入空白关键帧
14）选择旋转复制的第一个元件

图 10-14
15）剪切选择元件后锁定图层2，点击图层3第10帧处，编辑→“粘贴到当前位置”，如图10-15-1和图10-15-2

图10-15-1

图10-15-2
16）锁定图层3，新建图层4，在第20帧处插入空白关键帧，然后解锁图层2选择旋转复制的第二个元件
17）剪切选择元件后锁定图层2，点击图层4第20帧处，编辑→“粘贴到当前位置”

图 10-17
18）锁定图层4，新建图层5，在第30帧处插入空白关键帧，然后解锁图层2选择旋转复制的第三个元件
19）剪切选择元件后锁定图层2，点击图层5第30帧处，编辑→“粘贴到当前位置”

图 10-19
20）锁定图层5新建图层6，在第40帧处插入空白关键帧，然后解锁图层2选择旋转复制的第四个元件
21）剪切选择元件后锁定图层2，点击图层6第40帧处，编辑→“粘贴到当前位置”

图 10-21
22）锁定图层6，新建图层7，在第50帧处插入空白关键帧，然后解锁图层2选择旋转复制的第五个元件
23）剪切选择元件后锁定图层2，点击图层7第50帧处，编辑→“粘贴到当前位置”

图 10-23
24）锁定图层7，在图层2和图层3的第50帧处插入帧，最后效果如下：

图 10-24
25）在图层2第50帧处插入关键帧，并添加动画，其他设置如下：

图 10-25
11、制作影片剪辑元件：“闪星运动2”
1）点击插入→新建元件，按如下对话框设置：

图 11-1
2）把元件：“绿球”拖到舞台，“绿球与舞台中心对齐
3）锁定图层1
4）新建图层2，并把元件“闪星1”拖到舞台，其位置如下：

图 11-4
5）点击“任意变形工具”

图 11-5
6）选择元件“闪星1”
7）将元件“闪星1”的轴心点移动到元件“绿球”的中心点

图 11-7
8）对元件“闪星1”运用变形工具，并设置如下：

图 11-8
9）点击“复制并应用变形”按钮11次后效果如下：

图 11-9
12、制作图形元件 “图球”
1）点击插入→新建元件，按如下对话框设置：

图 12-1
2）绘制图形如下：

图 12-2
13、制作图形元件 “图条”
1）点击插入→新建元件，按如下对话框设置：

图 13-1
2）设置笔触颜色和填充色（#FF6600）如下：

图 13-2
3）用矩形工具画竖向长条，再复制14条后用对齐工具调整位置与舞台中心对齐，然后用矩形工具画横向长条，再复制后如下图：

图 13-3
小技巧：画横向长条时不要和竖向长条相交，否则不便于调整位置
4）用对齐工具调整横向长条与舞台中心对齐，最后效果如下：

图 13-4
14、制作图形元件：“椭圆”
1）点击插入→新建元件，按如下对话框设置：

图 14-1
2）用椭圆工具绘制如下：

图 14-2
15、制作图形元件：“背景”
1）点击插入→新建元件，按如下对话框设置：

图 15-1
2）把背景图拖到舞台并与其中心对齐

图 15-2
16、制作影片剪辑元件：“遮罩”
1）点击插入→新建元件，按如下对话框设置：

图 16-1
2）把元件“背景”拖到舞台并与其中心对齐，分别在第91、100和
110帧处插入关键帧，并将关键帧第100帧设置如下：

图 16-2
3）分别在第91帧、第100帧之间和第101帧、第110帧之间添加动画，然后锁定图层1
4）新建图层2，把图形元件“椭圆”拖到舞台并与其中心对齐
5）在图层2的第90帧处插入关键帧，并调整元件“椭圆”的大小直到遮住背景为止，然后添加动画

图 16-5
6）在图层2上右击，按如下图操作，将本层转换为“遮罩层”

图 16-6-1

图 16-6-2
小知识：被遮罩层挡住的东西可见，没有挡住的看不到
7）锁定图层2再新建图层3，把图形元件“图球”拖到舞台
8）锁定图层3再新建图层4，把图形元件“图球”拖到舞台
9）锁定图层4再新建图层5，把图形元件“图条”拖到舞台并与其中心对齐，然后锁定本图层

图 16-9
10）解锁图层3，把图形元件“图球”拖到椭圆左边

图 16-10
11）在图层3第50帧处插入关键帧并把元件“图球”拖到椭圆左边，然后添加动画

图 16-11
12）锁定图层3，解锁图层4，把图形元件“图球”拖到椭圆右边

图 16-12
13）在图层4第50帧处插入关键帧并把元件“图球”拖到椭圆右边，然后添加动画，同时锁定本层

图 16-13
14）在图层5上右击，将本层转换为“遮罩层”
15）在图层3上右击→属性，按下图设置将本层转换为“被遮罩层”

图 16-15
16）在图层3和图层4的第51帧处插入空白关键帧
17、布置场景
1）新建图层1，把元件“遮罩”拖到舞台并与其中心对齐并锁定本层
2）新建图层2，把元件“闪星运动2”拖到舞台并与中心垂直对齐，设置参数如下：

图 17-2
3）新建图层3，把元件“闪星运动1”拖到舞台并与中心垂直对齐，设置参数如下：

图 17-3
四、项目预案
1、元件旋转后位置错误。解决方案：修改元件的中心轴点。
2、遮罩没有效果。解决方案：遮罩层的元件必须是没有边框线的图块。
五、项目评价
编号
任务
要求
评分
备注

六、项目作业
作业1：遮罩动画
作业2：旋转动画
作业3：形状动画
作业4：闪烁动画
图 20
七、项目拓展
拓展练习
做一个广告条要求用遮罩动画、旋转动画、形状动画和闪烁动画综合表示3.2.202514:0414:04:2425.3.22时4分2时4分24秒3月. 2, 252 三月 20252:04:24 下午14:04:24
2025年3月2日星期日14:04:24