用Flash制作电子贺卡.docx

用Flash制作电子贺卡.docx

《用Flash制作电子贺卡.docx》由会员分享，可在线阅读，更多相关《用Flash制作电子贺卡.docx（18页珍藏版）》请在冰豆网上搜索。

用Flash制作电子贺卡

实验六用Flash制作电子贺卡

Flash是美国Macromedia公司出品的矢量图形编辑和动画制作专业软件，主要应用于页面设计和多媒体创作等领域，其功能十分强大。

利用Flash制作的矢量动画，文件数据量小，可以任意缩放不影响画面质量，交互性强，可以以“流”的形式在网上传输，这对于多媒体作品的网络应用是十分有用的。

Flash不仅在网络领域应用广泛，而且在多媒体创作领域也发挥着重要的作用，可创作出效果细腻而独特的网页和多媒体作品。

Macromedia公司最新推出的FlashMX，它是目前制作网页交互动画的优秀工具。

它支持多种格式的图像、视频、声音文件，可以制作出交互性很强的电脑作品；并具有强大的多媒体编辑功能，可以广泛应用于网页制作、课件制作等方面。

本实验是利用FlashMX制作一个多媒体电子贺卡。

运行FlashMX的硬件与系统需求如下：

（1）CPU：

PentiumII450以上处理器

（2）内存：

≥256MB

（3）显卡：

VGA或更高级的显示卡

（4）光驱：

≥24倍速光驱

（5）声卡：

Soundblaster兼容声卡

（6）硬盘空间：

500MB以上

（7）音箱

（8）操作平台：

Windows98、2000系统

6.1实验目的和要求

1.掌握图形符号（Graphic）、电影剪辑（MovieClip）和按钮（Button）的创建，以及如何从舞台上选取对象来创建符号。

2.掌握直线运动、缩放运动、旋转运动动画的创建。

3.熟悉Flash中一些常用语句的用法，了解基本语句的作用。

4.掌握声音文件的导入,能够为电影加入背景音乐等。

熟悉编辑声音效果。

5.掌握文件的发布和导出，了解Flash支持的多种文件格式。

6.2预备知识

1.创建符号

（1）创建新的图形符号

选择菜单【Insert】/【NewSymbol】命令，打开CreateNewSymbol对话框，在Name

中输入符号名称，选择符号类型为Graphic。

Flash将切换到符号编辑模式，完成符号内容的制作后，要退出符号编辑模式可单击。

（2）创建新的电影剪辑

选择菜单【Insert】/【NewSymbol】命令，打开CreateNewSymbol对话框，在Name中输入符号名称，选择符号类型为MovieClip。

Flash将切换到符号编辑模式，完成符号内容的制作后，要退出符号编辑模式可单击。

（3）创建按钮

选择菜单【Insert】/【NewSymbol】命令，打开CreateNewSymbol对话框，在Name中输入符号名称，选择符号类型为Button。

按钮有特殊的编辑环境，通过在四帧时间轴上创建关键帧，指定不同的按钮状态。

Up帧：

表示鼠标指针不在按钮上时的状态；

Over帧：

代表鼠标指针在按钮上时状态；

Down帧：

表示鼠标单击按钮时的状态；

Hit帧：

定义对鼠标作出反应的区域，这个反应在电影中是看不见的。

（4）如何从舞台上选取对象来创建符号

选取舞台上用来创建符号的对象，然后选择菜单【Insert】/【NewSymbol】命令，打开CreateNewSymbol对话框，输入一个符号名称，选择符号类型即可。

被选取的对象仍然在舞台上，但已成为符号的实例，被选取的对象还会拷贝一个新的符号放在库窗口中。

双击库窗口中的符号，可进入符号编辑环境。

2.创建移动动画

MotionTween是两个关键帧之间的动画，该动画能够包含颜色、形状、尺寸、空间的变化。

当动画通过空间时，第1个关键帧决定了元素的开始点，第2个关键帧决定了元素的结束点。

创建移动动画的方法：

①从主菜单中选择【Insert】/【CreateMotionTween】；

②在Properties（属性）面板上的Tween下拉列表中选择Motion（移动）选项。

3.声音的导入和处理

（1）声音的导入非常简单，执行菜单【File】/【Import】/【ImporttoLibrary】命令，打开ImporttoLibrary对话框，从中选择声音文件，导入的声音文件会存储在Library（库）中。

（2）和符号一样，一个声音只需要一份拷贝就可以了，它可以用于电影中的不同位置。

这样就可以有效地缩小电影文件的体积。

（3）在电影中加入声音首先需要加入一个新层，然后在该层加入声音，并在Properties（属性面板）中的Sound（声音）选项进行声音设置。

4.文件的输出

动画制作好后，要将文件编译成可以脱离Flash环境而单独运行的SWF或EXE格式文件。

SWF格式文件必须在装有相同或更高版本Flash播放器的计算机中才能运行，而EXE格式文件可以在任何一台计算机上直接运行。

（1）将文件输出为SWF格式文件

①选择【File】/【ExportMovie】（导出动画）命令，打开ExportMovie对话框。

②在“保存在”文本框中选择保存文件的文件夹，在“文件名”文本框中输入文件名，单击“保存”按钮，打开ExportFlashPlayer（导出Flash动画）对话框，选择其默认值，单击“OK”按钮，即可完成作品的输出。

（2）将文件输出为EXE格式文件

①选择【File】/【Publishsettings】（出版设定）命令，打开Publishsettings对话框。

②只选中WindowsProjector复选框，单击Publish（出版）按钮，即可完成，将其输出为EXE文件。

5.Flash的工作环境

Flash的工作环境包括舞台（Stage）、工具栏（Toolbars）、时间轴窗口（Timeline）、库窗口（Library）等几个部分，如图6.1所示。

图6.1Flash的工作环境

工作环境介绍：

（1）舞台（Stage）：

编辑电影画面的矩形区域。

用Flash制作电影就像导演指挥演员演戏一样，舞台就是一个演出的场所。

在Flash中还常常遇到一个概念——场景（Scene），在Flash电影中，舞台只有一个，但场景可以有许多个，在播放过程中可以更换不同的场景。

（2）工具栏（Toolbars）：

工具栏分为常用工具栏（Standard）、绘图工具栏（Drawing）和控制器（Controller）。

如果想修改工具栏的界面，可以执行菜单【Window】/【Toolbars】命令，打开Toolbars对话框，从中选择所需要的工具栏。

①常用工具栏（Standard）：

从左至右依次为新建（New）、打开（Open）、保存（Save）、打印（Print）、打印预览（PrintPreview）、剪切（Cut）、复制（Copy）、粘贴（Paste）、撤消（Undo）、恢复（Redo）、捕捉网格（SnaptoObjects）、平滑曲线（Smooth）、直线（Straighten）、旋转（RotateandSkew）、缩放（Scale）、对齐（Align）。

②绘图工具栏（Drawing）：

如图6.2所示，从左至右、从上至下依次为箭头工具（ArrowTool）、选取工具（SubselectionTool）、直线工具（Line）、套索工具（LassoTool）、钢笔工具（PenTool）、文本工具（TextTool）、椭圆工具（OvalTool）、矩形工具（RectangleTool）、铅笔工具（PencilTool）、笔刷工具（BrushTool）、自由变形工具（FreeTransformTool）、填充工具（FillTransformTool）、墨水瓶工具（InkBottle）、油漆桶工具（PaintBucket）、滴管工具（Dropper）、橡皮工具（Eraser）、手掌工具（Hand）、放大镜工具（Magnifier）。

图6.2Flash的绘图工具栏

③控制器（Controller）：

执行菜单【Window】/【Toolbars】/【Controller】命令，可以打开控制器（Controller）。

从左至右依次为停止（Stop）、倒带（Rewind）、后退（StepBack）、播放（Play）、前进（StepForword）、到最后（GoToEnd）。

（3）时间轴面板（Timeline）：

时间轴面板就像导演手中的剧本，它决定了各个场景的切换以及演员出场、表演的时间顺序。

（4）库面板（Library）：

执行菜单【Window】/【Library】命令，可以打开库窗口（Library）。

在制作动画时，首先把一个对象定义为“符号（Symbol）”，所有符号都会存储在库窗口中，然后在场景中加入它的“实例（Instance）”。

这样无论一个对象出现几次，在文件中也只需存储一个拷贝，从而在很大程度上减小了文件的体积。

6.3实验内容与步骤

一．实验内容

制作一个生日贺卡。

在背景音乐的伴奏下，一只精美的礼盒呈现在运行界面上。

单击礼盒，礼盒被打开，出现一只小狗和一封信，贺卡运行界面如图6.3所示。

图6.3　贺卡运行界面

二.示例

1．新建一个文件，将动画的画面尺寸设置为550px×400px，背景为白色，帧频为12fps。

2．制作“贺卡背景”图形符号

（1）选择菜单【Insert】/【NewSymbol】命令或按Ctrl+F8，打开CreateNewSymbol（创建新元件）对话框，新建一个名为“贺卡背景”的Graphic（图形）类型的符号，点击OK进入其编辑窗口。

（2）使用工具栏中的矩形工具

绘制一个矩形框，将这个矩形框的填充颜色设置为浅蓝色，然后将W设置为550px，Ｈ设置为400px。

（3）返回场景。

3．制作“礼盒”图形符号

（1）插入一个名为“礼盒”的图形符号，用工具栏中的直线工具

绘制出一个正方体形状的礼盒，如图6.4所示。

图6.4　正方体礼盒

（2）用直线工具在礼盒上绘制出丝带。

如图6.5所示。

图6.5　带丝带的礼盒

（3）选择油漆桶工具

，将填充颜色设为浅粉色，对礼盒进行颜色填充。

然后将填充颜色设为红色，将丝带的颜色填充为红色，最后用BackSpace键将多余的线条删除。

如图6.6所示。

图6.6　填充颜色后的礼盒

（4）选择【File】/【Import】/【ImporttoLibrary】打开一个导入图片对话框，如图6.7所示。

从素材库中导入一个向日葵图片到Library（库）中，再从Library中将图片拖放到如图6.8所示的位置上。

同时选择礼盒和向日葵，按Ctrl+G快捷键将它们组合起来。

图6.7　导入图片对话框

图6.8　加入图片的礼盒

4．制作“小狗”图形符号

选择【File】/【Import】/【ImporttoLibrary】打开一个导入图片对话框，从素材库中导入一个小狗的图片到Library（库）中，再从Library中将图片拖放到编辑区中。

返回场景。

5．制作一个名为“隐形按钮”的按钮符号

（1）选择菜单【Insert】/【NewSymbol】命令，打开CreateNewSymbol对话框，新建一个名为“隐形按钮”的Button（按钮）类型的符号。

点击OK，进入按钮编辑模式。

（2）选择Hit帧，按F6键，插入关键帧。

选择新插入的关键帧，将Library（库）面板中的“礼盒”图形符号拖入符号编辑窗口。

6．创建“箭头动画”电影剪辑符号

（1）选择菜单【Insert】/【NewSymbol】命令，打开CreateNewSymbol对话框，新建一个名为“箭头动画”的MovieClip（电影剪辑）类型的符号。

点击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）插入一个名为“礼盒”的图形符号，选择工具栏中的矩形工具

，并将其填充颜色设置为浅粉色，绘制一个矩形，然后将W设置为125px，Ｈ设置为150px。

（2）使用

工具在浅粉色矩形上输入文字，参见图6.12。

图6.12“信”图形符号

8．设置场景

（1）返回场景，选择Layer1图层的第1帧，从Library（库）面板中拖一个“贺卡背景”图形符号到场景中，然后将Layer1重命名为“背景”。

（2）单击

添加一个Layer2图层，将其名称改为“小狗”，选择第1帧。

在Library（库）面板中找到“小狗”图形符号，将其拖放到场景中，并放在如图6.13所示的位置上。

图6.13加入“小狗”图像

（3）单击

添加一个Layer3图层，重命名为“礼盒”，在Library（库）面板中找到“礼盒”图形符号，将它拖放到场景中，并放在小狗的位置上，将小狗遮挡住。

如图6.14所示。

图6.14加入“礼盒”图像

（4）添加Layer4图层，重命名为“按钮与箭头”，将Library（库）面板中的“隐形按钮”按钮符号拖放到场景中，参照图6.15所示，将其放在礼盒图形的上面，并与之重合。

图6.15加入“隐形按钮”符号

将Library（库）面板中的名为“箭头动画”的电影剪辑拖放到场景中，参照图6.16所示，放置到适当的位置上。

图6.16加入“箭头动画”电影剪辑

（5）分别选择“背景”与“小狗”图层的第40帧，按F5键，插入一帧。

（6）选择“礼盒”图层的第40帧，按F6键，插入关键帧。

参照图6.17所示，调整该帧“礼盒”图形的位置。

图6.17调整图像的位置

（7）选中“礼盒”图层的第1帧，在Properties（属性）面板上的Tween下拉列表中选择Motion（移动）选项，如图6.18所示，在“礼盒”图层的第1~40帧创建移动动画。

图6.18创建移动动画

9．创建“生日快乐”电影剪辑符号

（1）插入一个名为“生日快乐”的电影剪辑符号，进入其编辑模式。

将Library（库）面板中的“信”图形符号拖到编辑窗口中。

（2）返回场景，隐藏“礼盒”和“按钮与动画”图层。

在“小狗”图层上面添加一个图层，并将图层名改为“生日快乐”。

（3）选中“生日快乐”图层的第40帧，按F7键，插入空白关键帧。

将Library（库）面板中的“生日快乐”电影剪辑拖到编辑窗口中，参照图6.19将其放在小狗图像上。

图6.19信的位置

（4）双击场景中的“生日快乐”符号实例，进入其符号编辑窗口，选择时间轴面板上的第30帧，按F6键，插入关键帧，参照图6.20，调整该帧图形的位置。

图6.20信的位置

（5）选择第1帧图形，打开Transform（变换）面板，参照图6.21进行设置，将该帧图形缩小。

并在Properties（属性）面板中参照图6.22重新设置“信”图形的位置和大小。

图6.21Transform（变换）面板

图6.22调整“信”的位置和大小

（6）选择第30帧的图形调整其位置和大小，将W设为250，Ｈ设为275，X为-175.5，Y为-113.2。

（7）选择第1帧，在Properties（属性）面板上的Tween下拉列表中选择Motion（移动）选项，在Rotate（旋转）下拉列表中选择CW（顺时针），在其后的文本框中输入2，在第1~30帧创建动画，如图6.23所示。

图6.23参数设置

（8）选中第30帧，在ActionsFrame（Actions面板）中写入语句“Stop（）;”,赋予该帧Stop（停止）的帧动作。

10．修改场景

（1）返回场景，将“生日快乐”图层移到“小狗”图层的下方。

（2）分别选择“礼盒”图层的第1帧、第40帧在ActionsFrame（Actions面板）中写入语句“Stop（）;”,赋予这两个帧Stop（停止）的帧动作。

（3）参照图6.24所示，给场景中的隐形按钮赋予帧动作。

图6.24隐形按钮的帧动作

11．添加背景音乐

（1）执行菜单【File】/【Import】/【ImporttoLibrary】命令，打开ImporttoLibrary对话框，从素材库中导入声音文件到Library（库）面板中，此声音文件会存储在Library（库）中。

（2）选择“按钮与动画”图层，单击单击

添加一个新图层，将其命名为“音乐”。

（3）在Properties（属性）面板里，在Sound（声音）选项的下拉选项中选择声音文件“祝你生日快乐”，Repeat的值设为2表示音乐循环2次，其它选择默认值。

见图6.25。

图6.25声音的设置

（4）贺卡制作完毕，可按Shift+Enter快捷键，预览动画运行效果。

12．导出文件

将文件输出为EXE格式文件

（1）选择【File】/【Publishsettings】（出版设定）命令，打开Publishsettings对话框。

（2）只选中WindowsProjector复选框，单击Publish（出版）按钮，即可完成，将其输出为EXE文件。

6.4实验思考题

1.简述符号（Symbol）和实例（Instance）的概念。

2.Flash能够运动过渡的属性分别有哪几个？

3.必须怎样做才能使图形或者文本产生运动过渡效果？

4.变形过渡动画可以过渡的属性有哪些？

5.如何创建变形过渡动画？

6.在Flash中直接输入的文本是不能产生变形过渡动画的，怎样使它也能产生变形过渡的效果？

7.如何设置Actions（动作）的帧属性？

8.实际操作后，试述声音的四种同步方式有何不同？

9.结合缩放运动和沿指定路径运动的制作方法，并仿照Flash自带的Graphics图库中的GlobeSpinning示例，制作一个立方体在沿椭圆轨道运动的同时能产生近大远小的动画效果。

10.如有侵权请联系告知删除，感谢你们的配合！

11.

12.

13.