用Flash制作电子贺卡

1、实验六 用flash制作电子贺卡16.1 实验目的和要求16.2 预备知识16.3 实验内容与步骤46.4 实验思考题13实验六 用flash制作电子贺卡flash是美国macromedia公司出品的矢量图形编辑和动画制作专业软件，主要应用于页面设计和多媒体创作等领域，其功能十分强大。利用flash制作的矢量动画，文件数据量小，可以任意缩放不影响画面质量，交互性强，可以以“流”的形式在网上传输，这对于多媒体作品的网络应用是十分有用的。flash不仅在网络领域应用广泛，而且在多媒体创作领域也发挥着重要的作用，可创作出效果细腻而独特的网页和多媒体作品。macromedia公司最新推出的flash

2、mx，它是目前制作网页交互动画的优秀工具。它支持多种格式的图像、视频、声音文件，可以制作出交互性很强的电脑作品；并具有强大的多媒体编辑功能，可以广泛应用于网页制作、课件制作等方面。本实验是利用flash mx制作一个多媒体电子贺卡。运行flash mx的硬件与系统需求如下：（1）cpu ：pentium ii 450以上处理器（2）内 存：256mb（3）显 卡：vga 或更高级的显示卡（4）光 驱：24 倍速光驱（5）声 卡：soundblaster 兼容声卡（6）硬盘空间：500mb以上（7）音 箱（8）操作平台： windows 98、2000系统6.1 实验目的和要求1.掌握图形符号（

3、graphic）、电影剪辑（movie clip）和按钮（button）的创建，以及如何从舞台上选取对象来创建符号。2.掌握直线运动、缩放运动、旋转运动动画的创建。3.熟悉flash中一些常用语句的用法，了解基本语句的作用。4.掌握声音文件的导入,能够为电影加入背景音乐等。熟悉编辑声音效果。5.掌握文件的发布和导出，了解flash支持的多种文件格式。6.2 预备知识1.创建符号（1）创建新的图形符号选择菜单【insert】/【new symbol】命令，打开create new symbol 对话框，在name中输入符号名称，选择符号类型为graphic。flash将切换到符号编辑模式，完成符

4、号内容的制作后，要退出符号编辑模式可单击。（2）创建新的电影剪辑选择菜单【insert】/【new symbol】命令，打开create new symbol 对话框，在name中输入符号名称，选择符号类型为movie clip。flash将切换到符号编辑模式，完成符号内容的制作后，要退出符号编辑模式可单击。（3）创建按钮选择菜单【insert】/【new symbol】命令，打开create new symbol 对话框，在name中输入符号名称，选择符号类型为button。按钮有特殊的编辑环境，通过在四帧时间轴上创建关键帧，指定不同的按钮状态。up帧：表示鼠标指针不在按钮上时的状态；ove

5、r帧：代表鼠标指针在按钮上时状态；down帧：表示鼠标单击按钮时的状态；hit帧：定义对鼠标作出反应的区域，这个反应在电影中是看不见的。（4）如何从舞台上选取对象来创建符号选取舞台上用来创建符号的对象，然后选择菜单【insert】/【new symbol】命令，打开create new symbol 对话框，输入一个符号名称，选择符号类型即可。被选取的对象仍然在舞台上，但已成为符号的实例，被选取的对象还会拷贝一个新的符号放在库窗口中。双击库窗口中的符号，可进入符号编辑环境。2.创建移动动画motion tween是两个关键帧之间的动画，该动画能够包含颜色、形状、尺寸、空间的变化。当动画通过空间

6、时，第1个关键帧决定了元素的开始点，第2个关键帧决定了元素的结束点。创建移动动画的方法：从主菜单中选择【insert】/【create motion tween】；在properties（属性）面板上的tween下拉列表中选择motion（移动）选项。3.声音的导入和处理（1）声音的导入非常简单，执行菜单【file】/【import】/【import to library】命令，打开import to library对话框，从中选择声音文件，导入的声音文件会存储在library（库）中。（2）和符号一样，一个声音只需要一份拷贝就可以了，它可以用于电影中的不同位置。这样就可以有效地缩小电影文件的

7、体积。（3）在电影中加入声音首先需要加入一个新层，然后在该层加入声音，并在properties（属性面板）中的sound（声音）选项进行声音设置。4.文件的输出动画制作好后，要将文件编译成可以脱离flash环境而单独运行的swf或exe格式文件。swf格式文件必须在装有相同或更高版本flash播放器的计算机中才能运行，而exe格式文件可以在任何一台计算机上直接运行。（1）将文件输出为swf格式文件选择【file】/【export movie】（导出动画）命令，打开export movie对话框。在“保存在”文本框中选择保存文件的文件夹，在“文件名”文本框中输入文件名，单击“保存”按钮，打开ex

8、port flash player（导出flash动画）对话框，选择其默认值，单击“ok”按钮，即可完成作品的输出。（2）将文件输出为exe格式文件选择【file】/【publish settings】（出版设定）命令，打开publish settings对话框。只选中windows projector复选框，单击publish（出版）按钮，即可完成，将其输出为exe文件。5.flash的工作环境flash的工作环境包括舞台（stage）、工具栏（toolbars）、时间轴窗口（timeline）、库窗口（library）等几个部分，如图6.1所示。library（库）面板编辑区时间轴面板co

9、lor mixer（颜色设定）面板菜单栏properties（属性）面板controller控制器option工具栏常用工具栏绘图工具栏图6.1 flash的工作环境工作环境介绍：（1）舞台（stage）：编辑电影画面的矩形区域。用flash制作电影就像导演指挥演员演戏一样，舞台就是一个演出的场所。在flash中还常常遇到一个概念场景（scene），在flash电影中，舞台只有一个，但场景可以有许多个，在播放过程中可以更换不同的场景。（2）工具栏（toolbars）：工具栏分为常用工具栏（standard）、绘图工具栏（drawing）和控制器（controller）。如果想修改工具栏的界面，

10、可以执行菜单【window】/【toolbars】命令，打开toolbars对话框，从中选择所需要的工具栏。常用工具栏（standard）：从左至右依次为新建（new）、打开（open）、保存（save）、打印（print）、打印预览（print preview）、剪切（cut）、复制（copy）、粘贴（paste）、撤消（undo）、恢复（redo）、捕捉网格（snap to objects）、平滑曲线（smooth）、直线（straighten）、旋转（rotate and skew）、缩放（scale）、对齐（align）。绘图工具栏（drawing）：如图6.2所示，从左至右、从上至下

11、依次为箭头工具（arrow tool）、选取工具（subselection tool）、直线工具（line）、套索工具（lasso tool）、钢笔工具（pen tool）、文本工具（text tool）、椭圆工具（oval tool）、矩形工具（rectangle tool）、铅笔工具（pencil tool）、笔刷工具（brush tool）、自由变形工具（free transform tool）、填充工具（fill transform tool）、墨水瓶工具（ink bottle）、油漆桶工具（paint bucket）、滴管工具（dropper）、橡皮工具（eraser）、手掌工具（h

12、and）、放大镜工具（magnifier）。图6.2 flash的绘图工具栏控制器（controller）：执行菜单【window】/【toolbars】/【controller】命令，可以打开控制器（controller）。从左至右依次为停止（stop）、倒带（rewind）、后退（step back）、播放（play）、前进（step forword）、到最后（go to end）。（3）时间轴面板（timeline）：时间轴面板就像导演手中的剧本，它决定了各个场景的切换以及演员出场、表演的时间顺序。（4）库面板（library）：执行菜单【window】/【library】命令，可以打开

13、库窗口（library）。在制作动画时，首先把一个对象定义为“符号（symbol）”，所有符号都会存储在库窗口中，然后在场景中加入它的“实例（instance）”。这样无论一个对象出现几次，在文件中也只需存储一个拷贝，从而在很大程度上减小了文件的体积。6.3 实验内容与步骤一实验内容制作一个生日贺卡。在背景音乐的伴奏下，一只精美的礼盒呈现在运行界面上。单击礼盒，礼盒被打开，出现一只小狗和一封信，贺卡运行界面如图6.3所示。图 6.3贺卡运行界面二.示例1新建一个文件，将动画的画面尺寸设置为550px400px，背景为白色，帧频为12fps。2制作“贺卡背景”图形符号（1）选择菜单【insert

14、】/【new symbol】命令或按ctrl+f8，打开create new symbol（创建新元件）对话框，新建一个名为“贺卡背景”的graphic(图形)类型的符号，点击ok进入其编辑窗口。（2）使用工具栏中的矩形工具绘制一个矩形框，将这个矩形框的填充颜色设置为浅蓝色，然后将w设置为550px，设置为400px。（3）返回场景。3制作“礼盒”图形符号（1）插入一个名为“礼盒”的图形符号，用工具栏中的直线工具绘制出一个正方体形状的礼盒，如图6.4所示。图6.4正方体礼盒（2）用直线工具在礼盒上绘制出丝带。如图6.5所示。图6.5带丝带的礼盒（3）选择油漆桶工具，将填充颜色设为浅粉色，对礼盒

15、进行颜色填充。然后将填充颜色设为红色，将丝带的颜色填充为红色，最后用backspace键将多余的线条删除。如图6.6所示。图 6.6填充颜色后的礼盒（4）选择【file】/【import】/【import to library】打开一个导入图片对话框，如图6.7所示。从素材库中导入一个向日葵图片到library（库）中，再从library中将图片拖放到如图6.8所示的位置上。同时选择礼盒和向日葵，按ctrl+g快捷键将它们组合起来。图6.7导入图片对话框图6.8加入图片的礼盒4制作“小狗”图形符号选择【file】/【import】/【import to library】打开一个导入图片对话框，

16、从素材库中导入一个小狗的图片到library（库）中，再从library中将图片拖放到编辑区中。返回场景。5制作一个名为“隐形按钮”的按钮符号（1）选择菜单【insert】/【new symbol】命令，打开create new symbol对话框，新建一个名为“隐形按钮”的button（按钮）类型的符号。点击ok，进入按钮编辑模式。（2）选择hit帧，按f6键，插入关键帧。选择新插入的关键帧，将library（库）面板中的“礼盒”图形符号拖入符号编辑窗口。6创建“箭头动画”电影剪辑符号（1）选择菜单【insert】/【new symbol】命令，打开create new symbol对话框，

17、新建一个名为“箭头动画”的movie clip（电影剪辑）类型的符号。点击ok，进入其编辑模式。（2）选择工具栏中的直线工具，绘制一个箭头图形，如图6.9所示。图6.9 绘制的箭头图形 （3）参照图6.10，输入文字“打开看看”。在properties（属性）面板中将字体设为华文行楷，字号为22，文字颜色为红色。图6.10 绘制的箭头和文字（4）选择时间轴上的第5帧，按f6键插入关键帧。选择该帧所有文字与图形，按6次“”键，将其向后稍做移动。选择第8帧，按f5键，插入一帧，时间轴面板如图6.11所示。图6.11 时间轴面板7制作“信”图形符号（1）插入一个名为“礼盒”的图形符号，选择工具栏中的

18、矩形工具，并将其填充颜色设置为浅粉色，绘制一个矩形，然后将w设置为125px，设置为150px。（2）使用工具在浅粉色矩形上输入文字，参见图6.12。图6.12 “信”图形符号8设置场景（1）返回场景，选择layer 1图层的第1帧，从library（库）面板中拖一个“贺卡背景”图形符号到场景中，然后将layer 1重命名为“背景”。（2） 单击添加一个layer 2图层，将其名称改为“小狗”，选择第1帧。在library（库）面板中找到“小狗”图形符号，将其拖放到场景中，并放在如图6.13所示的位置上。图6.13 加入“小狗”图像（3） 单击添加一个layer 3图层，重命名为“礼盒”，在l

19、ibrary（库）面板中找到 “礼盒”图形符号，将它拖放到场景中，并放在小狗的位置上，将小狗遮挡住。如图6.14所示。图6.14 加入“礼盒”图像（4）添加layer 4图层，重命名为“按钮与箭头”，将library（库）面板中的“隐形按钮”按钮符号拖放到场景中，参照图6.15所示，将其放在礼盒图形的上面，并与之重合。图6.15 加入“隐形按钮”符号将library（库）面板中的名为“箭头动画”的电影剪辑拖放到场景中，参照图6.16所示，放置到适当的位置上。图6.16加入“箭头动画”电影剪辑（5）分别选择“背景”与“小狗”图层的第40帧，按f5键，插入一帧。（6）选择“礼盒”图层的第40帧，按

20、f6键，插入关键帧。参照图6.17所示，调整该帧“礼盒”图形的位置。图6.17调整图像的位置（7）选中“礼盒”图层的第1帧，在properties（属性）面板上的tween下拉列表中选择motion（移动）选项，如图6.18所示，在“礼盒”图层的第140帧创建移动动画。图6.18创建移动动画9创建“生日快乐”电影剪辑符号（1）插入一个名为“生日快乐”的电影剪辑符号，进入其编辑模式。将library（库）面板中的“信”图形符号拖到编辑窗口中。（2）返回场景，隐藏“礼盒”和“按钮与动画”图层。在“小狗”图层上面添加一个图层，并将图层名改为“生日快乐”。（3）选中“生日快乐”图层的第40帧，按f7键

21、，插入空白关键帧。将library（库）面板中的“生日快乐”电影剪辑拖到编辑窗口中，参照图6.19将其放在小狗图像上。图6.19 信的位置（4）双击场景中的“生日快乐”符号实例，进入其符号编辑窗口，选择时间轴面板上的第30帧，按f6键，插入关键帧，参照图6.20，调整该帧图形的位置。图6.20 信的位置（5）选择第1帧图形，打开transform（变换）面板，参照图6.21进行设置，将该帧图形缩小。并在properties（属性）面板中参照图6.22重新设置“信”图形的位置和大小。图6.21 transform（变换）面板图6.22 调整“信”的位置和大小（6）选择第30帧的图形调整其位置和大

22、小，将w设为250，设为275，x为-175.5，y为-113.2。（7）选择第1帧，在properties（属性）面板上的tween下拉列表中选择motion（移动）选项，在rotate（旋转）下拉列表中选择cw（顺时针），在其后的文本框中输入2，在第130帧创建动画，如图6.23所示。图6.23参数设置（8）选中第30帧，在actions frame（actions面板）中写入语句“stop( );”,赋予该帧stop（停止）的帧动作。10修改场景（1）返回场景，将“生日快乐”图层移到“小狗”图层的下方。（2）分别选择“礼盒”图层的第1帧、第40帧在actions frame（actions面板）中写入语句“stop( );”,赋予这两个帧stop（停止）的帧动作。（3）参照图6.24所示，给场景中的隐形按钮赋予帧动作。图6.24 隐形按钮的帧动作11添加背景音乐（1）执行菜单【fi