Flash新手教程：打造擬真生態(tài)水族魚缸作者：中國教程網(wǎng) sanbos 【導(dǎo)讀】本教程是獻(xiàn)給Flash新手學(xué)習(xí)之用的，簡單地講述了如何建造魚類游動(dòng)的動(dòng)畫、水草、花朵的漂浮效果，令一張靜態(tài)的魚缸照片成為一個(gè)動(dòng)感水族缸。 這是一個(gè)魚缸效果，這個(gè)動(dòng)畫制作，用到了很多flash動(dòng)畫制作的基礎(chǔ)技能，諸如：遮罩，引導(dǎo)層，補(bǔ)間動(dòng)畫，元件，水紋效果，鼠繪等，很適合初學(xué)者練習(xí) 先來看看最終效果： 首先需要找一張背景圖片，最好是魚缸，海低或碎石，枯樹等圖片，將圖片處理為400x300大小。
新建一flash文檔，背景為白色，將準(zhǔn)備好的圖片導(dǎo)入到庫。 新建一影片剪輯元件，取名為“背景”，將圖片拖入，居中對(duì)齊。在圖片上右鍵，復(fù)制。在第40幀插入幀，該層上鎖。 插入一新圖層，點(diǎn)擊“編輯”－“粘帖在當(dāng)前位置”，然后，用方向鍵，將復(fù)制的圖片向右向下移一個(gè)像素。在第40幀插入幀，上鎖。 插入新圖層，用矩形工具，無筆觸任一填充色，畫一條與圖片一樣寬的細(xì)直線。然后用選擇工具點(diǎn)中該直線，，然后按Ctrl+D進(jìn)行復(fù)制，直到有兩個(gè)圖片那樣高。點(diǎn)擊“編輯”－“全選”，然后，打開對(duì)齊面板，選擇左對(duì)齊。然后點(diǎn)擊“修改”－“組合”。在第40幀插入關(guān)鍵幀，回到第1幀，將線條組合向上移，使線條組合的下邊，與圖片的下邊對(duì)齊。在第1幀和第40幀間建立補(bǔ)間動(dòng)畫。如圖：
 圖3 在第3層上點(diǎn)右鍵，點(diǎn)“遮罩層”。 新建4個(gè)圖形元件，圖形分別是：（放大到400%時(shí)的圖形）。
新建一影片剪輯元件，將魚身拖入，在第20幀插入幀，上鎖。 新插入一層，將魚尾拖入，與魚身對(duì)好，并稍為交叉一點(diǎn)，用變形工具點(diǎn)中魚身，將注冊(cè)點(diǎn)拉到左邊正中。然后，將魚尾向下旋轉(zhuǎn)一些。在第5幀插入關(guān)鍵幀，將魚尾旋正。在第10幀插入關(guān)鍵幀，將魚尾旋向上方一些，第15幀插入關(guān)鍵幀，將魚尾旋正，第20幀插入關(guān)鍵幀，將魚尾旋向下方。 新插入一層，將一個(gè)魚翅拖入，同魚尾的方法，做出搕動(dòng)。 新插入一層，將另一魚翅拖入，做擺動(dòng)。 最后將魚身圖層拖到最上面。
新建一影片剪輯元件，將剛做好的魚元件拖入，然后按住Ctrl用選擇工具向下拖魚元件這樣就復(fù)制了一個(gè)，點(diǎn)中新復(fù)制的魚元件，點(diǎn)擊“修改”－“變形”－“垂直翻轉(zhuǎn)”；打開屬性面板，將其透明度設(shè)為30%。這實(shí)際上就是一個(gè)帶陰影的魚。
新建一影片剪輯元件，將帶陰影的魚元件拖入，在第100幀插入關(guān)鍵幀，然后插入引導(dǎo)層，用鉛筆工具畫一條引導(dǎo)線，隨便畫，一會(huì)還要重畫。 新建一影片剪輯元件，將帶陰影的魚元件拖入，在第150幀插入關(guān)鍵幀，然后插入引導(dǎo)層，用鉛筆工具畫一條引導(dǎo)線，隨便畫，一會(huì)還要重畫。 新建一影片剪輯元件，將帶陰影的魚元件拖入，在第130幀插入關(guān)鍵幀，將元件向左拖一定距離。 新建一圖形元件，如下圖畫一片樹葉。
新建一圖形元件，將樹葉元件拖入，然后，按住Ctrl建，用選工具向下拉，復(fù)制一個(gè)，然后中，點(diǎn)擊“修改”－“變形”－“垂直翻轉(zhuǎn)”；打開屬性面板，將其透明度設(shè)為30%。這實(shí)際上就是一個(gè)帶陰影的樹葉。  圖8 新建一影片剪輯元件，將帶陰影的樹葉拖入，在第100幀插入關(guān)鍵幀，然后插入引導(dǎo)層，用鉛筆工具畫一條引導(dǎo)線，隨便畫，一會(huì)還要重畫。 新建一圖形元件，如下圖畫一個(gè)花辯，然后用自由變形工具將花辯的注冊(cè)點(diǎn)移到最下面，打開變形面板，在旋轉(zhuǎn)框內(nèi)輸入72，然后點(diǎn)擊，旋轉(zhuǎn)并復(fù)制4次，這樣就畫好了一個(gè)花朵。 新建圖形元件，將花朵元件拖入，然后，按住Ctrl建，用選工具向下拉，復(fù)制一個(gè)，然后中，點(diǎn)擊“修改”－“變形”－“垂直翻轉(zhuǎn)”；打開屬性面板，將其透明度設(shè)為30%。這實(shí)際上就是一個(gè)帶陰影的花朵。
新建一影片剪輯元件，將帶陰影的花朵拖入，在第100幀插入關(guān)鍵幀，然后插入引導(dǎo)層，用鉛筆工具畫一條引導(dǎo)線，隨便畫，一會(huì)還要重畫。 新建一圖形元件，將舞臺(tái)放大到800％，用筆刷工具，顏色用草綠色，畫上一些草。新插入一層，用橢園工具畫一橢園，將草的根部蓋住。顏色可深一些，可與背景圖片中某處顏色相同。
新建影片剪輯元件，將草元件拖入，用變形工具，將注冊(cè)點(diǎn)調(diào)到下端．在第5幀，第10幀插入關(guān)鍵幀，在第5幀，用變形工具，將草向右下旋轉(zhuǎn)一些，不要太多．在第1－5，第5－10幀，建立補(bǔ)間動(dòng)畫。 好了，所有演員都準(zhǔn)備好了，現(xiàn)在就在他們到舞臺(tái)上去表演了。 回到主場景，將背景元件拖入，居中放好，上鎖。
插入一層，將帶引導(dǎo)層的魚元件其中一個(gè)，拖入，放在背景元件的右下外側(cè)。然后雙擊它，將引導(dǎo)層上的引導(dǎo)線清除，用鉛筆工具，畫一條從魚元件穿過背景圖片到其左側(cè)外邊的曲線，上鎖．回到第1層，在第1幀，將魚元件中心點(diǎn)與引導(dǎo)線的右端對(duì)齊，在最后一幀，將魚元件的中心點(diǎn)與引導(dǎo)線的左端對(duì)齊，建立補(bǔ)間動(dòng)畫，打開屬性面板，在“調(diào)整到路徑”前的方框上點(diǎn)上鉤。如圖：
插入一層，將另一個(gè)帶引導(dǎo)層的魚元件其中一個(gè)，拖入，放在背景元件的右上外側(cè)．然后雙擊它，將引導(dǎo)層上的引導(dǎo)線清除，用鉛筆工具，畫一條從魚元件穿過背景圖片到其左側(cè)外邊的曲線，上鎖．回到第1層，在第1幀，將魚元件中心點(diǎn)與引導(dǎo)線的右端對(duì)齊，在最后一幀，將魚元件的中心點(diǎn)與引導(dǎo)線的左端對(duì)齊，建立補(bǔ)間動(dòng)畫。打開屬性面板，在“調(diào)整到路徑”前的方框上點(diǎn)上鉤。如圖：
插入一圖層，將不帶引導(dǎo)層那個(gè)魚元件，（130幀那個(gè)），拖入，放在背景圖片的右外側(cè)稍下一點(diǎn)，雙擊它，在最后一幀，將魚元件平移到背景圖片的左外側(cè)，建立補(bǔ)間動(dòng)畫。 插入一圖層，將帶引導(dǎo)層的樹葉元件拖入，放到背景圖片的左外側(cè)上方，雙擊它，清除原來的引導(dǎo)線，作鉛筆工具重新畫一條從樹葉元件穿過背景圖片到其右外側(cè)的曲線，注意曲線的震輻不要太大，稍平緩一些．建立補(bǔ)間動(dòng)畫．打開屬性面板，把“調(diào)整到路徑”前的方框上的鉤去掉。 插入一圖層，將帶引導(dǎo)層的花朵元件拖入，放到背景圖片的左外側(cè)上方，雙擊它，清除原來的引導(dǎo)線，作鉛筆工具重新畫一條從花朵元件穿過背景圖片到其右外側(cè)的曲線，注意曲線的震輻不要太大，稍平緩一些．建立補(bǔ)間動(dòng)畫．打開屬性面板，把“調(diào)整到路徑”前的方框上的鉤去掉。 插入一圖層，將作了補(bǔ)間動(dòng)畫的草元件拖入，放到適當(dāng)位置．現(xiàn)復(fù)制一個(gè)，放到另一適當(dāng)位置。 呵呵，好累人，別著急，快完了。 插入新圖層，用矩形工具，元筆觸，任一填充色，畫一和背景圖片一樣大的矩形．然后右擊該圖層，點(diǎn)擊“遮罩層”。 插入新圖層，用矩形工具，元筆觸，填充色66FFFF，畫一和背景圖片一樣大的矩形．選中矩形，點(diǎn)擊“修改”－“轉(zhuǎn)換為元件”，選圖形，確定。打開屬性面板，將其透明度調(diào)為20％。這下就有在水中的感覺了。
|
|
|
