用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新建一个文件，将动画的画面尺寸设置为550px×400px，背景为白色，帧频为12fps。2制作“贺卡背景”图形符号（1）选择菜单【

14、Insert】/【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 Symb

17、ol对话框，新建一个名为“箭头动画”的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图层，重命名为“

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

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

21、帧，按F7键，插入空白关键帧。将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添加背景