Flash制作一種獨(dú)特的圖片GIF動(dòng)畫特效過程,教程制作出來的效果真的很不錯(cuò),而且方法也不難,推薦給大家
gif動(dòng)畫比較簡單
gif動(dòng)畫只能做一些比較簡單的動(dòng)畫,F(xiàn)LASH可以比較多元化,最大的不同是格式不一樣,一個(gè)是SWF,一個(gè)是Gif,還有Gif的那是圖片,按照flash里面講Gif是逐貞動(dòng)畫
PS也可以做,而flash動(dòng)畫要比那個(gè)Gif復(fù)雜的多,還可以編程。
我找到一只狗,是GIF動(dòng)畫,如何弄到FLASH里制作成FLASH動(dòng)畫?
動(dòng)畫的創(chuàng)意是:讓狗在森林中行走.
如果你想按我的教程做一遍的話,先下載素材:
在你電腦里建一個(gè)專用文件夾,下載方法:分別右擊下面素材一和二兩張圖片,點(diǎn)"圖片另存為...",放到該文件夾里,以后的源文件也放這.
你可以完完全全,按我的樣照做,其實(shí),這也是用例題交你入門的又一個(gè)教程.
素材一:狗是一張透明的GIF動(dòng)畫圖片:(必須透明,才能和背景合成)
素材二:森林是一張普通的JPG靜態(tài)圖片(圖片尺寸1004x272象素):
1,打開FLASH軟件:點(diǎn)插入,新建元件
2,把名稱改成"動(dòng)物",行為選"影片剪輯",點(diǎn)確定.
3,進(jìn)入元件編輯中(注意和場景編輯的區(qū)別,沒舞臺(tái),全白.并在場景1后面多一個(gè)"動(dòng)物"元件名稱)
4,點(diǎn)文件里的導(dǎo)入(注意:不是導(dǎo)入到庫).
5,找到狗的圖片(24.gif),選中:
6,自動(dòng)把狗的行為做成幀:元件制作完成.
7,開始制作背景:點(diǎn)"場景1",回到場景編輯中(注意不能忘記回到場景),點(diǎn)文件.點(diǎn)"導(dǎo)入到庫".
8,找到背景圖片:bjtp.jpg 選中:
9,打開"庫",點(diǎn)窗口,選中"庫":
10,彈出庫窗口,在庫里找到bjtp.jpg,并點(diǎn)擊,在上側(cè)窗口出現(xiàn)畫面.
11,點(diǎn)一次層中的第一幀.用鼠標(biāo)壓住庫中的畫面(上窗口),拉入舞臺(tái),放適當(dāng)位置.
12,再設(shè)置舞臺(tái):雙擊寫著"12.0 fps"幾個(gè)字,彈出"文檔屬性"面板,只把高度設(shè)置成272(和圖片同高)
13,點(diǎn)"對齊工具"(在幫助下行),彈出對齊窗口,先點(diǎn)"相對于舞臺(tái)"按鈕.再點(diǎn)對齊符號(hào)中的第五個(gè)符號(hào)(垂直中齊),圖片和舞臺(tái)吻合.
14,取消對齊窗口:在"50"下方點(diǎn)藍(lán):
15,,按鍵盤中的功能鍵"F5",幀延長到50.注意:首幀是黑點(diǎn),尾幀是長方快.
16,在1-50中間任意位置右擊,彈出窗口,點(diǎn)"創(chuàng)建補(bǔ)間動(dòng)畫",1-50變成灰藍(lán)色和虛線:
17,對準(zhǔn)尾幀右擊,彈出窗口點(diǎn)"插入關(guān)鍵幀":
18,于是變成從1指向50的黑實(shí)線箭頭.
19,對準(zhǔn)尾幀的黑點(diǎn),用鼠標(biāo)點(diǎn)選一次,點(diǎn)對齊工具,點(diǎn)對齊符號(hào)中的第三個(gè)符號(hào)"右對齊":讓圖片右邊緣和舞臺(tái)右邊緣吻合:
20,點(diǎn)選首幀,點(diǎn)對齊工具中對齊符號(hào)的第一個(gè),讓圖片左邊緣和舞臺(tái)坐邊緣對齊:
21,全部完成后,點(diǎn)插入圖層符號(hào),增加圖層2,圖層2的空白幀自動(dòng)成為1-50:
22,鎖住圖層1,從庫中把"動(dòng)物元件"(注意:庫中的圖片不要管,只拉入動(dòng)物元件)拉入舞臺(tái)適當(dāng)位置.(下方中間)或點(diǎn)對齊工具里的"水平中齊"符號(hào):
23,以上基本完成.保存源文件:點(diǎn)"文件"里的"另存為",選路徑命名,保存:
24,點(diǎn)"控制"中的"測試影片",同時(shí)在保存源文件的同一文件夾里得到同一名稱的成品文件SWF格式:
25,點(diǎn)"控制"中的"測試影片",彈出演播窗口,看到狗在原地踏步,背景向后移動(dòng),視覺狗在前進(jìn):
看后請關(guān)閉演播窗口:
26,效果:以上制作完成后,去保存源文件的文件夾里,找SWF灰色圖標(biāo)的文件再次播放,效果如下:
27,源文件下載:源文件一 源文件二 為了更好練習(xí)制作,在源文件1中加上聲效(加第三層狗叫聲),這里下載:源文件三.
28,同理,讓背景不動(dòng)狗移動(dòng)效果如下圖,方法:第一層背景圖片不做"補(bǔ)間動(dòng)畫",第二層,元件拉入后,對狗做補(bǔ)間動(dòng)畫(也可以弄成其他效果):
29,用教程的制作方法可以弄成:飛機(jī)在空中飛翔,飛鳥在樹林里飛翔,蝴蝶在花叢里飛舞,...等等.
只要找到透明GIF動(dòng)畫,用上方法弄成FLASH元件,就可以實(shí)現(xiàn).當(dāng)然你有藝術(shù)水平,自己繪制就更好了!