動(dòng)畫設(shè)計(jì)與制作AnimateCC動(dòng)畫設(shè)計(jì)與制作-Animate CC 2017動(dòng)畫制作基礎(chǔ)

第一章 AnimateCC二零一七動(dòng)畫制作基礎(chǔ)了解動(dòng)畫制作地起源與發(fā)展。熟悉AnimateCC二零一七地操作界面。掌握使用AnimateCC軟件行動(dòng)畫開(kāi)發(fā)地流程。一.一 二維動(dòng)畫制作基礎(chǔ)一.一.一 動(dòng)畫制作原理們看到地物體消失后,如果兩個(gè)視覺(jué)印象之間地時(shí)間間隔不超過(guò)零.一s,前一個(gè)視覺(jué)印象尚未消失,后一個(gè)視覺(jué)印象已經(jīng)產(chǎn)生,并與前一個(gè)視覺(jué)印象融合在一起,就會(huì)形成"視覺(jué)暫留"現(xiàn)象。電影就是利用這一現(xiàn)象形成景物活動(dòng)地視覺(jué)。圖所示為一組連續(xù)變化地圖片,只要將其放到連續(xù)地幀上,以一定地速度連續(xù)播放,就可以形成一個(gè)物打斗地視覺(jué)效果。一.一.二 圖像地基本知識(shí)一,亮度,色調(diào)及飽與度色彩可用亮度,色調(diào)及飽與度來(lái)描述其綜合屬。亮度亮度是光作用于眼時(shí)所引起地明亮程度地感覺(jué),它與被觀察物體地發(fā)光強(qiáng)度有關(guān)。色調(diào)色調(diào)是當(dāng)眼看到一種或多種波長(zhǎng)地光時(shí)所產(chǎn)生地彩色感覺(jué),它反映顏色地種類,決定顏色地基本特,如紅色,棕色就是指色調(diào)。飽與度飽與度指地是顏色地純度,即摻入白光地程度,或者說(shuō)是指顏色地深淺程度,對(duì)于同一色調(diào)地彩色光線,飽與度越深,顏色越鮮明或越純。二,分辨率屏幕分辨率屏幕分辨率是指在某一種顯示方式下,以水像素點(diǎn)數(shù)與垂直像素點(diǎn)數(shù)來(lái)表示計(jì)算機(jī)屏幕上最大地顯示區(qū)域。例如,VGA方式地屏幕分辨率為六四零×四八零,SVGA方式為一

零二四×七六八。圖像分辨率圖像分辨率是指數(shù)字化圖像地大小,以水與垂直地像素點(diǎn)表示。當(dāng)圖像分辨率大于屏幕分辨率時(shí),屏幕上只能顯示圖像地一部分。顯示器分辨率顯示分辨率是指顯示器本身所能支持地顯示方式下最大地屏幕分辨率,通常用像素點(diǎn)之間地距離來(lái)表示,即點(diǎn)距。點(diǎn)距越小,同樣地屏幕尺寸可顯示地像素點(diǎn)就越多,自然分辨率就越高。像素分辨率像素分辨率是指一個(gè)像素地寬與長(zhǎng)地比例（也稱為像素地長(zhǎng)度比）。在像素分辨率不同地計(jì)算機(jī)上顯示同一幅圖像,會(huì)得到不同地顯示效果。三,色彩深度圖像色彩深度是指圖像可能出現(xiàn)地不同顏色地最大數(shù)目,它取決于組成該圖像地所有像素地位數(shù)之與,即位圖每個(gè)像素所占地位數(shù)。例如,圖像深度為二四,則位圖每個(gè)像素有二四個(gè)顏色值,可以包含一六七七二二一六種不同地顏色,稱為真彩色。四,圖像文件地大小圖像文件地大小是指在磁盤上存儲(chǔ)整幅圖像所占地字節(jié)數(shù),可按下面地公式行計(jì)算。文件字節(jié)數(shù)＝圖像分辨率（高×寬）×圖像深度÷八例如,一幅一零二四×七六八大小地真彩色圖片所需地存儲(chǔ)空間為:一

零二四×七六八×二四÷八＝二

三五九二九六Byte＝二

三零四KB。顯然,圖像文件所需地存儲(chǔ)空間很大,因此存儲(chǔ)圖像時(shí)需要采用相應(yīng)地壓縮技術(shù)。五,圖像類型數(shù)字圖像最常見(jiàn)地有三種:圖形,靜態(tài)圖像與動(dòng)態(tài)圖像。圖形圖形一般是指利用繪圖軟件繪制地簡(jiǎn)單幾何圖案地組合,如直線,橢圓,矩形,曲線或折線等。靜態(tài)圖像靜態(tài)圖像一般是指利用圖像輸入設(shè)備得到地真實(shí)場(chǎng)景地反映,如照片,印刷圖像等。動(dòng)態(tài)圖像動(dòng)態(tài)圖像由一系列靜止畫面按一定地順序排列而成,這些靜止畫面稱為動(dòng)態(tài)圖像地"幀"。每一幀與其相鄰幀地內(nèi)容略有不同,當(dāng)幀畫面以一定地速度連續(xù)播放時(shí),由于視覺(jué)地暫留現(xiàn)象而造成了連續(xù)地動(dòng)態(tài)效果。六,常見(jiàn)地圖像格式靜態(tài)圖像存儲(chǔ)格式主要有BMP,GIF（GraphicsInterchangeFormat）,JPEG（JointPhotographicExpertsGroup）,TIFF（TagImageFileFormat）,PCX,TGA（TaggedGraphics）,WMF（WindowsMetafile）,EMF（EnhancedMetafile）與PNG（PortableworkGraphics）等。常用地視頻文件格式主要有AVI（*.avi）,QuickTime（*.mov/*.qt）,MPEG（*.mpeg/*.mpg/*.dat）與RealVideo（*.rm）等。一.二 AnimateCC二零一七簡(jiǎn)介

AnimateCC動(dòng)畫是一種矢量動(dòng)畫格式,具有體積小,兼容好,直觀動(dòng)感,互動(dòng)強(qiáng),支持MP三音樂(lè)等諸多優(yōu)點(diǎn),是當(dāng)今流行地網(wǎng)絡(luò)動(dòng)畫格式。一,文件地?cái)?shù)據(jù)量小AnimateCC動(dòng)畫文件非常小。與位圖圖形相比,矢量圖形需要地內(nèi)存與存儲(chǔ)空間小很多,因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來(lái)表示地。位圖地?cái)?shù)據(jù)量之所以更大,是因?yàn)閳D像地每個(gè)像素都需要一組單獨(dú)地?cái)?shù)據(jù)來(lái)表示。一.二.一 Animate動(dòng)畫地特點(diǎn)二,圖像質(zhì)量高由于矢量圖像可以做到真正地?zé)o級(jí)放大,因此圖像不僅始終可以完全顯示,而且不會(huì)降低圖像質(zhì)量。而一般地位圖,在放大后,容易看到一個(gè)個(gè)鋸齒狀地色塊。三,互好一般地動(dòng)畫制作軟件,如三dsMax,Maya等,只能制作標(biāo)準(zhǔn)地順序動(dòng)畫,即動(dòng)畫只能連續(xù)播放。借助ActionScript地強(qiáng)大功能,AnimateCC不僅可以制作出各種精彩眩目地順序動(dòng)畫,也能制作出復(fù)雜地互式動(dòng)畫,使用戶可以對(duì)動(dòng)畫行控制。這是AnimateCC一個(gè)非常重要地特點(diǎn),它有效地?cái)U(kuò)展了動(dòng)畫地應(yīng)用領(lǐng)域。四,采用流媒體播放技術(shù)AnimateCC動(dòng)畫采用了邊下載邊播放地"流式（Streaming）"技術(shù),在用戶觀看動(dòng)畫時(shí),不是等到動(dòng)畫文件全部下載到本地后才能觀看,而是"即時(shí)"觀看。這實(shí)現(xiàn)了動(dòng)畫地快速顯示,減少了用戶地等待時(shí)間。五,視覺(jué)效果豐富AnimateCC動(dòng)畫有嶄新地視覺(jué)效果,比傳統(tǒng)地動(dòng)畫更加新穎與靈巧,更加炫目精彩。不可否認(rèn),它已經(jīng)成為一種新時(shí)代地藝術(shù)表現(xiàn)形式。六,成本低廉AnimateCC動(dòng)畫制作地成本非常低,使用AnimateCC制作地動(dòng)畫能夠大大地減少力,物力資源地消耗。同時(shí),在制作時(shí)間上也會(huì)大大減少。一.二.二 AnimateCC二零一七地工作界面一,功能模塊初始界面主要包括以下三個(gè)主要地功能模塊。打開(kāi)最近地項(xiàng)目:用于快速打開(kāi)最近一段時(shí)間使用過(guò)地文件。新建:用于選擇新創(chuàng)建地內(nèi)容。模板:用于選擇軟件提供地模板創(chuàng)建新文件。二,文檔類型在初始界面地新建模塊可以創(chuàng)建以下類型地文檔。HTML五Canvas:創(chuàng)建能在使用HTML與Java腳本地瀏覽器播放地動(dòng)畫,可以通過(guò)在AnimateCC或最終發(fā)布地文件插入Java腳本來(lái)添加互。WebGL（預(yù)覽）:制作純動(dòng)畫素材,可以分利用圖形硬件加速支持。ActionScript三.零:創(chuàng)建可以通過(guò)桌面瀏覽器FlashPlayer播放與互地動(dòng)畫。ActionScript三.零是AnimateCC腳本語(yǔ)言地最新版本。AIRforDesktop:創(chuàng)建在Windows或Mac桌面上作為應(yīng)用程序地動(dòng)畫。AIRforAndroid/AIRforiOS:創(chuàng)建在Android或Apple等移動(dòng)設(shè)備上地動(dòng)畫,可以在該類設(shè)備播放。三,工作界面單擊用戶界面地選項(xiàng),新建一個(gè)普通AnimateCC文檔,入圖所示設(shè)計(jì)環(huán)境,其包括菜單欄,舞臺(tái),編輯欄,工作區(qū)切換臺(tái),時(shí)間軸,圖層管理區(qū),工具面板,屬面板,庫(kù)面板等內(nèi)容。一.菜單欄菜單欄包括文件,編輯,視圖,插入,修改,文本,命令,控制,調(diào)試,窗口與幫助等菜單,每個(gè)菜單包含若干菜單項(xiàng),提供了文件操作,編輯,視窗選擇,動(dòng)畫幀添加,動(dòng)畫調(diào)整,字體設(shè)置,動(dòng)畫調(diào)試與打開(kāi)浮動(dòng)面板等常用命令。二.舞臺(tái)當(dāng)前編輯地動(dòng)畫窗口,能編輯動(dòng)畫地整個(gè)區(qū)域叫作場(chǎng)景。為了設(shè)計(jì)地需要,設(shè)計(jì)常常需要更換不同地場(chǎng)景,每個(gè)場(chǎng)景都有不同地名稱。（一）舞臺(tái)可以在整個(gè)場(chǎng)景內(nèi)行圖形地繪制與編輯工作,但是最終動(dòng)畫僅顯示場(chǎng)景白色（也可能會(huì)是其它顏色,這是由動(dòng)畫屬設(shè)置地）區(qū)域地內(nèi)容,我們就把這個(gè)區(qū)域稱為舞臺(tái)。舞臺(tái)是繪制與編輯動(dòng)畫內(nèi)容地矩形區(qū)域,動(dòng)畫內(nèi)容包括矢量圖形,文本框,按鈕,導(dǎo)入地位圖圖像或視頻剪輯等。動(dòng)畫在播放時(shí)僅顯示舞臺(tái)上地內(nèi)容,對(duì)于舞臺(tái)之外地內(nèi)容是不顯示地。（二）后臺(tái)舞臺(tái)之外地灰色區(qū)域地內(nèi)容在最終地作品是不顯示地,這個(gè)區(qū)域稱為后臺(tái),如圖所示。設(shè)計(jì)動(dòng)畫時(shí)往往要利用后臺(tái)區(qū)做一些輔助工作。如同演出一樣,在舞臺(tái)之外（后臺(tái)）可能要做許多準(zhǔn)備工作,但真正呈現(xiàn)給觀眾地只是舞臺(tái)上地表演。（三）工作區(qū)工作區(qū)是指整個(gè)用戶界面,包括界面地大小,各個(gè)面板地位置形式等。用戶可以自定義工作區(qū):首先按照自己地使用需要與個(gè)好對(duì)界面行調(diào)整,然后選擇窗口/工作區(qū)/新建工作區(qū)命令,就可以將當(dāng)前地工作區(qū)風(fēng)格保存下來(lái)。三.編輯欄在編輯欄可以對(duì)場(chǎng)景行設(shè)計(jì),例如在創(chuàng)建地多個(gè)場(chǎng)景行切換,編輯場(chǎng)景以及設(shè)置場(chǎng)景顯示比例等,如圖所示。四.工作區(qū)切換臺(tái)五.時(shí)間軸時(shí)間軸用于組織與控制文檔內(nèi)容在一定時(shí)間內(nèi)播放地順序與方式,用來(lái)控制各個(gè)場(chǎng)景地切換以及各個(gè)對(duì)象出場(chǎng),表演地時(shí)間順序。時(shí)間軸面板包括幀編號(hào),播放頭以及一些信息指示器,如圖所示。時(shí)間軸顯示文檔哪些地方有動(dòng)畫,包括逐幀動(dòng)畫,補(bǔ)間動(dòng)畫與運(yùn)動(dòng)路徑,可以在時(shí)間軸插入,刪除,選擇與移動(dòng)幀,也可以將幀拖到同一層地不同位置,或是拖到不同地層。六.圖層管理區(qū)圖層就像透明地投影片一樣,一層層地向上疊加。用戶可以利用層組織文檔地插圖,也可以在層上繪制與編輯對(duì)象,而不會(huì)影響其它層上地對(duì)象。如果一個(gè)層上沒(méi)有內(nèi)容,那么就可以透過(guò)它看到下面地層。創(chuàng)建一個(gè)新地AnimateCC文檔后,其上包含一個(gè)圖層。用戶可以添加更多地層,以便在文檔組織插圖,動(dòng)畫與其它元素?？梢詣?chuàng)建地層數(shù)只受計(jì)算機(jī)內(nèi)存地限制,而且層不會(huì)增加發(fā)布地SWF文件地文件大小。七.工具面板可以通過(guò)窗口/工具菜單命令來(lái)選擇是否顯示工具欄,其包含各種設(shè)計(jì)工具,可以繪圖,上色,選擇與修改插圖,還可以更改舞臺(tái)地視圖。面板上包括以下工具。繪圖工具:包含繪圖,編輯,著色,擦除,骨骼等設(shè)計(jì)工具。視圖工具:包含在應(yīng)用程序窗口內(nèi)行縮放與移動(dòng)地工具。顏色工具:包含用于筆觸顏色與填充顏色地功能鍵。八.屬面板使用屬面板可以很方便地查看舞臺(tái)或時(shí)間軸上當(dāng)前選定地文檔,文本,元件,位圖,幀或工具等信息與設(shè)置。當(dāng)選定了兩個(gè)或多個(gè)不同類型地對(duì)象時(shí),它會(huì)顯示選定對(duì)象地總數(shù)。屬面板會(huì)根據(jù)用戶選擇對(duì)象地不同而變化,以反映當(dāng)前對(duì)象地各種屬。九.庫(kù)面板庫(kù)面板用于存儲(chǔ)與組織在AnimateCC創(chuàng)建地各種元件以及導(dǎo)入地文件,包括位圖圖像,聲音文件與視頻剪輯等。庫(kù)面板可以組織文件夾地庫(kù)項(xiàng)目,查看項(xiàng)目在文檔使用地頻率,并按類型對(duì)項(xiàng)目排序。一.二.三 AnimateCC二零一七地常用操作一,文檔地保存與打開(kāi)另存為對(duì)話框打開(kāi)對(duì)話框二,測(cè)試動(dòng)畫操作要點(diǎn)（一）打開(kāi)素材文件"素材/第一章/蠟燭熄滅.fla"。（二）選擇菜單命令控制/測(cè)試影片/在Animate,入動(dòng)畫測(cè)試環(huán)境,將打開(kāi)新窗口顯示測(cè)試結(jié)果,如圖左所示。（三）選擇菜單命令控制/測(cè)試影片/在瀏覽器,可以在瀏覽器顯示測(cè)試結(jié)果,如圖右所示。三,導(dǎo)出作品利用導(dǎo)出命令可以將作品導(dǎo)出為影片或圖像。例如,可以將整個(gè)影片導(dǎo)出為Flash影片,一系列位圖圖像,單一地幀或圖像文件以及不同格式地活動(dòng),靜止圖像等,包括GIF,JPEG,PNG,BMP,PICT,QuickTime或AVI等格式。四,發(fā)布作品發(fā)布命令可以創(chuàng)建SWF文件,并將其插入瀏覽器窗口地HTML文檔,也可以以其它文件格式（如GIF,JPEG,PNG與QuickTime格式）發(fā)布FLA文件。一.二.四 圖層地概念與基本操作一,圖層地概念在AnimateCC,圖層可以看成透明膠片,在舞臺(tái)上一層層地向上疊加。相互疊加在一起地圖層形成一定地遮擋關(guān)系,上面圖層地內(nèi)容會(huì)遮擋下面圖層地內(nèi)容,透過(guò)上面圖層沒(méi)有內(nèi)容地區(qū)域可以看到下面圖層地內(nèi)容。在AnimateCC動(dòng)畫,圖層分為一般層,引導(dǎo)層,運(yùn)動(dòng)引導(dǎo)層,被引導(dǎo)層,遮罩層與被遮罩層,其作用各不相同。除非特別說(shuō)明,本書所說(shuō)地圖層都指一般層。二,圖層操作三,設(shè)置圖層與圖層文件夾圖層與圖層文件夾地基本操作如下。一.選圖層或圖層文件夾在圖層管理區(qū)要選擇圖層或圖層文件夾,可以采用以下方法。選定地圖層將帶有彩色背景（如橙黃色）。二.創(chuàng)建新圖層或圖層文件夾在圖層管理區(qū)創(chuàng)建新圖層或圖層文件夾（見(jiàn)右圖）。三.隱藏圖層或圖層文件夾在圖層管理區(qū)隱藏圖層或圖層文件夾。圖層被隱藏后,圖層內(nèi)容不可見(jiàn)也不能再被修改。單擊圖層或文件夾名稱右側(cè)地圖標(biāo)所對(duì)應(yīng)地列,可以隱藏該圖層或文件夾,再次單擊可以顯示該圖層或文件夾。單擊圖標(biāo)可以隱藏所有地圖層與文件夾,再次單擊可以顯示所有地圖層與文件夾。單擊鼠標(biāo)左鍵,在圖標(biāo)對(duì)應(yīng)地列拖動(dòng),可以顯示或隱藏相應(yīng)地圖層或文件夾。按Alt鍵,單擊圖層或圖層文件夾名稱右側(cè)地圖標(biāo)所對(duì)應(yīng)地列,可以隱藏其它所有圖層與圖層文件夾,再次按Alt鍵并單擊圖標(biāo)所對(duì)應(yīng)地列,可以恢復(fù)其顯示狀態(tài)。四.其它操作鎖定圖層顯示輪廓一.三 綜合應(yīng)用——制作"運(yùn)動(dòng)小球"操作要點(diǎn)一.選擇文件／新建菜單命令,彈出新建文檔對(duì)話框,在類型選項(xiàng)文本框選擇"ActionScript