第4章动画制作技术.docx
《第4章动画制作技术.docx》由会员分享，可在线阅读，更多相关《第4章动画制作技术.docx（94页珍藏版）》请在冰点文库上搜索。
第4章动画制作技术
第4章动画制作技术
学习要求
学习要求
掌握
z笔触颜色和填充色的设置方法。
z选择工具、线条工具、椭圆工具、矩形工具、铅笔工具、墨水瓶工具、颜料桶工具、静态文本工具、任意变形工具的基本用法。
z文档的打开、新建、保存,文档属性的设置,SWF动画的发布。
z图形图像、声音的导入。
z图层的新建、删除、显示与隐藏、叠盖顺序的调整。
z对象的组合与分离。
z内部库资源的利用。
z逐帧动画的创建、补间动画的创建与基本属性设置。
z对象排列顺序的调整。
z遮罩层在基本动画制作中的使用。
z引导层的使用。
z元件和实例在基本动画制作中的使用。
了解
z计算机动画的基本概念。
z常用的动画制作软件。
zFlash动画的特点。
zFlash8.0窗口组成。
z面板的显示与隐藏、折叠与展开。
z图层、时间轴、舞台、工作区、帧、关键帧、场景的基本概念。
z多角星形工具、橡皮擦工具、滴管工具、手形工具、缩放工具的基本用法。
z图层的改名、锁定与解锁。
z对齐对象、精确变形对象。
z公用库资源的使用、外部库资源的使用。
z逐帧动画、补间动画的有关概念。
4.1计算机动画简介
4.1.1什么是计算机动画
动画是由一系列静态画面按照一定的顺序组成,这些静态画面称为动画的帧。
通常情况下,相邻的帧的差别不大,其内容的变化存在着一定的规律。
当这些帧按顺序以一定的速度
播放时,由于眼睛的视觉暂留作用的存在,形成了连贯的动画效果。
所谓计算机动画就是以计算机为工具创作的动画。
4.1.2常用的动画制作软件
1.GIFAnimator:
是台湾友立公司出品的一款GIF动画制作软件。
使用GIFAnimator创建动画时,可以套用许多现成的特效。
该软件可将AVI影视文件转换成GIF动画文件,还可以使GIF动画中的每帧图片最优化,有效地减小文件的大小,以便浏览网页时能够更迅速地显示动画效果。
2.AdobeImageReady:
是PhotoshopCS（8.0之前的版本中集成在Photoshop软件包中的一个Gif动画制作软件,使用它可以制作逐帧动画、补间动画和蒙版动画等。
ImageReady的界面及用法与Photoshop很相似,熟悉Photoshop的用户可以比较容易地掌握ImageReady动画的制作方法,因此该软件受到一些Photoshop用户的特别青睐。
从PhotoshopCS2（9.0开始,ImageReady被Adobe公司抛弃,而这种动画功能植入到Photoshop窗口中,至PhotoshopCS3（10.0已比较完善。
也就是说,从PhotoshopCS3开始,Photoshop本身也可以制作动画了。
3.Flash:
是由Macromedia公司生产的一款功能强大的二维矢量动画制作软件,是当今最受用户欢迎的动画工具之一;由于其简单易学、功能强大、动画文件娇小及流式传输的特点,Flash成为“闪客”们创作网页动画的首选工具。
4.Director:
是由Macromedia公司开发的一款专业的多媒体制作软件,用于制作交互动画、交互多媒体课件、多媒体交互光盘,最突出的功能是制作多媒体交互光盘;也用来开发小型游戏。
Director主要用于多媒体项目的集成开发。
它功能强大、操作简单、便于掌握,目前已经成为国内多媒体开发的主流工具之一。
从编程的角度来讲,Director的Lingo语言比Flash的Actionscript要强;但Director的动画功能比Flash要弱。
尽管如此,目前Director的用户群还是很大的。
5.3DSMAX:
是由美国Autodesk公司开发的一款动画制作软件。
在众多的三维动画软件中,由于3dsmax开放程度高,学习难度相对较小,功能比较强大,完全能够胜任复杂动画的设计要求;因此,3dsmax成为目前用户群最庞大的一款三维动画创作软件。
6.Maya:
Maya是由Alias|Wavefront（2003年更名为Alias公司开发的世界顶级的三维动画软件,应用于专业的影视广告,角色动画,电影特技等领域。
作为三维动画软件的后起之秀,深受业界的欢迎与钟爱,已成为三维动画软件中的佼佼者。
Maya集成了Alias|Wavefront最先进的动画及数字效果技术,它不仅包括一般三维和视觉效果制作的功能,而且还结合了最先进的建模、数字化布料模拟、毛发渲染和运动匹配技术。
其在造型上,有些方面已完全达到了任意揉捏造型的境界。
Maya掌握起来有些难度,对计算机系统的要求相对较高。
尽管如此,目前Maya的使用人数仍然很多。
4.2使用Flash制作动画
4.2.1Flash简介
MacromediaFlash动画主要有以下特点。
1.简单易用。
Flash软件的界面非常友好,其功能虽然强大,基本动画的制作却非常方便,绝大多数用户通过学习都有能力掌握。
利用Flash提供的ActionScript脚本语言能够设计非常复杂的动画和交互操作;这对于普通用户来说虽然有些困难,但对于具有一定编程基础的用户而言,却比较容易上手。
2.基于矢量图形。
Flash动画主要基于矢量图形,并且可以重复使用库中的资源。
这一方面使得Flash动画文件所占用的存储空间较小;另一方面矢量图形也使得画面可以无级缩放而不会产生变形,从而保证了动画放大演示时的画面质量。
3.流式传输。
Flash动画采用了流媒体传输技术,在互联网上可以边下载边播放,而不必全部下载到本地机器上之后再观看。
由于不存在下载延时的问题,避免了用户在网络上浏览Flash动画时的等待问题。
4.多媒体制作环境和强大的交互功能。
Flash动画能够实现对多种媒体的支持,如Gif动画、图像、声音、视频等。
声音的加入,有效地渲染了动画的气氛;外部图像的导入,丰富了动画画面的色彩。
加上Flash强大的动画功能,这意味着利用Flash软件能够创作出有声有色、动感十足的多媒体作品。
更可贵的是,利用Flash提供的动作脚本语言进行编程,完全可以满足高级交互功能的设计要求。
鉴于上述特点和优点,Flash软件深受广大动画制作者的偏爱。
近年来Macromedia公司已经被Adobe公司收购,Flash也已经升级到CS4（相当于11.0版本;但很多用户认为,Flash8.0仍然是Flash系列中比较成熟和好用的一个版本。
启动Flash8.0,如图1-4-1所示。
利用该窗口中列出的选项可以打开已有文件,创建新文件或利用模板创建新文件。
图1-4-1启动Flash8.0
单击【创建新项目】中的【Flash文档】选项,进入Flash8.0的文档编辑环境。
如图1-4-2所示。
图1-4-2Flash8.0窗口组成
4.2.2Flash动画基本概念
要学好Flash动画制作,正确理解以下基本概念至关重要。
如图1-4-3所示。
图1-4-3Flash8.0的文档窗口
1.图层
图层是Flash动画中一个非常重要的概念。
在其他很多相关设计软件（比如Photoshop、Dreamweaver、AutoCAD等等甚至文本处理软件Word中都有层的概念,其含义和作用大同小异。
在图层的操作上,Flash与Photoshop比较接近。
可以将Flash动画中的图层理解为透明的电子画布。
在Flash动画文档中往往由多个图层
自上而下按一定顺序相互叠盖在一起。
在每一张电子画布上都可以利用绘图工具绘制图形,时间轴
图层关键帧当前场景名称空白关键帧舞台普通帧
菜单栏
时间轴面板工具箱属性面板
混色器面板工作区
或者将外部导入的图形图像置于其中。
在动画每帧画面的显示上,上面的图层具有较高的优先级。
在Flash舞台和工作区中所看到的画面实际上是各图层叠加之后的总体效果。
使用图层一方面可以控制动画对象在舞台上同一位置的相互遮盖关系;另一方面,将一部动画中的不同对象（比如静止对象、运动对象、声音、动作等和动画中不同的动作（比如太阳的升起、小鸟的飞行、树条在微风中的摆动等置于不同的图层中,彼此互不干扰,有利于动画的管理和维护。
2.时间轴
时间轴的作用是组织和控制动画中各元素的出场顺序。
其中的每一个小方格代表一帧。
动画在播放时,一般是从左向右,依次播放每个帧中的画面。
3.舞台
舞台是制作和观看Flash动画的矩形区域（新建一个动画文件时,屏幕中间的空白区域。
动画中关键帧画面的编辑正是在舞台上完成的。
另外,每一帧画面中的对象只有放置在舞台上,才能够保证这些内容在动画播放时的正常显示。
4.工作区
工作区包括舞台与周围的灰色区域。
在灰色区域中同样可以定义和编辑关键帧画面中的对象,只是在播放发布后的Flash电影时看不到该区域内的所有内容。
比如,在创建物体由屏幕外以某种方式运动到屏幕内的动画时,就需要在这块灰色区域中定义和编辑对象。
5.帧
帧是Flash动画的基本组成单位,一帧就是一个静态画面。
Flash动画一般都由若干帧组成,按顺序以一定的帧速率进行播放,形成动画。
使用帧可以控制对象在时间上出现的先后顺序。
6.关键帧
是一种特殊的、表示对象特定状态（颜色、大小、位置、形状等的帧。
一般表示一个变化的起点或终点,或变化过程中的一个特定的转折点。
在外观上,关键帧上有一个圆点或空心圆圈。
关键帧是Flash动画的骨架和关键所在,在Flash动画中起着非常重要的作用。
在制作Flash动画时,关键帧的画面一般由动画制作者编辑完成,关键帧之间的其他帧（称为普通帧由Flash自动计算完成。
7.场景
场景类似于电视剧中的“集”或戏剧中的“幕”。
一个Flash动画可以由多个场景组成。
这些场景将按照场景面板中列出的顺序依次播放。
场景面板可以通过选择菜单命令【窗口】→【其他面板】→【场景】显示出来。
4.2.3Flash8.0基本工具的使用
工具箱是Flash最重要的面板之一,用于绘图、填色、选择和修改图形、浏览视图等。
以下介绍工具箱中几种常用工具的基本用法。
1.笔触颜色
【笔触颜色】按钮用于设置图形中线条的颜色。
操作方法如下。
（1在工具箱上单击【笔触颜色】按钮上的
弹出如图1-4-4所示的选色面板,同时
光标变成“吸管”状。
（2在选色面板上选择单色或渐变色（面板底部。
（3单击图1-4-4中的①号按钮,可将笔触色设置为无色。
（4单击图1-4-4中的②号按钮,将打开如图1-4-5所示的颜色面板,以自定义笔触颜色。
（5还可在图1-4-4中的“16进制颜色值”数值框中输入特定颜色的16进制颜色值。
（6在图1-4-4中的“透明度”数值框中输入百分比值,以控制笔触色的透明度。
图1-4-4设置笔触颜色图1-4-5颜色面板另外,在工作区选中线条的情况下,还可以从属性面板设置线型和线宽;也常常从混色器面板设置线条的颜色和透明度。
2.填充色
【填充色】按钮用以设置图形内部填充的颜色。
在Flash8中,可以在图形中填充单色、渐变色或位图,操作方法如下。
（1在工具箱上单击【填充色】按钮上的,弹出与图1-4-4相同的选色面板。
（2在选色面板上选择无色、单色或渐变色,必要时设置颜色的透明度。
（3若步骤2中选择的是渐变填充色,可使用混色器面板编辑渐变填充色（如图1-4-6所示。
渐变填充色包括线性和放射状两种。
在混色器面板上单击选择渐变色控制条上的某个色标（选中的色标尖部显示为黑色,未选中的色标尖部显示为灰色,可利用选色器、Alpha选项等修改该处色标的颜色和透明度。
在渐变色控制条的下面单击可增加色标;左右拖移可改变色标的位置,向下拖移色标可将该色标删除。
16进制颜色值
透明度①②
图1-4-6混色器面板
3.选择工具
选择工具的基本功能是选择和移动对象,同时还可以调整线条的形状。
1选择和移动对象
使用选择工具选择对象的要点如下。
z单击:
使用选择工具在对象上单击可选择对象,在对象外的空白处单击或按Esc
键可取消对象的选择。
特别要注意的是,对于使用矩形、椭圆和多角星形等工具直
接绘制的完全分离的矢量图形（假设填充色和笔触色都不是无色,在图形内部单
击,将选中图形的填充区域,如图1-4-7所示;在图形的边界上单击,将选中图形
的边界线条,如图1-4-8所示。
z双击:
使用选择工具在矢量图形的内部双击,可选择整个图形（包括填充区域和边
界线条,如图1-4-9所示。
图1-4-7选择填充区域图1-4-8选择边界线条图1-4-9选择全部
提示:
绘制矩形（假设笔触色不是无色。
使用选择工具分别在矩形的边框上单击和双击,看结果有何不同。
z加选:
按下Shift键,使用选择工具依次单击要选择的对象,可选中多个对象。
z框选:
选择【选择工具】,按下左键拖移鼠标,将所有要选择的对象框在内部后松
开鼠标按键（如图1-4-10所示,所有框在内部的对象都将被选中。
要使用选择工具移动对象,只要在选中的对象上拖移鼠标,即可改变对象的位置。
按住选择填充类型
色标
渐变色控制条
笔触颜色
填充颜色
在渐变色控制条下
面单击可增加色标选色器
Shift键,使用选择工具可在水平或竖直方向上拖移对象。
当然,也可以使用键盘上的方向键移动选中的对象。
在使用方向键移动对象时,若同时按住Shift键,则每按一下方向键可使对象移动10个像素（否则仅移动1个像素。
提示:
在使用Flash的其它工具时,按住Ctrl键不放,可临时切换到选择工具;松开
Ctrl键,将返回原来的工具。
图1-4-10框选对象
2调整线条的形状
选择【选择工具】,将光标移到矢量图形（比如圆形的边框线上（此时光标旁出现一条弧线,拖移鼠标,可改变图形的形状。
如图1-4-11所示。
图1-4-11修改图形的形状
若在拖移图形的边框线前按下Ctrl键,则可改变图形局部的形状。
如图1-4-12所示。
图1-4-12改变图形局部的形状
提示:
在上述使用选择工具改变图形形状的时候,必须满足以下两个条件。
①图形是
未经组合的矢量图形（如使用矩形、椭圆和多角星形等工具直接绘制出来完全分离的图形;
②图形对象未被选择。
4.线条工具
选择【线条工具】,在属性面板上设置线条的颜色（即笔触颜色、粗细和线型;在舞台上按下左键拖移鼠标,可绘制任意长短和方向的直线段。
若在绘制线条时按住Shift键不放,可创建水平、竖直和45º角倍数的直线段。
5.椭圆工具
椭圆工具用来绘制椭圆形和圆形。
操作方法如下。
（1选择【椭圆工具】。
在工具箱或属性面板上设置要绘制图形的填充色和笔触色。
（2在属性面板上设置笔触的粗细和线形。
（3在工作区按下左键拖移鼠标,可绘制椭圆形。
（4在绘制椭圆时,若同时按住Alt键,可绘制以单击点为中心的椭圆。
（5在绘制椭圆时,若按住Shift键,可绘制圆形。
（6在绘制椭圆时,若同时按住Shift与Alt键,可绘制以单击点为中心的圆形。
（7通过将填充色或笔触色设置为无色,可绘制只有内部填充或只有边框的椭圆形或圆形。
例一使用前面学习过的工具及相关操作绘制“皓月当空”的效果。
（1新建Flash空白文档。
（通过菜单命令【修改】→【文档】设置舞台大小400×300像素,背景色#0099FF。
其它属性默认。
（2使用椭圆工具配合Shift键与Alt键在舞台中央绘制一个没有边框的白色圆形。
如图1-4-13所示。
（3使用选择工具选择白色圆形。
选择菜单命令【修改】→【形状】→【柔化填充边缘】,弹出【柔化填充边缘】对话框,参数设置如图1-4-14所示。
单击【确定】按钮。
（4取消圆形的选择状态,结果如图1-4-15所示。
图1-4-13绘制圆形图1-4-14设置边缘柔化参数
图1-4-15边缘柔化后的圆形
6.矩形工具
矩形工具用来绘制矩形、正方形和圆角矩形,操作方法如下。
（1选择【矩形工具】。
在工具箱或属性面板上选择要绘制图形的填充色和笔触色。
（2在属性面板上设置笔触的粗细和线形。
（3在舞台上按下左键拖移鼠标,绘制矩形。
（4在绘制矩形时,若同时按住Alt键,可绘制以单击点为中心的矩形。
（5在绘制矩形时,若按住Shift键,可绘制正方形。
（6在绘制矩形时,若同时按住Shift与Alt键,可绘制以单击点为中心的正方形。
（7通过将填充色或笔触色设置为无色,还可以绘制只有内部或只有边框的矩形。
（8在绘制矩形前,单击工具箱底部的“圆角矩形半径”按钮,将弹出【矩形设置】对话框,输入【边角半径】的数值（如图1-4-16所示,单击【确定】按钮关闭对话框。
此时可在舞台上绘制指定圆角值的矩形。
如图1-4-17所示。
图1-4-16设置圆角参数图1-4-17绘制圆角矩形
7.多角星形工具
多角星形工具用来绘制正多边形和正多角星形。
使用方法如下。
（1在工具箱的【矩形工具】按钮上按下鼠标左键停顿片刻,展开工具组列表,选择其中的【多角星形工具】。
（2在工具箱或属性面板上设置要绘制图形的填充色和笔触色。
（3在属性面板上设置笔触的粗细和线型。
（4单击属性面板上的【选项】按钮,弹出如图1-4-18所示的【工具设置】对话框。
在【样式】列表中选择图形类型（多边形、星形,输入“边数”和“星形顶点大小”（即锐度,仅对星形有效的值。
单击【确定】按钮。
（5在工作区按下左键拖移鼠标,可绘制以单击点为中心的正多边形或星形。
如图
1-4-19示。
图1-4-18【工具设置】对话框图1-4-19绘制多边形和星形
8.铅笔工具
铅笔工具可使用笔触色绘制手绘线条。
铅笔工具的用法如下。
（1选择【铅笔工具】。
在属性面板上设置笔触颜色、粗细和线形。
（2在工具箱的【选项】栏选择绘图模式。
如图1-4-20所示。
z伸直:
进行平整处理,转化为最接近的三角形、圆、椭圆、矩形等几何形状。
z平滑:
进行平滑处理,可绘制非常平滑的曲线。
z墨水:
绘制接近于铅笔工具实际运动轨迹的自由线条。
（3在舞台上按下左键拖移鼠标,可随意绘制线条;Flash将根据绘图模式对线条进行调整。
按住Shift键使用铅笔工具可绘制水平直线段和竖直直线段。
9.橡皮擦工具
橡皮擦工具除了可以擦除绘图工具（线条工具、钢笔工具、椭圆工具、矩形工具、多角星形工具、铅笔工具、刷子工具等绘制的图形外,还可以擦除完全分离的组合、完全分离的位图、完全分离的文本对象和完全分离的元件实例。
另外,在工具箱上双击【橡皮擦工具】,将快速擦除舞台上所有未锁定的对象（包括组合、未分离的位图、文本对象和元件的实例等。
10.墨水瓶工具
使用墨水瓶工具可以修改线条的颜色、透明度、线宽和线型。
操作方法如下。
（1选择【墨水瓶工具】。
（2在工具箱、属性面板或混色器面板上设置笔触的颜色。
（3在属性面板上设置笔触的粗细和线形。
（4在混色器面板上设置笔触颜色的透明度（即Alpha值或编辑渐变笔触色。
（5在完全分离的图形上单击。
如图1-4-21、图1-4-22和图1-4-23所示。
图1-4-20选择绘图模式图1-4-21修改图形的边缘线条
图1-4-22为完全分离的位图添加边框
图1-4-23为完全分离的文本添加边框
11.颜料桶工具
颜料桶工具可以在图形的填充区域填充单色、渐变色和位图,其用法如下。
1填充单色
（1使用线条工具、铅笔工具绘制封闭的区域。
如图1-4-24所示。
图1-4-24绘制封闭的线条
（2选择【颜料桶工具】。
在工具箱、属性面板或混色器面板上将填充色设置为纯色,必要时可设置透明度参数。
（3如果要填充的区域没有完全封闭（存在小的缺口,此时可在工具箱底部的选项栏选择一种合适的填充模式。
如图1-4-25所示。
z不封闭空隙:
只有完全封闭的区域才能进行填充。
z封闭小空隙:
当区域的边界上存在小缺口时也能够进行填充。
z封闭中等空隙:
当区域的边界上存在中等大小的缺口时也能够进行填充。
z封闭大空隙:
当区域的边界上存在较大缺口时仍然能够进行填充。
所谓空隙的小、中、大只是相对而言。
当区域的边界缺口很大时,任何一种填充模式都无法填充。
所以,在缩小视图显示的情况下,间隙即使看上去很小,也可能填不上颜色。
（4在封闭区域的内部单击填色。
如图1-4-26所示。
图1-4-25选择填充模式图1-4-26在封闭区域内部填色
2填充渐变色
（1使用椭圆工具和铅笔工具绘制如图1-4-27所示的图形。
（2将填充色设置为放射状渐变色。
在混色器面板上对渐变色进行修改（左侧色标设置为白色,右侧色标设置为紫色。
（3选择【颜料桶工具】。
不选择【锁定填充】按钮（如图1-4-25所示。
依次在两个圆形区域的内部单击,填充渐变色（单击点即放射状渐变的中心。
如图1-4-28所示。
图1-4-27绘制线条画图1-4-28填充渐变色
3填充位图
（1新建空白文档。
在舞台上绘制矩形。
如图1-4-29所示。
（2使用菜单命令【文件】→【导入】→【导入到舞台】,将素材图像“第4章素材\小狗.jpg”导入。
如图1-4-30所示。
（3确认选中导入的位图。
选择菜单命令【修改】→【分离】,将位图分离。
（4选择【滴管工具】,在分离的位图上单击。
此时,位图图样被吸取到混色器面板的填充颜色中;同时,滴管工具自动切换到颜料筒工具。
（5在前面绘制的矩形内部单击,位图图样被填充到矩形内。
如图1-4-31所示。
图1-4-29绘制矩形1-4-30导入位图图1-4-31填充矩形12
.手形工具
填充模式
锁定填充
当工作区中出现滚动条的时候,使用手形工具可以随意拖移工作区中的画面,使隐藏的内容显示出来。
在编辑修改动画对象的局部细节时,往往需要将画面放大许多倍。
此时,手形工具是非常有用的。
在使用其它工具时,按住空格键不放,可切换到手形工具;松开空格键,将重新返回原来的工具。
另外,双击工具箱上的【手形工具】图标,舞台将全部显示且最大化显示在工作区窗口的中央位置。
13.缩放工具
缩放工具的作用是将舞台放大或缩小显示。
其用法如下。
（1在工具箱上选择【缩放工具】。
（2根据需要在工具箱的【选项】栏选择【放大】按钮或【缩小】按钮。
（3在需要缩放的对象上单击,舞台以一定的比例放大或缩小,且Flash将以该点为中心显示放大或缩小后的画面。
（4使用缩放工具拖移鼠标,将所要显示的内容框在内部后松开鼠标按键,此时无论选择【放大】按钮还是【缩小】按钮,框选的内容都将放大显示到整个工作区窗口。
如图1-4-32所示。
图1-4-32框选放大
当舞台放大或缩小显示时,双击工具箱上的【缩放工具】图标,舞台将恢复到100%的显示比例。
14.文本工具
文本是向观众传达动画信息的重要途径。
Flash中的文本包括静态文本、动态文本和输入文本三种类型。
静态文本在动画播放过程中外观与内容保持不变。
动态文本的内容及文字属性在动画播放过程中可以动态改变。
用户可以为动态文本对象指定一个变量名,并可以在时间轴的指定位置或某一特定事件发生时,赋予该变量不同的值。
在运行动画时,Flash播放器可以根据变量值的变化而动态更新文本对象的显示。
在Flash8中,通过属性面板可以为静态文本和动态文本建立URL链接。
输入文本允许用户在动画播放时重新输入内容。
比如,在Flash动画的开始创建一个登录界面,运行动画时,用户只有输入正确的信息才能继续观看动画电影的其余内容。
下面重点介绍静态文本的基本用法
升级会员 