Flash實例教程:模擬海底世界

這是一個魚缸效果,這個動畫制作,用到了很多flash的動畫制作的基礎(chǔ)技能,諸如:遮罩,引導(dǎo)層,補間動畫,元件,水紋效果,鼠繪等,很適合初學者練習 先來看看最終效果:
首先需要找一張背景圖片,最好是魚缸,海低或碎石,枯樹等圖片,將圖片處理為400x300大小。
圖1
新建一flash文檔,背景為白色,將準備好的圖片導(dǎo)入到庫。
新建一影片剪輯元件,取名為“背景”,將圖片拖入,居中對齊。在圖片上右鍵,復(fù)制。在第40幀插入幀,該層上鎖。
插入一新圖層,點擊“編輯”-“粘帖在當前位置”,然后,用方向鍵,將復(fù)制的圖片向右向下移一個像素。在第40幀插入幀,上鎖。
插入新圖層,用矩形工具,無筆觸任一填充色,畫一條與圖片一樣寬的細直線。然后用選擇工具點中該直線,,然后按Ctrl D進行復(fù)制,直到有兩個圖片那樣高。點擊“編輯”-“全選”,然后,打開對齊面板,選擇左對齊。然后點擊“修改”-“組合”。在第40幀插入關(guān)鍵幀,回到第1幀,將線條組合向上移,使線條組合的下邊,與圖片的下邊對齊。在第1幀和第40幀間建立補間動畫。如圖:
圖2
圖3
在第3層上點右鍵,點“遮罩層”。
新建4個圖形元件,圖形分別是:(放大到400%時的圖形)。
圖4
新建一影片剪輯元件,將魚身拖入,在第20幀插入幀,上鎖。
新插入一層,將魚尾拖入,與魚身對好,并稍為交叉一點,用變形工具點中魚身,將注冊點拉到左邊正中。然后,將魚尾向下旋轉(zhuǎn)一些。在第5幀插入關(guān)鍵幀,將魚尾旋正。在第10幀插入關(guān)鍵幀,將魚尾旋向上方一些,第15幀插入關(guān)鍵幀,將魚尾旋正,第20幀插入關(guān)鍵幀,將魚尾旋向下方。
新插入一層,將一個魚翅拖入,同魚尾的方法,做出搕動。
新插入一層,將另一魚翅拖入,做擺動。
最后將魚身圖層拖到最上面。
圖5
新建一影片剪輯元件,將剛做好的魚元件拖入,然后按住Ctrl用選擇工具向下拖魚元件這樣就復(fù)制了一個,點中新復(fù)制的魚元件,點擊“修改”-“變形”-“垂直翻轉(zhuǎn)”;打開屬性面板,將其透明度設(shè)為30%。這實際上就是一個帶陰影的魚。
圖6
新建一影片剪輯元件,將帶陰影的魚元件拖入,在第100幀插入關(guān)鍵幀,然后插入引導(dǎo)層,用鉛筆工具畫一條引導(dǎo)線,隨便畫,一會還要重畫。
新建一影片剪輯元件,將帶陰影的魚元件拖入,在第150幀插入關(guān)鍵幀,然后插入引導(dǎo)層,用鉛筆工具畫一條引導(dǎo)線,隨便畫,一會還要重畫。
新建一影片剪輯元件,將帶陰影的魚元件拖入,在第130幀插入關(guān)鍵幀,將元件向左拖一定距離。
新建一圖形元件,如下圖畫一片樹葉。
圖7
新建一圖形元件,將樹葉元件拖入,然后,按住Ctrl建,用選工具向下拉,復(fù)制一個,然后中,點擊“修改”-“變形”-“垂直翻轉(zhuǎn)”;打開屬性面板,將其透明度設(shè)為30%。這實際上就是一個帶陰影的樹葉。
圖8
新建一影片剪輯元件,將帶陰影的樹葉拖入,在第100幀插入關(guān)鍵幀,然后插入引導(dǎo)層,用鉛筆工具畫一條引導(dǎo)線,隨便畫,一會還要重畫。
新建一圖形元件,如下圖畫一個花辯,然后用自由變形工具將花辯的注冊點移到最下面,打開變形面板,在旋轉(zhuǎn)框內(nèi)輸入72,然后點擊,旋轉(zhuǎn)并復(fù)制4次,這樣就畫好了一個花朵。
新建圖形元件,將花朵元件拖入,然后,按住Ctrl建,用選工具向下拉,復(fù)制一個,然后中,點擊“修改”-“變形”-“垂直翻轉(zhuǎn)”;打開屬性面板,將其透明度設(shè)為30%。這實際上就是一個帶陰影的花朵。
圖9
新建一影片剪輯元件,將帶陰影的花朵拖入,在第100幀插入關(guān)鍵幀,然后插入引導(dǎo)層,用鉛筆工具畫一條引導(dǎo)線,隨便畫,一會還要重畫。
新建一圖形元件,將舞臺放大到800%,用筆刷工具,顏色用草綠色,畫上一些草。新插入一層,用橢園工具畫一橢園,將草的根部蓋住。顏色可深一些,可與背景圖片中某處顏色相同。
圖10
新建影片剪輯元件,將草元件拖入,用變形工具,將注冊點調(diào)到下端.在第5幀,第10幀插入關(guān)鍵幀,在第5幀,用變形工具,將草向右下旋轉(zhuǎn)一些,不要太多.在第1-5,第5-10幀,建立補間動畫。
好了,所有演員都準備好了,現(xiàn)在就在他們到舞臺上去表演了。
回到主場景,將背景元件拖入,居中放好,上鎖。
插入一層,將帶引導(dǎo)層的魚元件其中一個,拖入,放在背景元件的右下外側(cè)。然后雙擊它,將引導(dǎo)層上的引導(dǎo)線清除,用鉛筆工具,畫一條從魚元件穿過背景圖片到其左側(cè)外邊的曲線,上鎖.回到第1層,在第1幀,將魚元件中心點與引導(dǎo)線的右端對齊,在最后一幀,將魚元件的中心點與引導(dǎo)線的左端對齊,建立補間動畫,打開屬性面板,在“調(diào)整到路徑”前的方框上點上鉤。如圖:
圖11
圖12
插入一層,將另一個帶引導(dǎo)層的魚元件其中一個,拖入,放在背景元件的右上外側(cè).然后雙擊它,將引導(dǎo)層上的引導(dǎo)線清除,用鉛筆工具,畫一條從魚元件穿過背景圖片到其左側(cè)外邊的曲線,上鎖.回到第1層,在第1幀,將魚元件中心點與引導(dǎo)線的右端對齊,在最后一幀,將魚元件的中心點與引導(dǎo)線的左端對齊,建立補間動畫。打開屬性面板,在“調(diào)整到路徑”前的方框上點上鉤。如圖:
圖13
插入一圖層,將不帶引導(dǎo)層那個魚元件,(130幀那個),拖入,放在背景圖片的右外側(cè)稍下一點,雙擊它,在最后一幀,將魚元件平移到背景圖片的左外側(cè),建立補間動畫。
插入一圖層,將帶引導(dǎo)層的樹葉元件拖入,放到背景圖片的左外側(cè)上方,雙擊它,清除原來的引導(dǎo)線,作鉛筆工具重新畫一條從樹葉元件穿過背景圖片到其右外側(cè)的曲線,注意曲線的震輻不要太大,稍平緩一些.建立補間動畫.打開屬性面板,把“調(diào)整到路徑”前的方框上的鉤去掉。
插入一圖層,將帶引導(dǎo)層的花朵元件拖入,放到背景圖片的左外側(cè)上方,雙擊它,清除原來的引導(dǎo)線,作鉛筆工具重新畫一條從花朵元件穿過背景圖片到其右外側(cè)的曲線,注意曲線的震輻不要太大,稍平緩一些.建立補間動畫.打開屬性面板,把“調(diào)整到路徑”前的方框上的鉤去掉。
插入一圖層,將作了補間動畫的草元件拖入,放到適當位置.現(xiàn)復(fù)制一個,放到另一適當位置。
呵呵,好累人,別著急,快完了。
插入新圖層,用矩形工具,元筆觸,任一填充色,畫一和背景圖片一樣大的矩形.然后右擊該圖層,點擊“遮罩層”。這里要注意,將魚,樹葉,花朵圖層均設(shè)為被遮罩層。
插入新圖層,用矩形工具,元筆觸,填充色66FFFF,畫一和背景圖片一樣大的矩形.選中矩形,點擊“修改”-“轉(zhuǎn)換為元件”,選圖形,確定。打開屬性面板,將其透明度調(diào)為20%。這下就有在水中的感覺了。
圖14
相關(guān)文章
flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細請看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細請看下文介紹2022-06-06flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風吹荷花動畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細請2021-11-09flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29