Flash動(dòng)畫(huà)藝術(shù)設(shè)計(jì)案例教程

第1章 Flash動(dòng)畫(huà)設(shè)計(jì)方法與技巧
1.1 江南五月    4
制作一張具有動(dòng)感的水中倒影動(dòng)畫(huà)，關(guān)鍵需要制作水被風(fēng)吹產(chǎn)生的漣漪。如何制作出漣漪，這就需要制作兩張大小相同的圖片，兩張圖片之間有細(xì)微的位置變化。接著為其中的一張圖片添加一個(gè)遮罩，將遮罩層制作成動(dòng)畫(huà)，這樣就會(huì)產(chǎn)生非常逼真的漣漪效果。同時(shí)本例中還運(yùn)用了一些遮擋的技巧、引入了圖層以及部分濾鏡的應(yīng)用。
1.2 動(dòng)感水珠    15
“不學(xué)AS ActionScript等于沒(méi)學(xué)Flash”，這話(huà)不一定全對(duì)，但幾乎所有Flash高手都會(huì)告訴你：“去學(xué)AS ActionScript吧”。由 Flash ActionScript制作入手，逐步深入講解函數(shù)、變量、語(yǔ)法到實(shí)例中的應(yīng)用，最后讓讀者徹底領(lǐng)悟AS ActionScript的精華。
第2章常用Flash場(chǎng)景特效
2.1 游動(dòng)的魚(yú)兒    26
先繪制出海底場(chǎng)景畫(huà)面以及魚(yú)兒的影片符號(hào)，然后利用腳本調(diào)用魚(yú)的影片元件進(jìn)行復(fù)制和屬性設(shè)置，來(lái)控制魚(yú)兒的游動(dòng)。
2.2 360°全景巡游動(dòng)畫(huà)    34
先準(zhǔn)備好一幅全景圖片，設(shè)置一個(gè)遮罩圖層，通過(guò)鼠標(biāo)控制全景圖像的移動(dòng)，并且還可以添加放大縮小按鈕控制全景圖像的縮放比例。
2.3 電子相冊(cè)    46
程序運(yùn)行后首先從場(chǎng)景中單擊播放按鈕，程序會(huì)找出存放相片的相冊(cè)名（文件夾），用戶(hù)選擇后，會(huì)顯示播放的圖片。另外，如果有新相片，只須加入相應(yīng)的相冊(cè)文件夾中即可，不用更改源程序。
2.4 玫瑰時(shí)鐘 52
先創(chuàng)建好鐘表的圖案畫(huà)面，然后利用Action腳本分別控制用作時(shí)針、分針和秒針的影片符號(hào)，讓各個(gè)表針隨當(dāng)前的系統(tǒng)時(shí)間轉(zhuǎn)動(dòng)。
2.5 滑動(dòng)菜單    57
先創(chuàng)建好滑動(dòng)的動(dòng)畫(huà)，再標(biāo)注好幀的標(biāo)簽位置，然后在不同位置的按鈕上添加不同目標(biāo)點(diǎn)的跳轉(zhuǎn)行為，來(lái)調(diào)用不同滑動(dòng)方向的動(dòng)畫(huà)。
第3章 Flash廣告
3.1 車(chē)動(dòng)我心    72
針對(duì)不同的廣告語(yǔ)，設(shè)置幾段不同的動(dòng)畫(huà)。再用腳本創(chuàng)建出煙花的背景效果，其煙花腳本主要使用duplicateMovieClip命令復(fù)制煙花，并隨機(jī)設(shè)置新復(fù)制出煙花的各個(gè)屬性。
3.2 Mook自由自在    80
先創(chuàng)建好動(dòng)態(tài)的影片元件，再利用按鈕動(dòng)作命令來(lái)控制影片元件中的動(dòng)畫(huà)。通過(guò)添加幀的腳本命令來(lái)實(shí)現(xiàn)鼠標(biāo)移動(dòng)的動(dòng)畫(huà)跟隨效果。
3.3 Fresh化妝品廣告    92
為了突出該廣告是一個(gè)化妝品產(chǎn)品，在圖片選擇上采取實(shí)物圖片，以求達(dá)到最好的訴求效果放置到網(wǎng)頁(yè)中，將Flash的背景顏色設(shè)為透明。
第4章 賀卡
4.1 把愛(ài)寄給他(她)     106
利用多個(gè)場(chǎng)景進(jìn)行變化和管理，同時(shí)利用腳本生成滿(mǎn)天花瓣的效果，豐富畫(huà)面視覺(jué)體驗(yàn)。
4.2 始終都是媽媽好    121
通過(guò)創(chuàng)設(shè)一定情境，以制作“母親節(jié)賀卡”為主題，學(xué)會(huì)如何創(chuàng)建賀卡。并通過(guò)收集賀卡素材，制作一張漂亮、富有個(gè)性的賀卡，作為“母親節(jié)”禮物獻(xiàn)給自己的媽媽?zhuān)囵B(yǎng)子女對(duì)母親的熱愛(ài)，體現(xiàn)了一種親情。
第5章 網(wǎng)站及導(dǎo)航
5.1 彩信網(wǎng)站導(dǎo)航    138
為方便瀏覽，導(dǎo)航菜單是每個(gè)網(wǎng)站必不可少的。一個(gè)漂亮精美的Flash導(dǎo)航菜單是每個(gè)設(shè)計(jì)者所向往的。當(dāng)用鼠標(biāo)單擊菜單欄中的一個(gè)欄目時(shí)，相應(yīng)欄目的子菜單出現(xiàn)向左運(yùn)動(dòng)的效果，單擊后進(jìn)入相應(yīng)的子欄目。
5.2 EHAPPY導(dǎo)航網(wǎng)站    144
先在不同的幀中設(shè)置不同的子鏈接按鈕組，再利用按鈕控制的跳轉(zhuǎn)行為，跳轉(zhuǎn)到不同的幀中，以完成整個(gè)站點(diǎn)的導(dǎo)航設(shè)置。
5.3 手機(jī)宣傳    158
先設(shè)置一個(gè)完整的預(yù)載動(dòng)畫(huà)和起始動(dòng)畫(huà)，然后進(jìn)入導(dǎo)航畫(huà)面中。在導(dǎo)航動(dòng)畫(huà)中，設(shè)置一個(gè)利用行為切換的遮罩動(dòng)畫(huà)，再利用動(dòng)作來(lái)設(shè)置導(dǎo)航鏈接項(xiàng)的動(dòng)態(tài)縮放。
5.4 樂(lè)器堂網(wǎng)站     179
Flash網(wǎng)站基本以圖形和動(dòng)畫(huà)為主，所以比較適合做文字內(nèi)容不太多，以平面、動(dòng)畫(huà)效果為主的應(yīng)用。本例中在首頁(yè)的導(dǎo)航按鈕上添加加載影片文件的腳本命令，將子頁(yè)動(dòng)畫(huà)導(dǎo)入到指定的影片元件中播放，從而形成全Flash網(wǎng)站的創(chuàng)建。
第6章 短片及片頭
6.1 園林小景    196
先利用遮罩動(dòng)畫(huà)創(chuàng)建畫(huà)布卷軸打開(kāi)的畫(huà)面，再用逐幀的方法創(chuàng)建文字的書(shū)寫(xiě)過(guò)程，最后利用元件的顏色透明屬性設(shè)置對(duì)象的漸隱漸現(xiàn)，來(lái)切換展示其動(dòng)畫(huà)內(nèi)容。
6.2 片頭動(dòng)畫(huà)    207
從場(chǎng)到景，從景到鏡頭，從鏡頭到鏡頭中的要素，是一層層牢固的劇情構(gòu)成的關(guān)系。本例中利用多個(gè)場(chǎng)景將多段動(dòng)畫(huà)進(jìn)行串聯(lián)，形成一個(gè)完整的動(dòng)畫(huà)。Flash制作技巧并無(wú)特別之處，但整體表現(xiàn)效果出色，動(dòng)感十足。
6.3 黛溪花園宣傳片頭    223
利用多個(gè)場(chǎng)景將多段動(dòng)畫(huà)進(jìn)行串聯(lián)，形成一個(gè)完整的動(dòng)感、時(shí)尚的站點(diǎn)片頭動(dòng)畫(huà)。將音樂(lè)、聲效、動(dòng)畫(huà)以及富有新意的界面融合在一起，通過(guò)Flash制作出高品質(zhì)的動(dòng)畫(huà)效果。
第7章 游戲
7.1 美眉愛(ài)美麗    244
可能有很多玩Flash的朋友都想自己動(dòng)手制作一個(gè)拼圖游戲，但是苦于不知道實(shí)現(xiàn)的方法或不了解ActionScript(以下簡(jiǎn)稱(chēng)AS)而心存遺憾。本例是用鼠標(biāo)將右邊的服裝拖到左邊人物的合適位置，獲取不同的服裝搭配。
7.2 考記憶力    250
考記憶力游戲是一個(gè)非常有趣的鍛煉觀察力的小游戲。其規(guī)則是每次從眾多對(duì)象中選擇兩個(gè)頭像完全相同的頭像，鼠標(biāo)單擊方格出現(xiàn)同樣的頭像即可，全部勝出就算勝利。
7.3 彈力球    259
彈力球是一個(gè)很有趣的小游戲，有點(diǎn)像乒乓球運(yùn)動(dòng)。不過(guò)，在這個(gè)游戲里，玩家只有一個(gè)，玩家必須盡力用鼠標(biāo)去控制滑板將小球反彈回去，千萬(wàn)不能碰到四周的墻壁，否則，游戲失敗。
第8章 MTV制作
春天的信息    272
很多人都喜歡Flash MTV，MTV的制作是一個(gè)很大的工程，牽涉到劇本編寫(xiě)音樂(lè)的準(zhǔn)備、音樂(lè)的設(shè)置、音樂(lè)同步、圖像的制作以及動(dòng)畫(huà)的編排等。