FLASH动画制作入门基础ppt课件.ppt

第一部分 Flash动画入门,第一章 了解Flash软件及动画的创作流程,学习目标 了解Flash动画的原理及其特点; 掌握Adode Flash CS3 Pro的安装方法; 熟悉Adode Flash CS3 Pro的工作界面; 了解Flash动画的一般创建流程; 制作一个简单Flash动画,第一章 了解Flash软件及动画的创作流程,1.1 Flash动画基础1.2 Flash动画入门1.3 Flash动画的创建流程1.4 使用帮助面板,第一章 了解Flash软件及动画的创作流程,1.Flash动画基础1.1Flash原理认知概念认知在英汉大辞典中，动画（animation）被译为“赋予以生命”，指赋予本无生命的静态图像以动态的生命活力。动画一词，可以简单地分解为“动”和“画”两部分。即让一幅幅静止的“画”，运动起来。“画”是动画的基础，而如何“动”，则是动画的技术手段。优美的“画”如果不能通过良好的手段“动”起来，动画即失去了最核心的部分，没有了灵魂。,第一章 了解Flash软件及动画的创作流程,动画原理认知动画运动的原理和影视的运动原理一样，都是利用了人类固有的生理特点和心理反应，如人眼的“视觉暂留”特性。电影以每秒24格的画面播放，形成流畅的运动效果；电视以每秒钟25格或30格画面的速度播放（PAL制帧速率为1/25，NTSC制帧速率为1/30）。影院动画每秒播放24幅画面，电视动画每秒播放25幅画面。因此，每秒播放的图像越多，运动看起来越流畅自然。,第一章 了解Flash软件及动画的创作流程,1.2 Falsh动画的主要特点向量技术 采用向量技术，以颜色和线条形式表现图形，任意缩放尺寸不影响图形质量，文件体积小，利于网络传输。通用性好 在各种浏览器中都可以有统一的播放样式和效果。流式播放技术 流式播放技术使得动画可以边播放边下载。与互联网紧密结合 生成的动画(.swf)文件非常小，可以在打开网页很短的时间内得以播放。多媒体与互动性强 把图形、音乐、动画、声效、交互方式融合在一起，并且可以实现用户与动画的交互。Flash播放插件很小，容易安装和下载。,第一章 了解Flash软件及动画的创作流程,1.2 Flash动画入门1.2.1 安装中文版Adobe Flash CS3 Pro中文版Adobe Flash CS3 Pro的系统要求,第一章 了解Flash软件及动画的创作流程,安装过程（略）,第一章 了解Flash软件及动画的创作流程,工作界面,1.2.2 Adobe Flash CS3 Pro 工作界面,“属性”面板设置舞台或时间轴上当前选定对象的最常用属性，可以加快Flash文档的创建过程。属性”面板自动嵌入舞台的下方。,第一章 了解Flash软件及动画的创作流程,文档属性面板,1.2.3 Adobe Flash CS3 Pro 的功能面板,“颜色”面板以滑杆方式调整并设置图形的笔触、填充色及透明度等，并提供直线型、放射型渐变填充及位图填充等模式。“库”面板“库”面板是存放着所在影片创建的各种元件，还包括导入的位图、声音和视频剪辑文件。,第一章 了解Flash软件及动画的创作流程,颜色面板,库面板,“对齐”面板对齐对象和排列在同一个场景中多个选定对象的位置，提供了上对齐、下对齐，水平对齐等多种对齐方式，对所选的多个对象进行大小对称、大小相等、间隔相同等设置 。,第一章 了解Flash软件及动画的创作流程,对齐面板,“样本”面板是一个大色盘，可以拾取色彩、设置色彩，尤其在色彩的替换方面功能强大。,第一章 了解Flash软件及动画的创作流程,样本面板,“变形”面板实现对文字、图形、对象及元件等进行各种变形控制。“信息”面板显示操作对象的名称、宽度和高度值、色彩值，在舞台中的X、Y坐标值，以及坐标对齐方式等各种信息，还可以显示鼠标所在当前位置的坐标信息。,第一章 了解Flash软件及动画的创作流程,信息面板,变形面板,“影片浏览”面板 是一个浏览工具，用来显示构成Flash影片的完整树型目录结构，对动画的细致划分到了帧和文字，还提供查找功能。Web 服务面板用来查看Web服务列表、刷新Web服务，还可以添加或删除Web服务。,第一章 了解Flash软件及动画的创作流程,影片浏览面板,操作面板/组合面板 收缩/展开面板（组） 移动/合并/分离面板（组） 关闭面板（组）,第一章 了解Flash软件及动画的创作流程,2022/11/16,芝麻开门创建一个简单Flash动画创建文档设置文档属性保存文档导出影片使用辅助工具,第一章 了解Flash软件及动画的创作流程,1.3 Flash动画的创建流程,2022/11/16,【效果描述】 本例为模拟打字机效果输出一行文字”欢迎进入Flash闪客世界，实例位置：教学资源/CH01/效果/第一个简单动画.fla。【技术要点】 按照Flash动画的一般创作流程完成简单逐帧动画。创建Flash文档，设置文档属性，创建两个图层“背景层”和“文字层”，添加关快捷键帧，在各关快捷键帧中输入文字，保存文档，导出影片。,第一章 了解Flash软件及动画的创作流程,2022/11/16,动画播放效果,第一章 了解Flash软件及动画的创作流程,2022/11/16,【小结一下】 从该实例看出，一个简单的动画制作流程，大体可分为创建文档、设置文档属性、制作影片、测试影片、保存文档、导出影片等几个步骤。除非使用默认值，否则每个步骤都需要用户重新进行相关设置。对于导出的影片，文件扩展名为.swf，只需双击文件名即可播放。,第一章 了解Flash软件及动画的创作流程,Flash动画的一般创建流程新建文档:新建一个*.fla文档；设置影片属性:通过“属性” 或“文档属性”面板，设置背景颜色、舞台大小、播放频率等值；制作动画效果 :测试影片:在工作区中预览影片的播放效果；或在播放器中预览影片; 导出影片:将已经制作完成或修改完成的动画，导出为直接播放的影片文件，该类文件不能再进行编辑或修改。Flash CS3提供的导出影片的格式非常多，最常用的是*.swf; 保存文档:保存一份Flash的源文件，即可以再编辑修改的中间文档，格式*.fla。,第一章 了解Flash动画的创作流程,2022/11/16,要制作Flash动画，首先要创建Flash文档。新建一个默认名为“未命名-？”的Flash空白文档，有以下几种方法：在开始页中创建使用工具按钮创建 执行菜单命令创建 从模板创建,“从模板新建”对话框,创建文档,第一章 了解Flash软件及动画的创作流程,2022/11/16,创建一个Flash文档后，需要对文档属性进行设置，以保证完成的影片的播放效果。通过“属性”面板和“文档属性”对话框两种方式，都可以设置文档的属性值 。“标题”选项“描述”选项：“尺寸”选项“背景颜色”选项：“帧频”选项：“标尺单位”选项,文档属性面板,设置文档属性,设置文档属性,第一章 了解Flash软件及动画的创作流程,2022/11/16,Flash的源文件是可以再编辑修改的中间文档，格式是*.fla。动画制作过程中要及时进行保存，以避免因各种原因引起数据丢失。动画完成后应立即保存，以便日后再编辑修改。为以防万一，最好将当前文档另存为一个不同的文件，以作备份。保存Flash文档的操作非常简单，随时都可进行。单击工具栏中的保存按钮，或执行“文件保存”菜单命令，打开“另存为”对话框，设置保存路径、输入文件名，将文档保存为.fla文件。对已经保存过的文档若需要备份，执行“文件另存为”菜单命令，打开“另存为”对话框，设置不同的保存路径或不同的文件名，即可备份当前文档。,保存文档,第一章 了解Flash软件及动画的创作流程,2022/11/16,已经制作完成或修改完成的动画，要导出为直接播放的影片文件，该类文件不能再进行编辑或修改。Flash CS3提供的导出影片的格式非常多。,导出影片类型列表,导出影片,第一章 了解Flash软件及动画的创作流程,2022/11/16,使用标尺标尺可以帮助用户精确地绘制和安排对象。执行“视图标尺”命令，在该文档舞台的左沿和上沿显示标尺或隐藏标尺，默认刻度单位为像素，舞台的左上角为标尺的（0，0）值。当用户移动或绘制舞台上的元素时，在两侧标尺上会各显示两条线，而且随着鼠标的移动在标尺上移动，以精确标出该元素的宽度和高度尺寸。,标尺在绘制和移动图形对象中的作用,使用辅助工具,第一章 了解Flash软件及动画的创作流程,2022/11/16,编辑网格效果,使用网格 网格可以帮助用户更精确地绘制和安排对象。执行“视图网格显示网格”命令，将在当前文档所有场景的舞台上显示网格。执行“视图网格编辑网格”命令，打开“网格”对话框，可以设置网格的显示风格。单击“保存默认值”按钮，可将当前设置效果保存为默认值。,第一章 了解Flash软件及动画的创作流程,2022/11/16,使用辅助线以辅助线为参照，可以使绘制的图形更精确。编辑辅助线首选参数：执行“视图辅助线编辑辅助线” 命令，打开“辅助线”对话框，设置辅助线参数。,创建辅助线,设置辅助线参数,第一章 了解Flash软件及动画的创作流程,第一章 了解Flash软件及动画的创作流程,帮助面板,1.4 使用帮助面板,