Flash實例教程:吹泡泡動畫特效
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-06 01:20:26 作者:佚名
我要評論
這個Flash實例制作了一個有趣的“小丑吹泡泡”動畫,主要運用了橢圓、直線工具,以及任意變形和漸變填充等,操作簡潔易懂,適合練習(xí)。先看下效果吧:
效果圖:
制作步驟:
1、新建一個Flash文檔,Ctrl F8新建一個元件,命名為“boy
這個Flash實例制作了一個有趣的“小丑吹泡泡”動畫,主要運用了橢圓、直線工具,以及任意變形和漸變填充等,操作簡潔易懂,適合練習(xí)。先看下效果吧:
效果圖:
制作步驟:
1、新建一個Flash文檔,Ctrl F8新建一個元件,命名為“boy”。選擇橢圓工具,設(shè)筆觸為黑色,按住Shift鍵畫出一個正圓作為小丑的臉。
圖01
2、新建一個圖層,命名為“nose”,再畫一個小橢圓作為鼻子。
圖02
3、嘴巴和耳朵都可以都畫在鼻子圖層上。先用直線工具畫出如下兩條直線作為嘴和臉頰。
圖03
4、用選取工具將直線調(diào)節(jié)成如下弧形以形成微笑的嘴巴和鼓起的臉頰。
圖04
5、畫一個小橢圓作為耳朵的輪廓,兩條小直線作為耳朵內(nèi)部的線條。
圖05
6、用選取工具選取一部分耳朵的外輪廓并按Delete鍵刪掉,再把兩條小直線調(diào)節(jié)成如下弧形,完成耳朵。
圖06
7、眼睛是由三個小橢圓組成的,中間的橢圓填充黑色,另外兩個填充白色疊加起來就行了??梢栽谛聢D層上畫。
圖07
8、調(diào)整好五官的位置之后給臉和鼻子上色。選中臉部,在混色器中設(shè)置如下從#FEE4CD到#FEC19A的漸變,類型為“放射狀”。
圖08
9、鼻子也是同樣的漸變,用填充變形工具把漸變范圍縮小一點就可以了。
圖09
10、畫帽子。Ctrl F8新建一個元件,命名為“cap”。先用鋼筆工具或者直線工具畫一個三角形。
圖10
11、用選取工具將三角形的各個邊調(diào)節(jié)成如下曲線。
圖11
12、畫一個小橢圓作為帽子上的裝飾球。
圖12
13、選中帽子,在混色器中設(shè)置如下從#FDB5B5到#FB1E1E的漸變,類型為“放射狀”。
圖13
14、帽子上的小球也是同樣的漸變,用填充變形工具把漸變范圍縮小一點就可以了。
圖14
15、回到場景1。新建2個圖層,分別命名為“boy”和“cap”,將畫好的帽子和小丑拖到各自圖層上并排好位置。
圖15
16、下面開始畫泡泡,先畫出泡泡的根部。新建一個“bar”圖層,用直線工具畫一個三角形填充天藍色#00CCFF。
圖16
17、在第23幀處給三個圖層都按F5插入幀,也就是使畫面一直延續(xù)到23幀處。
圖17
18、選擇帽子所在的“cap”圖層的第16幀,單擊右鍵選“轉(zhuǎn)換為關(guān)鍵幀”。
圖18
19、再選中“cap”圖層的第1幀,執(zhí)行菜單/修改/變形/水平翻轉(zhuǎn),改變了帽子的方向。
圖19
20、新建一個“bubble”層用來畫泡泡。在第5幀上按F6插入關(guān)鍵幀,用橢圓工具畫一個小橢圓,填充從白色到#70E2FE的放射狀漸變。
圖20
21、在第15幀上按F6插入關(guān)鍵幀,用自由變形工具將泡泡拉大,并添加形狀補間。
圖21
22、同時用填充變形工具也拉大漸變填充的范圍。
圖22
23、畫泡泡爆炸效果。在第16幀上按F7插入空白關(guān)鍵幀,用鋼筆或直線工具畫一個不規(guī)則的六邊形。
圖23
24、用選取工具將六條直線邊調(diào)節(jié)成如下曲線形狀,就有了爆炸的感覺。
圖24
25、給六邊形填充黃色就OK了。Ctrl Enter可測試效果,泡泡爆炸的同時,帽子也被吹到另一邊。
圖25
效果圖:
制作步驟:
1、新建一個Flash文檔,Ctrl F8新建一個元件,命名為“boy”。選擇橢圓工具,設(shè)筆觸為黑色,按住Shift鍵畫出一個正圓作為小丑的臉。
圖01 2、新建一個圖層,命名為“nose”,再畫一個小橢圓作為鼻子。
圖02 3、嘴巴和耳朵都可以都畫在鼻子圖層上。先用直線工具畫出如下兩條直線作為嘴和臉頰。
圖03 4、用選取工具將直線調(diào)節(jié)成如下弧形以形成微笑的嘴巴和鼓起的臉頰。
圖04 5、畫一個小橢圓作為耳朵的輪廓,兩條小直線作為耳朵內(nèi)部的線條。
圖05 6、用選取工具選取一部分耳朵的外輪廓并按Delete鍵刪掉,再把兩條小直線調(diào)節(jié)成如下弧形,完成耳朵。
圖06 7、眼睛是由三個小橢圓組成的,中間的橢圓填充黑色,另外兩個填充白色疊加起來就行了??梢栽谛聢D層上畫。
圖07 8、調(diào)整好五官的位置之后給臉和鼻子上色。選中臉部,在混色器中設(shè)置如下從#FEE4CD到#FEC19A的漸變,類型為“放射狀”。
圖08 9、鼻子也是同樣的漸變,用填充變形工具把漸變范圍縮小一點就可以了。
圖09 10、畫帽子。Ctrl F8新建一個元件,命名為“cap”。先用鋼筆工具或者直線工具畫一個三角形。
圖10 11、用選取工具將三角形的各個邊調(diào)節(jié)成如下曲線。
圖11 12、畫一個小橢圓作為帽子上的裝飾球。
圖1213、選中帽子,在混色器中設(shè)置如下從#FDB5B5到#FB1E1E的漸變,類型為“放射狀”。
圖13 14、帽子上的小球也是同樣的漸變,用填充變形工具把漸變范圍縮小一點就可以了。
圖14 15、回到場景1。新建2個圖層,分別命名為“boy”和“cap”,將畫好的帽子和小丑拖到各自圖層上并排好位置。
圖1516、下面開始畫泡泡,先畫出泡泡的根部。新建一個“bar”圖層,用直線工具畫一個三角形填充天藍色#00CCFF。
圖16 17、在第23幀處給三個圖層都按F5插入幀,也就是使畫面一直延續(xù)到23幀處。
圖17 18、選擇帽子所在的“cap”圖層的第16幀,單擊右鍵選“轉(zhuǎn)換為關(guān)鍵幀”。
圖1819、再選中“cap”圖層的第1幀,執(zhí)行菜單/修改/變形/水平翻轉(zhuǎn),改變了帽子的方向。
圖19 20、新建一個“bubble”層用來畫泡泡。在第5幀上按F6插入關(guān)鍵幀,用橢圓工具畫一個小橢圓,填充從白色到#70E2FE的放射狀漸變。
圖20 21、在第15幀上按F6插入關(guān)鍵幀,用自由變形工具將泡泡拉大,并添加形狀補間。
圖21 22、同時用填充變形工具也拉大漸變填充的范圍。
圖22 23、畫泡泡爆炸效果。在第16幀上按F7插入空白關(guān)鍵幀,用鋼筆或直線工具畫一個不規(guī)則的六邊形。
圖23 24、用選取工具將六條直線邊調(diào)節(jié)成如下曲線形狀,就有了爆炸的感覺。
圖2425、給六邊形填充黃色就OK了。Ctrl Enter可測試效果,泡泡爆炸的同時,帽子也被吹到另一邊。
圖25相關(guān)文章

flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細請看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細請看下文介紹2022-06-06
flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細請2021-11-09
flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01
flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29











