第1章Flash动画制作基础

1、 本章要点本章要点 第1章 Flash动画制作基础 1.1Flash动画概述动画概述 1.1.1动画的概念与制作流程动画的概念与制作流程 动画是利用人的动画是利用人的“视觉暂留视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的特性，连续播放一系列画面，给视觉造成连续变化的 图画，如图所示。它的基本原理与电影、电视一样，都是视觉原理。图画，如图所示。它的基本原理与电影、电视一样，都是视觉原理。 其中，其中，“视觉暂留视觉暂留”特性是人的眼睛看到一幅画或一个物体后，在特性是人的眼睛看到一幅画或一个物体后，在1/24秒内秒内 不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人

2、不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人 造成一种流畅的视觉变化效果。造成一种流畅的视觉变化效果。 1.1Flash动画概述动画概述 制作流程制作流程 1.前期策划与筹备阶段前期策划与筹备阶段 前期策划包括前期策划包括选题报告、形象素材筹备，故事脚本（文学剧本）选题报告、形象素材筹备，故事脚本（文学剧本） 、角色与环、角色与环 境设定、画面分镜头初稿、生产进度日程安排图表。境设定、画面分镜头初稿、生产进度日程安排图表。 2.中期创作与制作阶段中期创作与制作阶段 主要包括原画、动画、背景绘制、扫描、修线填色、合成及编辑等。原画与动画主要包括原画、动画、背景绘制、扫描、

3、修线填色、合成及编辑等。原画与动画 以及背景主要依靠铅笔和纸绘出草稿再扫描数字化。现在开始使用无纸动画这一制作以及背景主要依靠铅笔和纸绘出草稿再扫描数字化。现在开始使用无纸动画这一制作 方式。即使用鼠标、压感笔和数位板。方式。即使用鼠标、压感笔和数位板。 3.后期加工阶段后期加工阶段 最终将二维动画软件的作品输出为视频文件再对这些视频文件进行一些合成以及最终将二维动画软件的作品输出为视频文件再对这些视频文件进行一些合成以及 剪辑工作就成为了动画片。剪辑工作就成为了动画片。 1.1Flash动画概述动画概述 1.1.2 Flash动画及特点动画及特点 动画短小动画短小 Flash动画受网络资源的

4、制约一般比较短小，但绘制的画面是矢量动画受网络资源的制约一般比较短小，但绘制的画面是矢量 格式，无论把它放大多少倍都不会失真。格式，无论把它放大多少倍都不会失真。 交互性强交互性强 Flash动画具有交互性优势，可以通过单击、选择等动作决定动画动画具有交互性优势，可以通过单击、选择等动作决定动画 的运行过程和结果，是传统动画所无法比拟的。的运行过程和结果，是传统动画所无法比拟的。 具有广泛传播性具有广泛传播性 Flash动画由于文件小、传输速度快、播放采用流式技术的动画由于文件小、传输速度快、播放采用流式技术的 特点，所以在网上供人欣赏和下载，具有较好的广泛传播性。特点，所以在网上供人欣赏和下

5、载，具有较好的广泛传播性。 轻便与灵巧轻便与灵巧 Flash动画有崭新的视觉效果，成为一种新时代的艺术表现形式。动画有崭新的视觉效果，成为一种新时代的艺术表现形式。 比传统的动画更加轻便与灵巧。比传统的动画更加轻便与灵巧。 人力少，成本低人力少，成本低 Flash动画制作的成本非常低，使用动画制作的成本非常低，使用Flash制作的动画能够制作的动画能够 大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。 1.1Flash动画概述动画概述 1.1.3 Flash动画的应用领域动画的应用领域 网络广告网络广告 注:本广告

6、动画来自新浪网 1.1Flash动画概述动画概述 1.1.3 Flash动画的应用领域动画的应用领域 网站建设网站建设 注:本图片来自中国网页设计联盟网 浏览网站 1.1Flash动画概述动画概述 1.1.3 Flash动画的应用领域动画的应用领域 网站片头网站片头 注:本广告动画来自安踏运动鞋网站片头 1.1Flash动画概述动画概述 1.1.3 Flash动画的应用领域动画的应用领域 网站短片网站短片 1.1Flash动画概述动画概述 1.1.3 Flash动画的应用领域动画的应用领域 原理演示原理演示 1.1Flash动画概述动画概述 1.1.3 Flash动画的应用领域动画的应用领域

7、原理演示原理演示 1.2图像的基础知识图像的基础知识 1.2.1像素和分辨率像素和分辨率 像素是构成图像的最小单位，它的形态是一个小方点。很多个像素组合在一起就构像素是构成图像的最小单位，它的形态是一个小方点。很多个像素组合在一起就构 成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个 像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。 1.2图像的基础知识图像的基础知识 分辨率是图像处理中一个非常重

8、要的概念，它是指位图图像在每英寸上所包含分辨率是图像处理中一个非常重要的概念，它是指位图图像在每英寸上所包含 的像素数量，单位使用每英寸的像素数的像素数量，单位使用每英寸的像素数PPI（Pixels/Inch）来表示。图像分辨率）来表示。图像分辨率 的高低直接影响图像的质量，分辨率越高，文件也就越大，图像也会越清晰，的高低直接影响图像的质量，分辨率越高，文件也就越大，图像也会越清晰， （300PPI）所示，处理速度也会变慢；反之，分辨率越低，图像就越模糊，）所示，处理速度也会变慢；反之，分辨率越低，图像就越模糊， （72PPI）所示，文件也会越小。）所示，文件也会越小。 分辨率高的图像 分辨率

9、低的图像 1.2图像的基础知识图像的基础知识 1.2.2位图与矢量图位图与矢量图 位图又称为点阵图，是由许多点组成，这些点为像素（位图又称为点阵图，是由许多点组成，这些点为像素（pixel）。当许多不同颜）。当许多不同颜 色的点（即像素）组合在一起后，便构成了一幅完整的图像。色的点（即像素）组合在一起后，便构成了一幅完整的图像。 位图可以记录每一个点的数据信息，因而可以精确地制作出色彩和色调变化丰位图可以记录每一个点的数据信息，因而可以精确地制作出色彩和色调变化丰 富的图像，可以逼真地表现自然界的景象，达到照片般的品质。但是，它由于所富的图像，可以逼真地表现自然界的景象，达到照片般的品质。但是

10、，它由于所 包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边 缘会出现锯齿，如图缘会出现锯齿，如图1-4所示。所示。 位图的原效果与放大后的效果 1.2图像的基础知识图像的基础知识 矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和 色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转 等操作，并且不会失真，如图所示。矢量图不宜制作

11、色调丰富或者色彩变化太多等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多 的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。 矢量图的原效果与放大后的效果 1.3 Flash CS5的工作环境的工作环境 从模板创建新建 学习 打 开 最 近 的 项目 官 方 资 源 的 快速访问 开始页开始页 1.3 Flash CS5的工作环境的工作环境 面板组 舞台 工具栏 时间轴 菜单栏 文件选项卡 工作区 工作窗口工作窗口 1.3 Flash CS5的工作环境的工作环境 时间轴时间轴 工具箱工具箱

12、1.3 Flash CS5的工作环境的工作环境 面板演示 “属性”面板“库”面板“库”面板 1.3 Flash CS5的工作环境的工作环境 面板演示 “信息”面板“变形”面板“变形”面板 1.3 Flash CS5的工作环境的工作环境 网格、标尺和辅助线 执行“视图”“网格”“显示网格”命令，可以显示网格线，如图所示 1.3 Flash CS5的工作环境的工作环境 网格、标尺和辅助线 执行“视图”“网格”“编辑网格”命令，打开“网格”对话框，如图所示 1.3 Flash CS5的工作环境的工作环境 网格、标尺和辅助线 选择“视图”“标尺”命令，可以显示或隐藏标尺，如图所示 1.3 Flash

13、CS5的工作环境的工作环境 网格、标尺和辅助线 标尺状态的辅助线，如图所示。 1.3 Flash CS5的基本操作方法的基本操作方法 1.4.1 Flash动画的制作流程动画的制作流程 1准备素材准备素材 根据动画的内容需要准备一些动画素材，包括音频素材（声效、音效）、图根据动画的内容需要准备一些动画素材，包括音频素材（声效、音效）、图 像素材、视频素材等。一般情况下，需要对这些素材进行采集、编辑与整理，像素材、视频素材等。一般情况下，需要对这些素材进行采集、编辑与整理， 以满足动画制作的需求。以满足动画制作的需求。 2新建新建Flash影片文档影片文档 Flash影片文档有两种创建方法。一种

14、是新建空白影片文档，另一种是从模影片文档有两种创建方法。一种是新建空白影片文档，另一种是从模 板创建影片文档。在板创建影片文档。在Flash CS5中，新建空白影片文档有两种类型，一种是中，新建空白影片文档有两种类型，一种是 “Flash文件（文件（ActionScript3.0）”，另一种是，另一种是“Flash文件文件 （ActionScript2.0）”，这两种类型的影片文档不同之处在于前一个的动作脚，这两种类型的影片文档不同之处在于前一个的动作脚 本语言是本语言是ActionScript3.0，后一个的脚本语言是，后一个的脚本语言是ActionScript2.0。 1.3 Flash

15、CS5的基本操作方法的基本操作方法 1.4.1 Flash动画的制作流程动画的制作流程 3设置文档属性设置文档属性 在正式动画制作之前，要先设置好尺寸（舞台的尺寸）、背景颜色（舞台背在正式动画制作之前，要先设置好尺寸（舞台的尺寸）、背景颜色（舞台背 景色）、帧频（每秒钟播放的帧数）等文档属性。这些操作要在景色）、帧频（每秒钟播放的帧数）等文档属性。这些操作要在“文档属性文档属性” 对话框中进行。对话框中进行。 4制作动画制作动画 这是完成动画效果制作的最主要的步骤。一般情况下，需要先创建动画角色，这是完成动画效果制作的最主要的步骤。一般情况下，需要先创建动画角色， 可以用绘图工具绘制，也可以导

16、入外部的素材，然后在时间轴上组织和编辑动可以用绘图工具绘制，也可以导入外部的素材，然后在时间轴上组织和编辑动 画效果。画效果。 1.3 Flash CS5的基本操作方法的基本操作方法 1.4.1 Flash动画的制作流程动画的制作流程 5测试和保存动画测试和保存动画 动画制作完成后，可以执行动画制作完成后，可以执行“控制控制”“测试影片测试影片”命令（快捷键命令（快捷键 ）对影片效果进行测试，如果满意可以执行）对影片效果进行测试，如果满意可以执行“文件文件”“保存保存” 命令（或按命令（或按）保存影片。为了安全，在动画制作过程中要经常保存文）保存影片。为了安全，在动画制作过程中要经常保存文 件

17、。按件。按可以快速保存文件。可以快速保存文件。 6导出和发布影片导出和发布影片 如果对制作的动画效果比较满意了，组后可以导出或者发布影片。执行如果对制作的动画效果比较满意了，组后可以导出或者发布影片。执行“文文 件件”“导出导出”“导出影片导出影片”命令，可以导出影片。执行命令，可以导出影片。执行“文件文件”“发布发布” 命令可以发布影片，通过发布影片可以得到更多类型的目标文件命令可以发布影片，通过发布影片可以得到更多类型的目标文件。 1.3 Flash CS5的基本操作方法的基本操作方法 1.4.1 Flash动画的制作流程动画的制作流程 制作第一个制作第一个Flash影片影片 1.5 Fl

18、ash专业快捷键应用专业快捷键应用 1.3.1快捷键指法应用快捷键指法应用 1指法介绍指法介绍 平面设计的中平面设计的中Flash软件的快捷键相当丰富，在这里举几个例子来说明快捷键的软件的快捷键相当丰富，在这里举几个例子来说明快捷键的 使用方法与技巧：使用方法与技巧： 快捷键快捷键的功能是选择全部。的功能是选择全部。 操作含义：按下操作含义：按下键不松手，然后按一下键不松手，然后按一下键，最后松开所有按键。键，最后松开所有按键。 操作要点：按下第一个组合键时不可松手，确保在按下它的前提下，去按第二个操作要点：按下第一个组合键时不可松手，确保在按下它的前提下，去按第二个 组合键，同样在按二个组合

19、键时第一个组合键不可松开。组合键，同样在按二个组合键时第一个组合键不可松开。 操作指法（以左手操作键盘，右手操作鼠标为例），如图所示操作指法（以左手操作键盘，右手操作鼠标为例），如图所示 快捷键的指法操作技巧 1.5 Flash专业快捷键应用专业快捷键应用 1.5.2常用快捷键常用快捷键 表1-1 Flash常用工具快捷键一览表 快捷键功能与作用快捷键功能与作用 V选取工具A部分选取工具 N线条工具L套索工具 P钢笔工具T文本工具 O椭圆工具R矩形工具 Y铅笔工具B画笔工具 Q任意变形工具F填充变形工具 S墨水瓶工具K颜料桶工具 I滴管工具E橡皮擦工具 H手形工具Z 缩放工具 1.5 Flash专业快捷键应用专业快捷键应用 1.5.2常用快捷键常用快捷键 表1-2 Flash常用快捷键一览表 快捷键功能与作用快捷键功能与作用 Ctrl+N新建图形文件Ctrl+W关闭当前图像 Ctrl+O打开