《flash入门》由会员分享,可在线阅读,更多相关《flash入门(16页珍藏版)》请在金锄头文库上搜索。
1、第 1 章 Flash 入 门 教学提示: 本章主要介绍 Flash 动画的特点、界面、基本原理、制作流程、 动画要素和常用的动画种类。 教学重点与难点: 熟悉 Adobe Flash CS3 的界面,掌握动画制作时的一些基本步 骤和设置方法与技巧。 Flash CS3 平面动画制作案例教程与实训 1.1 Flash 动画入门概述 1.1.1 Flash 动画的特点 Flash 动画之所以能被广泛地应用于网页设计、网页广告、网络平面动画制作、多媒体 教学、小游戏设计、产品展示和电子相册等诸多领域,其原因在于它的尺寸小,表现力强, 互动性好,便于在网络上传输、播放和下载。 (1) Flash 动
2、画的尺寸小,这是因为 Flash 动画主要由矢量图形组成,这些图形的变化和 运动产生了动画效果。矢量图形与位图图形相比,具有缩放不失真,所需存储容量小等特 点,因而使 Flash 动画在保持相对较小尺寸的情况下仍能保持很好的图形质量。 (2) Flash 动画的表现力强,这是因为 Flash 不但具有强大的绘图功能,能轻松绘制出各 种图形效果,而且还具有自动生成动画的能力,使制作 Flash 动画的过程变得更加简单。 (3) Flash 动画的互动性来源于动作脚本的应用,从而使制作者可以制作出人-机交互的 动画。 (4) Flash 动画便于在网络上传输、播放和下载,这是因为当用户制作完成一个
3、.fla 源文 件之后,通常把源文件导出或者发布为.swf 文件,在导出或者发布的同时会压缩、优化动 画元素,减少存储容量,便于传输。而.swf 格式文件具有“流“媒体的特点,可边下载边 观看。 1.1.2 Adobe Flash CS3 的界面 Flash 动画的基本技法并不深奥,它极容易掌握,功能强大且充满灵活性。它的编辑场 景就像一个大舞台,由“图层“和“时间轴“组成纵横交错的空间,由影片剪辑、按钮、 图形元件组成精练的演员阵容,它们以实例的形式在场景中的各个关键帧上以“逐帧动画“、 “形状补间动画“和“动作补间动画“为基本演技,借助“遮罩“、“引导线“等特别技 巧,扮演着各式各样的角色
4、。配合动作脚本语句的强大功能,更是演绎出了一幕幕精彩纷 呈的动画。下面先介绍一下 Adobe Flash CS3 软件的工作界面。 1. Adobe Flash CS3 的起始页 单击“开始“程序“Adobe Flash CS3“Adobe Flash CS3“菜单项,或者双 击桌面上的 图标,将打开Adobe Flash CS3的起始页,如图1.1所示。 2. Adobe Flash CS3 的动画制作主界面 单击起始页的“新建“Flash文件(ActionScript 3.0)“或者“Flash文件(ActionScript 2.0)“ 链接,将进入Flash动画制作的主界面,如图1.2所
5、示。 2 第 1 章 Flash 入 门 图 1.1 Adobe Flash CS3 的起始页 图 1.2 Adobe Flash CS3 动画制作的主界面 Adobe Flash CS3 的动画制作主界面可分为若干个区域:工具箱、文档选项卡、时间轴、 舞台、“属性“面板、“颜色“面板和“库“面板等,它们的功能介绍如下。 (1) 工具箱。工具箱提供了 Flash 常用的绘图工具,从上到下可分为 4 个区域:“工具“、 3 Flash CS3 平面动画制作案例教程与实训 “查看“、“颜色“和“选项“。“工具“区提供了绘制图形所用的各种工具;“查看“ 区用于移动和缩放舞台;“颜色“区用于设置工具的
6、笔触颜色和填充颜色;“选项“区用 于设置所选工具的一些属性,属性随工具的不同而不同。工具箱如图 1.3 所示,图标的右 下方有倒三角的工具,还有一些下拉菜单,如“钢笔工具“和“矩形工具“。 图 1.3 工具箱 (2) 文档选项卡。有了文档选项卡可以方便地在各个文档之间快速切换。另外,鼠标 右键单击文档选项卡,可以从弹出的快捷菜单中快速执行新建、打开、关闭等文档操作, 如图 1.4 所示。 图 1.4 使用文档选项卡 (3) 时间轴。用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相 应帧里,以安排电影内容的播放顺序。时间轴面板分为图层和时间帧两部分,如图 1.5 所 示。左边是图层
7、区,自动有一个黑色的“图层 4“,图层上面有 3 个按钮:一个眼睛、一 4 第 1 章 Flash 入 门 个小锁和一个方框,图层面板用来控制图层的添加、删除、选中等操作,单击时间轴面板的 标题栏可以折叠;右边是时间帧,上面有许多小格子,每个格子代表一帧,5 的倍数帧上有 数字序号,而且颜色也深一些,动画就是由许许多多帧组成的,帧上面有一个红色的线,这 是时间指针,表示当前的帧位置,同时下面的时间帧状态栏中也有一个数字表示第几帧。 图 1.5 时间轴 (4) 舞台。它是最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文件 进行安排编辑,再把各个独立的帧合成在一起,以生成动画作品。需要注
8、意的是位于舞台 外的动画内容在播放时不被显示。 (5) “属性“面板。该面板用于设置或者查看当前选定项(时间轴、舞台上的对象和工 具箱中的工具)的最常用的属性。“属性“面板里的内容取决于当前选定的内容,如图 1.6 所示为选中时间轴上某一帧时在“属性“面板中出现的选项。另外,“属性“面板组中的 “滤镜“面板用来对文本和影片剪辑,添加特殊效果,而“参数“面板用来设置组件属性。 图 1.6 “属性“面板 (6) “颜色“面板。该面板用于设置图形的填充颜色或线条颜色,它包括“颜色“和 “样本“两个面板,如图 1.7 和图 1.8 所示。在“颜色“面板中用户可以调制图形的颜色, 包括纯色、渐变色和位图
9、填充;而“样本“面板可为图形选择系统提供颜色。借助这两种 面板在 Flash 中可以调制出用户需要的各种颜色。 图 1.7 “颜色“面板 图 1.8 “样本“面板 5 Flash CS3 平面动画制作案例教程与实训 (7) “库“面板。该面板如同一个存放 Flash 动画素材的仓库,如图 1.9 所示。仓库中存放 着从外部导入的音乐、位图、视频以及在 Flash 中创建的各种元件,当制作动画需要这些素材 的时候,直接从仓库中把素材拖放到舞台中即可。放在仓库中的素材可以被多次使用。 图 1.9 “库“面板 除了以上介绍的 7 类主要面板之外,Flash 中常用的面板还有 “动作“面板、“对齐“
10、面板、“信息“面板、“变形“面板、“组件“面板等,这些面板的使用将在具体的案例 中讲解。 提示:绘制图形的时候如果用户希望舞台尽量大,可以按F4键来关闭不用的面板,然后 按Ctrl+F2组合键打开工具箱。另外,打开或者关闭“动作“面板的快捷键是F9键; 打开或关闭“对齐“面板的组合键是CtrlK;打开或关闭“信息“面板的组合键 是CtrlI;打开或关闭“变形“面板的组合键是CtrlT。 1.1.3 Flash 平面动画制作的基本原理 动画是指物体在一定时间内发生的变化过程,包括动作、位置、颜色、形状、角度、 透明度等的变化。在计算机中用一幅幅的图片来表现这一段时间内物体的变化,每一幅图 片称为
11、一帧(以后就用帧表示图片)。当这些图片以一定的速度连续播放时,会给人以动画 的感觉,而静止的物体则用一幅幅相同的图片来表示。在计算机中,只要设置 Flash 动画 变化前第一帧和变化后最后一帧的图片(两个关键帧),中间的过渡计算机会自动生成(补间 动画),大大减轻了用户创作动画的负担,使得动画创作由传统的手动制作,转变为电脑合 成,从而为动画制作开创了一个新天地。另外,Flash 还提供了路径引导、遮罩等功能,从 而可以制作出特殊效果的动画。 1.1.4 Flash 平面动画的基本制作流程 制作一个 Flash 动画作品犹如拍一部电影,每个环节都会影响最终的动画效果,所以 要先了解一下制作一个
12、 Flash 动画作品的完整过程。 6 第 1 章 Flash 入 门 (1) 主题策划。该阶段主要是确定动画的制作目的、制作效果;编写动画剧本,确定 其中的角色,绘制角色,选择动画的背景;考虑如何分镜头,动画镜头如何连接;采用什 么样的音乐等。 (2) 美术风格设计。根据剧情和人物等确定动画的整体风格。 (3) 素材搜集。根据前期准备有目的地搜集图片、声音、文字、视频等素材,既可以 通过网站下载,也可以通过分离其他动画中的元素来获得。 (4) 动画制作。利用 Flash 提供的强大的图形绘制与动画制作功能来完成动画,此步骤 完成的好坏取决于作者的绘画功底以及对 Flash 的熟练使用程度。
13、(5) 测试优化。测试是对制作好的动画细节、动画片段、声音与动画内容进行调整, 使整个动画流畅、和谐。优化是对动画的最终播放、网上播放效果进行调整,将动画完美 地展现在观众面前。 (6) 作品发布。该阶段是将制作好的动画导出或发布为所需的文件格式,如网络上常 用的.swf 格式。 1.1.5 Flash 平面动画的组成元素 Flash 中用到的动画元素称为对象,在 Flash 中的对象可分为以下 6 类。 (1) 矢量图形。组成 Flash 动画的最基本元素,使用 Flash 提供的工具箱可以绘制所需 要的矢量图形。 (2) 位图图形。从外部导入的图片,经过适当的编辑修改后可以加入到 Flas
14、h 动画中。 (3) 声音。从外部收集并导入的声音文件,可以加入到 Flash 动画中。 (4) 视频。从外部收集并导入的视频文件,可以加入到 Flash 动画中。 (5) 群组。在 Flash 中可以把分散的图形转换为一个整体来操作,这个整体称为群组。 (6) 元件和元件实例。元件是在 Flash 中可重复使用的一种动画元素,而实例是元件在 动画中的具体应用。元件分为 3 类:图形元件、影片剪辑元件和按钮元件。 1.1.6 Flash 平面动画的种类及特点 在 Flash 中有两类动画,一类是逐帧动画,另一类为补间动画。 (1) 逐帧动画。逐帧动画又称为帧帧动画,是在连续的关键帧上绘制或放置
15、不同的 对象或对象的不同状态,当播放头快速地在关键帧上移动时,将会形成连续的动画效果。 该类动画用来实现无法用补间动画实现的效果(如动画角色细腻的动作变化),但一般不推 荐频繁使用,因为关键帧的增加将加大动画文件的容量。 (2) 补间动画。补间动画只要制作好前后两个关键帧上的画面,中间各帧可由计算机 自动生成。补间动画具有文件尺寸小,制作快捷方便,变化连贯等特点。补间动画又可分 为运动补间动画和形状补间动画,这两类补间动画的特点将在第 3 章中给予详细的说明。 1.1.7 本章案例简介 本章将通过一个简单的案例,来讲解Flash动画制作的一些初步知识,如“文档属性“ 的设置,舞台的设置,帧的概
16、念和常用的绘图模式等。 7 Flash CS3 平面动画制作案例教程与实训 1.2 “运动的小车“案例 实例说明 本节为“运动的小车“案例。本案例全部通过 Flash 来制作,动画中的小车会从公路 的左边行驶到公路的右边,效果如图 1.10 所示。 图 1.10 “运动的小车“效果图 教学重点与难点 “文档属性“、“舞台“的设置,几种常见的帧,两种绘图模式的比较。 1.2.1 操作步骤 1. 设置“文档属性“ (1) 首 先 启 动 Adobe Flash CS3 Professional , 然 后 单 击 中的 面 板 的 按钮,或者双击时间轴窗口下方 中的 按钮,打开“文档属性“对话框,修改其中的参数, 如图 1.11 所示。 图 1.11 “文档属性“对话框 8 第 1 章