1、Flash MX 动态网页制作,学习方法和学习要求,方法：多看多练 要求：平时成绩 30%期末作业 70%,动画原理,Flash常用网站,闪客帝国 闪客天地 闪吧 ,一、Flash MX的工作环境,Flash MX程序窗口,对于网络传输动画，帧率一般设在8-12fps（帧/秒） 网格间距值越大，画板上的网格数越少。 “网格”颜色为网格线颜色，“背景”颜色为页面背景颜色。,动画属性设置窗口,Flash MX工具栏,Flash MX工具箱,工具箱用于绘图，为动画准备各帧各层的内容，并对其编辑和修改。,工具参数区又称为编辑器，选择任何一种工具时，其下方即弹出相应的编辑器。,选取工具区,视图查看区,颜
2、色选取区,附属选项区,输出一个动态影片文件,使用标尺和网格,执行“查看/标尺”命令可以查看标尺。 标尺的坐标原点在“舞台”的左上角。 网格是在舞台上显示的格线，格线交叉点又称作格点。 如果将网格与标准工具栏上的“自动捕捉”工具搭配运用，当绘制、移动或缩放物体对象时，可以使改变后的物体对象自动与网格对齐。,将舞台上物体精确定位,通过“查看”菜单打开“标尺”和“网格”进行定位。 使用“靠齐”功能可以依靠网格的均匀特性来进行定位。 使用菜单“编辑/粘贴到当前位置”可以在相同位置上复制一份对象。 当对元件进行选取后，元件中心控制点会以“+”形出现。,二、 绘图工具,位图与矢量图,位图：它是由许多不同色
3、彩的点（像素Pixel）构成一幅完整图像，有些书中也称点阵式图像， 。 优点：能够制作出色彩和色调变化丰富的图像，逼真表现自然界景象，容易在不同软件之间交换文件。 缺点：图像缩小放大和移动旋转操作时会产生失真现象，且文件容量大，处理速度慢。 矢量图：以数学的矢量方式来记录图像的内容，它的内容以线条和色块为主。 优点：文件容量小，很容易进行放大缩小、移动旋转等操作，并且图像不会失真。 缺点：不易制作色调丰富或色彩变化太多图像，无法精确描绘自然界的景象。,矢量图,位图,工具箱的使用,Flash图形的构成,Flash图形由两部分构成： 轮廓线 填充区域,常用工具,线条属性面板,设置钢笔工具参数,画笔
4、模式,标准绘画模式,颜料填充模式,后面绘画模式,颜料选择模式,内部绘画模式,套索工具选取图形,调色板,颜料桶填充颜料方式,调整线性渐变填充,调整辐射（径向）渐变填充,文字的处理,中文字显示的问题,发布后的文字：,可以使用下面两种方法消除上述现象：1.使用别的字体(黑体、宋体、隶书、幼圆等)。2.使用内建字体（Device Fonts）。,编辑时的文字：,文字属性面板,3种文本类型,静态文本（Static Text） 动态文本（Dynamic Text） 输入文本（Input Text）,静态文字与动态文字显示,导入位图的步骤,先确定准备导入位图的某一帧。 选择“文件/读入”命令。 在导入对话框
5、中选择准备导入的位图并确定。,Flash中可以使用的位图,可使用的位图格式 .bmp .jpg .gif .wmf .swf .mov,单张位图只占一帧。 连续的动画位图（例如：GIF动画、MOV动画等）将作为逐帧动画输入。 导入的位图只有通过“修改/打散”命令将位图分离后才能对其进行旋转、变形等操作。,调整已经填充的位图,编辑图形图像,移动图形图像 复制图形图像 删除图形图像 变形图形图像 层叠图形图像 对齐和组合图形图像,对图形对象的常用编辑,图形对象的大小缩放 改变图形对象的中心点位置 旋转图形对象 使图形对象发生切变,对多个图形对象的编辑,群组 多个对象的层次 排列对象 多个对象分配到
6、层,元件、实例、库,元件的概念,元件（Symbol）：是指在Flash中可以重复使用的图形、图像、文字、声音、视频、影片、按钮等。 元件是Flash MX中非常重要的元素，它主要存放在库面板中。,库内的元件类型,库窗口的组成,元件与实例概念,实例（Instance）是指元件在舞台工作区中的应用。,图层与时间轴,图层控制,图层的基本操作,选取图层 同时选取多个图层 删除图层 复制图层 改变图层名称 改变图层的相对位置,时间轴,时间轴的重要概念,帧（Frame）：帧是动画画面的基本单位。1帧即1幅画面。一个动画是由许多帧连续动作变化的画面组成。 关键帧（Keyframe）：关键帧即非常重要的帧。时
7、间轴上的关键帧是Flash影片的基础，其中可以放置图形等展示对象，并可以对所包含内容进行编辑修改。凡是包含内容的关键帧会显示黑色实心圆点。 空白关键帧（Blank Keyframe）：空白关键帧即还没有包含内容的关键帧，它显示为空心圆点。 空白帧（Blank Frame）：还没有使用的帧。,时间轴上显示的数据,帧数：在时间轴上方的标尺显示的帧的数量，一般以5帧为一单元。 当前帧数：时间轴上有一红色指针，指定当前所在帧。当前帧数显示的就是当前所在帧的位置。 影片播放速度：这个时间是该影片的播放帧频。 当前帧对应的播放时间：显示由起始位置到当前帧播放所用的时间。,Flash MX的五种图层,普通层
8、（标准层） 目录层（文件夹层） 辅助层 遮罩层 被遮罩层,关键帧（Keyframe）：关键帧是用来定义动画在某一时刻的新状态的。关键帧由于在其中有具体的内容，并非由系统生成，所以增加关键帧会增大动画的体积。在时间轴上，有内容的关键帧显示为实心的黑色圆圈；无内容的关键帧显示为空白的黑色圆圈。 普通帧（Frame）：普通帧简称为“帧”。帧是处在两个关键帧之间，由系统自动生成的表示渐变或者运动等效果的中间画面。由于帧是由系统自动生成的，所以它的数量多少不会对动画的体积有影响。在时间轴上，普通帧表示为灰色而没有圆圈。,关键帧与普通帧,帧的操作,选取帧 复制帧 删除帧 改变动画片段的长度 设定帧的播放速
9、率 翻转帧,帧的翻转,翻转帧：将原来的动画起点帧变成终点帧，原来的终点帧变成起点帧。 翻转帧操作方法如下： 先选定准备翻转的所有帧； 在所选定的帧上点击鼠标右键，调出快捷菜单； 执行快捷菜单中的命令“翻转帧（Reverse Frames）”。,不同帧的表示,Flash动画,一个完整Flash动画的制作过程,1. 创建、设置新文件与安排动画场景 2. 插入和制作动画成员 3. 设计与测试动画 4. 保存文件 5. 输出动画,Flash动画必须在两个关键帧之间完成，中间的动画实际上是由计算机运算出来的。如果只有一个关键帧，无法要求计算机制作出动画。 动画制作完成后，一定要测试动画。测试动画的同时，
10、会输出一个同名的Flash电影。 Flash原程序文件：文件扩展名是“.FLA”。 Flash影片文件：文件扩展名是“.SWF”。,须知,关于动画的播放文件,测试Flash动画的同时将自动生成一个.swf文件，并在播放器窗口中播放。 .swf动画文件是Shockwave-Flash格式，只要安装了Shockwave-Flash的ActiveX(控件)或Plugin(插件)就可以播放。 .swf文件与.fla文件存放在同一文件夹中，但它不是一个临时性文件，而是一个独立的应用文件。,Flash动画综述,形状渐变类动画,只能发生在两个不同的形状之间。 这两个形状只能是封闭的矢量绘图。 这两个图形的位
11、置可以相同，也可以不同。 形状类动画只能沿直线运动，不支持曲线路径。 可以设置变形的形状控制点，使得变形按照控制点进行。,创建最简单的形状改变运动动画,确定形状型运动动画的起始帧，在起始空白关键帧绘一个矢量图（例如圆形）， 确定形状型运动动画的终止帧，在终止空白关键帧绘一个矢量图（例如矩形）。 选取起始空白关键帧，点击鼠标右键弹出快捷菜单，从中选择“属性”命令打开“属性”对话框。在“运动”选项栏中设定“运动/形状”后关闭对话框。 击Enter键播放动画，可以看到矢量图形的变化动画。,设置变形控制点,设置变形控制点是指在图形上设置一些关键点，通过这些点来控制物体形状的复杂变化。 操作步骤 选取动
12、画起始帧，然后选择“修改/变形/增加形状提示点”命令（或直接使用快捷方式Ctrl + H），将出现在对象中心的点移动到边缘上。重复上一步骤，依次设定每个控制点的位置。 选取动画终止帧，然后同上一步骤，在终点处依次设定每个控制点的位置（控制点数与起始帧相同）。 播放动画看效果。,颜色为红色的控制点表示未发生作用。,设置变形控制点,终点帧的变形控制点为绿色。,起始帧的变形控制点为黄色。,逐帧动画,逐帧动画的每一幅画面均是由关键帧构成。,逐帧动画,这是传统动画所采用的方式，动态部分分解成多个动作，然后一个个的制作。 每一帧都是关键帧，帧内容可以是：位图/矢量图形/文字。 这种动画文件所占空间较大。
13、Flash中逐帧动画有两种方式： 逐格的绘制分解动作 直接输入由其他软件所制作的分解动作连续图形文件,逐帧动画的制作,1.在当前层中选取一帧，使它成为逐帧动画的开始帧； 2.单击鼠标右键，在快捷菜单中选择插入 关键键，在当前帧上创建关键帧； 3.创建第一帧画面（可以自行绘制，也可以直接导入现成的图案）； 4.在关键帧的下一帧按步骤2-3再新建关键帧并创建新画面（可以在前一帧上修改，也可以直接导入现成的图案）。 5.按照步骤1-4完成逐帧动画的制作。,创建移动型运动动画操作步骤,选取动画起始帧，绘制矢量图形（或者是读入位图或输入文字）。 （对于输入的文字可以省略这一步）选取动画起始帧的全部对象，
14、在菜单栏选择“插入/转换为元件”命令，在随后弹出的“元件属性”对话框中为元件命名后关闭对话框。 选定动画终点帧，点击鼠标右键后从快捷菜单中执行“插入关键帧”命令，并将元件对象移动到指定位置。 再次选取起点帧，点击鼠标右键后从快捷菜单中执行“产生运动动画”命令。 用鼠标右键点击起点帧，可以通过“属性”命令打开相应对话框，设定移动中对象的旋转和移动速度变化。,绘图纸功能,绘图纸功能一般也称为洋葱皮窗口。 绘图纸功能不仅适用于形状类渐变动画，也适用移动类渐变动画。,移动渐变动画的制作过程,建立元件（含由图形转换成元件）； 设定动画的起始关键帧与终点关键帧； 设定动画动作； 设定动画效果。,旋转效果的
15、动画,旋转效果的动画 改变速度的移动渐变动画 改变大小的移动渐变动画 颜色变化的移动渐变动画 淡入淡出效果的动画 自定义路径的动画 遮罩功能的动画 文字艺术的动画,常见Flash动画,遮罩动画,静止图层作为遮罩图层 动画图层作为遮罩图层 动画图层作为被遮罩图层 遮罩与被遮罩图层均为动画图层,关于遮罩动画,遮罩图层中图形的颜色对遮罩没有影响，即矢量图形是白色或红色，遮罩效果都是一样的。 静止图层可以作为遮罩图层，动画图层也可以作为遮罩图层。同理，静止图层可以作为被遮罩图层，动画图层也可以作为被遮罩图层。 遮罩效果在动画模式下是无法显示出来的，只有在动画播放（即按Ctrl + Enter）时才能显
16、示出来。,Flash动画的音频控制,Flash MX可以使用的声音文件,WAVE（仅可用于Windows） AIFF（仅可用于Macintosh） MP3（Windows和Macintosh均可） 安装QuickTime 4或更新版本后，还可以导入以下格式： WAVE（Windows和Macintosh均可） AIFF（Windows和Macintosh均可） Sound Designer（仅可用于Macintosh） QuickTime电影的声音（Windows和Macintosh均可） Sun AU（Windows和Macintosh均可） System 7声音（仅可用于Macintosh
17、）,导入声音文件,Flash中，可以直接导入AIFF或WAV或 mp3格式的音频文件，并将其与位图和元件放在一起存放在元件库中。 音频会占用很大的硬盘空间和内存。最好导入22KHz16位的单声音频。 导入声音文件的步骤： 选择“文件/读入”命令。 在读入对话框中，设定要导入的音频文件。,导入的声音文件会自动存放在元件库中。,声音属性面板,给动画添加声音,先导入一个声音文件； 为音频创建一个层，在此层上设定开始播放音频的关键帧； 双击该关键帧，在弹出的帧的属性对话框中单击“声音”标签，弹出相应设置面板； 在“声音”下拉列表框中选取一个音频； 在“同步”下拉列表框中选择一个合拍选项； 在“重复”框
18、中输入音频循环播放的次数； 可以利用声音编辑对话框根据需要来控制和编辑音频； 在“效果”下拉列表框中可以设置音频效果。,声音属性对话框,声音编辑面板,编辑声音,编辑声音,打开音频属性设置面板； 在音频时间轴上，拖动Time in和Time Out游标，可以改变音频的起点和终点； 改变音频的包迹（Envelope），拖动包线上的控制手柄，改变音频上不同点的高度来改变声音播放时的音量。 完成音频编辑之后，可单击播放按钮测试效果。,六、动画的输出与发布,在Netscape或IE上安装Flash播放器插件，可以在网上观看。 用Director或Authorware的Xtra添加件功能。 用Micros
19、oft Office或其他ActiveX中的Flash ActiveX。 转换为一段QuickTime动画。 转换为一种称为Projector的外挂程序。,怎 样 能 观 看Flash动 画,输出文件部分格式及说明,动画的输出,Flash可以将动画输出到别的应用程序中使用。 动画输出的两种情况： “输出动画”属性：可以将Flash动画输出为其他动画格式。 “输出图像”：可以将Flash动画输出为某种格式的单帧和多帧连续图形文件。,输出动画文件步骤,选取某帧当前画板上的图形； 选择“文件/输出” 动画属性命令或“文件/输出图像” 命令； 在相应对话框的“文件名”栏中为输出文件定义名称，然后从“保
20、存类型”下拉列表框中选择一种输出文件类型； 为输出文件设置好输出路径，单击“保存”按钮将动画按选定格式保存在指定文件夹中。,Flash动画的发布,先选择“文件/发布设定” 命令，打开动画的发布属性对话框； 在“格式”选项卡上的“类型”选项组选择准备发布的文件格式； 选定输出文件格式类型之后，打开相应格式标签，对该格式的文件属性进行设置； 完成各选项设置之后，单击“发布”按钮，按照所设属性将动画发布出去。（注意：也可以关闭属性对话框，暂时不发布，等以后再选择“发布”命令，按照先前的设置发布动画 ）,预览发布动画,可将已完成的动画进行输出预览。 预览步骤是： 选择“文件/发布设定” 命令，设定输出属性； 选择“文件/发布预览” 命令，并从子菜单中选择一种文件类型进行预览。,
