实验动画7.docx

实验动画7.docx

《实验动画7.docx》由会员分享，可在线阅读，更多相关《实验动画7.docx（13页珍藏版）》请在冰豆网上搜索。

实验动画7

实验7圣诞节贺卡制作

分析思路：

1.新建文件

2.素材导入

3.贺卡背景设置

4.影片剪辑元件“星星运动”制作

5.背景遮罩动画制作

6.“圣诞老人”引导动画制作

7.贺卡横幅设置

8.图形元件“祝福语”制作

9.影片剪辑元件“圣诞快乐”制作

10.控制图层制作

11.控制按钮“Replay”制作

12.控制按钮“Replay”脚本设置

13.运行发布设置并发布影片

操作实现：

1.选择【文件】-【新建】菜单命令，在弹出的【新建文档】对话框中选择【Flash文档（ActionScript2.0）】选项，进入新建文档舞台窗口。

然后单击【属性】面板中的“文档属性”550*400像素按钮，在弹出的“文档属性”对话框中设置“尺寸”为“600*450px”，“背景颜色”为“白色（#FFFFFF）”，其他选项使用默认，参数设置如下图所示。

2.导入素材

A.执行【文件】-【导入】-【导入到库】菜单命令，在弹出的【导入到库】对话框中选择“背景1.jpg、背景2.jpg、圣诞老人.gif、上横幅.jpg、下横幅.jpg、圣诞快乐.mp3”文件，单击【打开】按钮，素材文件被导入到【库】面板中，如图所示。

B.在【时间轴】面板中选中图层1，将“图层1”重新命名为“背景音乐”。

从库中将“圣诞快乐.mp3”拖拽到场景中。

选中“背景音乐”图层的第475帧，按F5键，在该帧上插入普通帧。

3.贺卡背景设置

A.单击【时间轴】面板下方的【插入图层】按钮，创建新图层并将其命名为“背景图1”，选中该层的第1帧，将库中“背景1.jpg”拖入到场景中，并在下方【属性】面板中将图片的x和y的坐标均设置为“0”。

B.单击【时间轴】面板下方的【插入图层】按钮，创建新图层并将其命名为“背景图2”，选中该层的第1帧，将库中“背景2.jpg”拖入到场景中，并在下方属性面板中将图片的x和y的坐标设置为“0”。

4.影片剪辑元件“星星运动”制作

A.在【库】面板下方单击【新建元件】按钮，弹出【创建新元件】对话框，在【名称】选项的文本框中输入“星星运动”，勾选【影片剪辑】选项，单击【确定】按钮。

新建影片元件“星星运动”，舞台窗口也随之转换为影片剪辑的舞台窗口。

B.在【时间轴】面板中选择“图层1”第1帧，然后选择【多边形工具】多角星形工具在舞台中绘制如下图所示图形，具体设置参见案例2中的五角星的画法。

C.设置五角星动画。

在图层1中分别选择第50、100帧，按F6创建两个关键帧。

选中第50帧，将场景中的全部五角星向上移动一段距离。

D.选择“图层1”上1至49帧任意一帧，打开【属性】面板，在【补单】栏内选择“形状”选项。

用同样方法将后两个关键帧（第50帧与第100帧）之间创建形状补间动画，设置后时间轴如下图所示。

E.创建完毕，单击舞台左上方场景1按钮，返回场景编辑界面。

单击【时间轴】面板下方的【插入图层】按钮，创建新图层并将其命名为“遮罩层”，选中该层的第1帧，将库中的影片剪辑“星星运动”拖入到场景中，执行【修改】-【变形】-【缩放和旋转】菜单命令，将【缩放】设置为70%。

并在下方【属性】面板中将图片的x和y的坐标分别设置为“460”和“120”。

5.遮罩动画制作

右击【时间轴】面板上的“遮罩层”图层，在弹出的快捷菜单中选择【遮罩】，将该层设置为“背景2”的遮罩层。

如下图所示。

6.圣诞老人引导动画制作

A.单击【时间轴】面板下方的【插入图层】按钮，创建新图层并将其命名为“圣诞老人”，选中该层的第20帧，按F7键插入一个空白关键帧。

将库中的图片“圣诞老人.gif”拖入到场景中，选中图片“圣诞老人.gif”，按下【F8】键将其转换为图形元件。

执行【修改】-【变形】-【缩放和旋转】菜单命令，将缩放设置为30%。

并在其下方【属性】面板中将图片的x和y的坐标分别设置为“500”和“-30”。

如下图所示。

B.选择“圣诞老人”图层的第69帧，按F6插入1个关键帧，在场景中用鼠标选择“圣诞老人”图形元件并拖拽到场景之外的左下角，如图所示。

C.选择图层“圣诞老人”的第70帧，在场景中选中元件“圣诞老人”，执行【修改】-【变形】-【缩放和旋转】菜单命令，将其水平翻转，如下图所示。

D.选择“圣诞老人”图层的第100帧，在场景中选中“圣诞老人”图形元件，执行【修改】-【变形】-【缩放和旋转】菜单命令，将其【缩放】设置为“300%”，并在其下方【属性】面板中将图片的x和y的坐标分别设置为“300”和“140”，具体位置参考图示。

E.选择【时间轴】面板上的“圣诞老人”图层的第20帧，打开【属性】面板，在【补间】栏内选择“动画”选项，用同样的方法给第69、70帧设置补间动画。

F.单击【时间轴】面板下方的【添加运动引导层】按钮，为“圣诞老人”图层添加一个运动引导层，如下图所示。

G.选择【时间轴】面板上的“引导”图层的第20帧，按F7键插入一个空白关键帧，选择【绘图工具栏】内的【铅笔工具】按钮，设置【选项】栏铅笔模式为“平滑”模式，在“引导层”对应的舞台上绘制一条圆滑弯曲的波浪线，该曲线将作为“圣诞老人”图形元件的运动轨迹。

如图所示。

H.单击【选择工具】按钮，开启【选项】栏中的“紧贴至对象”按钮，选中图层“圣诞老人”中第一个关键帧内的“圣诞老人”图元，用鼠标左键将其拖拽到曲线的右端点，“紧贴至对象”功能会将图形吸附到曲线的端点上；然后选中图层“圣诞老人”中第100个关键帧内的“圣诞老人”图元，用同样的方法将其拖拽到曲线的左端点上。

位置效果如下图所示。

7.贺卡横幅设置

单击【时间轴】面板下方的【插入图层】按钮，在引导层上方创建新图层并将其命名为“横幅”，选中该层的第1帧，将库中“上横幅”拖入到场景中，在下方【属性】面板中将图片的x和y的坐标分别设置为“0”和“0”，同时将库中“下横幅”拖入到场景中，其x和y的坐标分别设置为“0”和“380”，效果如下图所示。

8.图形元件“祝福语”制作

A.在【库】面板下方单击【新建元件】按钮，弹出【创建新元件】对话框，在【名称】选项的文本框中输入“祝福语”，勾选【图形】选项，单击【确定】按钮。

新建图形元件“祝福语”，舞台窗口也随之转换为图形元件的舞台窗口。

B.在图形元件舞台中输入语句“圣诞树上的雪花，悄然无声的飘落，远处悠扬的钟声，开启着你我的心扉，让爱洒满人间。

”在字体【属性】设置面板中将字体设置为黑体，加粗，颜色为黑色，字号为“28”，文字方向为“垂直，从右向左”。

如下图所示。

C.在图形元件舞台选中文字，按Ctrl+C组合键对文字进行复制，然后按Ctrl+V组合键在当前图形元件场景中粘贴文字，并将粘贴的文字的颜色设置为白色。

用键盘上的上下左右按键移动文字，利用大小相同，颜色不同的两段文字，创建类似具有投影效果的文字，形成效果如下图所示。

在场景中全选文字，按Ctrl+B组合键两次，将文字打散成图形，创建完毕，单击舞台左上方场景1按钮，返回场景编辑界面。

D.单击【时间轴】面板下方的【插入图层】按钮，在横幅图层上方创建新图层并将其命名为“祝福语”，选中该层的第105帧，按F7键插入一个空白关键帧，将库中“祝福语”拖入到场景的中部，如下图所示。

E.选中【时间轴】面板中的“祝福语”图层中的第160帧，按F6键插入一个关键帧。

单击该层第105帧，打开【属性】面板，在【补间】栏内选择“动画”选项，并且选中该场景中的“祝福语”图形元件，在其【属性】面板中将颜色下的Alpha值设置为“0”，如下图所示。

9.影片剪辑元件“圣诞快乐”制作

A.在【库】面板下方单击【新建元件】按钮，弹出【创建新元件】对话框，在【名称】选项的文本框中输入“圣诞快乐”，勾选【影片剪辑】选项，单击【确定】按钮。

新建影片元件

“圣诞快乐”，舞台窗口也随之转换为电影剪辑的舞台窗口。

C.在“圣诞快乐”电影剪辑场景中输入“圣诞快乐”文本。

选中文本执行【修改】-【分离】将文本分离，再执行【修改】-【时间轴】-【分散到图层】。

如下图所示。

D.选中图层“图层1”，单击时间轴面板下方的【删除图层】按钮，将“图层1”删除。

E.用鼠标选中图层“圣”的第一帧，执行【修改】-【分离】将文本分离。

再次选中第一帧中被分离的文字，按F8键将被分离的文字转换成图形元件，并且命名为“圣”。

F.分别用鼠标选中图层“圣”的第15、35、50帧，按F6键插入3个关键帧。

然后分别选中第15、35、50，打开【属性】面板，在【补间】栏内选择“动画”选项。

如下图所示。

G.在时间轴面板中选中第1帧，在场景中选中“圣”图元，将其水平拖拽至右方一段距离，执行【修改】-【变形】-【缩放和旋转】，在【旋转】选项中设置“180”，同时在场景中选中图元“圣”，将其【颜色】属性的Alpha值设置为“0”。

H.在时间轴面板中选中第50帧，在场景中选中“圣”图元，将其水平拖拽至左上方一段距离，执行【修改】-【变形】-【缩放和旋转】，在旋转选项中设置180，并且在场景中选中图元“圣”，将其颜色属性的Alpha值设置为“0”。

I.参照步骤e至步骤h操作方法将剩下的文字“诞”、“快”和“乐”转换成图元，并设置成动画，如下图所示。

J.在时间轴面板中选中“诞”图层，选中第1帧与第50帧内容，用鼠标将其向后移动5帖距离。

用同样的方法选中图层“快”与“乐”图层的各自1到50帧内容，分别向右移动10帧和15帧距离。

如下图所示。

K.创建完毕，单出舞台左上方场景1按钮，返回场景编辑界面。

单击【时间轴】面板下方的【插入图层】按钮，创建新图层并将其命名为“圣诞快乐”，选中该层的第170帧，将库中的影片剪辑“圣诞快乐”拖入到场景中，打开下方【属性】面板，将影片剪辑的x和y的坐标分别设置为“490”和“360”。

10.创建控制图层

在图层“圣诞快乐”上方创建新图层并将其命名为“控制”，选中该层的第200帧，按F7键插入一个空白关键帧。

11.按钮元件“Replay”制作

A.执行【插入】-【新建元件】，在弹出【创建新元件】对话框，在【名称】选项的文本框中输入“Replay”，勾选【按钮】选项，单击【确定】按钮。

新建按钮元件“Replay”，舞台窗口也随之转换为按钮元件的舞台窗口。

B.选中按钮编辑时间轴面板中“图层1”的“弹起”帧，然后选择【多边形工具】矩形工具按钮，在【属性】面板中设置笔触颜色为“黄色（#FFFF00）”，填充颜色为“红色（#FF0000）”，其他选项使用默认，参数设置如下所示。

C.单击【时间轴】面板下方的【插入图层】按钮，创建新图层“图层2”，选中该层的“弹起”帧，利用文字工具在相对于矩形的位置输入“Replay”文字，文字大小为“15”，颜色为“白色（#FFFFFF）”，如下图所示。

FlashCS3按钮元件是实现交互的重要组成部分，可通过对按钮四种状态进行不同的脚本设置，应用鼠标的动作，将响应的事件结果传递给互动程序进行处理，达到控制动画的目的。

按钮元件由“弹起”、“鼠标经过”、“按下”和“点击”四个关键帧组成。

弹起：

该帧中的图形是按钮在普通状态下显示的内容。

鼠标经过：

该帧中的图形是鼠标滑过按钮时显示的内容。

按下：

该帧中的图形是按钮在鼠标点击按钮时显示的内容。

点击：

该帧中的图形是规定鼠标的响应区域，其内容不会在输出的影片中显示。

12.按钮脚本设置

创建完毕，单击舞台左上方场景1按钮，返回场景编辑界面。

选中“控制图层”的第200帧，将按钮拖放到下图所示位置。

在场景中用鼠标右击“Replay”，在弹出的菜单中选中【动作】命令，设置按钮的Actions为：

On（press）{stopAllSounds（）;gotoAndPlay

（1）;}

13.作品测试

至此，“圣诞快乐贺卡”动画制作完成了，选择【控制】-【测试影片】或者按Ctrl+Enter组合键进行影片测试。

14.作品保存与发布

A.测试无误后执行【文件】-【保存】菜单命令保存文件，文件名为“圣诞贺卡”。

B.执行【文件】-【发布设置】菜单命令，开启【发布设置】对话框，去除掉【HTML文档】的勾选，只发布SWF文件，当需要发布其他的文件时，将对应的文件勾选即可。

C.在【发布设置】面板中单击“Flash标签”，进入Flash的【发布设置】窗口中，在【版本】下拉菜单中，将【版本】修改为FlashPlayer5，然后单击“发布”按钮发布影片，如下图所示。