FLASH动画制作入门基础

第一部分Flash动画入门第一章了解Flash软件及动画的创作流程学习目标了解Flash动画的原理及其特点;

掌握AdodeFlashCS3Pro的安装方法;

熟悉AdodeFlashCS3Pro的工作界面;了解Flash动画的一般创建流程;制作一个简单Flash动画第一章了解Flash软件及动画的创作流程1.1Flash动画基础1.2Flash动画入门1.3Flash动画的创建流程1.4使用帮助面板第一章了解Flash软件及动画的创作流程1.Flash动画基础1.1Flash原理认知概念认知在《英汉大辞典》中，动画（animation）被译为“赋予……以生命”，指赋予本无生命的静态图像以动态的生命活力。动画一词，可以简单地分解为“动”和“画”两部分。即让一幅幅静止的“画”，运动起来。“画”是动画的基础，而如何“动”，则是动画的技术手段。优美的“画”如果不能通过良好的手段“动”起来，动画即失去了最核心的部分，没有了灵魂。第一章了解Flash软件及动画的创作流程动画原理认知动画运动的原理和影视的运动原理一样，都是利用了人类固有的生理特点和心理反应，如人眼的“视觉暂留”特性。电影以每秒24格的画面播放，形成流畅的运动效果；电视以每秒钟25格或30格画面的速度播放（PAL制帧速率为1/25，NTSC制帧速率为1/30）。影院动画每秒播放24幅画面，电视动画每秒播放25幅画面。因此，每秒播放的图像越多，运动看起来越流畅自然。第一章了解Flash软件及动画的创作流程1.2Falsh动画的主要特点向量技术采用向量技术，以颜色和线条形式表现图形，任意缩放尺寸不影响图形质量，文件体积小，利于网络传输。通用性好在各种浏览器中都可以有统一的播放样式和效果。流式播放技术流式播放技术使得动画可以边播放边下载。与互联网紧密结合生成的动画(.swf)文件非常小，可以在打开网页很短的时间内得以播放。多媒体与互动性强把图形、音乐、动画、声效、交互方式融合在一起，并且可以实现用户与动画的交互。Flash播放插件很小，容易安装和下载。第一章了解Flash软件及动画的创作流程1.2Flash动画入门1.2.1安装中文版AdobeFlashCS3Pro中文版AdobeFlashCS3Pro的系统要求第一章了解Flash软件及动画的创作流程计算机基本要求CPUIntelPentium3,IntelPentium4,IntelCore内存256MB（建议使用1GB）硬盘空间3GB的本用硬盘空间显示器1024*768分辨率的显示器（带有16位视频卡）操作系统WindowsXP(带有ServicePack2)或WindowsVista多媒体功能多媒体功能需要QuickTime7.1.2DirectX9.0c软件安装过程（略）第一章了解Flash软件及动画的创作流程工作界面1.2.2AdobeFlashCS3Pro工作界面“属性”面板设置舞台或时间轴上当前选定对象的最常用属性，可以加快Flash文档的创建过程。属性”面板自动嵌入舞台的下方。第一章了解Flash软件及动画的创作流程文档属性面板1.2.3AdobeFlashCS3Pro的功能面板“颜色”面板以滑杆方式调整并设置图形的笔触、填充色及透明度等，并提供直线型、放射型渐变填充及位图填充等模式。“库”面板“库”面板是存放着所在影片创建的各种元件，还包括导入的位图、声音和视频剪辑文件。

第一章了解Flash软件及动画的创作流程颜色面板库面板“对齐”面板对齐对象和排列在同一个场景中多个选定对象的位置，提供了上对齐、下对齐，水平对齐等多种对齐方式，对所选的多个对象进行大小对称、大小相等、间隔相同等设置。第一章了解Flash软件及动画的创作流程对齐面板“样本”面板是一个大色盘，可以拾取色彩、设置色彩，尤其在色彩的替换方面功能强大。第一章了解Flash软件及动画的创作流程样本面板“变形”面板实现对文字、图形、对象及元件等进行各种变形控制。“信息”面板显示操作对象的名称、宽度和高度值、色彩值，在舞台中的X、Y坐标值，以及坐标对齐方式等各种信息，还可以显示鼠标所在当前位置的坐标信息。第一章了解Flash软件及动画的创作流程信息面板变形面板“影片浏览”面板是一个浏览工具，用来显示构成Flash影片的完整树型目录结构，对动画的细致划分到了帧和文字，还提供查找功能。Web服务面板用来查看Web服务列表、刷新Web服务，还可以添加或删除Web服务。第一章了解Flash软件及动画的创作流程影片浏览面板操作面板/组合面板收缩/展开面板（组）移动/合并/分离面板（组）关闭面板（组）第一章了解Flash软件及动画的创作流程2023/2/5芝麻开门——创建一个简单Flash动画创建文档设置文档属性保存文档导出影片使用辅助工具第一章了解Flash软件及动画的创作流程1.3Flash动画的创建流程2023/2/5【效果描述】

本例为模拟打字机效果输出一行文字”欢迎进入Flash闪客世界，实例位置：教学资源/CH01/效果/第一个简单动画.fla。【技术要点】

按照Flash动画的一般创作流程完成简单逐帧动画。创建Flash文档，设置文档属性，创建两个图层“背景层”和“文字层”，添加关快捷键帧，在各关快捷键帧中输入文字，保存文档，导出影片。第一章了解Flash软件及动画的创作流程2023/2/5动画播放效果第一章了解Flash软件及动画的创作流程2023/2/5【小结一下】

从该实例看出，一个简单的动画制作流程，大体可分为创建文档、设置文档属性、制作影片、测试影片、保存文档、导出影片等几个步骤。除非使用默认值，否则每个步骤都需要用户重新进行相关设置。对于导出的影片，文件扩展名为.swf，只需双击文件名即可播放。第一章了解Flash软件及动画的创作流程Flash动画的一般创建流程新建文档:新建一个**.fla文档；设置影片属性:通过“属性”或“文档属性”面板，设置背景颜色、舞台大小、播放频率等值；制作动画效果:测试影片:在工作区中预览影片的播放效果；或在播放器中预览影片;导出影片:将已经制作完成或修改完成的动画，导出为直接播放的影片文件，该类文件不能再进行编辑或修改。FlashCS3提供的导出影片的格式非常多，最常用的是**.swf;保存文档:保存一份Flash的源文件，即可以再编辑修改的中间文档，格式**.fla。第一章了解Flash动画的创作流程2023/2/5要制作Flash动画，首先要创建Flash文档。新建一个默认名为“未命名-？”的Flash空白文档，有以下几种方法：在开始页中创建使用工具按钮创建执行菜单命令创建从模板创建“从模板新建”对话框创建文档第一章了解Flash软件及动画的创作流程2023/2/5创建一个Flash文档后，需要对文档属性进行设置，以保证完成的影片的播放效果。通过“属性”面板和“文档属性”对话框两种方式，都可以设置文档的属性值。“标题”选项“描述”选项：“尺寸”选项“背景颜色”选项：“帧频”选项：“标尺单位”选项文档属性面板设置文档属性设置文档属性第一章了解Flash软件及动画的创作流程2023/2/5Flash的源文件是可以再编辑修改的中间文档，格式是*.fla。动画制作过程中要及时进行保存，以避免因各种原因引起数据丢失。动画完成后应立即保存，以便日后再编辑修改。为以防万一，最好将当前文档另存为一个不同的文件，以作备份。保存Flash文档的操作非常简单，随时都可进行。单击工具栏中的保存按钮，或执行“文件→保存”菜单命令，打开“另存为”对话框，设置保存路径、输入文件名，将文档保存为.fla文件。对已经保存过的文档若需要备份，执行“文件→另存为”菜单命令，打开“另存为”对话框，设置不同的保存路径或不同的文件名，即可备份当前文档。保存文档第一章了解Flash软件及动画的创作流程2023/2/5已经制作完成或修改完成的动画，要导出为直接播放的影片文件，该类文件不能再进行编辑或修改。FlashCS3提供的导出影片的格式非常多。

导出影片类型列表导出影片第一章了解Flash软件及动画的创作流程2023/2/5

使用标尺标尺可以帮助用户精确地绘制和安排对象。执行“视图→标尺”命令，在该文档舞台的左沿和上沿显示标尺或隐藏标尺，默认刻度单位为像素，舞台的左上角为标尺的（0，0）值。当用户移动或绘制舞台上的元素时，在两侧标尺上会各显示两条线，而且随着鼠标的移动在标尺上移动，以精确标出该元素的宽度和高度尺寸。

标尺在绘制和移动图形对象中的作用使用辅助工具第一章了解Flash软件及动画的创作流程2023/2/5编

辑

网

格

效

果

使用网格网格可以帮助用户更精确地绘制和安排对象。执行“视图→网格→显示网格”命令，将在当前文档所有场景的舞台上显示网格。执行“视图→网格→编辑网格”命令，打开“网格”对话框，可以设置网格的显示风格。单击“保存默