第1-2章 动画与flash初步

1,2,Flash动画制作,信息学院 曲著伟,3,课程简介,Flash是目前应用最为广泛的网页动画制作的优秀软件。它集绘画、制作、设计、编辑、合成和高品质输出为一体，可方便、快捷地制作各种各样的动画、MTV等作品。Flash拥有创造革新动画的能力，它的出色的网页动画制作能力和较小的文件容量，加上强大的脚本语言功能和对XML语言的支持，使其更加适合于网络应用。近年来已经成为制作最具有吸引力的动画式网站的重要工具，给网页制作添加了无限的创意空间，同时给多媒体制作领域带来了新的活力。介绍FlashMX2004创建网页动画的方法和技巧，内容包括使用绘图工具，编辑对象、文本、元件，导入图像、添加声音，使用层、创建动画、创建交互式动画、测试与发布Flash作品等。课程教学时数为36，上机实验时数为18。学分为2。,4,教学基本内容,Flash绘图制作Flash动画Flash编程Flash影片常用制作技巧,5,教学目标及教学要求,了解Flash动画制作的基本原理；掌握Flash简单动画形式的制作；掌握Flash复杂动画制作的基本方法；掌握图形和声音在Flash动画中的应用；初步掌握基本的Flash动画编程知识。,6,教材及参考书目,选用教材：中文版Flash MX动画制作标准教材，李绍蓬著，中国电力出版社2004年。参考书目：Macromedia Flash MX2004基础教程，Brian Underdahl著，天宏工作室译，清华大学出版社2004年。中文版Flash MX2004高级实例教程，赵东升著，中国电力出版社2004年。中文版Flash MX2004 ActionScript精彩实例，吴俊著，清华大学出版社2004年。,7,课程考核,课程考核：平时成绩40%；期末考核60。 平时成绩：上机、课后作业等记录为平时成绩。参考平时上课、上机考勤。期末考核：开卷考试或综合测试。,8,第一章 动画与Flash初步,9,目录,1.1 Flash的历史1.2 Flash的特点1.3 Flash以及Flash播放器的系统需求1.4 Flash的安装1.5 Flash的文件类型1.6 Flash的应用,10,教学目的和要求,了解Flash的历史发展过程了解Flash动画的特点了解Flash及其与网页动画的关系熟悉Flash的各种应用掌握Flash的文件类型。,11,1.1 Flash的历史,Flash的前身可以追溯到多年前的Future Ware的Future Splash Animator 。1996年，Macromedia公司收购了Future Splash软件，并正式更名为Flash。1998年，Macromedia推出Flash3以来，Flash已经成为网络动画事实上的标准。2005年，Adobe公司以34亿美元收购Macromedia公司,12,总部：美国加州1982创建员工人数：在全世界 26 个分支机构有 3700 多名员工美国最适合工作的高科技公司（2004 年度财富杂志）,13,Macromedia公司总部：美国加州三番市在全球50多个国家设有经营机构。Macromedia公司在全球拥有300万开发和设计用户以及广大的行业合作伙伴网络，其丰富的客户机软件被98%的Web应用开发人员所广泛使用，是企业、政府和教育市场客户的战略性IT提供商。,14,2005年4月，Adobe将以34亿美元的价格、以股票交换的方式收购Macromedia，从而形成一个内容创作工具巨无霸。二家公司重叠的产品在图形方面：Adobe的Photoshop和Illustrator领先于Macromedia的Fireworks和Freehand；在Web设计方面，Macromedia的DreamWeaver则领先于Adobe的GoLive。,15,16,1.2 Flash动画的特点,动画基本原理：动画：是指物体在一定的时间内发生的变化过程，简单的说就是：会“动”的画，和电影一样，他是利用人类眼睛的视觉暂留现象，当一幅幅静止的画面连续地播放的时候，这画面看起来是会动的。传统动画片：是用画笔画出一张张不动的、但又是逐渐变化着的连续画面，经过摄影机逐格的拍摄，然后，以每秒钟 30 格的速度连续放映，这时，不动的画面就在银幕上活动起来。,17,Flash动画:在电脑中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一帧，当这些图片以一定的速度连续播放时，就会给人以动画的感觉。Flash动画原理:动画是由一个个的画面所组成的，以每秒数张的速率连续的放映，这就成了动画。 每秒播放的图片（帧）的数目，电影为30，电视为25，Flash动画默认值为12。,18,1.2 Flash动画的特点,关键帧技术：Flash特有的基于关键帧的渐变动画，使得制作简单方便，Flash操作也比较简单。矢量：使用元件、矢量图形，使生成的动画体积较小。动画不管方法多少倍，都不会失真。流式播放：采用流媒体的下载和播放技术，下载速度快，可以边下载边观看，适合于网络应用。Action Script:通过Actions强大的动画编辑功能，使设计者可以随心所欲地设计出高品质的动画。Flash动画可以和Java语言融合。,19,1.3 Flash及其播放器的系统需求,20,1.3 系统软件的需求,21,1.3系统软件需求,22,1.4 Flash的安装,得到Flash MX 2004或Flash Professional MX 2004进行安装。Flash Professional MX 2004包含常规版本中的所有功能，还含有额外的功能以支持基于项目的Flash开发、服务器通信技术、增强的流媒体支持、改进的视频压缩技术和Powerpoint样式的创作工具。,23,1.5 Flash的文件类型,Fla文件：Flash源文件的标准格式，无论是否安装Flash播放器，这种格式的文件无法直接播放。如果你要保存原文件还要再编辑或是一个作品还没有做完,就要保存这样的形式。Swf文件：Flash标准的发布文件，也是用于Web页面中最常用的格式。这种文件只能用Flash播放器播放，而不能编辑。,24,1.6 Flash的应用,制作网页动画，广告，或者制作整个动画网站（1，2）。多媒体软件开发（软件片头、游戏）。其他的娱乐目的（MTV、贺卡、小型卡通片）。广播媒体，近几年，Flash被用于广播媒体。 英国网络设计公司开通了卡特广播。www.kerb.co.uk中央电视台的Flash小品节目。移动计算/通信，Flash用于移动电话和便携式电脑设备等的通信开发。,25,第二章 Flash MX2004基础,26,目录,2.1 Flash动画制作流程2.2 Flash的工作环境2.3 Flash环境参数设置,27,教学目的和要求,熟悉Flash的软件环境初步掌握Flash时间轴的组成以及工作原理熟悉Flash MX 2004的各种环境参数设置，掌握标尺、网格、辅助线三大辅助操作工具的设置和应用了解Flash简单动画的创作流程。,28,2.1 Flash动画制作流程,传统动画是由一张张图片所组成的，以每秒数张的速率连续的放映，利用视绝觉残留的原理使观众看起来就成了一部会动的动画传统动画的基本制作流程1、要画出许多不同的图片画面 2、快速的切换这些图片 (人的眼睛有视觉暂留),29,2.1 Flash动画制作流程,Flash传统动画的制作方式：称之为逐帧动画。逐帧动画的每个画面一般都比较相似，要一幅一幅画出来。比较费功夫。示例：,30,2.1 Flash动画制作流程,Flash动画的独特之处：Flash动画可以只制作二幅（或少数几幅）关键的画面(起始、终止)，由软件自动生成其余的画面。,Flash形状渐变命令,31,2.1 Flash动画制作流程,复杂Flash动画制作流程：动画素材准备动画背景音乐动画情节设计动画成员（动画中的角色）设计Flash动画制作 设定舞台和安排场景创建、插入动画成员设定动画效果及AS编写动画测试以及发布,本课程讲授的重点,32,2.2Flash的工作环境,33,新建一个文档,34,打开一个文档,也就是上次还没有做好的作品,或者是其他的原文件（*.fla格式）。,35,如果在制作中想看一下效果,也就是预览,那就按键盘的Ctrl+Enter。如何保存成 *.fla格式呢? 在弹出的对话框中选择 要保存的地方就可以了,36,如果要保存成 *.swf格式呢?,37,制作一个简单的Flash动画设定舞台和安排场景属性绘制各种图形对象创建并绘制元件利用元件创建实例设置动画形式运动渐变动画、形状渐变动画发布动画,38,Flash动画基本组成要素图形对象(Object)动画中的矢量图形元件(Symbol) “演员”可以重复使用的对象。元件可以由自己创建，也可从外部导入。实例(Instance) “角色”把一个元件放到一个场景或另一个元件中，就创建了一个该元件的实例。,39,2.2 Flash的工作环境,标尺标尺连同网格、辅助线是Flash的三大辅助操作工具。通过“视图”标尺” 选项，可以设置标尺是否显示。标尺显示在舞台的顶部和左侧。通过标尺可以精确的确定舞台大小以及绘制对象元件的大小。,水平标尺,垂直标尺,40,2.2 Flash的工作环境,网格对于动画设计来说是非常有用的，通过网格，可以保证对象比例均衡或者能够排成一行。通过“视图”网格”“显示网格”选项，可以设置网格是否显示。通过“视图”“对齐”“对齐网格”选项，可以很容易的将多个对象进行定位。,41,2.2 Flash的工作环境,辅助线辅助线也用于实例的定位。从标尺处向舞台中拖动，就能拖出一条辅助线。通过“视图”“辅助线”“编辑辅助线”，可以对辅助线的各种属性进行修改。,示例：同心圆的绘制,42,2.2 Flash的工作环境,舞台的几种显示模式轮廓：以细实线显示对象的轮廓，可以迅速的显示复杂的场景。高速显示：显示场景中的所有颜色和线条，但是不进行消除锯齿的修整操作。常用模式。消除锯齿：阴影、线条的显示是光滑的。消除文字锯齿：阴影、线条、文字的显示都是光滑的。编辑动画时易减慢机器速度。,43,2.3 Flash环境参数设