推薦：Flash常見(jiàn)動(dòng)畫(huà)效果：爆炸效果的制作
爆炸是突發(fā)性的狀態(tài)，動(dòng)作猛烈，速度極快．動(dòng)畫(huà)影片中表現(xiàn)爆炸場(chǎng)面主要從三個(gè)方面進(jìn)行描繪．1、強(qiáng)烈的散光．2、被炸飛的各種物體．3、爆炸時(shí)產(chǎn)生的煙霧．強(qiáng)

本文由中國(guó)教程網(wǎng)專(zhuān)家祁連山原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息！友情提示：文章最后提供源文件下載

大家好，好久沒(méi)有寫(xiě)圖文教程啦，今天我們學(xué)一個(gè)綜合實(shí)例：瓢蟲(chóng)變色交互動(dòng)畫(huà)。今天我們換個(gè)形式，我一邊寫(xiě)一邊發(fā)，大家跟著我一起把這個(gè)東東做完。

我們今天的主題是結(jié)合使用Photoshop CS3和Flash CS3，制作出一個(gè)瓢蟲(chóng)動(dòng)畫(huà)。假如只想學(xué)PS手繪的話，大家可以只學(xué)前一部分。假如對(duì)Flash編程有愛(ài)好的話，可以跟我著，熟悉一下更加有趣的Flash。多個(gè)軟件結(jié)合使用，會(huì)做出更加漂亮的作品來(lái)。本文我們可以學(xué)到的知識(shí)：
1，手繪知識(shí)之分層繪制表現(xiàn)質(zhì)感法，我們要表現(xiàn)出光滑的外殼和晶瑩透亮的感覺(jué)，同時(shí)為下一步的交互做好預(yù)備。
2，手繪知識(shí)之對(duì)稱(chēng)繪制法，可以只畫(huà)一邊，鏡像得到另一邊。
3，手繪知識(shí)之漸變繪制法，利用漸變來(lái)手繪，可以事半功倍。
4，手繪知識(shí)之路徑基礎(chǔ)，我們還要學(xué)會(huì)用路徑運(yùn)算和快捷鍵，本文教你如何活用路徑制作出自己想要的外形。
5，軟件交互之導(dǎo)入透明圖像法，我們可以利用Flash導(dǎo)入PNG格式的透明圖像。做出自己想要的透明效果。假如你是一位課件程序開(kāi)發(fā)者，這個(gè)功能非常重要。
6，F(xiàn)lash新版本的新功能：導(dǎo)入PSD文件并分層。這個(gè)功能我們將在本文中提到，假如你還是使用老版本的Flash，可以使用第5條的方式來(lái)制作。
7，編制簡(jiǎn)單的程序，實(shí)現(xiàn)看似復(fù)雜的功能。其實(shí)Flash編程看上去復(fù)雜，我們常用的功能并不多。本例的編程用不了多長(zhǎng)時(shí)間就可以學(xué)會(huì)。同時(shí)我們還會(huì)為大家提供原文件，以方便大家查錯(cuò)。

好了，多余的話就不講了，我們開(kāi)始今天的手繪之旅。

先看一下我們將要達(dá)到的效果，這是我以前的作品，今天重新繪制它，可能最終的結(jié)果會(huì)有不同。事物都是在改進(jìn)發(fā)展的，每一次練習(xí)，都是一次升華，也許你這次做得不如上次，但你會(huì)得到寶貴的實(shí)戰(zhàn)經(jīng)驗(yàn)�？傮w會(huì)是水平上升的趨勢(shì)�？聪旅嫦x(chóng)蟲(chóng)左邊有三個(gè)拉桿，把它們向下拉，會(huì)怎么樣呢？

先用Photoshop CS3來(lái)繪制瓢蟲(chóng)
第一步，我們建立一張畫(huà)紙。我們可以使用“文件”-“新建”打開(kāi)新建文件對(duì)話框。當(dāng)然我更支持初學(xué)者開(kāi)始就使用快捷鍵，用鼠標(biāo)在Photoshop空白的地方雙擊，也可以彈出新建文件對(duì)話框�；蛘甙碈TRL N，也可以彈出新建文件對(duì)話框。如圖所示，為新建文件對(duì)話框，我們?cè)O(shè)置寬度為800像素，高度為600像素，顏色模式為RGB混合模式，背景白色的文件。

注重！單位一定要設(shè)置為像素，不要設(shè)置為厘米，否則也許你的電腦會(huì)死機(jī)了。

第二步，選擇橢圓選框工具，注重要勾選消除鋸齒選項(xiàng)。單擊圖層面板上的建立新圖層按鈕，在新的圖層上，用橢圓選框選擇一塊。填充紅色，如圖所示：

本步驟要注重的幾個(gè)地方：
1，必須在新的圖層上填充紅色圓形。
2，可以使用快捷鍵來(lái)填充，填充前景色的快捷鍵是Alt DEL，填充背景色的快捷鍵是Ctrl DEL。我們可以在色板中單擊紅色，然后填充前景色。
3，之所以建立大的圖像進(jìn)行繪制，是因?yàn)槲覀兿犬?huà)出大的圖像，再縮小它，會(huì)比直接建立小圖像進(jìn)行繪制得到的結(jié)果精美得多。

進(jìn)入通道面板，單擊圖示按鈕，把我們的這個(gè)選區(qū)存為一個(gè)Alpha類(lèi)型的通道。如圖所示：

小提示：將選區(qū)存為通道，可以在以后任何時(shí)候還原這個(gè)選區(qū)。通道和選區(qū)其實(shí)是一回事。

另外，圖層中這個(gè)紅色的色塊，其實(shí)也保存了選區(qū)信息，我們按著Ctrl鍵，單擊這個(gè)圖層圖標(biāo)，和按著Ctrl鍵，單擊剛才存儲(chǔ)的通道，得到的結(jié)果是相同的。也就是說(shuō)，在圖層中，圖層的外形其實(shí)也可以理解為一個(gè)選區(qū)。調(diào)用它的方法就是按Ctrl單擊該圖層圖標(biāo)。

按D鍵（注重在英文輸入狀態(tài)下），可以將前景色和背景色轉(zhuǎn)換為默認(rèn)的前黑后白。如圖所示選擇前景到透明漸變，用線性漸變的模式。我們下一步將在一個(gè)新圖層上畫(huà)出明暗，以賦予它質(zhì)感。

建立一個(gè)新圖層，我們?cè)谶@個(gè)新層上拉出漸變。注重，按著Shift 鍵，可以拉出垂直的漸變。小提示：利用Shift 鍵，可以拉出90度，45度等非凡角度的漸變，非常精確。

也許有人會(huì)說(shuō)了，它這么暗淡，怎么看怎么難看。呵呵，其實(shí)我們現(xiàn)在只是做出它的暗部而已，后面還需要對(duì)它進(jìn)行精細(xì)加工，只有把明暗拉開(kāi)了，才會(huì)顯得明的更明，暗的更暗。這也是初學(xué)者常見(jiàn)的問(wèn)題之一。想要畫(huà)出不平淡的作品，就要有對(duì)比。明暗對(duì)比只是其中一項(xiàng)而已。

按Ctrl D，取消選擇，單擊圖層面板下方的添加圖層蒙版按鈕，為暗影圖層添加一個(gè)蒙版。用橢圓選框工具選出中間靠下方的一塊范圍，在蒙版上填充黑色。這樣我們就將這個(gè)圖層該處變成透明的啦。如圖所示：

這一步的作用，是做出晶瑩的質(zhì)感，讓這個(gè)地方看上去亮一些，我們考慮到將來(lái)要制作一個(gè)透明的外殼，所以不能采取疊加顏色的方法，那樣將來(lái)做透明外殼時(shí)，就穿幫了。所以我們要把這個(gè)地方的黑色像素抹去，用的是添加蒙版的方式，在該處填黑色，即讓該處成為透明。

Ctrl D取消選擇，下一步，我們將這個(gè)蒙版中的黑塊高斯模糊，這樣這個(gè)透明區(qū)域就會(huì)變得柔和，而不是帶有很生硬的邊緣啦。如圖所示，使用“濾鏡”-“模糊”-“高斯模糊”，設(shè)置如圖。

本步需要注重，模糊必須是在蒙版上進(jìn)行，不要把圖層給模糊啦。這也是初學(xué)者常犯的錯(cuò)誤之一。

下面我們來(lái)制作斑點(diǎn)。
我們知道，瓢蟲(chóng)有很多種，七星瓢蟲(chóng)最常見(jiàn)。不過(guò)我們這個(gè)小瓢蟲(chóng)個(gè)頭小，我們簡(jiǎn)化它，過(guò)多的斑點(diǎn)反而效果不好。在上面點(diǎn)三到五個(gè)斑點(diǎn)就足夠了。我們單擊新建圖層按鈕，按圖示雙擊每個(gè)圖層，分別為它們起名。最下面的色塊層，我們起名為“底層”，中間帶蒙版的透明黑色層，起名為“暗色”，最上面新建的圖層，起名為“斑點(diǎn)”。這樣當(dāng)圖層變多時(shí)，這里會(huì)很直觀，不會(huì)亂成一團(tuán)麻，不好治理。

按Ctrl 單擊底層，將最下面的紅色塊外形載為選擇區(qū)。（可以回憶一下前面存儲(chǔ)通道那一步，我們可以用載入通道的方法得到同樣的選區(qū)）。使用黑色前景色，用較硬的畫(huà)筆，按“[”或“]”鍵，縮小或者放大畫(huà)筆筆頭，在斑點(diǎn)層單擊，建立這些斑點(diǎn)，如圖所示：

Ctrl D取消選擇，建立一個(gè)新的圖層，起名叫“頭部”。我們來(lái)畫(huà)蟲(chóng)蟲(chóng)的頭部。我們可以使用現(xiàn)成的外形來(lái)建立頭部。這里我們使用自定義外形中的心形來(lái)制作基本形，再對(duì)它進(jìn)行進(jìn)一步的加工。注重要選擇使用路徑選項(xiàng)，這樣我們可以對(duì)路徑進(jìn)行進(jìn)一步的編輯。如圖所示：

使專(zhuān)心形外形制作路徑，如圖所示。路徑也可以縮放和變形，我們可以使用路徑選擇工具，選擇整條路徑，按下Ctrl T，將它放在頭部位置，這樣頭的大致外形就出來(lái)了。我們只要使用路徑編輯工具對(duì)它進(jìn)行精細(xì)加工就可以啦。

使用直接選擇工具，可以框選多個(gè)控制點(diǎn)進(jìn)行移動(dòng)，我們?cè)诳蜻x控制點(diǎn)后，要用鍵盤(pán)上的方向鍵來(lái)移動(dòng)，才能保證兩邊對(duì)稱(chēng)，因?yàn)橛檬髽?biāo)想十分精確的對(duì)位是不太輕易的。用直接選擇工具，框住正中間上下兩個(gè)點(diǎn)，向上提一提，可以看到，心形的外形就變得更平一些，再框選兩端的兩個(gè)控制點(diǎn)，用向下方向鍵移動(dòng)，使它的外形與瓢蟲(chóng)頭部相似。制作完成如圖所示。

提示：在我們單擊控制點(diǎn)時(shí)，被選擇的控制點(diǎn)會(huì)實(shí)心顯示，未被選擇的控制點(diǎn)則空心顯示�？蜻x也是如此。我們?cè)偈褂脵E圓路徑工具，使用交集模式，將新建立的路徑添加到原路徑區(qū)域。在頭部上方如圖建立一個(gè)橢圓，這樣我們就補(bǔ)上這個(gè)裂縫了。

按圖示，路徑選擇工具框選兩個(gè)路徑，單擊組合，即可將兩個(gè)路徑合二為一。

在路徑面板，按Ctrl單擊我們剛剛制作出來(lái)的工作路徑，將它載入選區(qū)。在圖層面板，在“頭部”圖層，填充黑色。這樣瓢蟲(chóng)的頭部外形就出來(lái)啦。

使用鋼筆工具，在頭部層和斑點(diǎn)層中間，建立新的圖層，使用外形圖層選項(xiàng)，前景色為白色，在圓的三個(gè)點(diǎn)單擊，得到一個(gè)白色外形圖層。

注重：這三個(gè)點(diǎn)的位置和比例。不要錯(cuò)得過(guò)遠(yuǎn)。這個(gè)白色的層，將成為瓢蟲(chóng)的高光，即光滑材質(zhì)對(duì)光源反射的模擬。我們使用轉(zhuǎn)換點(diǎn)工具，拉動(dòng)路徑中的控制點(diǎn)，把這個(gè)高光范圍修改為如圖所示。

這一塊相當(dāng)于圓形物體對(duì)光源的反射。比如說(shuō)，我們看到的汽車(chē)，它會(huì)反射四周的光線，車(chē)漆越好，就越像鏡子那樣把四周的景色反射回來(lái)，我們可以想象一下，在右上角那里有一個(gè)光源，它照在蟲(chóng)蟲(chóng)身上，光被反射出來(lái)進(jìn)入我們的眼鏡會(huì)是什么樣子。當(dāng)然，我們要做的，不是寫(xiě)實(shí)類(lèi)的蟲(chóng)蟲(chóng)，要帶些卡通味道。所以光源被高度抽象，成為現(xiàn)在這個(gè)樣子。在圖層窗口，修改該層不透明度，降低一些。

下面這步，我們把光源光做得更加透徹。
我們?yōu)檫@個(gè)外形圖層加入一個(gè)圖層蒙版。用很大的軟畫(huà)筆，用黑色在蒙版上涂抹。注重畫(huà)筆的不透明度一定要低，這樣可以做出非常柔和的過(guò)渡。假如你的畫(huà)筆過(guò)小，可以涂出來(lái)的效果會(huì)非�；�，假如透明度過(guò)大，可以只一步就把它涂成透明的了。所以看一下配圖中，屬性欄上畫(huà)筆的設(shè)置，用它做為參考，想一想，我自己調(diào)一個(gè)參數(shù)，會(huì)不會(huì)更好。
我們常做這樣的練習(xí)，時(shí)間長(zhǎng)了，就會(huì)把握好這個(gè)度了。

這就好比我們學(xué)習(xí)工筆畫(huà)，用淡淡的顏色，一層一層的上色，并且還有漸變過(guò)渡，得到的效果是非常棒的，假如我們直接用很濃的顏色上色，則會(huì)出現(xiàn)很粗糙的筆觸。使用蒙版或者橡皮作畫(huà)也是如此。要學(xué)會(huì)過(guò)渡和漸進(jìn)。

我們?cè)倩氐桨瞪珗D層的蒙版之上，用黑色畫(huà)筆，慢慢的把暗部再修飾一下，把光源反射區(qū)中的暗色再去掉一些，更加透徹。總之，做這個(gè)工作，就是要淡色慢涂，一點(diǎn)點(diǎn)的觀察調(diào)試，忌心急猛刷，一步到位。

下面俺放出最讓人眼前一亮的東東，估計(jì)這個(gè)東東大家都喜歡。讓大家在學(xué)習(xí)的過(guò)程中也能會(huì)心一笑。也祝大家在中國(guó)教程網(wǎng)論壇能學(xué)好玩好，多賺鈔票。

分享：AS3.0新手必讀－影片Loading
原代碼說(shuō)明：1幀：/*********************************AS3.0LOADINGCODEwww.mhhf.netMAGICWINGSTUDIOBY2007-09-01*******************************