动画设计.ppt

动画设计,韩山师院 教育系,初识,Flash,2,目录,初识FLASHFLASH的应用领域(作品欣赏)FLASH的特点FLASH MX 2004 的界面认识FLASH 的基本术语FLASH 的文件类型学习动画制作的方法FLASH专题网址FLASH源代码的获取方法,3,初识FLASH,FLASH是一款网络动画编辑软件，采用矢量图形编辑动画，流式播放技术在线播放动画，FLASH文件以其体积小和播放速度快以及其强大的交互功能成为动画制作者的首选工具之一。,4,FLASH 版本的升级,初期 FLASH 1.0 FLASH 2.01998 FLASH 3.0 与 Dreamweaver 2.0和 Firework 2.0 合称为网页三剑客1999 FLASH 4.02000 FLASH 5.0FLASH 6.0FLASH MXFLASH MX2004Flash 8.0Flash 9.0Flash CS 3.0,5,FLASH的应用领域,网络广告 用FLASH制作的动画文件适于网络传输，因为FLASH文件在线播放运用了流式技术，即文件下载到一定进程时就开始播放，剩下的部分在播放的同时下载。网站建设 FLASH结合Dreamweaver,Firework等软件，可以制作功能强大的动态网站。,6,FLASH的应用领域,FLASH 教学课件 教学课件充分体现了FLASH的功能，利用FLASH制作出声图文并茂，交互性强大的教学课件，制作生动的实验演示过程。FLASH MTV FLASH使设计者利用图像，声音等网络素材，结合本身强大的工具制作出体现歌曲意境靓丽夺目的MTV(Music Television音乐电视)。,7,FLASH的应用领域,FLASH电子贺卡 FLASH可以制作出包括多媒体在内的交互式邮件贺卡。目前大部分网络贺卡用FLASH制作。产品宣传 FLASH可以制作产品宣传演示报告或软件，网络上的产品广告，能克服目前网络传输较慢的缺点。制作游戏 FLASH动画软件是目前制作网络交互动画最优秀的工具，支持动画，声音及交互功能。广泛应用于游戏制作。,8,FLASH的应用领域,制作视频 FLASH影片可以保存为任何一种格式，将视频文件保存为MOV格式，则可以编辑制作视频文件。制作CD-ROM FLASH与Director结合可方便制作CD-ROM。,9,FLASH的特点,操作简单，容易学习。流媒体动画，播放器可在线下载并安装，适用于任何浏览器。小容量动画文件，基于矢量图形。强大的交互功能，利用ActionScript可以给动画添加复选按钮、下拉菜单和滚动条等各种交互组件，通过键盘操作或动画的按钮实现。矢量图形使得图文元素的输出质量是浏览者的计算机所能实现的最高输出质量。,10,FLASH 界面认识,标题栏:显示当前文件名称.菜单栏:存放各种不同功能菜单命令.工具栏:主工具栏/控制器工具栏/编辑栏时间轴由帧和图层组成,以二维空间(时间和深度)按图形方式排列动画内容.帧长体现了时间,图层体现了深度.时间轴的组成,11,时间轴构成,12,FLASH MX 2004 界面认识,工具箱 包含绘图工具、查看工具、颜色工具、参数设置4部分。主要用于图形的绘制与编辑、设置对象的移动等操作。工作区 影片编辑和演示的空间。面板设计面板开发面板其它面板属性面板：设置影片及对象属性,13,FLASH MX 2004 界面认识,如何设置面板布局工具栏与面板的显示与隐藏窗口点击通过“高中化学课件”了解FLASH各基本术语,14,FLASH的基本术语,位图图像 位图图像是通过像素点记录图像的。其存在的方式以及所占空间的大小是由像素点的数量控制的。像素点越多，即分辨率越大，图像所占的空间也越大。能够精确记录图像丰富色调，适用于记录复杂的图像。放大到一定程度，会出现模糊或锯齿。,15,常见位图格式,BMP-Windows 位图PCX-PC 画笔PNG-便携式网络图形JPG-联合摄影专家组(JPEG)GIF-图形交换格式TIFF-标记图像文件格式,16,FLASH的基本术语,矢量图像矢量图像是用包含颜色和位置属性的点和线来描述的图像。例如：利用直线两端的端点和坐标粗细、颜色来表示直线。具有独立的分辨率，能以不同的分辨率显示和输出，而不损失图像的质量，保持原有的清晰度。对于简单图形，矢量图像通常比位图图像小，对于复查杂图像，矢量图像文件要比位图图像大。,17,矢量图格式,Ai-adobe illultratorCdr-coreldrawwmf Windows Metafile 图元文件 Eps-Encapsulated PostScript 跨平台的标准格式 swf-Flash 生成文件,18,FLASH的基本术语,场景(scene):窗口设计面板场景场景是设计者直接绘制帧图或者从外部导入图形后进行编辑处理，形成单独的帧图，再将单独的帧图合成为动画的主要场所。具有专长具定的长、宽、分辨率、帧的播放速率等。帧(frame)帧是一个数据传输中的发送单位，帧内包含一个信息或一个动画片断，动画播放时帧内的内容会随着时间轴连续播放。右击鼠标或按 F5 可插入帧。,19,FLASH的基本术语,关键帧(key frame)是定义动画变化的帧，也可以是包含帧动作的帧。默认情况下，每层的第一个帧为关键帧，在时间轴上以黑点表示。右击鼠标或按 F6 可插入关键帧。关键帧可以是空的，右击鼠标或按 F7 可插入空白关键帧。图层(layer)图层是时间轴上一组平行的帧。,20,FLASH的基本术语,元件(Symbol)元件是位于当前动画库中的可以反复使用的图形、按钮、动画、声音资源。合理使用元件可以减小文件的容量。元件按类型分为：图形元件(Graphic)、按钮元件(Button)、影片剪辑元件(Movie Clip)。元件的来源：直接创建元件、转换元件、共享库中现有元件。,21,FLASH的基本术语,库(data)存放元件的地方。文件之间库的调用：ctrl+shift+O公用库ActionScript(动作指令/脚本)ActionScript是FLASH的脚本语言.利用它编程控制FLASH影片中的对象,创建向导和交互元素,也可以扩展FLASH,制作高级交互影片和交互网站.窗口开发面板动作,22,FLASH的文件类型,源文件:FLA文件(可修改)输出文件:SWF文件(可播放,但需FLASH播放器)可直接播放文件:EXE文件(可直接播放,不需播放器)组件文件:SWC文件(可嵌入到FLASH组件里,为FLA文件引用),23,学习FLASH动画制作的方法,多利用网络上的资源,欣赏网络广告或电视广告,下载FLASH动画作品(SWF,EXE)或源程序(FLA)进行分析,下载相关素材进行模仿创作或代码引用.初学者理解基本概念,掌握基本操作,培养美工绘画功夫,可利用教学软件入门.中级者利用教程多做实例,多看优秀动画作品,学会分析别人的作品或源代码,培养动画创作灵感和想像能力,24,学习FLASH动画制作的方法,学会模仿创作或代码引用.高级者加强创作实践,培养创作灵感,发挥想像能力和空间想像思维,掌握编程语言技巧,灵活运用ActionScript进行编程.,25,FLASH专题网址,Flash 网址大全http:/,26,FLASH专题网址,闪客帝国 http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/,27,FLASH专题网址,闪客天堂 http:/http:/http:/http:/http:/课件资源网 http:/http:/,28,如何获取FLASH文件,光盘上网下载,可用以下工具下载迅雷 ThunderFlashcatcher 直接获取法Internet属性常规设置查看文件C:Documents and SettingshhLocal SettingsTemporary Internet Files,29,课后作业,将本教案基本概念内容在课本中找出来.熟悉FLASH 8的基本界面及功能,制作简单动画.上网访问FLASH专题网站,在线欣赏或下载FLASH作品,找几个你认为做得比较好的FLASH作品作为作业上缴.(每人至少5个,如有原程序要下载原程序.),30,动画设计,Thanks!,