Flash基本操作及简单动画制作.docx
《Flash基本操作及简单动画制作.docx》由会员分享,可在线阅读,更多相关《Flash基本操作及简单动画制作.docx(27页珍藏版)》请在冰豆网上搜索。
Flash基本操作及简单动画制作
《Flash基本操作及简单动画制作》实验教学指导书
一、实验目的
1.了解Flash的基本界面组成及特点。
2.掌握Flash的基本操作。
3.应用Flash设计制作静态二维画面。
4.应用Flash设计动画。
二、实验内容
1.制作情人节贺卡静态画面。
2.制作声情并茂的生日贺卡。
三、实验仪器、设备
多媒体计算机,FlashMX2004。
四、实验原理
任务驱动法,Flash的基本操作,应用Flash设计制作主题明确的静态画面、声情并茂的生日贺卡。
五、实验步骤
声情并茂的生日贺卡制作
最终效果如下图所示:
第一部分:
制作着火的火柴
1.打开flashMX2004,界面如下:
2.在空白处点击右键,选择设置文档属性,设置如下:
3.设置背景颜色为非白色。
4.单击窗口-库命令打开库面板。
单击文件-导入-库,把需要的图片background,cake,hua等导入库中。
如下图所示:
5.单击文件菜单,将文件保存为“祝你生日快乐.fla”。
6.单击插入菜单,选择新建元件,创建名称为“花按钮”,行为为:
按纽
7.从库中把花拖入舞台,在图片上单击右键,选择:
转换为元件,在弹出的窗口中选择:
图形,将其命名为:
花。
8.使用任意变形工具,将其旋转一定角度,分别在指针经过和按下处插入关键帧。
9.点击指针经过帧使用任意变形工具将元件稍稍变大;点击按下帧,将元件稍稍变小。
10.在库中新建一个影片剪辑,命名为“火焰”。
11.使用钢笔工具,在舞台中绘制火焰的轮廓。
打开混色器,将颜色设置为“放射状”,在颜色条上新建三个颜色条块,将第一第二个颜色滑块设置为白色,第三和第四个颜色滑块设置为红:
241,绿:
251,蓝:
27。
第五个颜色滑块设置为红:
254,绿:
148,蓝:
137。
12.使用油漆桶工具在火焰轮廓中设置颜色,使用填充变形工具将渐变调整为火焰形状。
然后使用选择工具将边线删除。
13.分别在第10帧和第20帧处插入关键帧。
点击第10帧,使用任意变形工具调整好火焰的形状,使其看起来像被风吹过得效果。
分别在第1帧和第10帧设置形状补间动画。
14.点击第1帧,打开修改菜单,选择形状-添加形状提示(或者按下ctrl+shift+H)新建一个形状提示,使用选择工具将形状提示移动到火焰的顶端,点击第10帧,同样将形状提示移动到火焰的顶端,可以选择选项按钮中的平滑,使形状提示对齐火焰顶端。
15.再次添加一个形状提示,将它移动到火焰的顶端,点击第20帧,同样将形状提示移动到火焰的顶端。
16.在库中新建一图形元件,命名为:
火柴梗。
使用矩形工具将边框颜色设置为无,填充颜色设置为任意色,在舞台中画一个杆状的矩形。
使用选择工具选中矩形,打开混色器,将颜色设置为线性,在中间添加一个色块,将颜色设置为白色,将两头色块的颜色设置为红:
153,绿:
102,蓝:
51,使用填充变形工具将矩形旋转90度,并调整好它的大小。
17.在库中新建一个影片剪辑,命名为“火柴”,从库中将火柴梗元件拖入舞台,使用任意变形工具调整好它的角度,从库中讲“火焰”影片剪辑拖入舞台,使用任意变形工具调整好它的大小,然后将它摆放在火柴梗的一端,使它看起来像一根着火的火柴。
第二部分:
制作生日快乐四个字的气泡字效果。
1.在库中新建一个影片剪辑,命名为“生”。
2.使用椭圆工具,将边框颜色设置为黑色,填充颜色设置为任意色,在舞台中按住shift键画一个正圆,然后使用选择工具,对圆的下部边线进行拖拽直至它看起来像一个气泡的形状,将边线删除,再选中气泡形状,打开混色器,设置为放射状,在颜色条中部添加两个色块,将前两个色块的颜色设置为白色,Alpha的值分别设置为15%和50%。
后面两个色块的颜色可以根据自己的喜好进行设置,Alpha的值分别设置为70%和100%。
使用填充变形工具将填充的图形进行适当调整。
然后在气泡上点击右键选择转换为元件,将其转换为图形泡1。
3.在时间轴上新建图层,点击图层2的第一帧,使用文本工具设置好字体和颜色后,在舞台的气泡上写上生字,调整好位置。
4.同时选中两个图层的第9帧,按F6键插入关键帧,同时选中两个图层的第18帧,按F6键插入关键帧。
5.同时选中两个图层的第9帧,将舞台中的元件向上拖动适当的距离。
6.选中两个图层的所有帧,点击右键,选择创建补间动画。
7.在时间轴上新建一个图层,将图层3放置到图层1的下面,选中第一帧,使用铅笔工具,在接近气泡下面的地方画一条竖线,作为气泡的拴绳,在第九帧插入关键帧,将线条移动到与气泡相间,然后点击第一帧,在属性面板中创建形状补间动画,在第10帧插入关键帧,在第18帧插入空白关键帧,使用铅笔工具在工具栏中将选项设置为平滑,在舞台中画一条弯弯曲曲的线,并使线的一端与气泡相接,隐藏图层1。
点击图层3的第10帧,在属性面板中创建形状补间动画。
8.点击菜单修改-形状-添加形状提示,新建一个形状提示,使用选择工具将出现的提示拖到竖线的顶端。
点击第18帧,将形状提示拖到弯曲线的顶端,直到形状提示变为绿色。
9.按照同样的方法制作日,快,乐三个影片剪辑。
可以改变这三个剪辑里面气泡的大小和颜色,看起来五彩缤纷。
第三部分:
合成画面
1.在库中新建图形,命名为“心”。
从库中将素材xin.gif拖到舞台。
2.在图形上点击鼠标右键,选择分离,然后使用橡皮擦工具将心形周围的白色部分擦掉。
3.在库中新建影片剪辑,命名为“心动”。
将图形“心”拖入到舞台,在第6帧和第11帧插入关键帧,点击第6帧,使用任意变形工具,将心形稍稍拉大,并分别在第1、6、11帧之间点击鼠标右键选择创建补间动画。
4.在时间轴上新建一个图层,然后将图层1的第6帧复制,在图层2的第6帧选择粘贴帧,选中舞台中的心形,在属性面板中将它的颜色设置为Alpha,值为50%。
5.在第11帧插入关键帧,使用任意变形工具将心形稍稍拉大,并在属性面板中把Alpha的值设置为10%。
6.在库中新建影片剪辑,命名为“纸”。
使用矩形工具,将边框设置为黑色,填充颜色设置为白色,在舞台中央画一个300*370的矩形。
使用任意变形工具选中矩形左上角的一小部分,打开变形面板,在面板中把选装角度设置为180度。
7.使用直线工具在小框内画一对角线。
使用选择工具选中左上角的三角,将其删除。
使纸张看起来像是折角的效果。
8.新建图层2,点击图层2的第1帧,使用文本工具在纸张上写上祝福的话语,然后在属性面板中调整相关文字和字体,制作出比较满意的效果。
9.回到场景1,将图层1重命名为背景,然后在时间轴上新建8个图层,从上到小依次命名为:
zz,花,气泡,祝福,火柴,火焰,蛋糕,音乐。
10.同时选中所有图层的第600帧,点击右键选择插入帧。
11.点击图层zz的第1帧,使用矩形工具并将边框颜色设置为无,填充颜色设置为白色,在舞台的上,下,左,右分别画一个矩形,使它们刚好覆盖舞台的可见区域之外的区域。
12.隐藏图层zz,点击背景图层的第1帧,从库中把背景素材拖到舞台,调整好位置。
13.点击蛋糕图层的第1帧,从库中把蛋糕素材拖入舞台,放置在舞台下方的可见区域之外。
在第18帧处插入关键帧,将蛋糕元件向上拖动一段距离,使其位于舞台上的可见区域。
在第1帧和第18帧之间创建补间动画。
14.在火焰图层的第60帧处插入关键帧,从库中将火焰剪辑拖入舞台,使用任意变形工具调整到适当大小。
然后将其移动到蛋糕上蜡烛的顶端,如图:
15.在火柴图层的第35帧处插入关键帧,从库中将火柴影片剪辑拖入舞台,放置在舞台右边的可见区域之外,使用自由变形工具调整好它的大小。
在第60帧处插入关键帧,将火柴拖到舞台的可见区域之内,使其火焰与蛋糕蜡烛的火焰靠近,在32帧和60帧之间点击鼠标右键创建补间动画,制作点火的效果。
在第80帧处插入关键帧,再次将火柴拖到舞台的可见区域之外。
然后在第60帧和80帧之间点击鼠标右键选择创建补间动画。
实例图一:
16.在祝福图层的330帧处插入关键帧,从库中将影片剪辑“纸”拖入到舞台放置在舞台上方的可见区域之外,在属性面板中将其颜色设置为Alpha,值设置为0%。
在第400帧处插入关键帧,将纸元件垂直拖入到舞台的可见区域之内,调整到适当的位置,将其Alpha值设置为80%,然后在330帧和400帧之间点击鼠标右键创建补间动画。
在第560帧处插入关键帧,从库中将“心动”影片剪辑拖入舞台,放置在纸的左下角,并使用任意变形工具调整好它的大小。
17.在气泡图层的第120帧处插入关键帧,从库中依次将生,日,快,乐影片剪辑,摆放在舞台左边的可见区域之外,调整好它们的位置,将它们全部选中后,使用修改菜单中的组合功能,使其组合,如下图所示:
18.在气泡图层第250帧处插入关键帧,将气泡元件拖入到舞台可见区域,调整好位置。
然后在120帧和250帧之间点击鼠标右键选择创建补间动画。
19.在气泡图层第415帧处插入关键帧,在第515帧处插入关键帧,将气泡元件拖到舞台右边的可见区域之外,然后在415帧和515帧之间点击鼠标右键选择创建补间动画。
20.在图层花的第387帧处插入关键帧,从库中把花按钮拖入到舞台放置在舞台的右下角,使用任意变形工具将它变小。
然后在按钮动作中,输入代码。
如下图所示:
21.在图层花的第591帧处插入关键帧,使用任意变形工具将花按钮变大,在596帧处和600帧处插入关键帧,点击第596帧,使用任意变形工具将花按钮稍稍变小,分别在587,592,596,600帧之间创建补间动画。
22.点击花图层的第600帧,在其帧动作中写入代码,如下图所示:
23.打开文件-导入,将歌曲导入库中,在音乐图层的第18帧处插入关键帧,在属性面板中将声音属性中声音设置为刚才导入的声音文件。
24.接下来我们就可以通过控制-测试影片来测试影片。
如下图所示:
六、实验注意事项
1.注意不同元件的创建以及它们之间的转换。
2.注意补间动画的创建的方式及注意问题。
3.注意区别帧,关键帧,空白关键帧的区别。
4.矢量图形与位图的区别。
5.Flash脚本代码的编写规范。
七、实验报告要求
认真填写实验地点、实验操作人、实验日期、实验目的、实验要求、实验内容。
要求较为详细的记录整个实验操作的步骤,重点突出,写出注意事项及疑难问题。
八、思考题
1.形状变形动画与位置变形动画的区别。
2.Flash中常用的ActionScript语句有哪些。
3.如何修改文档的属性。
4.Flash绘图工具中哪几种工具可以用于对象的选取?
5.图层包括哪几种,如何改变图层的属性?
6.帧分为哪几种类型?
如何创建关键帧和空白关键帧?