計(jì)算機(jī)動(dòng)畫(huà)制作

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

本章主要講解計(jì)算機(jī)動(dòng)畫(huà)的基本概念和基礎(chǔ)知

識(shí)。

學(xué)習(xí)內(nèi)容：

■計(jì)算機(jī)動(dòng)畫(huà)概念

■二維動(dòng)畫(huà)的制作

■三維動(dòng)畫(huà)的制作

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.1計(jì)算機(jī)動(dòng)畫(huà)基礎(chǔ)，

5.1.1動(dòng)畫(huà)的視覺(jué)原理*'

動(dòng)畫(huà)是通過(guò)一系列彼此有差別的單個(gè)畫(huà)面來(lái)

產(chǎn)生運(yùn)動(dòng)畫(huà)面的，通過(guò)一定速度的播放可達(dá)到畫(huà)中

形象連續(xù)變化的效果。

人的眼睛在觀察過(guò)物體后，物體的影響將在眼

睛的視網(wǎng)膜上保留一短暫的時(shí)間，這就是被稱(chēng)為

“視覺(jué)暫留”的生物現(xiàn)象。

如果動(dòng)畫(huà)或電影的畫(huà)面刷新率為24幀/秒左右,

則人眼看到的是連續(xù)的畫(huà)面效果。

第5章計(jì)算機(jī)動(dòng)畫(huà)制作諭

5.1計(jì)算機(jī)動(dòng)畫(huà)基礎(chǔ).

5.1.2計(jì)算機(jī)動(dòng)畫(huà)及特點(diǎn)

計(jì)算機(jī)動(dòng)畫(huà)是指采用圖形與圖像的數(shù)字處理

技術(shù)，借助于編程或動(dòng)畫(huà)制作軟件生成一系列的景

物畫(huà)面。其中，當(dāng)前幀畫(huà)面是對(duì)前一幀的部分修改。

計(jì)算機(jī)動(dòng)畫(huà)是采用連續(xù)播放靜止圖像的方法產(chǎn)

生景物運(yùn)動(dòng)的效果。

?動(dòng)畫(huà)是由一系列的靜止畫(huà)面按照一定的順序排

列而成的，這些靜止畫(huà)面稱(chēng)為幀(Frame)。

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.1計(jì)算機(jī)動(dòng)畫(huà)基礎(chǔ)’

5.1.2計(jì)算機(jī)動(dòng)畫(huà)及特點(diǎn)4'

計(jì)算機(jī)動(dòng)畫(huà)分為幀動(dòng)畫(huà)和造型動(dòng)畫(huà)兩種。

幀動(dòng)畫(huà)是由一幀幀位圖組成連續(xù)的畫(huà)面，通

過(guò)幀之間的播放時(shí)間間隔控制動(dòng)畫(huà)的速度。

造型動(dòng)畫(huà)是對(duì)每一個(gè)活動(dòng)的物體分別進(jìn)行設(shè)

計(jì)，賦予空一個(gè)物體一些特征，然后用這些物體組

成完整的畫(huà)面。

造型動(dòng)畫(huà)的每一幀由稱(chēng)為造型元素有特定內(nèi)容

的成分組成。造型元素可以是圖像、聲音、文字、

調(diào)色板。這些元素構(gòu)成造型。

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.1計(jì)算機(jī)動(dòng)畫(huà)基礎(chǔ)，

5.1.3計(jì)算機(jī)動(dòng)畫(huà)的制作.“

動(dòng)畫(huà)的制作方法有：

(1)利用編程實(shí)現(xiàn)。

(2)多媒體創(chuàng)作工具中的動(dòng)畫(huà)制作模塊。

(3)專(zhuān)門(mén)的動(dòng)畫(huà)制作軟件。

不同的動(dòng)畫(huà)效果，取決于計(jì)算機(jī)動(dòng)畫(huà)軟、硬件

的不同功能。

根據(jù)創(chuàng)作的對(duì)象不同，動(dòng)畫(huà)制作軟件分成二

維和三維動(dòng)畫(huà)軟件兩種。

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.1計(jì)算機(jī)動(dòng)畫(huà)基礎(chǔ)!

5.1.3計(jì)算機(jī)動(dòng)畫(huà)的制作.

1.二維動(dòng)畫(huà)

二維動(dòng)畫(huà)是平面動(dòng)畫(huà)，常用于影視制作、教

學(xué)演示、互聯(lián)網(wǎng)應(yīng)用等。

常用的二維動(dòng)畫(huà)制作軟件有：

(1)傳統(tǒng)動(dòng)畫(huà)制作：AnimatorStudio>

Morph、AnimationStand；

(2)FLASH動(dòng)畫(huà)軟件

(3)GIF動(dòng)畫(huà)制作

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.1計(jì)算機(jī)動(dòng)畫(huà)基礎(chǔ)’

5.1.3計(jì)算機(jī)動(dòng)畫(huà)的制作4'

2.三維動(dòng)畫(huà)

三維動(dòng)畫(huà)屬于造型動(dòng)畫(huà)，可以模擬真實(shí)的三

維空間。

通過(guò)計(jì)算機(jī)構(gòu)造三維幾何造型，并給表面賦予

顏色、紋理，然后設(shè)計(jì)三維形體的運(yùn)動(dòng)、變形，調(diào)

整燈光的強(qiáng)度、位置及移動(dòng)，最后生成一系列可供

動(dòng)態(tài)實(shí)時(shí)播放的連續(xù)圖像。

三維動(dòng)畫(huà)可以實(shí)現(xiàn)某些形體操作。

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

GIF就是圖像交換格式，它有以下幾個(gè)特點(diǎn)：

(1)GIF只支持256色以?xún)?nèi)的圖像；

(2)GIF采用無(wú)損壓縮存儲(chǔ)，在不影響圖像質(zhì)

量的情況下，可以生成很小的文件；

(3)它支持透明色，可以使圖像浮現(xiàn)在背景

之上；

(4)GIF文件可以制作動(dòng)畫(huà)，這是它最突出的

一個(gè)特點(diǎn)。

GIF文件的眾多特點(diǎn)適應(yīng)了Internet的需要，

使它成了Internet上最流行的圖像格式。

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5.3.1初步認(rèn)識(shí)UleadGIFAnimator5

1.UleadGIFAnimator5界匝

UleadGIFAnimator-［無(wú)標(biāo)照］(IX)468x60nwi

屬性設(shè)EileEditJfievQbjtclFr?a?FillerVi《e。F/XHelp

ClN?隗?@邕Ax略翦國(guó)前e9

對(duì)象

面板

幀面板

i/iGGTS

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作，

5.3.1初步認(rèn)識(shí)UleadGIFAnimator5

2.設(shè)置GIFAnimator

Preferences

在General中?―/GeneralOptirnffeFiltersx\

AddImage/Vio\Open/S&vPlug-in

設(shè)置GIFPreview

Addi/videoFilters中進(jìn)行設(shè)置

Animator的普通.hsertinthecurrentGIFAnimaotr所支

|Z7PiciributetumdiVidrr

設(shè)置，進(jìn)行有關(guān)持外掛的配件

默認(rèn)的設(shè)置修蘆(?Insertasnewfrar

//向買(mǎi)sgwhendraggingandjiroppingimage￡il4

AddAddyideo

「Insertinthecurrent

Image/Video中設(shè)|UiCtrlbut*tomdiV：dualfi*4/r.es:￡x^putOptimize面

canxiytsofmultipieframes

置加入圖像或視⑵Insertasnewfrar板中設(shè)置有關(guān)動(dòng)

頻時(shí)，是作為新VAskwhenaddingvideos畫(huà)優(yōu)化的參數(shù)

的一幀還是加入

到翎在所在幀一確定取消幫助

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5,3.1初步認(rèn)識(shí)UleadGIFAnimator5

3.制作動(dòng)態(tài)GIF實(shí)例

新建GIF動(dòng)畫(huà)

Width

Heighl

Soli.dcolorbackground

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5,3.1初步認(rèn)識(shí)UleadGIFAnimator5

3.制作動(dòng)態(tài)GIF實(shí)例

加入圖像

UleadGIFAnimator-［無(wú)標(biāo)題,］(IX)200x80

FileEditViewObjectFrameFilterVideoF/XHelp

OrderAlignment

I1度駕|客鑿座］曲圉roperties.JFMoveactiveobject(s)

PrevictI

k曲ShowobjectsTransparency

AIIenject：」［6—=工1通電!X圖

Obj-2

rQ(0,0)(X,200.K：80)

I■肥。;3。。小砌

0Q

1:Frame

?陽(yáng)*2/24?Xq下安圉

|ForHelp,pressFl

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5,3.1初步認(rèn)識(shí)UleadGIFAnimator5

3.制作動(dòng)態(tài)GIF實(shí)例

使用DiamondsA-F/X切換效果

AddEffects

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5,3.1初步認(rèn)識(shí)UleadGIFAnimator5

3.制作動(dòng)態(tài)GIF實(shí)例

預(yù)覽效果

為英為久善

族飛夢(mèng)想▼

rt期更風(fēng)U

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作J

5.2.2更好地使用UleadGIFAnimator5

1.使用動(dòng)畫(huà)向?qū)е谱鱃IF動(dòng)畫(huà)

AnimationWizard-SetCanvasSize

Now,choosewhichimageorvideofilestoinclude

Thefirstthingtodoistodecidethecanvasintheanimation.UsetheAddImageandAddVideo

sizeforthenewanimationSelectfromthebuttonstobringtheappropriatefilesintoGIF

Rnimationpredefinedtemplatesorcustomizeyourown.RnimationAnimator

LDizardUJizardToarrangetheminaparticularorder,dragthe

filenamestothedesiredpositioninthelist

Heighi

Image.IAddVideo.|

I下一步。）＞|取消＜上一步⑹KE斐:取消

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5.2.2更好地使用UleadGIFAnimator5

2.優(yōu)化GIF動(dòng)畫(huà)

UleadGIFAnimator-1無(wú)標(biāo)題.uga](IX)200x80□0?

ObjectFrameVideo

Matte

Optimize

Originalfile501,760bytesCompressed50,122bytes

Downloadti?e：Of10"056KDownloadtime：00'OT@56K

Dptuni

;2:DiamondsAT3DiamondsAT4diamonds

0.04

(H：182S:80B:95：

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5.2.3制作網(wǎng)站“歡迎頁(yè)”動(dòng)畫(huà)

1.準(zhǔn)備素材

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5.2.3制作網(wǎng)站“歡迎頁(yè)”動(dòng)畫(huà)

2.設(shè)置動(dòng)畫(huà)

導(dǎo)入圖像并調(diào)整到合適位置_

?UleadGIFAniaator-［無(wú)標(biāo)(1/2X)610x320國(guó)回園

RilegditViewQbj*ctFraneFillerVideoF/XHelp

|口礴%㈣a@七X則?IB

Order

_________|廠(chǎng)Moveactiveobject(s)

?i/i41a<xTs

[ForHelp,pressFl

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5.2.3制作網(wǎng)站“歡迎頁(yè)”動(dòng)畫(huà)

2.設(shè)置動(dòng)畫(huà)

在Objects面板顯示狀態(tài)或隱藏對(duì)象

ShowobjectsTransparency

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.2GIF動(dòng)畫(huà)的制作

5.2.3制作網(wǎng)站“歡迎頁(yè)”動(dòng)畫(huà)

2.設(shè)置動(dòng)畫(huà)

幀間“插值”

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.3三維動(dòng)畫(huà)的制作

5.3.13dsmax7的界面布局

標(biāo)題欄菜單欄工具欄視圖區(qū)命令面板

-St4nd-4loneI.kerne

蘸⑹工女(I)蛆⑤祝映0創(chuàng)淫?修改掘》ftfe(H)reacta5S?賺就—自數(shù)《/MAX5O制兇———|

.I%?？趹{1k31V戴盤(pán)心.0《/耐F胴j*z.碾^“I~~|

Q

-上喇咧TI

-Ia?忙二、，二%

C|標(biāo)唯基本體3

'?一對(duì)塞美至?

日齡出-r

K長(zhǎng)方體,雕生

理學(xué)—I幾何球體

田

回訃西徑推

N巨

盧

?

斗

小

0/100

Q2P406080100

$「7zf三*?iHi?*Q卑H幟

?sS—Or

再擊近法為斑以西森質(zhì)正設(shè)健點(diǎn)關(guān)鍵點(diǎn)過(guò)濾88刈|。A.0也3

提示欄狀態(tài)欄動(dòng)畫(huà)控制區(qū)視圖控制區(qū)

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.3三維動(dòng)畫(huà)的制作

5.3.2創(chuàng)建3D動(dòng)畫(huà)的基本過(guò)程

1.建模

2.渲染

3.貼圖與材質(zhì)

4.燈光

5.動(dòng)畫(huà)制作

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.3三維動(dòng)畫(huà)的制作

5.3.3利用3dsmax7創(chuàng)建3D動(dòng)畫(huà)

1.設(shè)置動(dòng)畫(huà)屬性

句間配置

幀速率時(shí)間顯示

確定

rHTSCr電影

CSMPTE取消

?PALC自定義

r幀:TICK

FPS:|C|

r分:秒:TICK

播放

”實(shí)時(shí)R僅活動(dòng)視口F盾訐

速度ri/4xri/2x?ixr2xr4x

方向公同前c向后r往復(fù)

:

開(kāi)始時(shí)間.[o-:長(zhǎng)度：頹

結(jié)束時(shí)間除心幀數(shù).雨T

重縮放時(shí)間當(dāng)前時(shí)間.丁*1

關(guān)鍵點(diǎn)步幅

V使用軌跡欄

F僅選定對(duì)象F使用當(dāng)前動(dòng)

口住胃口旋轉(zhuǎn)Q縮胖

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.3三維動(dòng)畫(huà)的制作

5.3.3利用3dsmax7創(chuàng)建3D動(dòng)畫(huà)

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.3三維動(dòng)畫(huà)的制作

5.3.3利用3dsmax7創(chuàng)建3D動(dòng)畫(huà)

2.創(chuàng)建文字及材質(zhì)

W“隔懵聞T

[W^2--------------------

附體92312▼

Z1H］厚型到凰

大?。簗W15—:

字間距［200―：

行間距：|0~0豈

卻

第5章計(jì)算機(jī)動(dòng)畫(huà)制作

5.3三維動(dòng)畫(huà)的制作

5.3.3利用3dsmax7創(chuàng)建3D動(dòng)畫(huà)

2.創(chuàng)建文字及材質(zhì)

劭“I承嶺國(guó)I

-will19IS