Flash动画制作基础

1、地址:北京百万庄大街22号 邮编:100037 编辑热线: (010) 8837973922 :100037 : (010) 88379739本章要点本章要点第1章 Flash动画制作基础22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.1动画的概念与制作流程动画的概念与制作流程动画是利用人的动画是利用人的“视觉暂留视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的特性，连续播放一系列画面，给视觉造成连续变化的图画，如图所示。它的基本原理与电影、电视一样，都是视觉原理。图画，如图所示。它的基本原理与电影、电视一样，都是视觉原理。其中，其中，“视

2、觉暂留视觉暂留”特性是人的眼睛看到一幅画或一个物体后，在特性是人的眼睛看到一幅画或一个物体后，在1/24秒内秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。造成一种流畅的视觉变化效果。22 :100037 : (010) 883797391.1Flash动画概述动画概述制作流程制作流程 1.前期策划与筹备阶段前期策划与筹备阶段前期策划包括前期策划包括选题报告、形象素材筹备，故事脚本（文学剧本）选题报告、形象素材筹备，故事脚本（文学剧本） 、角色与环、角色与环境设定、画面分镜头

3、初稿、生产进度日程安排图表。境设定、画面分镜头初稿、生产进度日程安排图表。 2.中期创作与制作阶段中期创作与制作阶段主要包括原画、动画、背景绘制、扫描、修线填色、合成及编辑等。原画与动画主要包括原画、动画、背景绘制、扫描、修线填色、合成及编辑等。原画与动画以及背景主要依靠铅笔和纸绘出草稿再扫描数字化。现在开始使用无纸动画这一制作以及背景主要依靠铅笔和纸绘出草稿再扫描数字化。现在开始使用无纸动画这一制作方式。即使用鼠标、压感笔和数位板。方式。即使用鼠标、压感笔和数位板。 3.后期加工阶段后期加工阶段最终将二维动画软件的作品输出为视频文件再对这些视频文件进行一些合成以及最终将二维动画软件的作品输出

4、为视频文件再对这些视频文件进行一些合成以及剪辑工作就成为了动画片。剪辑工作就成为了动画片。22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.2 Flash动画及特点动画及特点动画短小动画短小 Flash动画受网络资源的制约一般比较短小，但绘制的画面是矢量动画受网络资源的制约一般比较短小，但绘制的画面是矢量格式，无论把它放大多少倍都不会失真。格式，无论把它放大多少倍都不会失真。交互性强交互性强 Flash动画具有交互性优势，可以通过单击、选择等动作决定动画动画具有交互性优势，可以通过单击、选择等动作决定动画的运行过程和结果，是传统动画所无法比拟的。的运

5、行过程和结果，是传统动画所无法比拟的。具有广泛传播性具有广泛传播性 Flash动画由于文件小、传输速度快、播放采用流式技术的动画由于文件小、传输速度快、播放采用流式技术的特点，所以在网上供人欣赏和下载，具有较好的广泛传播性。特点，所以在网上供人欣赏和下载，具有较好的广泛传播性。轻便与灵巧轻便与灵巧 Flash动画有崭新的视觉效果，成为一种新时代的艺术表现形式。动画有崭新的视觉效果，成为一种新时代的艺术表现形式。比传统的动画更加轻便与灵巧。比传统的动画更加轻便与灵巧。人力少，成本低人力少，成本低 Flash动画制作的成本非常低，使用动画制作的成本非常低，使用Flash制作的动画能够制作的动画能够

6、大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.3 Flash动画的应用领域动画的应用领域网络广告网络广告注:本广告动画来自新浪网22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.3 Flash动画的应用领域动画的应用领域网站建设网站建设注:本图片来自中国网页设计联盟网 浏览网站22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.3 Fl

7、ash动画的应用领域动画的应用领域网站片头网站片头注:本广告动画来自安踏运动鞋网站片头22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.3 Flash动画的应用领域动画的应用领域网站短片网站短片22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.3 Flash动画的应用领域动画的应用领域原理演示原理演示22 :100037 : (010) 883797391.1Flash动画概述动画概述1.1.3 Flash动画的应用领域动画的应用领域原理演示原理演示22 :100037 : (010) 883797391.

8、2图像的基础知识图像的基础知识1.2.1像素和分辨率像素和分辨率像素是构成图像的最小单位，它的形态是一个小方点。很多个像素组合在一起就构像素是构成图像的最小单位，它的形态是一个小方点。很多个像素组合在一起就构成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。22 :100037 : (010) 883797391.2图像的基础知识图像的基础知识分辨率是

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

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

11、图像，可以逼真地表现自然界的景象，达到照片般的品质。但是，它由于所包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边缘会出现锯齿，如图缘会出现锯齿，如图1-4所示。所示。 位图的原效果与放大后的效果22 :100037 : (010) 883797391.2图像的基础知识图像的基础知识矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转色块为主，这类对象

12、的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。 矢量图的原效果与放大后的效果22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境从模板创建新建学习打 开 最 近 的项目官 方 资 源 的快速访问开始页开始页22 :100037 : (010) 883797391.3 Fla

13、sh CS5的工作环境的工作环境面板组舞台工具栏时间轴菜单栏文件选项卡工作区工作窗口工作窗口22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境时间轴时间轴工具箱工具箱22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境面板演示“属性”面板“库”面板“库”面板22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境面板演示“信息”面板“变形”面板“变形”面板22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境

14、网格、标尺和辅助线执行“视图”“网格”“显示网格”命令，可以显示网格线，如图所示22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境网格、标尺和辅助线执行“视图”“网格”“编辑网格”命令，打开“网格”对话框，如图所示22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境网格、标尺和辅助线选择“视图”“标尺”命令，可以显示或隐藏标尺，如图所示22 :100037 : (010) 883797391.3 Flash CS5的工作环境的工作环境网格、标尺和辅助线标尺状态的辅助线，如图所示。22 :10003

15、7 : (010) 883797391.3 Flash CS5的基本操作方法的基本操作方法1.4.1 Flash动画的制作流程动画的制作流程1准备素材准备素材根据动画的内容需要准备一些动画素材，包括音频素材（声效、音效）、图根据动画的内容需要准备一些动画素材，包括音频素材（声效、音效）、图像素材、视频素材等。一般情况下，需要对这些素材进行采集、编辑与整理，像素材、视频素材等。一般情况下，需要对这些素材进行采集、编辑与整理，以满足动画制作的需求。以满足动画制作的需求。2新建新建Flash影片文档影片文档Flash影片文档有两种创建方法。一种是新建空白影片文档，另一种是从模影片文档有两种创建方法。

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

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

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

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

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

21、：按下第一个组合键时不可松手，确保在按下它的前提下，去按第二个组合键，同样在按二个组合键时第一个组合键不可松开。组合键，同样在按二个组合键时第一个组合键不可松开。操作指法（以左手操作键盘，右手操作鼠标为例），如图所示操作指法（以左手操作键盘，右手操作鼠标为例），如图所示快捷键的指法操作技巧22 :100037 : (010) 883797391.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 缩放工具22 :100037 : (010) 883797391.5 Flash专业快捷键应用专业快捷键应用1.5.2常用快捷键常用快捷键表1-2 Flash常用快捷键一览表快捷键功能与作用快捷键功能与作用Ctrl+N新建图形文件Ctrl+W关闭当前图像Ctrl+O打开已有的图像Ctrl+A全部