動(dòng)態(tài)Flash圖片制作

1、動(dòng)態(tài)Flash圖片制作、制作步驟:（一）、此次制作的動(dòng)態(tài)物料分為三組動(dòng)態(tài)，每一組動(dòng)態(tài)中都有各自圖片和文字元素的單獨(dú)變化。（二）、打開(kāi)電腦上的Photoshop軟件（簡(jiǎn)稱(chēng)PS）和Flash軟件:蟠動(dòng)阿二位同叫耳在Flash中新建一個(gè)文檔:在點(diǎn)擊新建文檔以后flash軟件會(huì)彈出如下顯示框，來(lái)確認(rèn)你需要新建什么樣的文檔:一般使用默認(rèn)格式，點(diǎn)擊“確定”就可以了。一個(gè)標(biāo)準(zhǔn)flash文檔就新建完成了。我們要做的物料尺寸為960-90,因此，我們要調(diào)整文件的尺寸。在軟件右側(cè)的“屬性”窗口中點(diǎn)擊修改文件尺寸:|仙叫新X4二/上一的r，TL：川i現(xiàn)在我們可以導(dǎo)入物料中需要使用的圖片了，點(diǎn)擊“文件”一一“導(dǎo)入”一

2、一“導(dǎo)入到庫(kù)”圖片導(dǎo)入后在軟件右側(cè)工具欄中可以看到此時(shí)我們將圖片拖至文件舞臺(tái)中，選中庫(kù)中的文件，直接拖入舞臺(tái),使用縮放工具調(diào)整圖片需要展現(xiàn)的大小和位置，根據(jù)圖片來(lái)設(shè)置物料的背景底色，在這個(gè)物料中預(yù)先設(shè)想的就是以黑色為背景，再輔以圖片展示，所以這里選用了一張黑色背景圖的素材，如果想要做其它顏色氛圍的物料，則需要找其它顏色的圖片，或者在ps中處理成近似色使用。此時(shí)，我們開(kāi)始設(shè)置物料背景色，點(diǎn)擊右側(cè)“屬性”欄下的“舞臺(tái)”這個(gè)時(shí)候會(huì)出現(xiàn)一個(gè)吸管的標(biāo)識(shí)，在圖片和舞臺(tái)接近的地方吸取顏色，讓圖片和舞臺(tái)色融為一體，吸取后，背景會(huì)變成黑色,這樣背景色就設(shè)置好了。在背景色設(shè)置好了以后我們就可以開(kāi)始制作動(dòng)畫(huà)效果了。

3、動(dòng)畫(huà)的基本原理就像手翻書(shū)，在一個(gè)筆記本的每一頁(yè)，畫(huà)上一個(gè)略有不同的一個(gè)物體，翻動(dòng)書(shū)頁(yè)，你就會(huì)看見(jiàn)書(shū)頁(yè)上的物體動(dòng)了起來(lái)，flash動(dòng)畫(huà)的原理也是這樣。軟件中時(shí)間軸上的每一格被稱(chēng)為“一幀”這就像手翻書(shū)的每一頁(yè)一樣，每一個(gè)不一樣的幀，連起來(lái)播放就是運(yùn)動(dòng)的動(dòng)畫(huà)了?，F(xiàn)在我們開(kāi)始做圖片的動(dòng)畫(huà)效果：選擇一個(gè)空白幀，點(diǎn)擊鼠標(biāo)右鍵，點(diǎn)擊“插入關(guān)鍵幀”點(diǎn)擊第一個(gè)關(guān)鍵幀的后一幀，按住shift連選到剛剛插入的關(guān)鍵幀前一幀，再點(diǎn)擊鼠標(biāo)右鍵,選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”創(chuàng)建傳統(tǒng)補(bǔ)間之后的效果是下面這樣的1510lili'iiiiil'iaHlil/J點(diǎn)擊回到第一幀，注意時(shí)間軸上的紅色標(biāo)識(shí)a151915IiiII

4、iiiiiii選中第一幀以后，再點(diǎn)擊選中圖片，點(diǎn)右鍵，選擇“轉(zhuǎn)化為元件”鈣取消全選般岷)后離閩圖例D)運(yùn)動(dòng)踴徑普在當(dāng)黯位曾編輯在新窗口中編定的作交菊泄直接管制元件謾置受形忌.點(diǎn)j夠?yàn)樵?公0%點(diǎn)擊有側(cè)欄目框“色彩效果”中的Alpha,設(shè)置第一幀圖片的透明度，設(shè)置為這樣圖片的漸隱效果就做好了。在flash中任何一個(gè)需要做動(dòng)畫(huà)的圖片或文字都需要單獨(dú)建一個(gè)圖層來(lái)制作，這樣才能互不干擾。我們命名這個(gè)圖層，同時(shí)新建一個(gè)圖層，在這個(gè)圖層上我們要做文字的動(dòng)畫(huà)效果了。選擇“字體”工具，設(shè)置用什么樣的字體，和字體顏色使用縮放工具調(diào)整字體大小和位置藝星整形0B11*X。藝星整形。放置好位置后，開(kāi)始制作文字的動(dòng)畫(huà)

5、，在文字圖層的時(shí)間軸上，設(shè)置文字開(kāi)始做動(dòng)畫(huà)的時(shí)間位置，我們?cè)跁r(shí)間軸上設(shè)置動(dòng)畫(huà)開(kāi)始的時(shí)間，和背景動(dòng)畫(huà)時(shí)間分開(kāi)，避免重合。"插入關(guān)鍵幀”回到第一關(guān)鍵幀，選中幀，按Delete刪掉，讓前面變成空白幀,偏口|”5背景圖*同上，開(kāi)始制作文字漸隱效果，復(fù)制關(guān)鍵幀，在兩關(guān)鍵幀之間建立補(bǔ)間，設(shè)置文字透明度,制作漸隱的動(dòng)畫(huà)效果延長(zhǎng)插入背景圖層幀和“藝星整形”圖層幀，在第一組的動(dòng)畫(huà)中，此后背景和“藝星整形”會(huì)一直展現(xiàn)，所以需要一直延續(xù)到整組動(dòng)畫(huà)的結(jié)束。這一段文字制作完成后，我們進(jìn)入第二段文字的動(dòng)畫(huà)。新建圖層，給圖層命名，在時(shí)間軸上插入關(guān)鍵幀，設(shè)置文字出現(xiàn)的時(shí)間位置,這里我們?nèi)绻朐谝欢握w文字動(dòng)畫(huà)效果的

6、基礎(chǔ)上再給個(gè)別文字做動(dòng)畫(huà)，這樣我們就需要把個(gè)別文字和整體的文字分別建圖層，分開(kāi)做動(dòng)畫(huà)，在這里我先預(yù)留出要單獨(dú)做動(dòng)畫(huà)的文字位置。這里我們先做整段文字的動(dòng)畫(huà)。這里做漸隱滑動(dòng)的效果：復(fù)制關(guān)鍵幀，在兩關(guān)鍵幀中間創(chuàng)建補(bǔ)間動(dòng)畫(huà)，選中文字，設(shè)置關(guān)鍵幀透明度，制作漸隱效果。漸隱效果做好后，就可以做滑動(dòng)效果，選中后面的關(guān)鍵幀，再選中文字，按住Shift向右平行移動(dòng)滑動(dòng)效果做好后，新建圖層，插入文字，為單獨(dú)變化的文字做動(dòng)畫(huà)，注意這一層的時(shí)間，設(shè)置和整體的文字動(dòng)畫(huà)的時(shí)間同步，這里文字整體的效果做好了，接下來(lái)開(kāi)始做單個(gè)文字的動(dòng)畫(huà)，根據(jù)運(yùn)動(dòng)規(guī)律，文字先做預(yù)備動(dòng)作，縮小，復(fù)制關(guān)鍵幀，在兩幀之間建立補(bǔ)間動(dòng)畫(huà)，選中后面幀，做

7、縮小的動(dòng)畫(huà)，使用縮放工具，對(duì)文字進(jìn)行縮小,預(yù)備動(dòng)作縮小之后，開(kāi)始放大：復(fù)制幀，在兩幀之間創(chuàng)建補(bǔ)間動(dòng)畫(huà)，選中后面一幀，使用縮放工具，進(jìn)行放大，最后做緩沖動(dòng)作，放大以后，像預(yù)備動(dòng)作一樣，進(jìn)行縮小，插入關(guān)鍵幀，在關(guān)鍵幀中間插入補(bǔ)間，選擇后面的關(guān)鍵幀，使用縮放工具進(jìn)行縮小，重復(fù)放大動(dòng)作和緩沖動(dòng)作，制作節(jié)奏感放大效果，插入關(guān)鍵幀，制作補(bǔ)間，選擇后面幀，放大，時(shí)間軸I妨Qi4G書(shū)50556口657G力5SO85/oJ*；4,1T-d我行來(lái)*口12藝星整書(shū)*皆導(dǎo)圖口工為W1“W3M4Ji七電J74LZ.pofpe?：三叵z；Qe-1首場(chǎng)景1翔們來(lái)自和上面一樣做緩沖動(dòng)作,星整形科們書(shū)自韓國(guó)這樣第一組動(dòng)態(tài)效果就

8、做完了。當(dāng)然，關(guān)鍵幀和關(guān)鍵幀之間的過(guò)度時(shí)間長(zhǎng)短，時(shí)間軸上每個(gè)關(guān)鍵幀之間補(bǔ)間幀的多少，憑個(gè)人預(yù)期效果自行決定。（三）、現(xiàn)在，我們開(kāi)始制作第二組動(dòng)態(tài)圖，原理和上一組是一樣的：新建圖層，在各個(gè)圖層上分別放入圖片和文字，設(shè)置關(guān)鍵幀，在關(guān)鍵幀中間插入補(bǔ)間。第二組動(dòng)畫(huà)第一步：新建圖層，并命名；在第一組動(dòng)態(tài)完成后時(shí)間軸上對(duì)應(yīng)的位置點(diǎn)鼠標(biāo)右鍵選擇“插入關(guān)鍵幀”導(dǎo)入圖片到庫(kù)在窗口“庫(kù)”中找到剛剛導(dǎo)入的圖片選中圖片，直接拖到舞臺(tái)中，直接點(diǎn)擊選中舞臺(tái)上的圖片，點(diǎn)擊鼠標(biāo)右鍵選擇“轉(zhuǎn)換為元件”屯SL.二二二怔：5巨劊堂補(bǔ)閆前面測(cè)幽卜聞形狀更切仃)復(fù)制(Q粘貼(P)復(fù)制書(shū)畫(huà)將對(duì)西夏制為ActionScript3,0.希即

9、就畫(huà)選擇性耕站動(dòng)畫(huà)-.另存為動(dòng)郵般鈿脫言全選蒞意變形冒的網(wǎng)分蔻分敢到圖層0>)運(yùn)動(dòng)雷徑在W南位置端泉在新窗口中漏銀耕立耍兀件直接夏制亓件設(shè)苜變形點(diǎn)全黃交彤點(diǎn)背換為自單41轉(zhuǎn)挨為位圜在圖片“色彩效果”中設(shè)置透明度，來(lái)調(diào)整圖片在舞臺(tái)中的位置和大小在后面時(shí)間軸上復(fù)制“插入關(guān)鍵幀”插入“創(chuàng)建傳統(tǒng)補(bǔ)間”，時(shí)間輻1弟口否MBS打憲10010S11_ljLj_.l_i_i.jfciii<iI_i_t_i+lik”fii"HOlit1114141h3201251301J1?1"J.J1,J1111iu匿墨JQrjj而韓*o>口u禽l俅.*1創(chuàng)哥洞耳狀I(lǐng)u藝重里形,創(chuàng)建（麟

10、1卜闿il背景圜*口口此時(shí)，我們需要調(diào)整兩關(guān)鍵幀的透明度，讓效果從前面一幀的0%通過(guò)補(bǔ)間過(guò)度到100%,做漸隱，選擇前面的關(guān)鍵幀，再直接點(diǎn)擊選擇圖片，設(shè)置透明度為0%,ii拓a史的1tj/.nvi;上.11姓:|。陽(yáng)9,w同樣的，我們要設(shè)置后面一幀的透明度，將其設(shè)置為100%,注意在關(guān)鍵幀后面延長(zhǎng)“插入幀”新建圖層，命名，制作文字效果；插入關(guān)鍵幀，使用文字工具，選擇文字字體，顏色，大小,插入文字“我們相信美麗沒(méi)有國(guó)界”并調(diào)整好位置，前858站工的10511C115125130肥向他u第*-的>|“玳們東.疝莒星整形.，口-JH4J1U口白如日.-<='C*新建圖層，命名，為

11、制作文字逐字彈出效果而制作文字遮罩層,與前面的文字在時(shí)間上同步，出現(xiàn)的關(guān)鍵幀位置和文字一致，新建關(guān)鍵幀riffle1售場(chǎng)接1我們相信美麗沒(méi)有國(guó)界使用“矩形工具”畫(huà)一個(gè)和背景色一致的黑色矩形出來(lái)，做一個(gè)簡(jiǎn)單的遮罩層,復(fù)制幀，調(diào)整好復(fù)制的第二幀的位置，在兩幀之間做補(bǔ)間,將第二組的背景層上移到遮罩層上面,新建圖層，命名，做另一句廣告語(yǔ)的動(dòng)態(tài)，使用文字工具插入“私人專(zhuān)屬定制”苞場(chǎng)景1復(fù)制關(guān)鍵幀，創(chuàng)建補(bǔ)間，移動(dòng)位置，設(shè)置透明度，做移動(dòng)漸隱效果,0155160募0口115120125130135I4C145,口,口.第二組tJ文學(xué)盤(pán)置我們相E韓-T!aJ-I3M制Al>!*6I+心卜！I工網(wǎng).y.d

12、a茗嬖罪邙-14二X首場(chǎng)晏1們相信美麗沒(méi)有國(guó)汽和人號(hào)霞定制這樣第二組圖片也做好了。文本舊編埸國(guó)視圖刖酒人修改(M)文本翕令(C)控制t置A/-：辯建網(wǎng)-打開(kāi)(3-在Bridge中賽克打開(kāi)最近的文件舊關(guān)閉g全新關(guān)聞CtrltAltfWCtrlMDCtrli-Alt-bO私人吉-第二組文字遮國(guó)我們相-.Ctrl+SCtrl-i-Ghift+S身入到舞芻(】L，保存另存為肉另存為捏板0K.存回.還原(H)身入山導(dǎo)出(E)巖井;語(yǔ)甌向SAW(L).打開(kāi)外部席(。1rtrl-k；k；lr+F1?將第三張背景圖，導(dǎo)入到庫(kù)，直接拖到舞臺(tái)，調(diào)整位置,復(fù)制關(guān)鍵幀，創(chuàng)建補(bǔ)間，做漸隱背景,復(fù)制幀，在兩幀間創(chuàng)建補(bǔ)間，

13、修改透明度，注意和背景的漸隱時(shí)間對(duì)應(yīng),再新建圖層，插入關(guān)鍵幀，插入第二段文字（客戶(hù)網(wǎng)址），插入補(bǔ)間，設(shè)置透明度，做漸隱,這里主要注意與客戶(hù)品牌的效果時(shí)間分開(kāi)，這里再做文字的第二段縮放動(dòng)態(tài)效果，根據(jù)運(yùn)動(dòng)原理，在后面復(fù)制關(guān)鍵幀，讓文字做完第段動(dòng)態(tài)效果后緩沖一下，復(fù)制一個(gè)關(guān)鍵幀，延長(zhǎng)關(guān)鍵幀，再次復(fù)制插入關(guān)鍵幀，縮小文字，再兩個(gè)關(guān)鍵幀中間創(chuàng)建補(bǔ)間,復(fù)制插入關(guān)鍵幀，放大文字，K時(shí)間軸嬖9口616016517C1751BQ1跖190195200._NIF4II1I""FqJI'N'RqJI，口FI一7，"IHF"l<I1.u，口.小_d.?|）

14、最后復(fù)制插入關(guān)鍵幀，做緩沖動(dòng)作，縮小文字分別在每個(gè)背景圖層和文字遮罩圖層中再次插入遮罩。選擇背景層關(guān)鍵幀的起始幀，直接選中舞臺(tái)中的圖片，點(diǎn)鼠標(biāo)左鍵，雙擊進(jìn)去，將看到下面的圖層顯示,新建圖層，使用矩形工具，畫(huà)出一個(gè)和舞臺(tái)大小一致的色塊，用于做遮罩層,J三ill|0心拒冊(cè)工具/觸;U-l嗎|縮法I/提示端點(diǎn)：一L播合:一L尖角；W老宅表現(xiàn)1a、飆皿調(diào)整好遮罩層的色塊以后，選擇圖層，點(diǎn)擊鼠標(biāo)右鍵，選擇“遮罩層”顯示全部鎖定其他圉婆片藏具旭圖導(dǎo)庖入圖層配院圖層引導(dǎo)曇源加翎挺動(dòng)引導(dǎo)層巡逑呈展開(kāi)文件夾折尊交白天屣開(kāi)所有文件夾而超聽(tīng)Hl14刪除文士事f:<:-:-3E-:-"l:>總r:-t=;:t±fv:L-在創(chuàng)建遮罩以后，顯示后發(fā)生變化，將只能看到遮罩層遮住的舞臺(tái)畫(huà)面,此后，對(duì)每一組的背景圖和文字遮罩層再點(diǎn)擊進(jìn)去，設(shè)置相同的遮罩層效果。導(dǎo)出文件，整個(gè)物料就完成了。、制作總結(jié):Flash中重點(diǎn)在于對(duì)每一個(gè)元素的動(dòng)態(tài)時(shí)間的控制，和各動(dòng)態(tài)之間的銜接過(guò)度。事物的運(yùn)動(dòng)規(guī)律，在這里沒(méi)有辦法通過(guò)簡(jiǎn)短的文字來(lái)詳細(xì)闡述，有興趣的朋友可以學(xué)習(xí)和參考一些運(yùn)動(dòng)規(guī)律類(lèi)的書(shū)籍。軟件的使用方法，也因人而異