第1章Flash动画制作基础

地址:北京百万庄大街22号邮编:100037编辑热线:[phone]FlashCS5动画制作案例教程教学课件地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.Flash动画概述2.图像的基础知识3.FlashCS5的工作环境4.FlashCS5的基本操作方法5.Flash专业快捷键应用本章要点FlashCS5动画制作案例教程第1章Flash动画制作基础地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.1动画的概念与制作流程动画是利用人的“视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的图画，如图所示。它的基本原理与电影、电视一样，都是视觉原理。其中，“视觉暂留”特性是人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述制作流程1.前期策划与筹备阶段前期策划包括——选题报告、形象素材筹备，故事脚本（文学剧本）、角色与环境设定、画面分镜头初稿、生产进度日程安排图表。2.中期创作与制作阶段主要包括原画、动画、背景绘制、扫描、修线填色、合成及编辑等。原画与动画以及背景主要依靠铅笔和纸绘出草稿再扫描数字化。现在开始使用无纸动画这一制作方式。即使用鼠标、压感笔和数位板。3.后期加工阶段最终将二维动画软件的作品输出为视频文件再对这些视频文件进行一些合成以及剪辑工作就成为了动画片。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.2Flash动画及特点•动画短小Flash动画受网络资源的制约一般比较短小，但绘制的画面是矢量格式，无论把它放大多少倍都不会失真。•交互性强Flash动画具有交互性优势，可以通过单击、选择等动作决定动画的运行过程和结果，是传统动画所无法比拟的。•具有广泛传播性Flash动画由于文件小、传输速度快、播放采用流式技术的特点，所以在网上供人欣赏和下载，具有较好的广泛传播性。•轻便与灵巧Flash动画有崭新的视觉效果，成为一种新时代的艺术表现形式。比传统的动画更加轻便与灵巧。•人力少，成本低Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.3Flash动画的应用领域网络广告注:本广告动画来自新浪网地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.3Flash动画的应用领域网站建设注:本图片来自中国网页设计联盟网浏览网站地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.3Flash动画的应用领域网站片头注:本广告动画来自安踏运动鞋网站片头地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.3Flash动画的应用领域网站短片地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.3Flash动画的应用领域原理演示地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.1Flash动画概述1.1.3Flash动画的应用领域原理演示地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.2图像的基础知识1.2.1像素和分辨率像素是构成图像的最小单位，它的形态是一个小方点。很多个像素组合在一起就构成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.2图像的基础知识分辨率是图像处理中一个非常重要的概念，它是指位图图像在每英寸上所包含的像素数量，单位使用每英寸的像素数PPI（Pixels/Inch）来表示。图像分辨率的高低直接影响图像的质量，分辨率越高，文件也就越大，图像也会越清晰，（300PPI）所示，处理速度也会变慢；反之，分辨率越低，图像就越模糊，（72PPI）所示，文件也会越小。分辨率高的图像分辨率低的图像地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.2图像的基础知识1.2.2位图与矢量图位图又称为点阵图，是由许多点组成，这些点为像素（pixel）。当许多不同颜色的点（即像素）组合在一起后，便构成了一幅完整的图像。位图可以记录每一个点的数据信息，因而可以精确地制作出色彩和色调变化丰富的图像，可以逼真地表现自然界的景象，达到照片般的品质。但是，它由于所包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边缘会出现锯齿，如图1-4所示。位图的原效果与放大后的效果地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.2图像的基础知识矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。矢量图的原效果与放大后的效果地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境从模板创建新建学习打开最近的项目官方资源的快速访问开始页地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境面板组舞台工具栏时间轴菜单栏文件选项卡工作区工作窗口地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境时间轴工具箱地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境面板演示“属性”面板“库”面板“库”面板地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境面板演示“信息”面板“变形”面板“变形”面板地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境网格、标尺和辅助线执行“视图”→“网格”→“显示网格”命令，可以显示网格线，如图所示地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境网格、标尺和辅助线执行“视图”→“网格”→“编辑网格”命令，打开“网格”对话框，如图所示地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境网格、标尺和辅助线选择“视图”→“标尺”命令，可以显示或隐藏标尺，如图所示地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的工作环境网格、标尺和辅助线标尺状态的辅助线，如图所示。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的基本操作方法1.4.1Flash动画的制作流程1．准备素材根据动画的内容需要准备一些动画素材，包括音频素材（声效、音效）、图像素材、视频素材等。一般情况下，需要对这些素材进行采集、编辑与整理，以满足动画制作的需求。2．新建Flash影片文档Flash影片文档有两种创建方法。一种是新建空白影片文档，另一种是从模板创建影片文档。在FlashCS5中，新建空白影片文档有两种类型，一种是“Flash文件（ActionScript3.0）”，另一种是“Flash文件（ActionScript2.0）”，这两种类型的影片文档不同之处在于前一个的动作脚本语言是ActionScript3.0，后一个的脚本语言是ActionScript2.0。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的基本操作方法1.4.1Flash动画的制作流程3．设置文档属性在正式动画制作之前，要先设置好尺寸（舞台的尺寸）、背景颜色（舞台背景色）、帧频（每秒钟播放的帧数）等文档属性。这些操作要在“文档属性”对话框中进行。4．制作动画这是完成动画效果制作的最主要的步骤。一般情况下，需要先创建动画角色，可以用绘图工具绘制，也可以导入外部的素材，然后在时间轴上组织和编辑动画效果。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的基本操作方法1.4.1Flash动画的制作流程5．测试和保存动画动画制作完成后，可以执行“控制”→“测试影片”命令（快捷键Ctrl+Enter）对影片效果进行测试，如果满意可以执行“文件”→“保存”命令（或按Ctrl+S）保存影片。为了安全，在动画制作过程中要经常保存文件。按Ctrl+S可以快速保存文件。6．导出和发布影片如果对制作的动画效果比较满意了，组后可以导出或者发布影片。执行“文件”→“导出”→“导出影片”命令，可以导出影片。执行“文件”→“发布”命令可以发布影片，通过发布影片可以得到更多类型的目标文件。地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.3FlashCS5的基本操作方法1.4.1Flash动画的制作流程制作第一个Flash影片地址:北京百万庄大街22号邮编:100037编辑热线:[phone]机械工业出版社CHINAMACHINEPRESS1.5Flash专业快捷键应用1.3.1快捷键指法应用1．指法介绍平面设计的中Flash软件的快捷键相当丰富，在这里举几个例子来说明快捷键的使用方法与技巧：快捷键Ctrl+A的功能是选择全部。操作含义：按下Ctrl