Photoshop結合Flash制作瓢蟲變色交互動畫(1)_Flash教程

推薦：Flash常見動畫效果：爆炸效果的制作
爆炸是突發性的狀態，動作猛烈，速度極快．動畫影片中表現爆炸場面主要從三個方面進行描繪．1、強烈的散光．2、被炸飛的各種物體．3、爆炸時產生的煙霧．強

本文由中國教程網專家祁連山原創，轉載請保留此信息！友情提示：文章最后提供源文件下載

大家好，好久沒有寫圖文教程啦，今天我們學一個綜合實例：瓢蟲變色交互動畫。今天我們換個形式，我一邊寫一邊發，大家跟著我一起把這個東東做完。

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

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

先看一下我們將要達到的效果，這是我以前的作品，今天重新繪制它，可能最終的結果會有不同。事物都是在改進發展的，每一次練習，都是一次升華，也許你這次做得不如上次，但你會得到寶貴的實戰經驗。總體會是水平上升的趨勢�？聪旅嫦x蟲左邊有三個拉桿，把它們向下拉，會怎么樣呢？

先用Photoshop CS3來繪制瓢蟲
第一步，我們建立一張畫紙。我們可以使用“文件”-“新建”打開新建文件對話框。當然我更支持初學者開始就使用快捷鍵，用鼠標在Photoshop空白的地方雙擊，也可以彈出新建文件對話框�；蛘甙碈TRL N，也可以彈出新建文件對話框。如圖所示，為新建文件對話框，我們設置寬度為800像素，高度為600像素，顏色模式為RGB混合模式，背景白色的文件。

注重！單位一定要設置為像素，不要設置為厘米，否則也許你的電腦會死機了。

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

本步驟要注重的幾個地方：
1，必須在新的圖層上填充紅色圓形。
2，可以使用快捷鍵來填充，填充前景色的快捷鍵是Alt DEL，填充背景色的快捷鍵是Ctrl DEL。我們可以在色板中單擊紅色，然后填充前景色。
3，之所以建立大的圖像進行繪制，是因為我們先畫出大的圖像，再縮小它，會比直接建立小圖像進行繪制得到的結果精美得多。

進入通道面板，單擊圖示按鈕，把我們的這個選區存為一個Alpha類型的通道。如圖所示：

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

另外，圖層中這個紅色的色塊，其實也保存了選區信息，我們按著Ctrl鍵，單擊這個圖層圖標，和按著Ctrl鍵，單擊剛才存儲的通道，得到的結果是相同的。也就是說，在圖層中，圖層的外形其實也可以理解為一個選區。調用它的方法就是按Ctrl單擊該圖層圖標。

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

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

也許有人會說了，它這么暗淡，怎么看怎么難看。呵呵，其實我們現在只是做出它的暗部而已，后面還需要對它進行精細加工，只有把明暗拉開了，才會顯得明的更明，暗的更暗。這也是初學者常見的問題之一。想要畫出不平淡的作品，就要有對比。明暗對比只是其中一項而已。

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

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

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

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

下面我們來制作斑點。
我們知道，瓢蟲有很多種，七星瓢蟲最常見。不過我們這個小瓢蟲個頭小，我們簡化它，過多的斑點反而效果不好。在上面點三到五個斑點就足夠了。我們單擊新建圖層按鈕，按圖示雙擊每個圖層，分別為它們起名。最下面的色塊層，我們起名為“底層”，中間帶蒙版的透明黑色層，起名為“暗色”，最上面新建的圖層，起名為“斑點”。這樣當圖層變多時，這里會很直觀，不會亂成一團麻，不好治理。

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

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

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

使用直接選擇工具，可以框選多個控制點進行移動，我們在框選控制點后，要用鍵盤上的方向鍵來移動，才能保證兩邊對稱，因為用鼠標想十分精確的對位是不太輕易的。用直接選擇工具，框住正中間上下兩個點，向上提一提，可以看到，心形的外形就變得更平一些，再框選兩端的兩個控制點，用向下方向鍵移動，使它的外形與瓢蟲頭部相似。制作完成如圖所示。

提示：在我們單擊控制點時，被選擇的控制點會實心顯示，未被選擇的控制點則空心顯示�？蜻x也是如此。我們再使用橢圓路徑工具，使用交集模式，將新建立的路徑添加到原路徑區域。在頭部上方如圖建立一個橢圓，這樣我們就補上這個裂縫了。

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

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

使用鋼筆工具，在頭部層和斑點層中間，建立新的圖層，使用外形圖層選項，前景色為白色，在圓的三個點單擊，得到一個白色外形圖層。

注重：這三個點的位置和比例。不要錯得過遠。這個白色的層，將成為瓢蟲的高光，即光滑材質對光源反射的模擬。我們使用轉換點工具，拉動路徑中的控制點，把這個高光范圍修改為如圖所示。

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

下面這步，我們把光源光做得更加透徹。
我們為這個外形圖層加入一個圖層蒙版。用很大的軟畫筆，用黑色在蒙版上涂抹。注重畫筆的不透明度一定要低，這樣可以做出非常柔和的過渡。假如你的畫筆過小，可以涂出來的效果會非�；ǎ�假如透明度過大，可以只一步就把它涂成透明的了。所以看一下配圖中，屬性欄上畫筆的設置，用它做為參考，想一想，我自己調一個參數，會不會更好。
我們常做這樣的練習，時間長了，就會把握好這個度了。

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

我們再回到暗色圖層的蒙版之上，用黑色畫筆，慢慢的把暗部再修飾一下，把光源反射區中的暗色再去掉一些，更加透徹。總之，做這個工作，就是要淡色慢涂，一點點的觀察調試，忌心急猛刷，一步到位。

下面俺放出最讓人眼前一亮的東東，估計這個東東大家都喜歡。讓大家在學習的過程中也能會心一笑。也祝大家在中國教程網論壇能學好玩好，多賺鈔票。

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