上海教育科学出版社信息技术基础《动画信息处理》何洪亮

1.7

动画信息的加工第三章信息加工与表达

1.7

动画信息的加工1.动画基本概念

1.1什么是动画

1.2制作动画的设备

1.3制作动画的软件

1.4记录动画的文件2.使用FLASH制作网页动画

2.1FLASH的界面特点与绘制工具

2.2动画的画法

2.3制作帧动画

2.4制作自动动画

2.5为动画添加声音

2.6保存动画1.1动画基本概念●动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛存在“视觉滞留效应”而产生动感。当被观察的物体消失后，影像仍在大脑中停留一段时间，约为1/24s。1.1.1什么是动画●基本概念动作的变化是动画的本质

——英国动画大师JohnHalasFrame1Frame2Frame3Frame4Frame5Frame6Frame7●动画的本质教学进程●最原始的动画观看动画的机器●

视觉效果1831年，法国人约瑟夫·安东尼·普拉特奥(JosephAntoinePlateau)在一个可以转动的圆盘上按照顺序画了一些图片教学进程●动画的历史1906年美国人J·斯泰瓦德（J·Steward）制作了一部名叫“滑稽面孔的幽默形象”的短片，非常接近现代动画概念1908年法国人EmileCohl首创用负片制作动画影片，负片从概念上解决了影片载体的问题，为今后动画片的发展奠定了基础1909年美国人WinsorMcCay用一万张图片表现一段动画故事，这是迄今为止世界上公认的第一部真正的动画短片1915年美国人EerlHurd创造了在赛珞璐片上画动画片，再拍成胶片电影的动画制作工艺，这种工艺一直沿用至今1928年美国人华特·迪斯尼(WaltDisney)完善了动画体系和制作工艺，被誉为商业动画影片之父，他把动画影片推向颠峰今天动画本质没有多大变化，而动画制作手段却发生了巨大变化，如：电脑动画、电脑特技动画教学进程●动画的构成规则1)动画由多画面组成，并且画面必须连续2)画面之间的内容必须存在差异3)画面表现的动作必须连续，即后一幅画面是前一幅画面的继续Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame81)在严格遵循运动规律的前提下，可进行适度地夸张和发展2)动画节奏应符合自然规律，可适度夸张3)动画节奏由画面之间物体的位置差决定位置差越大，移动速度越快

●动画的表现规则教学进程传统动画1)制作声音对白和背景音乐2)根据声音计算动画格数3)设计人员绘制动画关键画面4)绘制人员描画关键画面之间的插画5)把纸上的动画轮廓复制到赛珞璐片上6)上色人员为赛珞璐片上色7)拍摄电影胶片之前检查动画画稿9)对电影胶片进行剪辑和编辑8)电影摄制人员把赛珞璐片拍成电影●传统动画是怎样制成的●教学进程●全动画与半动画●半动画——又名“有限动画”，为追求经济效益，6帧／s的动画●全动画——为追求画面完美和动作流畅，按照24帧／s制作动画1232324……123456教学进程电脑动画第一阶段在屏幕上依次画出简单的线条、几何图形和颜色块，电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑重复绘画过程，使人们看到活动的画面在屏幕上依次绘制画面，动画的主体从简单的线条、几何图形过渡到复杂的图形、丰富多彩的颜色。动画基本体现了传统动画的风格第二阶段以先进的软件和硬件作为基础，更加逼真地模拟传统动画，并进一步制作传统动画难以表现的题材，如三维造型动画、变形动画、仿真动画、矢量动画等第三阶段●

●电脑动画的发展教学进程●

帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%电脑动画的分类●

矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●

空间动画——形成三维造型并进行空间运动的动画●

颜色动画●

平面动画●

变形动画●教学进程制作动画的设备1.1.2多媒体电脑●高速CPU●足够大的内存●大量的硬盘空间1●尽量选用屏幕尺寸大、色彩还原好、点距小的彩色显示器23●鼠标反应灵敏、移动连续、无跳跃、手感舒适，可选配笔形鼠标●特殊的设备，如摄像机、视频卡等4教学进程制作动画的软件1.1.3AnimatorPro平面动画制作软件。用于制作帧动画，绘制功能强AnimationStudio平面动画处理软件。用于加工帧动画，处理能力强FlashMX网页动画软件。用于绘制帧、矢量动画，可添加声音WinImage:morph变形动画软件。根据首、尾画面自动生成变形动画GIFConstruction网页动画软件。把动画和图片序列转换成网页动画3DStudioMax三维动画制作软件。用于制作三维造型动画Cool3D三维文字动画软件。用于制作帧动画、视频Maya三维动画制作软件。用于制作动画片、广告、电影等Premiere动画视频处理软件。用于处理视频、广告、电影等教学进程1.1.4●

动画文件的种类与格式记录动画的文件●

FLC格式——AnimatorPro生成的文件格式每帧256色，画面分辨率320×200~1600×1280

代码效率高、通用性好，大量用在多媒体产品中●

AVI格式——视频文件格式，动态图像和声音同步播放受视频标准制约，画面分辨率不高●GIF格式——用于网页的帧动画文件格式

(1)单画面图像，256色，分辨率96dpi(2)多画面图像(动画)，256色，96dpi●

SWF格式——Flash制作的动画文件格式主要在网络上演播，特点：数据量小，动画流畅教学进程2使用Flash制作网页动画●动画文件格式●Fla(可编辑源动画)●

SWF(网页成品动画)●

AVI(视频)●

GIF(网页成品动画)Flash的前身是FutureSplash，后被Macromedia公司收购，更名为Flash●

中文版FlashMXv8.0●

动画形式

帧动画、矢量动画可实现交互功能、可附加同步声音、可编程教学进程●硬件、软件环境●IntelPentium200MHz●Windows98/ME/NT4.0/2000/XP●64MBofRAM(128MBrecommended)●85MBofavailablediskspace●16-bitcolorand1024x768resolution●CD-ROMdrive●互联网上的Flash动画●.au

澳大利亚悉尼歌剧院网站●

平面设计公司网站●

有名的游戏网站，提供各种Flash游戏●

.au

动画片网站，可浏览Flash动画片教学进程2.1FLASH的界面特点与绘制工具(1)选择[开始]/程序/MacromediaFLASHMXv8.0或双击图标(2)选择“文件/新建”菜单(此步不可省略，否则窗口尺寸有误)菜单栏工具栏动画层控制帧控制动画编辑窗口辅助工具属性工具栏(辅助工具)教学进程设置动画尺寸及其他(1)单击底部“属性”工具条●●[操作步骤](2)单击“尺寸”按钮(3)输入“尺寸”数值(5)输入“帧频”fps(取值12~25)(4)单击“背景颜色”框确定动画窗口背景色(6)确定标尺单位(像素、英寸、厘米、毫米等)(7)单击“设为默认值”按钮，保存当前设置(8)单击“确定”按钮(9)单击“属性”标题栏，关闭教学进程画图形(2)选择圆内单色或渐变色(3)画圆(鼠标—椭圆/〈Shift〉+鼠标—正圆)(1)选择画圆工具(2)选择单色或渐变色(3)单击“圆角”按钮，设置圆角●●画空心图形在调色板中选择“没有”●画圆(1)选择画方框工具●

画方框(4)画方框(鼠标—任意/〈Shift〉+鼠标—正方)教学进程处理图形(1)选择橡皮工具(3)选择橡皮尺寸(2)选择擦除模式(4)擦除图形(2)移动图形●擦除图形●●移动图形(1)选择箭头工具边框和填充颜色是不同的图形。想整体移动，须用鼠标左键划定编辑区域，然后整体移动●[说明]教学进程动画的画法(1)选择铅笔工具(2)选择铅笔颜色(3)选择轮廓模式(4)描绘轮廓●

直线化

●

平滑

●

墨水瓶●绘制轮廓线2.2(1)选择颜料桶工具(2)选择填充模式(渐变、单色均可)(3)选择封闭模式(4)单击图形内部填充颜色●渐变●渐变●单色●填充颜色教学进程北京BEIJING输入文字(1)选择文本工具(2)鼠标左键划出文本框(3)输入文本内容(4)光标条覆盖文本(6)鼠标对准文本输入框，移动文字(7)单击非文本输入区结束北京BEIJING●(5)单击“属性”工具栏，设置字体、字号、颜色、对齐方式等●单击文本，可再次修改文字教学进程制作帧动画●绘制图形2.3选择“插入/关键帧”选项，增加新的帧(新的帧自动复制前一帧的内容)●增加关键帧●在新的帧中绘制图形●增加图层(用于两个以上的动画合成)(1)选择“插入/图层”选项，增加新图层(2)在新图层中绘制图形，增加关键帧●

演播动画效果(1)选择“窗口/工具栏/控制栏”，打开控制栏(2)选择“控制/循环播放”，连续观察动画效果停首倒播进尾●显示网格，方便编辑鼠标右键单击动画编辑窗口选择“网格/显示网格”●为方便编辑，打开所有工具

(1)选择“窗口/工具栏”菜单

(2)分别选中：√主要栏√状态栏√控制栏教学进程制作自动动画●

直线移动动画(4)鼠标右键单击第1帧，选择“创建动画动作”(6)预览动画效果，图形从第1帧的位置移动到第20帧的位置2.4(1)在第1帧中画一个图形(2)鼠标右键单击某一帧，如第20帧选择“插入关键帧”(3)单击“”工具，移动图形(5)鼠标右键单击第20帧，选择“创建动画动作”●自动动画只用到两个关键帧●用鼠标单击第1帧和第20帧，可调整图形的初始位置和终了位置教学进程自由路径移动动画●(3)单击铅笔工具(10)预览动画效果(1)制作直线移动动画