基于Authorware和Flash技术的校园宣传片制作

摘要：在漯河食品职业学院宣传片的制作中采用Authorware和Flash进行校园宣传片的制作，实现流程设计与动态效果的有机结合。在Authorware中针对漯河食品学院宣传片的开发过程，运用图标的功能、交互、按钮响应、框架设计等，使宣传片所宣传的内容更为明了直接，使人们了解的更为清楚，更好的体现人性化。使用Authorware 制作的课件，系统的介绍了宣传片设计的全过程，把复杂的宣传片制作过程用简单的几步来概括。提出了宣传片制作的思想，运用独特、新颖的流程图方法，将繁琐的文字叙述变成了直观的流程图。清晰逼真的图片、优美的音乐、有趣的动画等，从而产生喜闻乐见的生动效果。它可以克服传统宣传片单方播放的方式，使整个宣传片可调可控，真正作到“人机互动”，收到良好的效果。

关键词：Authorware；Flash；校园宣传片；人机互动

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2013）25-5725-05

随着计算机技术的发展，多媒体电脑开始走进千家万户，成为人们的常用工具，多媒体制作的需求量也变得越来越大。在这种情况下，各种各样的多媒体开发工具应运而生，其中由 Marcromedia 公司开发的多媒体创作工具Autherware， 因为简单易用，无须编程即可制作具有交互功能的多媒体产品，而深受广大多媒体爱好者欢迎的。Authorware软件具有强大的交互功能，可任意控制程序，更在人机对话中，它提供了按键，限时等多种交互方式；它还提供了许多系统变量和函数，根据用户响应的情况，执行特定功能；编制的软件除了能在其集成环境下运行外，还可以编译成扩展名为.EXE的文件，在Windows系统下脱离Authorware制作环境运行。Flash是一种动画创作与应用程序开发于一身的创作软件，Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。

以Authorware和Flash相结合制作的宣传片，制作的宣传片可以做到人机互动，不在只局限于用眼睛观看，还可以随着自己的思想来了解自己所想了解的一些内容。漯河食品职业学院宣传片的制作是以Authorware7.0为平台，其中插有图片、声音，并将宣传内容与文字说明等一一对应起来，最终生成了可脱离平台运行的执行文件。Flash的制作是以Flash 8为平台，大量应用矢量图形和交互式动画，使得作品美观、实用、体积小、交互性强，适合在网络上进行传播和播放。

1 宣传片的总体设计思路

1.1 宣传片的制作流程

1）目标分析：根据宣传片内容，明确要实现的宣传目标，以及实现宣传目标的途径及宣传策略的分析，确定宣传片的框架和表现方法；进行宣传片的总体设计。

2）脚本编写：宣传片的脚本是宣传片的设计蓝图，我们根据宣传目标，确定宣传片的具体表现方法和内容，在每一屏幕（页）的具体内容安排，如各种媒体的排放位置、媒体元素出现的时刻、交互方式以及画面的链接等，都要非常具体和明确。脚本的设计还要根据创作工具的特点以及人接受信息的心理特性等综合因素来考虑。

3）素材准备：宣传片中的基本元素——素材有相当一部分要事先准备好，如文字、图像、声音、动画、影像等原始素材，而素材的选择就与脚本息息相关，根据编好的脚本，去搜集每一个镜头所需要的素材。我们用数码相机在校园拍摄所需的影像，然后再联系学院的各个系部，请他们给予支持并提供所需的图片，而一些图片并不能达到宣传片所需的效果需要预处理和编辑，如宣传片中需要的某一图像的效果就需要我们用所学的Photoshop软件来处理，以达到效果的需求。

4）创作设计：根据脚本设计的要求，利用创作工具把各种媒体素材集成创作为一个宣传片。宣传片完成以后，还要经过试运行检验和使用评价，必要时还要作修改。

5）打包：制作宣传片的最终目的是在网站上的应用，因此在创作的最后阶段还要将宣传片进行打包，根据软件的大小和需要到网站上。变成一个可以脱离创作环境便于使用的实用课件。

1.2 宣传片的大致内容

开篇动画的内容：从万里长城上方冉冉升起的太阳，慢慢显现清脆欲滴的竹子象征朝气蓬勃的漯河食品职业学院，后面出现的茶壶茶杯象征一种饮食文化，隐喻漯河食品职业学院是以食品类专业为主导地位的学院。以Flash 8软件制作完成。以下四部分均以Authorware 7.0软件来制作。

第一部分启迪文化谱华章的内容：春光美景，桃花绽开，漯河沙澧美景，从学院大门转向我院全景。校训：“重德强能，勤业报国”，校风“团结奋进，求真创新”、学风“勤学苦练，成人成才”、教风“敬业爱生，严谨博学”字幕。

第二部分素质教育铸辉煌内容：各系部优秀毕业生、奖状、证书、获奖学生照片、优秀毕业作品、各系部及配备切换镜头、在办公室集体备课、名师讲课、 教学研讨会、学校荣誉证书、获得奖项、与著名企业的合作、和韩国光州代表的会议等。

第三部分丰富的校园文化的内容：升旗仪式，国旗冉冉升起，学生走进学校，在教室认真上课，几个学生漫步于学生公寓、操场、班级布置、消防演练、图书馆看书、爱心捐款、爱心捐血，各个社团的活动 、学生文艺演出、学校晚会、运动会、乒乓球、篮球赛等内容。

第四部分扬帆起航内容：各级领导对学院的关怀和期望。

结尾动画的内容：学院学生仰望一群白鸽从蓝天飞过，象征着我们学院美好的明天，后跟制作人，指导教师。

2 用Authorware实现主流程图的制作

1）为演示程序的主流程线上插入一个音乐图标到窗口流程线上并命名为音乐，双击打开音乐图标属性窗口，单击“导入”按钮，导入背景音乐；

2）选择菜单栏中的“插入”按钮，然后选择“媒体”，接下来选择“媒体”，导入flash片头动画，主流程线上在流程线上拖入一个等待图标，设置等待；

3）为演示程序的主流程线上拖入一个群组图标，命名为漯河，双击群组图标打开插入一个显示图标并打开显示图标插入一张背景图并设置版面布局并在显示属性面板中，单击特效后边的浏览按钮添加特效，在流程线上拖入一个等待图标；

4）拖入一个群组图标，命名为漯河简介，双击打开拖入两个群组图标分别命名为漯河美景和突出漯河，双击打开拖入图片和输入文字并在显示属性面板中，单击特效后边的浏览按钮添加特效，在流程线上拖入一个等待图标；

5）拖入一个群组图标，命名为主界面，双击打开并插入4个显示图标分别输入启迪文化谱华章、素质教育铸辉煌、丰富的校园文化和扬帆起航；

6）在拖入一个交互图标，在其右侧拖放个群组图标，分别命名为启迪文化谱华章、素质教育铸辉煌、丰富的校园文化和扬帆起航并设置属性为热对象；在拖入一群组图标命名为退出设置属性类型为按钮；

7）选择菜单栏中的“插入”按钮，然后选择“媒体”，接下来选择“媒体”，导入flash片尾动画

8）在流程线上在拖放一个计算图标，为其命名为退出。

3 在Flash中实现几个重要动画的制作

3.1 开篇动画的制作

1）创建新文档并设置文档属性为：

舞台大小：700*150px

其它保持默认值。

2）创建元件。

接下来，创建一些元件或可重用资源。元件是能够多次使用相同的资源，而无需在 FLA 文件中存储该资源的多个副本。可以在“库”面板中存储元件，并在需要时将元件的实例拖动到舞台。

3）添加补间动画

在时间轴中，选择图层 1 的第 1 帧插入图片。 在第五帧处右击鼠标“插入关键帧”然后鼠标平行拖动图片放到合适的位置，在第一帧和第五帧处右击鼠标“创建运动补间动画”同理在25、35、50等帧做同样的处理同时拖动图片。这样图片会在时间轴的来回缓动。

4）主场景的制作

回到主场景中，把影片剪辑中的彩霞元件拖入工作区在图层1的第一帧上，在属性栏里设置Alpha即透明度为0%完全透明，在17帧处插入关键帧，设置Alpha即透明度为100%完全不透明，然后创建补间动画，在90帧处插入关键，慢慢拖动图片向右稍微一动，创建补间；在91帧处插入竹子，在160帧处插入关键帧，然后向上慢慢拖动放到合适位置，创建补间。

图层2：在90帧处拖入作为遮罩层的白色椭圆透明图片，在160帧插入帧。

图层3：在22帧处插入太阳同样设置Alpha即透明度为0%完全透明，在50帧处插入关键帧，设置Alpha即透明度为100%完全不透明，创建补间，在90帧处插入关键帧然后慢慢向上拖动太阳，创建补间。

图层4：在108帧处插入茶壶的影片元件，在113帧处插入关键帧设置它的透明度同图层3的一样，在157帧处插入关键帧创建补间，在160处插入帧。

图层5：第1帧处插入长城1的图片设置透明度为0%，在22帧处插入关键帧设置透明度为100%，创建补间，然后分别在不同帧处做出小幅度移动动画，然后在92帧处插入文本“启迪饮食文化”转化为影片元件，设置透明度为0%在160帧处插入关键帧设置透明度为100%，创建运动补间。

图层6：在第2帧处插入长城2的影片剪辑元件，设置透明度为0%，在14帧处插入关键帧设置透明度为100%，创建运动补间，在15帧插入帧，在90帧处插入帧。

图层7：在2帧插入椭圆影片剪辑元件，在90帧处插入帧，在140帧处插入文本转化为影片元件，设置透明度为0%在150帧处插入关键帧设置透明度为100%，创建运动补间，在160帧插入帧。

图层8为脚本遮罩层：图层2为遮罩层遮罩长城、竹子的部分图像。在图层8的第2帧打开动作面板（在第2帧右击动作或者选中第2帧在属性上面点击动作）书写JS脚本代码为：mcGreatWall.setMask（mcMask）；＼＼遮罩代码

整个开篇动画制作完成，按Ctrl+Enter进行调试保存。

3.2 主界面的制作

1）制作“光斑飘落”影片剪辑元件

进入“光斑飘落”的编辑状态。在“图层1”图层之上添加“图层2”到“图层5”4个图层，在这些图层的第一帧内分别导入不同的小光斑图像。

创建“图层1”到“图层5”5个图层第1帧到80帧的小光斑图像移动的动作动画。将“图层2”图层的第1帧到第80帧移到第11帧到第90帧，将“图层3”图层的第1帧到第80帧移到第21帧到第100帧，将“图层4”图层的第1帧到第80帧移到第31帧到第100帧，将“图层5”图层的第1帧到第80帧移到第41帧到第120帧。

选中“图层5”图层，单击时间轴左下角的“添加运动引导层”按钮，即在“图层5”之上增加一个运动引导层。

选中“引导层”的第1帧，使用工具箱内的“铅笔工具”，在舞台工作区内从上到下绘制5条细曲线。

选中“图层1”的第1帧，将该帧内的小光斑移到左边第1条引导线的起点处或起点附近的引导线上，选中“图层1”的第80帧，将该帧内的小光斑移到第1条引导线的终点或终点附近的线上创建运动补间动画。然后依次按照上述方法，将“图层2”到“图层5”内动画的起始帧和终止帧内的小光斑分别移到相应引导线的起始处和终止处。至此“光斑飘落”影片剪辑元件制作完成。

2）制作按钮的触发动作

在菜单栏中，选择“插入”—“创建新元件”—“按钮”的元件编辑状态，在“弹起”帧处制作一个“按钮”图像，在“指针经过”帧处插入关键帧，然后利用“文本”工具在按钮图像下方输入要显示的内容，然后分别在“按下”和“点击”帧处插入关键帧，按上述方法分别再制作三个“按钮”元件。

3）制作主界面动画

回到主场景中，选中“图层1”的第1帧，导入主界面背景图，调整图像大小和位置，将舞台全部覆盖。

在“图层1”上将“库”面板中的“光斑飘落”影片剪辑和4个按钮分别分布在背景图上，按Ctrl+Enter进行调试，主界面动画制作完成。

3.3 结尾动画制作

1）创建Flash文档，设置舞台背景为白色，宽为1024，高为683，确定保存文档，在菜单栏中选择“插入”——创建新元件——“图形”进入图形元件编辑状态。

2）在图形元件的编辑状态下，利用工具栏中“椭圆工具”和“任意变形”工具在工作区绘制白鸽的身体，翅膀的各种飞的姿势，眼睛等图形元件。

① 进入鸽子的影片剪辑元件状态，利用帧帧动画制作整个鸽子挥动翅膀的动画，在“图层1”（第一个翅膀层）在第1帧插入展开的翅膀，在第2帧插入翅膀往下一点的小翅膀，依次插入不同的翅膀到第8帧；在“图层2”的第2帧插入鸽子的身体第3帧往上拖动一点，第4帧用变形工具向上倾斜，在第6帧往上拖动，第7帧往上拖动，形成上下浮动的感觉；“图层3”同“图层2”后两帧的制作相同；“图层4”为眼睛层，让眼睛随身体的变化而上下浮动；“图层5”为第二个翅膀层，做法与第一个翅膀层相反。

② 回到主场景中，在“图层1”的第1帧导入背景图在160帧“插入帧”，在“图层2”的第1帧插入鸽子的挥动翅膀的影片剪辑元件，调整位置，在75帧处“插入关键帧”然后拖动鸽子到背景图的右上方，创建补间动画，在82帧处设置Alpha及透明度为0%创建补间动画；按照上述方法分别拖入四只白鸽到四个图层上面；“图层6”设为“幕布层”利用矩形工具填充色为黑色在背景图的下方画一黑色长方形，转化为影片元件，设置Alpha为47%，在85层处插入关键帧，把“幕布”拖到背景图的正上方创建补间，在160帧插入帧；在两个文本层中制作结束文字从下到上出现的效果。

到此整个宣传片中Flas部分全部制作完毕。由于Flash8版本过高所以把文档保存为Flash MX 2004 ，导致在Authorware中部分效果无法显示，把Flash文档生成的.swf文件导入到Authorware中，方法为：打开Authorware 7.0，在菜单栏中选择“插入”——“多媒体”——“Flash movie”。 点击选择所需的Flash文件，然后点击这样在Authorware 7.0中就可以播放了。按照上述方法把开篇动画、主界面、结尾动画添加到Authorware 7.0中就可以了。

参考文献：

[1] 郭新房.多媒体制作标准教程[M].北京：清华大学出版社，2010.5.

[2] 潘中淑.CAI多媒体课件编制技术[M].苏州大学出版社，2000.

[3] 沈大林.中文Authorware7.0案例教程[M].北京：电子工业出版社，2007.8.

[4] 刘传梁.Flah 8 动漫设计全程实录[M].北京：电子工业出版社，2006.

[5] 前沿电脑图像工作室.精通Flash 8[M].北京 ：人民邮电出版社，2007.

[6] 安小龙.Flash 动画艺术设计案例教程[M].北京：清华大学出版社，2010.

[7] 赵英杰.马上就会Flash 8动画设计宝典[M].北京：电子工业出版社，2006.