计算机动画基础

第八章

计算机动画基础

本章要点

•动画的原理与发展

•计算机动画的基本原理

•二维GIF动画构成

•变形动画的原理与应用

•动画设计与创意

三、二维GIF动画构成

1、GIF文件结构

2、GIFConstructionSet的功能

3、GlFCon的应用

4、ImageReady的应用

1、GIF文件结构

标记/版本号

文件头GIF窗口大小

(HeadBIock)背景色

±\

附

2、GIFConstructionSet的功能

•由相同幅面图像块构成动画

•由不同幅面图像块构成动画

•创建透明的GIF文件

•插入文字

•其它增强功能

案例1:由相同幅面图像块构成的动画

n

由不同幅面图像块构成动画

*9醺嗫

案例3：透明的GIF文件

Imademyselfasnowball,

Asperfectascouldbe,

IthoughtI'dkeepitosapet,

Andletitsleepwithme.

Imadeitsomepajamas.

Andapillowforitshead.

Thenlastnightitranaway,/

Butfirst--itwetthebed.，

案例3：透明的GIF文件

.不等幅面图块构成的透明GIF

Imademyselfasnowball,

Asperfectascouldbe,

IthoughtI'dkeepitosapet.

Andletitsleepwithme.

Imadeitsomepajamas.

Andapillowforitshead.

Thenlastnightitranaway

Butfirst--itwetthebed.

案例3：透明的GIF文件

c.两个透明GIF

Imademyselfasnowball.

Asperfectascouldbe,

IthoughtI'dkeepitasapet,

.«口，Andletitsleepwithme.

,Imadeitsomepajamas.

Andapillowforitshead.

Thenlastnightitranaway，

Butfirst--itwetthebed.」

案例3：透明的GIF文件

p.两个透明GIF的叠加,并配上合适的背景色和音乐

•这个功能并非所有的Gif浏览器都有效。

其藤懒生成的GIF文件的容量。

•把GIF文件转换成AVI文件。

•由一幅图像自动生成旋转(spin)的二维动画。

•生成各种特殊效果的文字标语动画

(banners)。

•产生不同图块之间的过渡(transition)效果。

3、GlFCon的应用

•窗口、菜单与功能键

•文件头编辑

•插入图块

•编辑控制块

•整体调整

•预览GIF文件

•保存GIF文件

I

打开预览插入块选择所有块管理块

保存快速生成删除块取消选择手册帮助

IIII

案例4：“随风飘去”的制作

(1)文件头编辑

•文件头默认参数：

160X100显示窗口(图块尺寸)，256公共调色板

(2)插入图块

•Edit/lnsert/lmage------插入图像块

•Comment——插入注释块

•PlainText-----插入文字块

•功能键

•Block/Merge——插入另一个GIF文件模块

(3)插入时调色板的调整图块

Palette

ThepaletteoftheimageyouhaveimportedOK

doesnotmatchtheglobalpaletteforthisfile.

Youcan:Cancel

Ditherthisimagetotheglobalpalette

Help|

「Hemapthisimagetotheglobalpalette

「Usealocalpaletteforthisimage

Warning:localpalettescancrashsomeweb

browsers.IfyouarecreatingGIFfilesforthe

worldwideweb,thelocalpaletteoptionisnot

recommended.

PUsethisselectionforsubsequentimages

(3)插入第一帧时

采用不同调色板的效果图块

(4)编辑控制块

•将本地调色板作为公共调色板使用

•图像位移调整

•透明参数调整

EditImage

-Control

15rControlblock

•[Transparentcolour

0

Delay:|l00±|

1/1OOthsofasecond

SetRemoveByto

Backgroundfor

Palette

transparentanimatedGIF

PLocal£a)ette:Loadfiles.

256coloursRemoveby:

Save(Nothing

EditIShow

I-Waitforuserinput

Block.tide

(5)插入其他项

•注释块

•文本块

(6)整体调整

•复制、删除、移位

•Block菜单提供各种工具的编辑

(7)预览、调整和保存GIF文件

4

・、在

勺图块（帧）分别放

•点击Photoshop工具箱中跳转至UlmageReady按钮

•一个图层对应一帧，并调整好显示时间

•预览，调整、生成gif文件

GIF应用实例1：HappyNewYear

GIF应用实例2：光影

GIF应用实例3：闪光的都是金子吗?

L

0

总体构图

素材处理

动画生成

文字编排

•实例：新年乐

tennewye