动画原理及制作技术

哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》计算机多媒体技术哈尔滨工业大学（威海）2005.~2006.哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》计算机多媒体技术第1章多媒体技术概述第2章声卡和音频信息第3章静态图像信息处理第7章多媒体作品的设计制作实验2图像素材的采集与处理实验3视频信号的采集与处理第5章数据压缩编码技术第4章视频卡和视频信息处理第6章动画原理及制作技术实验1音频信号的采集与处理实验4二维动画制作实验5多媒体创作第8章总复习教学22学时实验8学时哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》第六章动画原理及制作技术6.1动画基本概念6.2FLASH简介6.3复习哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.1动画基本概念6.1.1动画原理6.1.2电脑动画基本概念哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.1.1动画原理●视觉效果●早期的动画观看动画的机器哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》动作的变化是动画的本质——英国动画大师JohnHalas●动画的本质6.1.1动画原理哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.1.1动画原理——由多幅画面构成，称为“帧动画”Frame1Frame2Frame3Frame4Frame5Frame6Frame7●传统动画的性质与分类(1)全动画——为追求画面完美和动作流畅，按照24帧／s制作动画(2)半动画——又名“有限动画”。为追求经济效益，6帧／s的动画哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.1.2电脑动画基本概念●帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%●平面动画——以传统平面绘画为基础的动画●颜色动画——形成颜色流动效果的动画●变形动画——主体变形效果的动画●矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●空间动画——形成三维造型并进行空间运动的动画●电脑动画的种类哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.1.1电脑动画基本概念●电脑动画的特点●电脑软件是动画制作的必要条件，并提供自动动画功能●电脑动画以文件形式保存，采用国际标准的FLC和GIF89a格式标准格式网页格式●所有动画必须经过电脑的运算和处理哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.1.1电脑动画基本概念●动画文件的种类与格式●标准动画文件——FLI格式(画面320×200)、FLC格式●矢量动画文件——各类算法语言独有的格式●网页动画文件——GIF89a格式(画面尺寸随显示模式而定)哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2flash简介6.2.1界面6.2.2设置动画尺寸6.2.3绘制动画6.2.4制作帧动画6.2.5制作自动动画6.2.6为动画添加声音6.2.7保存动画哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.1界面菜单栏工具栏动画层控制帧控制动画编辑窗口辅助工具属性工具栏(辅助工具)哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.2设置动画尺寸(1)单击底部“属性”工具条(2)单击“尺寸”按钮(3)输入“尺寸”数值(5)输入“帧频”fps(取值12~25)(4)单击“背景颜色”框确定动画窗口背景色(6)确定标尺单位(像素、英寸、厘米、毫米等)(7)单击[设为默认值]按钮保存当前设置(8)单击[确定]按钮(9)单击“属性”标题栏，关闭哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.3绘制动画(1)选择铅笔工具(2)选择铅笔颜色(3)选择轮廓模式(4)描绘轮廓●直线化●平滑●墨水瓶●绘制轮廓线(1)选择颜料桶工具(2)选择填充模式(渐变、单色均可)(3)选择封闭模式(4)单击图形内部填充颜色●渐变●渐变●单色●填充颜色哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.3绘制动画(2)选择圆内单色或渐变色(3)画圆(鼠标—椭圆/[Shift]+鼠标—正圆)(1)选择画圆工具(2)选择单色或渐变色(3)单击“圆角”按钮，设置圆角●画空心图形在调色板中选择“没有”●画圆(1)选择画方框工具●画方框(4)画方框(鼠标—任意/[Shift]+鼠标—正方)●画方框哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.3绘制动画(1)选择橡皮工具(3)选择橡皮尺寸(2)选择擦除模式(4)擦除图形(2)移动图形●擦除图形●移动图形(1)选择箭头工具边框和填充颜色是不同的图形，若想整体移动，须用鼠标左键划定编辑区域，然后整体移动。●[说明]哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.3绘制动画北京BEIJING(1)选择文本工具(2)鼠标左键划出文本框(3)输入文本内容(4)光标条覆盖文本(6)鼠标对准文本输入框，移动文字(7)单击非文本输入区结束北京BEIJING(5)单击“属性”工具栏，设置字体、字号、颜色、对齐方式等●单击文本，可再次修改文字输入文字●哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.4制作帧动画●绘制图形选择“插入/关键帧”选项，增加新的帧(新的帧自动复制前一帧的内容)●增加关键帧●在新的帧中绘制图形●增加图层(用于两个以上的动画合成)(1)选择“插入/图层”选项，增加新图层(2)在新图层中绘制图形，增加关键帧●演播动画效果(1)选择“窗口/工具栏/控制栏”，打开控制栏(2)选择“控制/循环播放”，连续观察动画效果停首倒播进尾●显示网格，方便编辑鼠标右键单击动画编辑窗口选择“网格/显示网格”●为方便编辑，打开所有工具(1)选择“窗口/工具栏”菜单(2)分别选中：√主要栏√状态栏√控制栏哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.5制作自动动画●直线移动动画(4)鼠标右键单击第1帧，选择“创建动画动作”(6)预览动画效果，图形从第1帧的位置移动到第20帧的位置(1)在第1帧中画一个图形(2)鼠标右键单击某一帧，如第20帧选择“插入关键帧”(3)单击[]工具，移动图形(5)鼠标右键单击第20帧，选择“创建动画动作”●自动动画只用到两个关键帧●用鼠标单击第1帧和第20帧，可调整图形的初始位置和终了位置哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.5制作自动动画自由路径移动动画●(3)单击铅笔工具(10)预览动画效果(1)制作直线移动动画(5)画自由路径(2)单击(添加引导图层)按钮(4)选择“平滑”效果(6)单击图形图层(7)单击[]工具(8)单击第1帧，把图形置于路径的起始位置(9)单击最后1帧，把图形置于路径的终了位置哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.6为动画添加声音(2)指定文件类型和声音文件(3)单击[打开]按钮(4)单击某个动画图层●[操作步骤](5)单击“属性”工具栏(6)在“声音”框中指定声音文件(7)指定“同步”对象(事件、开始、停止、数据流)(8)预览动画(可听到声音)(1)选择“文件/导入”哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.2.7保存动画●保存可编辑文件FLA(1)选择“文件/另存为”(2)输入文件名(2)选择文件保存类型SWF——FLAsh播放文件AVI——视频文件(有声)GIF——Gif89a动画文件(3)单击[保存]按钮(3)单击[保存]按钮●保存其他格式文件(1)选择“文件/导出影片”菜单哈尔滨工业大学（威海）计算机科学与技术学院张华《计算机多媒体技术》6.3复习■动画本质■电脑动画的种类与特点■电脑动画的种类与特点■动画文件的种类与格式