Photoshop結合Flash制作瓢蟲變色交互動畫

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

　　我們今天的主題是結合使用Photoshop CS3和Flash CS3，制作出一個瓢蟲動畫。如果只想學PS手繪的話，大家可以只學前一部分。如果對Flash編程有興趣的話，可以跟我著，認識一下更加有趣的Flash。多個軟件結合使用，會做出更加漂亮的作品來。本文我們可以學到的知識：

　　1，手繪知識之分層繪制表現(xiàn)質(zhì)感法，我們要表現(xiàn)出光滑的外殼和晶瑩透亮的感覺，同時為下一步的交互做好準備。

　　2，手繪知識之對稱繪制法，可以只畫一邊，鏡像得到另一邊。

　　3，手繪知識之漸變繪制法，利用漸變來手繪，可以事半功倍。

　　4，手繪知識之路徑基礎，我們還要學會用路徑運算和快捷鍵，本文教你如何活用路徑制作出自己想要的形狀。

　　5，軟件交互之導入透明圖像法，我們可以利用Flash導入PNG格式的透明圖像。做出自己想要的透明效果。如果你是一位課件程序開發(fā)者，這個功能非常重要。

　　6，F(xiàn)lash新版本的新功能：導入PSD文件并分層。這個功能我們將在本文中提到，如果你還是使用老版本的Flash，可以使用第5條的方式來制作。

　　7，編制簡單的程序，實現(xiàn)看似復雜的功能。其實Flash編程看上去復雜，我們常用的功能并不多。本例的編程用不了多長時間就可以學會。同時我們還會為大家提供原文件，以方便大家查錯。

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

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

內(nèi)容摘要：我們今天的主題是結合使用Photoshop CS3和Flash CS3，制作出一個瓢蟲動畫。如果只想學PS手繪的話，大家可以只學前一部分。如果對Flash編程有興趣的話，可以跟我著，認識一下更加有趣的Flash。多個軟件結合使用，會做出更加漂亮的作品來。

先用Photoshop CS3來繪制瓢蟲

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

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

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

本步驟要注意的幾個地方：

　　1，必須在新的圖層上填充紅色圓形。

　　2，可以使用快捷鍵來填充，填充前景色的快捷鍵是Alt+DEL，填充背景色的快捷鍵是Ctrl+DEL。我們可以在色板中單擊紅色，然后填充前景色。

　　3，之所以建立大的圖像進行繪制，是因為我們先畫出大的圖像，再縮小它，會比直接建立小圖像進行繪制得到的結果精美得多。

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

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

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

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

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

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

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

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

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

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

　　下面我們來制作斑點。

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

       按Ctrl 單擊底層，將最下面的紅色塊外形載為選擇區(qū)。（可以回憶一下前面存儲通道那一步，我們可以用載入通道的方法得到同樣的選區(qū)）。使用黑色前景色，用較硬的畫筆，按“[”或&ldqu