Part 1 技能入门篇
从零开始——一点不懂先入门
学习导航
如果您是Flash的初学者,或对Flash动画制作有点了解,但基础不太好的读者,请您静下心来,认真系统地学习本书的入门篇内容。
通过本篇内容的学习,您会快速掌握Flash动画制作的相关知识。将让您学会Flash CS3动画制作的基本操作、动画对象的绘制与编辑、帧与图层的编辑、元件与库的应用、行为与组件的应用、ActionScript脚本应用、影片优化与输出等内容。
第1章 Flash CS3动画制作入门
(主要介绍Flash CS3的安装与删除、Flash CS3的基本操作、动画制作的方法及步骤等知识)
第2章 绘制动画对象
(主要介绍Flash CS3绘图工具、颜色工具、图形编辑工具的使用方法等知识)
第3章 设置与编辑动画对象
(主要介绍在Flash CS3中,如何对动画对象进行编辑与组织、对象形状的编辑等知识)
第4章 使用动画素材与编辑文字
(主要介绍如何导入与使用外部动画素材文件、动画文字的录入与编辑、特效字的制作等知识)
第5章 帧与图层
(主要介绍Flash动画制作中帧的应用与编辑、图层的创建与编辑、场景的使用等知识)
第6章 基本动画的编辑与制作
(主要介绍Flash动画的类型、以及各种类型动画的制作方法等知识)
第7章 元件与库
(主要介绍Flash动画元件的种类、各种元件的创建与编辑,以及库的使用等知识)
第8章 在动画中插入多媒体
(主要介绍Flash动画中的多媒体文件格式,以及如何导入和编辑多媒体对象等知识)
第9章 ActionScript的应用基础
(主要介绍ActionScript的基础知识、动作脚本的使用方法、了解数据类型、常量、变量、运算符、函数的概念,认识脚本语句的语法规则等知识)
第10章 编辑与使用ActionScript
(主要介绍常用脚本类型ActionScript语句的编辑与使用方法等知识)
第11章 行为与组件的使用
(主要介绍行为与组件的功能作用,以及行为与组件的使用方法等知识)
第12章 优化与输出影片
(主要介绍Flash动画的测试与调试方法、影片的优化与输出方法等知识)
第1章 Flash CS3动画制作入门
本章导读:
Flash CS3是目前最流行的Flash动画制作软件,使用它可以制作各种精美的网络动画、电视动画、广告动画、音乐动画等。
本章主要向读者介绍Flash CS3软件的安装和基本操作,以及动画文件的建立操作方法。
技能提要:
λ 了解Flash动画的基础知识
λ 掌握Flash CS3的安装和卸载
λ 熟悉Flash CS3软件的操作界面
λ 掌握Flash CS3中动画文件的建立、保存、打开操作
λ 掌握舞台的设置方法
λ 了解Flash CS3中建立动画的操作步骤
1.1 Flash动画制作基础
1.1.1 认识Flash动画
使用Flash软件制作出的动画我们称为Flash动画,或称为Flash影片。随着计算机技术的不断发展和进步,互联网的日益普及,最初只是在网页中使用的Flash动画已经逐步应用到各行各业,Flash已经成为使用最广泛、最受用户青睐的平面动画制作软件。Flash动画制作简单、画面精美、图形质量高、播放流畅、支持多种多媒体元素,配合强大的ActionScript脚本语言,特别适合动画爱好者设计各种精美的动画广告、MTV动画、电视广告、动画小游戏等。
本章中,希望读者对Flash动画有一定的认识,熟悉Flash CS3动画设计软件的基本操作。
名师点拨:
Flash CS3和原来的Flash 8的使用方法基本相同。
1.1.2 Flash动画的特点
我们平常所提到的Flash包括两方面的含义:一是指用该软件制成的动画作品,即Flash动画;二是指Flash的制作、播放软件及相关插件。
Flash动画的特点主要表现在以下几个方面。
● 动画作品文件数据量非常小:Flash作品中的对象可以是“矢量图形”,所以动画大小可以保持最小状态,即使动画内容很丰富,其数据量也非常小。
● 下载时间短:Flash动画是一种流式动画,可以边下载边欣赏动画,而不必等待全部动画下载完毕后才开始播放,这一特点吸引了许多用户。
● 交互性强:Flash具有极强的交互功能,开发人员可以轻易地为动画添加交互效果。有些动画(如游戏)还可以让用户参与,可以极大地提高用户兴趣。
● 适用范围广:Flash动画适用范围极广。它可以应用于MTV、小游戏、网页制作、搞笑动画、情景剧和多媒体课件等领域,还可以将其制作成项目文件,运用于多媒体光盘或展示,因此受到广大用户的青睐。
● 图像质量高:Flash动画大多由矢量图形制作而成,由于矢量图形可以真正无限制地放大而不影响其质量,因此图像的质量很高。它不像一般的位图,放大显示时会形成锯齿状,因而显得很模糊。
1.1.3 认识Flash动画的应用领域
目前,Flash动画已经广泛应用到多个领域。
● 网络动画广告:因为Flash对矢量图的应用及对视频、声音的良好支持,使它能在文件容量不大的情况下实现多媒体的播放;再加上Flash动画以“流媒体”的形式进行播放等特点,使Flash制作的作品适合网络环境下的传输,也使Flash成为网络动画的重要制作工具之一。
● 电视广告:由于Flash动画制作简单、画面精美,能抽象化地表现图形,在电视节目中经常可以看到用Flash制作的各种电视广告。比如:手机铃声下载、短信广告等。Flash动画广告与传统的广告相比更加新颖、更加生动、更加吸引人。
● 动画短片:比较优秀的动画创作人员已经可以使用Flash制作一些有趣的动画短片、电影等,可以预见在将来会出现更多的Flash动画短片。
● Flash游戏:使用Flash可以制作许多不同类型的休闲小游戏。游戏通常结合了Flash的动画功能和ActionScript的逻辑功能,使用鼠标或者键盘达到与游戏交互的效果。
● Flash MTV:由于可以在Flash动画中加入声音,生成包含多媒体的动画。因此可以将MP3等格式的歌曲导入Flash中,并为歌曲设计同步的动画,以MTV的形式表达出来,即可成为具有独特魅力的Flash MTV。Flash MTV可以实现普通的MTV无法实现的效果,从而成为Flash的一个重要应用领域。
● 简单的应用系统:随着ActionScript功能的日益强大,Flash渐渐地走进了实际应用领域的前台。Flash不同于其他普通的编程工具和动画制作软件,它可以将图形图像、动画设计、ActionScript语言完美地结合在一起,生成生动的交互应用系统。
● 多媒体教学:由于Flash素材的获取方法多种多样,为多媒体教学提供了一个更易操作的平台,配合动画直观的演示方式,所以被越来越多的教师和学生喜爱。
● 其他应用:Flash动画还越来越多地应用到动画光盘、多媒体展示、幻灯片演示等多个领域,并且还在不断地延伸。
1.2 认识Flash CS3
1.2.1 Flash CS3的软件基础
Macromedia公司自2000年推出了Flash 5.0以后,Flash动画在国内迅速流行起来。此后,Macromedia公司先后推出了Flash MX(6.0)、Flash MX 2004(7.0)、Flash CS3版。自2006年Adobe公司收购Macromedia公司后,整合了Photoshop以及网页三剑客(Dreamweaver、Flash、Fireworks)等软件,于2007年初推出了最新版的Adobe CS3系列,本书将向读者介绍的是Flash CS3(9.0)版的使用。
1.2.2 认识Flash CS3的新增功能
Flash在每个版本的基础上又分别制作了Windows版和Mac版,用户可以根据自己的操作系统安装对应的Flash版本。本书以Windows系统下的Flash CS3 Professional版本作为教学案例,Mac系统下的Flash CS3版使用是相同的。下面简略介绍一下Flash CS3的新增功能。
1. 标准的CS3界面
Flash CS3中对Flash用户界面进行了更新,使它和其他的Adobe Creative Suite CS3组件操作界面一致。Adobe CS3中所有软件都具有一致的外观,可以方便用户更容易地使用其他组件,如Photoshop CS3。
2. 与Photoshop和Illustrator软件的集成
在Flash CS3中,用户可以导入Photoshop制作的PSD源文件,并保留PSD文件中的图层等内部信息,在Photoshop中输入的文本在Flash CS3中仍然可以编辑修改。在Flash CS3中导入Illustrator文件时,可以决定导入Illustrator文件中的哪些层、组或对象,以及如何导入它们,可以选择导入的Illustrator图层是分别作为Flash的独立图层,还是合成一个图层。
3. ActionScript 3.0脚本语言
在Flash CS3中推出了新的ActionScript 3.0脚本语言,同时也保留了原Flash CS3中的ActionScript 2.0脚本语言,老用户也可以使用原来的ActionScript 2.0脚本语言在Flash CS3中制作出相同的动画效果。
全新的ActionScript 3.0脚本语言既可以使新手轻松入门,又具有强大的功能满足专业程序员的需要。使用内置的ActionScript 3.0用户界面和视频组件,如按钮、滚动条、滑块等,专业人士可以大大提升开发速度、节约宝贵的时间。新增的可以编辑的组件属性使用户方便地定制组件外观,从而适应不同界面的需求。
4. 动画与代码的转换支持
在Flash CS3中,用户可以使用可视化的方式制作动画,然后将动画转换为可以重用、易于编辑的ActionScript代码。如时间轴补间动画可以即时转换为ActionScript 3.0代码,并可应用于其他的元件,该新功能还可以支持缩放、旋转、倾斜、颜色、滤镜等多种属性。
5. 增强的绘图工具
在Flash CS3中对绘图工具进行了增强,新的钢笔工具分为钢笔工具、添加锚点工具、删除锚点工具、转换锚点工具,使用方法和Photoshop软件相同,便于对图形进行更细致地调整。新的基本矩形工具使用户可以可视化地在舞台上调整形状的属性,还可以更容易地调整矩形的圆角或者创建饼图等。
6. Adobe设备中心
Adobe CS3设备中心已经包括在Flash CS3中,借助于内置的设备模板和不断更新的设备参数文件,可以大大简化移动内容的创建过程。现在用户可以方便地设计、预览以及测试移动内容,例如交互的Flash应用程序和丰富的用户界面。
7. 增强的Quicktime视频支持
QuickTime导出功能针对想要以Quicktime视频格式发布Flash内容(例如动画)的用户而设计。Flash CS3版本提高了导出的QuickTime视频文件的质量,用户可以将这些视频文件作为视频流或通过DVD进行分发,或者将其导入到其他视频编辑软件中。
1.3 Flash CS3安装与卸载
本书以在Windows XP系统下安装Flash Professional CS3为例,在其他Windows或MacOS系统上的安装方法相同。
1.3.1 软件安装环境
要在电脑中安装Flash Professional CS3软件,对系统环境的最低要求如下。
● 800 MHz Intel Pentium III级别以上的处理器。
● Windows2000以上操作系统。
● 256 MB以上内存。
● 710 MB以上可用磁盘空间。
● 1024×768,16位以上彩色显示器。
● CD-ROM光驱等。
1.3.2 安装Flash CS3
在电脑中安装Flash Professional CS3软件,其具体操作方法如下。
01 将安装光盘放入到光驱,然后打开“我的电脑”窗口,从光盘中找到安装程序文件“setup.EXE”并双击运行,系统开始读取软件包中的内容并进行系统检查。
02 进入“许可协议”对话框,选择使用的语言阅读许可协议单击“接受”按钮同意软件使用许可协议,如图1-1所示。
图1-1
03 进入“选项”对话框,选择是否安装Flash CS3的可选组件,选择表示安装单击“下一步”按钮,如图1-2所示。
图1-2
04 进入“安装位置”对话框,指定软件安装磁盘单击“浏览”按钮可以选择安装的文件夹,建议不要更改,软件将安装到Program Files\Adobe文件夹中单击“下一步”按钮,如图1-3所示。
图1-3
05 进入“摘要”对话框,查看安装信息摘要,检查是否正确,如需要修改单击“上一步”按钮依次返回到上一步操作重新设置。单击“安装”按钮,如图1-4所示。
图1-4
06 系统开始复制安装文件并显示安装进度,软件安装完成后显示“安装完成”对话框。单击“完成”按钮。如图1-5所示。
图1-5
名师点拨:
选择安装“Adobe Flash Player 9 ActiveX”组件表示将Flash播放器插件安装到电脑系统中,使浏览器能够播放网页中的Flash动画文件。
“Adobe Flash Player 9 Plugin”表示在系统中安装Flash播放器软件,可以脱离Flash软件直接播放“SWF”的动画文件。建议选择安装这两个组件。
1.3.3 卸载Flash CS3
在Windows的“控制面板”中双击“添加或删除程序”图标,打开“添加或删除程序”窗口,并在已安装的程序列表中找到Macromedia Flash CS3单击并选择“更改/删除”按钮,即可打开删除对话框,然后根据提示逐步卸载该软件,如图1-6所示。
图1-6
1.3.4 启动Flash CS3
单击“开始”菜单选择“所有程序”命令在显示的程序中,单击 “Adobe Flash CS3 Professional”命令即可启动该软件,如图1-7所示。
图1-7
名师点拨:
第一次启动软件时,需要激活软件方可使用,用户可以向销售商索取软件使用序列号,填写正确的信息后激活软件。
1.3.5 退出Flash CS3
退出Flash CS3软件的方法和其他软件相同,单击窗口右上角的“关闭”按钮即可。也可以单击“文件”菜单中的“退出”命令即可退出Flash CS3的程序。
1.4 熟悉Flash CS3的工作界面
1.4.1 熟悉工作区
启动Flash软件后,出现启动对话框界面。在启动对话框中可以选择创建新的文件、通过模板建立文件、打开已有的文件等,还可以打开“Flash快速入门”教程等帮助资料进行学习,如图1-8所示。
图1-8
新建“Flash文件(ActionScript 3.0)”和“Flash文件(ActionScript 2.0)”创建的文件的区别只在于使用的脚本语言不同,其他方面的操作是相同的。
选择创建“Flash文件”选项,进入软件工作主界面,创建一个新的Flash动画,如图1-9所示,下面简略介绍软件的各个区域及功能。
● “菜单栏”:包括了软件的常用功能命令。
● “工具栏”:包括常用工具栏和控制器栏,可以通过窗口菜单打开或关闭。常用工具栏中包括一些基本的编辑按钮,如新建、打开、保存、打印、剪切、复制、粘贴、撤消、重做、紧贴至对象、平滑、伸直、旋转与倾斜、缩放、对齐。控制器栏中包括控制Flash动画播放的相关按钮,如播放、停止、转到第一帧、后退一帧、前进一帧、转到最后一帧。
● “绘图工具栏”:列出了常用的图形绘制工具、查看工具、颜色工具等。单击工具栏顶端的“”按钮可以使工具栏在“单列”与“两列”间切换。
图1-9
● “文件栏”:文件栏中显示当前正在编辑和其他已经打开的文档名称,可以单击名称切换到其他文档,或在文档名称上点右键选择文件操作命令。编辑栏右上方的三个图标分别是最小化当前文档、还原文档界面、关闭当前文档。
● “时间轴”:时间轴主要用于创建动画和播放动画。左侧为图层区,可以建立、删除、显示/隐藏、锁定图层等。右侧为时间轴控制区,包括播放指针、帧格、时间轴状态栏。
● “导航栏”:编辑栏左方的“”按钮可以隐藏时间轴,在编辑栏左方还显示了当前编辑的场景名,单击右方的场景切换按钮“”可以转到相应的场景中,编辑元件按钮“”可以打开元件进行编辑,在视图调整框中选择显示比例,可以改变工作区中内容的显示大小。单击“工作区”按钮可以选择工作区的布局样式。
● “舞台”:舞台是Flash动画创建和编辑的区域,用户绘制的Flash动画对象都是存放到舞台上,如绘制的图形,输入的文字,导入的图片和视频等。
● “面板”:面板是Flash CS3中编辑对象的一些小窗口。舞台下方的“属性面板”主要用于设置整个文档的属性,当选择了属台上的对象后属性面板用于设置已选对象的属性。舞台右侧的称为“浮动面板”,包括了各方面的设置窗口。可以通过“窗口菜单”打开,可以展开、层叠、关闭,移动其位置,组合成面板组。
名师点拨:
Flash舞台外存放的内容在播放动画时是不可见的,要使内容在播放时可见,必须将其放置到舞台内。但在制作动画时,有时也需要将某个内容从舞台外运动到舞台上。
排解疑难
问:什么是场景?为什么需要多个场景呢?
答:场景是一段连续的时间轴,可以包含一段完整的动画片断,相当于电影的“一卷胶片”。有时在制作复杂的动画时,为了便于编辑,可以将动画分解成几段片断,即建立多个场景。每个场景既是独立的,有自己的时间轴;又是相互联系的,多个场景构成了一个完整的Flash文件。相当于一部电影包括了几卷“胶片”。一个Flash文件至少有一个场景。
1.4.2 熟悉面板
在Flash中将各种工具分类放到一些可折叠的小窗口中,称为面板。下面列出一些常用的面板。
1. 属性面板
组合键<Ctrl+F3>,用于显示当前所选对象的相关信息,并可以在属性面板中修改这些信息,是编辑对象时最常用的面板。
2. 帮助面板
组合键<F1>,帮助面板中可以学习“Flash入门教程”、“使用帮助”,以及一些“Flash制作范例”、“组件和脚本的使用帮助”。建议读者经常查看,遇到问题时,也可以在帮助中搜索相关的资料。
3. 动作面板
组合键<F9>,在制作交互动画效果时,需要给动画添加ActionScript语言,在动作面板中可以直接输入脚本语句,也可以在导航器中选择脚本。
4. 混色器面板
组合键<Shift+F9>,用于创建和编辑纯色以及渐变颜色效果,可以调制出大量的颜色,以及设置笔触、填充色、透明度。
5. 颜色样本面板
除了可以直接选择笔触和填充色外,还可以添加和删除颜色。
6. 库和公用库面板
组合键<Ctrl+L>,在库面板中可以方便地查找和调用资源。这些资源包括:制作的元件、导入的图片、声音、视频等。公用库中包含了Flash提供的一些学习交互、按钮、类资源。
7. 对齐面板
组合键<Ctrl+K>,用于快速将多个内容以及内容和舞台之间排列整齐,包括对齐、分布、大小匹配、间隔等功能。
8. 变形面板
组合键<Ctrl+T>,通过变形面板,可以输入数值对某个对象进行缩放、旋转、倾斜,也可以将内容进行变形并复制。
9. 信息面板
组合键<Ctrl+I>,信息面板主要显示当前所选定对象的一些基本信息,如大小、位置、注册点的位置,也可以在面板中更改这些信息。
10. 行为面板
组合键<Shift+F3>,如果使用者对Flash的ActionScript脚本不太熟悉,可以通过行为面板将某些动作直接添加到某个对象中,就可以控制该对象了。
11. 影片浏览器面板
组合键<Alt+F3>,面板中以分层结构的形式显示出当前使用的元素,以及当前影片中所包含的所有信息,如:文字、元件、脚本、声音视频、图片、帧和层等,可以通过该面板快速地找到某个内容。
12. 输出面板
组合键<F2>,面板的作用是在测试影片时显示文档中的错误信息,如ActionScript错误,帮助用户排除文件中的错误。
13. 组件和组件检查器面板
组合键<Ctrl+F7>或<Alt+F7>,组件中包括了一些具有交互功能的元件,可以使用组件来建立简单的应用程序。组件检查器用于设置组件的相关参数值。
14. 历史记录面板
组合键<Ctrl+F10>,面板中记录了在文档中逐步执行的操作步骤,可以一步步撤消这些操作。
15. 场景面板
组合键<Shift+F2>,在场景面板中可以创建、删除和重新组织场景,或在不同的场景间切换。
1.4.3 面板的基本操作
了解这些常用面板的功能后,接下来熟悉面板的基本操作,如图1-10所示。
图1-10
● 面板组:有时多个面板并排在一起,称为面板组。可以拖动面板图标任意组合成面板组。
● 打开面板:所有的面板都可以通过“窗口”菜单打开或关闭。
● 展开面板:当面板折叠时只能看到面板标题,面板右上角图标是“”,单击该图标或图标旁空白区域可以展开面板,这时图标变为“”。
● 折叠面板:面板使用后可以折叠起来。单击面板右上角的图标“”或空白区域即可。
● 切换面板:单击面板组顶端的面板名称图标可切换到该面板。
● 关闭面板:单击名称旁边的图标“”可以关闭该面板。
● 移动面板:按住面板标题栏空白区域,可以拖动面板到窗口其他位置。
● 面板菜单:单击面板组最右侧的图标“”可以打开面板菜单,在面板菜单中列出了当前面板的相关命令。
● 隐藏面板:单击面板组最顶端的“”按钮,可以将所有面板折叠为图标,然后单击图标名称可打开对应的面板。再次单击该按钮可切换到标准样式。使用快捷键<F4>,可以隐藏所有的面板、工具栏,只保留菜单、时间轴和舞台区域。
● 恢复到默认外观:选择窗口菜单中工作区布局的默认项,可以将软件工作界面恢复到安装时的默认样式。
1.5 Flash CS3文件操作
1.5.1 新建文件
在Flash中可以建立普通的动画文件,还可以建立Flash幻灯片、应用程序、脚本文件以及Flash项目。在一般情况下用户制作Flash动画选择建立普通的动画文件即可。
(1)建立新的空白Flash文件。单击“文件”菜单,选择“新建”命令,然后单击“Flash文件(ActionScript 2.0)”命令,打开“新建文档”对话框,再选择新建的文件类型单击“确定”按钮即可,如图1-11所示。
图1-11
名师点拨:
Flash CS3既可以创建普通的动画文件,用于屏幕、网络、移动设备上播放;也可以创建幻灯片演示文稿,用于现场演示;还可以创建表单应用程序,用于交互式动画或网页表单设计;Flash CS3还可以建立独立的动作脚本文件(.AS)和JS通信文件,并在Flash文件中调入使用。
排解疑难
问:什么是Flash项目?
答:Flash项目文件(.FLP)用于组合一个完整项目中用到的所有Flash相关文件,包括FLA动画文件、AS脚本文件、JSFL通信文件等,为这些文件建立发布设置,并实施版本控制选项,统一进行处理。
(2)通过模板建立Flash文件。在“文件菜单”的“新建”命令中选择“模板”选项卡,选择Flash提供的几种模板类型,可以建立Flash广告、手机、幻灯片放映、测试等类型的模板文件。
1.5.2 保存文件
新建或打开一个Flash动画文件制作完成后,应该保存文件并测试动画播放效果。单击“文件”菜单,选择“保存”或“另存为”命令,打开“另存为”对话框。选择保存位置输入保存的文件名然后单击“保存”按钮即可,如图1-12所示。
图1-12
名师点拨:
在保存Flash文件时,可以选择保存的文件类型:“Flash 8文档”表示保存为Flash8兼容模式,即该文件向下兼容Flash 8版,可在Flash 8版软件中打开编辑。“Flash CS3文档”表示保存为CS3版格式。
作为一种好的习惯,在制作Flash动画时应该经常保存文件。Flash动画保存的文件扩展名为“FLA”,这类文件可以称为源文件,即原始文件。但“FLA”文件是不能播放的,必须将它发布为“SWF”的影片文件才可以播放。以下重点介绍这两种文件的区别,很多初学者容易混淆。
● “Fla”文件:是制作动画时的原始文件,其中包含了制作过程中绘制的图形、导入的素材、制作的动画、添加的图层和各种脚本语句。以后可以使用Flash软件打开它进行编辑修改,但它不能脱离Flash软件播放。
● “SWF”文件:Flash影片文件,即最终的作品。它可以在操作系统的浏览器中播放、或者使用Flash Player(播放器)播放。用户在网页中看到的各种Flash动画广告、MTV等都是这种格式,但“SWF”文件是不可用Flash软件修改的。
要将“FLA”原文件发布为“SWF”影片文件,方法是将动画文件保存为“FLA”文件后,按组合键<Ctrl+Enter>命令可以测试动画,这时候软件会自动在原“FLA”文件保存位置发布一份同名的“SWF”文件,打开后可以看到动画效果。
1.5.3 打开和关闭文件
1. 打开文件
如果要对有的文件打开进行编辑,可以按以下方法进行操作。
单击“文件”菜单中的“打开”命令,打开“打开”对话框,然后选择需要打开的文件,单击“打开”按钮即可。在Flash CS3中,可以打开各种类型的Flash文件,如Flash文档(*.FLA)、Flash项目(*.FLP)、ActionScript文件(*.AS)、Flash影片(*.SWF)。
2. 关闭文件
关闭Flash文件的方法有很多,可以单击文件窗口右上角的“关闭”按钮,或按组合键<Ctrl+W>关闭当前文件,也可以使用组合键<Ctrl+Alt+W>关闭当前打开的所有文件。
1.5.4 播放动画文件
Flash动画制作完成后,按Enter键或单击“控制”菜单中的“播放”命令,可以播放动画影片。在播放影片的过程中,会发现在时间轴面板上有一个红色的播放头从左向右移动,表示当前播放的位置。
有的Flash动画效果,如按钮、影片剪辑、动作脚本在直接播放动画时无法表现出来,应该使用“控制”菜单中的“测试影片”命令,或按组合键<Ctrl+Enter>。这时Flash CS3将调用Flash播放器来测试整个影片,在测试时所看到的效果即是动画最终的播放效果。
1.6 Flash动画制作基础
下面,针对制作Flash动画,给读者介绍动画制作的步骤与相关的要素。
1.6.1 关于Flash Player
Flash Player称为Flash影片播放器,如图1-13所示,它是用来播放“SWF”动画文件的软件。当用户双击磁盘上的一个“SWF”文件观看时,其实是打开了该软件来播放动画文件。
图1-13
名师点拨:
如果用户的电脑中没有安装Flash播放器软件,是不能观看SWF动画文件的。要安装Flash Player可以在安装Flash组件时选择安装,详见前文提到的安装步骤。
1.6.2 舞台的设置
正如绘画时要先准备一张大小合适的纸一样,制作Flash动画应该先确定动画的大小。在舞台“属性”面板中,单击图标,或使用组合键<Ctrl+J>,打开“文档属性”设置对话框,如图1-14所示。
图1-14
● 在文档属性框中,可以设置文档的标题和描述信息,便于以后识别。
● 设置舞台的“尺寸”,输入以像素值(px)为单位的宽度和高度值。舞台的最小尺寸是18 px×18 px,最大尺寸是2880 px×2880 px。
● “匹配”选项可以自动设置舞台大小。匹配打印机表示设置大小和打印纸大小一致,匹配内容表示设置大小和舞台上的内容大小一致,默认表示恢复大小为默认值500*400。
● 在文档属性中还可以设置舞台的“背景颜色”。
● “帧频”:用于设置动画的播放速度,单位fps,即每秒钟要播放的帧的数目,默认为12 fps,最小值0.01 fps,最大值120 fps。
● “标尺单位”:选择标尺的显示单位。
● 设为默认值:表示将当前的舞台设置参数保存为默认值。
1.6.3 动画制作的步骤
通过前面的学习,读者应该对Flash软件的基本操作有了一定的认识。接下来谈谈如何制作一个完整的Flash动画。
01 首先,启动软件后新建一个空白的Flash文档。
02 第二步,设置舞台的大小和背景色,即影片的大小。
03 然后在舞台中绘制图形、输入文字或者导入图片素材等。
04 对舞台中的对象进行编辑,设置格式。
05 通过时间轴的“帧”制作各种动画,如逐帧动画、补间动画、遮罩动画、引导动画等动画类型。
06 保存文件。
07 按组合键<Ctrl+Enter>测试动画文件。
08 最后发布动画,得到扩展名是“SWF”的影片文件作品。
1.6.4 使用图片浏览器
以下通过一个实例“图片浏览器”介绍通过模板建立一个可以前后浏览图片的Flash动画文件,掌握Flash中建立动画的方法及操作步骤。
01 启动Flash软件后,使用“文件”菜单下“新建”命令,打开“新建文档”对话框,选择“模板”选项卡中的“照片幻灯片放映”类,选择现代照片幻灯片放映模板,然后单击“确定”按钮后会自动生成一个动画文件,如图1-15所示。
图1-15
02 修改动画文件。在“时间轴”中左边图层栏选择最下方的“picture”图层,在右方选择“帧格”的第一帧,然后单击舞台中的背景图片,并按<Delete>键删除,如图1-16所示。
图1-16
名师点拨:
选择工作区显示比例列表框的“显示帧”命令可以将舞台显示比例自动调整到正好容纳工作区大小显示。
03 按组合键<Ctrl+R>导入命令打开“导入”对话框,从磁盘中选择一张大小640× 480以上的精美图片,单击“打开”按钮导入该图片到舞台上,如图1-17所示。
图1-17
04 选择导入到舞台上的图片,在属性面板中设置图片大小为宽度640、高度480,注意取消锁定比例按钮,设置图片X轴和Y轴坐标均为0,如图1-18所示。
图1-18
05 选择时间轴中第二个帧格,按上一步所述的方法,删除原有的背景图片,导入新的图片,并设置大小和位置。继续选择第三个和第四个帧格,做同样的处理。最终编辑结果如图1-19所示。
图1-19
06 动画修改完成后,保存文件到磁盘上。按组合<Ctrl+Enter>命令发布影片。
07 在磁盘上找到发布的“SWF”动画文件,双击打开播放,观看动画效果。在该动画中可以单击前进和后退按钮观看不同的图片,也可以单击自动循环播放按钮从而自动播放动画,如图1-20所示。
图1-20
本章小结
本章主要给初学读者讲解了Flash动画文件的特点和应用领域,Flash CS3的新增功能,Flash CS3的安装及卸载,Flash CS3软件的工作界面以及面板的基本操作,Flash CS3中文件的建立、保存等操作,Flash文件中舞台的设置,动画制作的一般步骤等。读者在学习了本章后应该多熟悉各个面板,了解各面板的作用和功能。
过关实战
通过前面内容的学习,按要求完成以下练习题。
(1)在电脑中安装好Flash CS3软件,熟悉面板的基本操作,打开常用的面板,并放到合适的位置,最后使用“窗口菜单”→“工作区布局”→“保存当前”命令,保存自定义的工作界面。
操作提示:安装Flash CS3软件后必须输入正确的序列号激活软件。
(2)通过模板建立Flash动画文件
操作提示:通过Flash CS3提供的“照片幻灯片放映”模板,建立一个“现代照片幻灯片放映”文件,并删除已有的图片,导入需要的图片,最后保存并发布动画文件。