FLASH动画制作入门基础教学文案.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,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,软件及动画的创作流程,计 算 机,基 本 要 求,CPU,Intel Pentium 3,Intel Pentium 4,Intel Core,内存,256MB,（建议使用,1GB,）,硬盘空间,3GB,的本用硬盘空间,显示器,1024*768,分辨率的显示器（带有,16,位视频卡）,操作系统,Windows XP(,带有,Service Pack 2),或,Windows Vista,多媒体功能,多媒体功能需要,Quick Time 7.1.2 DirectX 9.0c,软件,安装过程（略）,第一章 了解,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,软件及动画的创作流程,芝麻开门,创建一个简单,Flash,动画,创建文档,设置文档属性,保存文档,导出影片,使用辅助工具,第一章 了解,Flash,软件及动画的创作流程,1.3 Flash,动画的创建流程,2024/12/18 周三,【,效果描述,】,本例为模拟打字机效果输出一行文字,”,欢迎进入,Flash,闪客世界，实例位置：教学资源,/CH01/,效果,/,第一个简单动画,.fla,。,【,技术要点,】,按照,Flash,动画的一般创作流程完成简单逐帧动画。创建,Flash,文档，设置文档属性，创建两个图层,“,背景层,”,和,“,文字层,”,，添加关快捷键帧，在各关快捷键帧中输入文字，保存文档，导出影片。,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,动画播放效果,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,【,小结一下,】,从该实例看出，一个简单的动画制作流程，大体可分为创建文档、设置文档属性、制作影片、测试影片、保存文档、导出影片等几个步骤。除非使用默认值，否则每个步骤都需要用户重新进行相关设置。对于导出的影片，文件扩展名为,.swf,，只需双击文件名即可播放。,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,Flash,动画的一般创建流程,新建文档,:,新建一个*,.fla,文档；,设置影片属性,:,通过,“,属性,”,或,“,文档属性,”,面板，设置背景颜色、舞台大小、播放频率等值；,制作动画效果,:,测试影片,:,在工作区中预览影片的播放效果；或在播放器中预览影片,;,导出影片,:,将已经制作完成或修改完成的动画，导出为直接播放的影片文件，该类文件不能再进行编辑或修改。,Flash CS3,提供的导出影片的格式非常多，最常用的是*,.swf;,保存文档,:,保存一份,Flash,的源文件，即可以再编辑修改的中间文档，格式*,.fla,。,第一章 了解,Flash,动画的创作流程,要制作,Flash,动画，首先要创建,Flash,文档。新建一个默认名为,“,未命名,-,？,”,的,Flash,空白文档，有以下几种方法：,在开始页中创建,使用工具按钮创建,执行菜单命令创建,从模板创建,“,从模板新建,”,对话框,创建文档,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,创建一个,Flash,文档后，需要对文档属性进行设置，以保证,完成的影片的播放效果。通过,“,属性,”,面板和,“,文档属性,”,对话,框两种方式，都可以设置文档的属性值。,“,标题,”,选项,“,描述,”,选项：,“,尺寸,”,选项,“,背景颜色,”,选项：,“,帧频,”,选项：,“,标尺单位,”,选项,文,档,属,性,面,板,设置文档属性,设置文档属性,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,Flash,的源文件是可以再编辑修改的中间文档，格式是*,.fla,。动画制作过程中要及时进行保存，以避免因各种原因引起数据丢失。动画完成后应立即保存，以便日后再编辑修改。为以防万一，最好将当前文档另存为一个不同的文件，以作备份。,保存,Flash,文档的操作非常简单，随时都可进行。单击工具栏中的保存按钮，或执行,“,文件保存,”,菜单命令，打开,“,另存为,”,对话框，设置保存路径、输入文件名，将文档保存为,.fla,文件。,对已经保存过的文档若需要备份，执行,“,文件另存为,”,菜单命令，打开,“,另存为,”,对话框，设置不同的保存路径或不同的文件名，即可备份当前文档。,保存文档,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,已经制作完成或修改完成的动画，要导出为直接播放的影片文件，该类文件不能再进行编辑或修改。,Flash CS3,提供的导出影片的格式非常多。,导出影片类型列表,导出影片,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,使用标尺,标尺可以帮助用户精确地绘制和安排对象。执行,“,视图标尺,”,命令，在该文档舞台的左沿和上沿显示标尺或隐藏标尺，默认刻度单位为像素，舞台的左上角为标尺的（,0,，,0,）值。当用户移动或绘制舞台上的元素时，在两侧标尺上会各显示两条线，而且随着鼠标的移动在标尺上移动，以精确标出该元素的宽度和高度尺寸。,标尺在绘制和移动图形对象中的作用,使用辅助工具,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,编辑网格效果,使用网格,网格可以帮助用户更精确地绘制和安排对象。执行,“,视图网格显示网格,”,命令，将在当前文档所有场景的舞台上显示网格。执行,“,视图网格编辑网格,”,命令，打开,“,网格,”,对话框，可以设置网格的显示风格。单击,“,保存默认值,”,按钮，可将当前设置效果保存为默认值。,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,使用辅助线,以辅助线为参照，可以使绘制的图形更精确。,编辑辅助线首选参数：执行,“,视图辅助线编辑辅助线,”,命令，打开,“,辅助线,”,对话框，设置辅助线参数。,创建辅助线,设置,辅助线,参数,第一章 了解,Flash,软件及动画的创作流程,2024/12/18 周三,第一章 了解,Flash,软件及动画的创作流程,帮,助,面,板,1.4,使用帮助面板,此课件下载可自行编辑修改，仅供参考！感谢您的支持，我们努力做得更好！谢谢,