第八章 动画制作技术.docx
- 文档编号:4347125
- 上传时间:2022-11-30
- 格式:DOCX
- 页数:29
- 大小:581.63KB
第八章 动画制作技术.docx
《第八章 动画制作技术.docx》由会员分享,可在线阅读,更多相关《第八章 动画制作技术.docx(29页珍藏版)》请在冰豆网上搜索。
第八章动画制作技术
第八章动画制作技术
教学目的和要求:
1、了解:
动画的基本概念,规则,制作过程
2、了解:
动画文件的格式,种类,制作原理
3、掌握:
二维和三维动画制作技术
教学重点和难点:
动画文件的格式,种类,制作原理、二维和三维动画制作技术
教学方法与手段:
本章前半部分为理论知识,采用的主要方法是讲授法,后半部分涉及到二维和三维动画制作软件,采用演示法,课堂演示二维和三维动画制作软件的基本应用等。
第一节动画基本概念
第二节电脑动画
第三节平面动画制作技术
第四节变形动画制作技术
第五节三维动画制作技术
第六节网页动画制作技术
复习与作业要求:
本章涉及的理论知识较多,课后必须对相应的内容加以复习,尤其要动画的基本概念,规则,制作过程知识;作业要求能够根据实际需求,进行基本的二维,三维动画制作。
考核知识点:
动画的基本概念,规则,制作过程
动画文件的格式,种类,制作原理
二维和三维动画制作技术
辅助教学活动:
课后学生可以从互联网获得动画制作基本知识,通过实例来学会如何利用二维和三维动画制作软件进行简单的动画制作,并通过多个实例的学习,进而初步学会动画制作软件的主要操作和二维图形三维文字的制作。
教学过程:
8.1
动画制作参考书
●教材(附习题)《平面动画制作教程》机械工业出版社¥22.00元
●自学读物《电脑动画的画面制作技术》电子工业出版社¥38.00元
●自学读物《电脑动画的活动画面制作技术》电子工业出版社¥38.00元
8.2动画基本概念
8.2.1
动画原理(平面动画制作教程P2)
●早期的动画
(观看动画的机器
)
●动画的本质
动作的变化是动画的本质——英国动画大师JohnHalas
●传统动画的性质——由多幅画面构成,称为“帧动画”
●传统动画分类
1)全动画——为追求画面完美和动作流畅,按照24帧/秒制作动画
2)半动画——又名“有限动画”。
为追求经济效益,6帧/秒的动画
8.2.2
动画时间与节奏的掌握
(平面动画制作教程P4)
●动画的时间特性
1)动作的发展按照时间发生的顺序进行
2)与自然现象一致的运动节奏
3)遵守自然规律,可有限的夸张
●动画的节奏掌握
1)利用各帧之间的位置差控制动画节奏
2)自然规律和有限的夸张是动作节奏的依据
8.2.3
电脑动画基本概念
(平面动画制作教程P5)
●电脑动画的种类
1)帧动画——模拟以帧为基本单位的传统动画,占动画产品的98%
平面动画——以传统平面绘画为基础的动画
颜色动画——形成颜色流动效果的动画
变形动画——主体变形效果的动画
2)矢量动画——经过电脑运算而确定的运行轨迹和形状的动画
空间动画——形成三维造型并进行空间运动的动画
●电脑动画的特点
1)所有动画必须经过电脑的运算和处理
2)电脑软件是动画制作的必要条件,并提供自动动画功能
3)
电脑动画以文件形式保存,采用国际标准的FLC和GIF89a格式
8.2.4
动画文件
●动画文件的种类与格式
1)标准动画文件——FLI格式(画面320×200)、FLC格式
2)
矢量动画文件——各类算法语言独有的格式
3)网页动画文件——GIF89a格式(画面尺寸随显示模式而定)
●动画文件的保存
1)动画文件数据量大,但可压缩性很小
2)需要大容量存储介质
●动画的应用模式
1)电脑演示(多媒体产品、教学课件等)
2)影视产品(动画片、VCD、专业与家用录象带等)
8.3制作平面动画
8.3.1
AnimatorPro简介
(平面动画制作教程P13)
●帧动画制作软件,最大帧数4000
●用途——平面动画制作、网页动画前期制作、三维动画后期制作
●硬件环境——内存≥32MB,显示模式≥16bit增强色
●系统生成文件格式
GIF——图片文件(256色,96dpi分辨率)
CEL——剪贴板文件(系统自用文件,图片、动画序列)
FLC——标准动画文件
●绘画工具和效果工具组合使用
8.3.2
系统安装
[操作步骤]
1)进入“平面动画”文件夹,双击Ani.exe图标,解压缩安装
2)建立C:
\Ani13\Ani.exe的快捷方式
3)鼠标右键单击快捷图标,选择“属性”
4)选择“程序”卡片
5)单击“退出时关闭”选项,使其有效
6)选择“屏幕”卡片
7)单击“全屏幕”选项,使其有效
8)单击[确定]按钮
[注意]个别兼容计算机主板和显卡不支持AnimatorPro
8.3.3
系统启动(平面动画制作教程P22)
1)双击快捷图标,等待片刻启动
2)主画面简介
3)操作规律
鼠标左右键各有不同功能
菜单分层较多,右键单击编辑区,可返回主画面
8.3.4
浏览与调入动画(平面动画制作教程P32)
[操作步骤]
1)选择“Ani/Browse”菜单
2)单击动画图标
3)单击[Play]和[Ok]观看
4)单击[Load]和[Ok]调入
8.3.5
画面绘制
●选择和更换颜色
1)选择当前颜色——鼠标左键单击取样板、调色盘或当前颜色框
2)更换取样板颜色——鼠标右键单击取样板,左键单击屏幕上某颜色
●选择画笔粗细
1)鼠标右键单击画笔位置
2)调节粗细和笔尖形状
3)鼠标右键单击画面空白处结束
●画自由线段
1)选择当前颜色和画笔粗细
2)使用[Draw]工具画线
●清除画面
选择“Pic/Clear”菜单
●画矩形
使用[Box]工具画矩形(
打开[F],画实心矩形,关闭[F],画空心矩形
)
●填充
使用[Fill]按钮填充(图形必须封闭,色块也视作封闭图形)
●画直线
使用[Line]工具画直线
●使用喷枪
使用[Spray]按钮喷涂(右键单击[Spray],改变喷涂速度和范围
)
●画多边形
使用[Poly]工具画多边形,使用[F]按钮决定是否实心
●撤消操作
单击[Undo]按钮(只能撤消一次)
●隐去工具及菜单
鼠标右键单击编辑画面(再次单击则显示)
8.3.6
增加质感
●无效果——[Opaque]按钮
●纵向渐变色——[VGrad]按钮
1)选择调色盘(鼠标左键单击小调色盘编号)
2)使用[Fill]工具填充图形
●玻璃效果——[Glass]按钮
1)鼠标右键单击[Glass],调整透明度
2)用[Box]工具在图形上画一块“玻璃”
●柔化效果——[Soften]按钮
1)用[Box]工具画矩形,图形被柔化
2)用[Draw]工具在图形边缘画,边缘被柔化
8.3.7
更换工具
1)鼠标右键单击需更换的工具
2)移动滑块,在清单中找到需要的工具,单击它
3)鼠标右键单击空白处退出
[注意]绘图工具与效果工具的更换方法完全相同
8.3.8
绘制动画
●绘制画面
●增加画面(具有自动复制功能)
1)鼠标右键单击画面控制区
2)单击[Insert]按钮,增加一帧
3)单击画面控制区中的[→]按钮,翻到第2帧
4)鼠标右键单击画面空白处,返回主画面
●绘制第2帧画面,然后继续增加画面
●单击[>>]按钮,观看动画
8.3.9动画控制
首帧回退一帧当前帧前进一帧播放尾帧
8.3.9
自动动画
●自动动画的作用——自动生成直线运动、绕轴转动、沿曲线移动、改变大小
●将动画装入Cel剪贴板
1)单击[T]按钮
2)选择“Cel/Clip”,把动画装入剪贴板
●增加一组连续的帧
1)鼠标右键单击画面控制区
2)鼠标右键单击[Insert]按钮
3)移动滑块,确定帧数
4)单击[OK]按钮
●自动动画控制画面
1)选择“Ani/Optics”菜单
2)选择“Presets/ClearAll”菜单
3)选择“Element/Cel”菜单
●绕轴旋转
1)单击[Spin]按钮
2)单击[Center]和[Defult]按钮,确定坐标中心
3)单击[Turns]按钮,确定旋转基本单位(圈)
4)单击绕轴旋转按钮[←]和[→](数字为负时,反向旋转)
5)单击[View]按钮预览(效果不佳时,可重新进行步骤4)
单击[Loop]按钮连续预览,单击右键停止
●改变大小
1)单击[Size]按钮
2)移动Reduce滑块,
调整缩小比例
3)调整Enlarge滑块,调整放大比例
[注意]步骤
(2)和(3)只能进行一个!
●直线运动
1)单击[Move]按钮
2)单击画面,移动象征图形的虚线
3)单击鼠标左键,结束设置
●自由路径运动
1)单击[Path]按钮
2)单击画面,设置曲线各个拐点
3)单击鼠标右键结束
●自动生成
1)单击[Use]按钮
2)单击[Preview]按钮,预览动画。
如有问题,单击[Cancel]按钮返回
3)鼠标左键单击[Render]按钮,生成动画
(4)选择“Presets/QuitOptics”菜单,退出自动动画控制画面
[注意]绕轴旋转、改变大小、直线运动、自由路径可同时设置
8.3.10
自动动画举例
8.3.11
剪贴板操作
●每次存储一个图形或动画(存储新内容后,原有内容消失)
●退出系统后剪贴板失效
●简要使用方法
1)获取图形(常用Get)
2)粘贴图形(常用Paste)
3)保存剪贴板内容(文件扩展名“.cel”)
AnimCel...
剪贴板图形、动画编辑器
Clip
自动获取图形
Get
获取矩形区域内的图形
Lasso
手工圈定图形
Move
移动剪贴板内图形位置
Paste
直接粘贴
Stretch
粘贴时改变图形形态
Turn
旋转图形
Release
清除剪贴板
Files…
剪贴板文件操作
8.3.12保存动画
1)选择“Flic/Files...”菜单
2)单击[Save]按钮
3)确定盘符和目录
4)输入文件名
5)单击[Save]按钮,保存为FLC格式
8.3.13退出AnimatorPro
1)退出之前,确认动画已经保存
2)选择“Ani/Quit”菜单
3)选择退出方式(建议选择“退出系统”
)
[课外作业
]
1)制作一个动画
描述花开的过程
画面数:
10
保存动画,文件名为“demo01.flc”
●
2)制作自动动画
自己的英文名由小到大、翻滚出来
画面数:
20
保存动画,文件名为“demo02.flc”
第8章动画制作技术(续)
8.4
制作网页动画
参考书:
《网页动画与三维文字动画制作教程》机械工业出版社,¥19.00
8.4.1网页动画的特点
1)采用GIF89a格式,256色/96dpi,扩展名“.gif”
2)数据量小,便于传送
3)帧动画模式
4)使用ACDSee软件可观看动画效果
8.4.2网页动画编辑软件Gifcon
●Gifcon的作用
——把图片序列转换成GIF89a格式的网页动画
●安装软件
1)双击gif_con.exe文件,输入密码“gifcon”,解压缩至硬盘中
2)建立Gifcon.exe文件的快捷图标
●启动Gifcon
1)双击Gifcon快捷图标
2)选择“File/New”
菜单,系统复位
●生成动画
[操作步骤
]
1)单击[Insert]按钮
2)单击[Image]按钮
3)选择路径及文件序列
4)单击[OK]按钮
5)显示图片序列
6)光标条置于顶端
7)单击[Insert]按钮
8)单击[Loop]按钮和[Control]按钮
9)双击“Control”命令行
10)设置时间间隔,单击[OK]按钮
11)把“Control”命令行分别复制到各图片之间
[Ctrl]+[C]—复制
[Ctrl]+[V]—粘贴
●预览与修改
1)单击[View]按钮预览,单击鼠标右键结束预览
2)修改Control命令中的时间间隔,可控制动画的节奏
●保存动画
1)选择“File/Saveas…”
2)输入文件名
3)单击[OK]按钮
●网页动画制作举例
用AnimatorPro制作一个动画
(1)绘制动画,自动生成
(2)把动画分解图片系列
1)选择“Poco/Numpic”菜单
2)选择“SaveFlicasPics”
3)选择“GIF”格式
4)输入文件名“T”
,单击[Save]按钮
5)选择“Exit”
(3)退出AnimatorPro
●启动Gifcon,调入图片系列,添加命令,调整演播速度,保存
●使用ACDSee观看效果
8.4.3
Flash软件简介
●参考书:
《FlashMX从入门到精通
》海洋出版社·中国青年出版社
●软件特点
1)中文版FlashMXv8.0(Macromadia公司)
2)动画形式:
帧动画、矢量动画,可实现交互功能、附加同步声音
3)文件格式:
fls(可编辑源动画)、swf(网页动画)、avi(视频)、gif(动画)
●软件要求
1)IntelPentium200MHz
2)Windows98/ME/NT4.0/2000/XP
3)
64MBofRAM(128MBrecommended)
4)
85MBofavailablediskspace
5)16-bitcolorand1024x768resolution
6)CD-ROMdrive
●启动与界面
1)选择[开始]/程序/MacromediaFLASHMXv8.0或双击图标
2)选择“文件/新建”菜单(此步不可省略,否则窗口尺寸不对)
8.4.4
设置动画制作状态
●设置动画尺寸及其它
[操作步骤]
1)单击底部“属性”工具条
2)单击“尺寸”按钮
3)输入“尺寸”数值
4)单击“背景颜色”框,确定动画窗口背景色
5)输入“帧频”fps(取值12~25)
6)确定标尺单位(像素、英寸、厘米、毫米等)
7)单击[设为默认值]按钮,保存当前设置
8)单击[确定]按钮
9)单击“属性”标题栏,关闭
8.4.5
绘制动画
●绘制轮廓线
[操作步骤]
1)选择铅笔工具
2)选择铅笔颜色
3)选择轮廓模式
4)描绘轮廓
●填充颜色
[操作步骤]
1)选择颜料桶工具
2)选择填充模式(渐变、单色均可)
3)选择封闭模式
4)单击图形内部,填充颜色
●画图形
[画圆]
1)选择画圆工具
2)选择圆内单色或渐变色
3)画圆(鼠标—椭圆/[Shift]+鼠标—正圆)
[画方框]
1)选择画方框工具
2)选择单色或渐变色
3)单击“圆角”按钮,设置圆角
4)画方框(鼠标—任意/[Shift]+鼠标—正方)
●画空心图形
在调色板中选择“没有”
●处理图形
[擦除图形]
1)选择橡皮工具
2)选择擦除模式
3)选择橡皮尺寸
4)擦除图形
[移动图形]
1)选择箭头工具
2)移动图形
[说明]
边框和填充颜色是不同的图形,若想整体移动,须用鼠标左键划定编辑区域,然后整体移动。
●输入文字
[操作步骤]
1)选择文本工具
2)鼠标左键划出文本框
3)输入文本内容
4)光标条覆盖文本
5)单击“属性”工具栏,设置字体、字号、颜色、对齐方式等
6)鼠标对准文本输入框,移动文字
7)单击非文本输入区结束
[说明]单击文本,可再次修改文字
8.4.6
制作帧动画
●绘制图形
●增加关键帧
选择“插入/关键帧”选项,增加新的帧(新的帧自动复制前一帧的内容)
●在新的帧中绘制图形
●增加图层(用于两个以上的动画合成)
1)选择“插入/图层”选项,增加新图层
2)在新图层中绘制图形,增加关键帧
●演播动画效果
1)选择“窗口/工具栏/控制栏”,打开控制栏
2)选择“控制/循环播放”,连续观察动画效果
[说明]为方便编辑,打开所有工具
(1)选择“窗口/工具栏”菜单
(2)分别选中:
√主要栏
√状态栏
√控制栏
8.4.7
制作自动动画
●直线移动动画
[操作步骤]
1)在第1帧中画一个图形
2)鼠标右键单击某一帧,如第20帧,选择“插入关键帧”
3)单击“移动”工具,移动图形
4)鼠标右键单击第1帧,选择“创建动画动作”
5)鼠标右键单击第20帧,选择“创建动画动作”
6)预览动画效果,图形从第1帧的位置移动到第20帧的位置
[说明]自动动画只用到两个关键帧
,用鼠标单击第1帧和第20帧,可调整图形的初始位置和终了位置
●自由路径移动动画
[操作步骤]
1)制作直线移动动画
2)单击(添加引导图层)按钮
3)单击铅笔工具
4)选择“平滑”效果
5)画自由路径
6)单击图形图层
7)单击“移动”工具
8)单击第1帧,把图形置于路径的起始位置
9)单击最后1帧,把图形置于路径的终了位置
10)预览动画效果
8.4.8
为动画添加声音
[操作步骤]
1)选择“文件/导入”
2)指定文件类型和声音文件
3)单击[打开]按钮
4)单击某个动画图层
5)单击“属性”工具栏
6)在“声音”框中指定声音文件
7)指定“同步”对象(事件、开始、停止、数据流)
8)预览动画(可听到声音)
8.4.9
保存动画文件
●保存可编辑文件fla
1)选择“文件/另存为”
2)输入文件名
3)单击[保存]按钮
●保存其他格式文件
1)选择“文件/导出影片”菜单
2)选择文件保存类型
swf——Flash播放文件
AVI——视频文件(有声)
GIF——Gif89a动画文件
3)单击[保存]按钮
8.5制作变形动画
参考书:
《变形动画》机械工业出版社¥24.00
8.5.1
变形动画基本概念(变形动画制作教程P12)
●根据首、尾画面给定的位置、颜色参数进行数学变换
●变形动画软件WinImages:
Morph特点:
1)Compatiblecomputerwithan586orhigherprocessor
2)32Mbmemory(orhigher)256Mb
3)9999Frames
●基本功能
1)根据首、尾画面中设定的变形点进行有序变换
2)以多种格式保存(flc、bmp、gif、tga、图片序列)
8.5.2
启动与界面
●启动:
选择[开始]/“程序/WinImages/WinImages_morph”
●界面特点
8.5.3
选择文件输出格式
[操作步骤]
1)选择“File/OutputFileType”菜单
2)选择以下文件格式:
●FullcolorWinbmp...(全彩色bmp图片序列)
●GIF(256color)(网页动画图片序列)
●AnimationFLIC...(标准动画片)
●Targa24/32bit…
(影视播放序列图片)
8.5.4
设置文件输出参数
[操作步骤]
1)选择“Settings/Sequencecontrols...”菜单
2)设置总画面数
3)设置开始画面
4)设置结束画面
5)设置当前画面
6)输入路径和文件名(与文件格式对应)
7)确定画面尺寸(取首画面尺寸)[SettoStartFrameSize]
8)使Use/Save两项有效
9)单击[OK]按钮
8.5.5
首、尾画面的加工与调入
●加工原则——首、尾画面的颜色接近、尺寸一致、轮廓近似
●文件格式——首、尾画面的彩色模式统一、文件格式一致
[调入操作]
1)选择“File/Loadstartframe…”指定路径文件名,调入首画面
2)选择“File/Loadendframe…”指定路径文件名,调入尾画面
8.5.6
设定变形参考点
[操作步骤]
1)鼠标左键单击首画面,产生变形参考点“+”,尾画面自动产生对应的“+”
2)光标对准尾画面“+”,用鼠标右键拖曳该点移动,调整位置
●规律
1)先沿图形边缘设定,再设定图形内部
2)变形参考点数量越多,变形越准确
3)变形路径不得交叉,否则变形混乱
8.5.7
生成变形动画
1)选择“Generate/SequenceGenerate...”
在生成过程中,依次显示中间画面和图片序列,并自动保存
8.5.8退出
选择“File/Exit”菜单,或直接关闭窗口
8.5.9制作举例
帧数:
20
格式:
gif序列
首画面:
Demo-1a.bmp(256color/bmp)
尾画面:
Demo-1b.bmp(256color/bmp)
[课外作业
]
1)制作一个GIF89a格式的网页动画
要求:
●动画帧数:
10帧
●表现内容:
开怀大笑
2)制作一个AVI格式的有声视频文件
要求:
●帧数:
10帧
●表现内容:
随风摇曳的树(伴有风声)
3)制作一个GIF89a格式的变形动画
要求:
●动画帧数:
10帧
●表现内容:
两个物体之间的变换
8.6动画素材的获取与处理
动画素材的获取与处理,介绍Cool3D来完成。
对于网页、视频和平面设计的爱好者来说COOL3D更是一个不可多得的“利器”:
视频爱好者在制作VCD/DVD作品时,运用COOL3D可以在片头和片尾加入精彩的三维动态效果;对于网页设计者,COOL3D可以帮助他们轻松地制作动态按钮,动态文字和其他各种三维部件;对于平面设计爱好者,COOL3D在为图形和文字标题增加三维效果的方面也是具有非常强大的功能。
COOL3D是Ulead公司开发的三维文字动画制作软件。
它具有直接套用模板就可以做出丰富多彩而且非常专业的三维动画效果来,内建完整的矢量绘图工具组,可以让你自由发挥创意,制作成果与专业级动画软件相比毫不逊色。
最近推出的COOL3D3.5版较以前又增加了许多新功能,如矢量绘图工具、快速输入3D几何物体、更多震撼效果、创新的汇入功能可导入其它软件制作的DirectX3D模型、高效的物件管理、GIF动画最佳化、新增Flash和RealText3D输出、更精确的动画控制、更快的预览速度等等。
其中最主要的新增功能就是可以很轻松地在目前非常流行的2D矢
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第八章 动画制作技术 第八 动画 制作 技术
![提示](https://static.bdocx.com/images/bang_tan.gif)