本教程是向大家介紹利用Fireworks制作草生草長(zhǎng)之草樣年華gif動(dòng)畫(huà)，作者創(chuàng)作的原因是為了紀(jì)念草樣的大學(xué)生活，用草周而復(fù)始的賤生表達(dá)大學(xué)四年頹廢中有理想的生活狀態(tài)，教程很有意思，推薦給大家，希望大家喜歡

gif文件：

png源文件：

作品名稱(chēng)：《大學(xué)四年紀(jì)念－草樣年華》

作品格式：gif動(dòng)畫(huà)

創(chuàng)作原因：為紀(jì)念草樣的大學(xué)生活

作品介紹：用草周而復(fù)始的賤生表達(dá)大學(xué)四年頹廢中有理想的生活狀態(tài)

by RockHward2007.7.12

1、為動(dòng)畫(huà)準(zhǔn)備元素

在這一節(jié)里，你將會(huì)為這個(gè)gif動(dòng)畫(huà)準(zhǔn)備好各個(gè)圖形元素，
包括一個(gè)背景、一個(gè)標(biāo)題和一個(gè)簽名。

1.1、新建一個(gè)250*70px黑色背景畫(huà)布的文件。 如下圖，繪畫(huà)一個(gè)符合畫(huà)布大小的矩形，填充如下圖所示，注意填充手柄。

1.2、將矩形所在的層命名為“grass”層。 新建一個(gè)命名為“text”的層，在該層上鍵入你喜歡的標(biāo)題和簽名，選擇你喜歡的字體，顏色自定。 然后將標(biāo)題和簽名的混合模式改為“變暗”。 最后在層面板中雙擊“text”層，在“共享交疊幀”選項(xiàng)打勾。對(duì)“grass”層也鉤選“共享交疊幀”。

2、草生草長(zhǎng)動(dòng)畫(huà)制作

在這一節(jié)里，你將會(huì)完成模擬草的生長(zhǎng)的動(dòng)畫(huà)制作。
首先你將會(huì)制作一個(gè)動(dòng)畫(huà)元件，然后分兩步，分別模擬草的消退和生長(zhǎng)。

2.1、在“text”層和“grass”層之間新建一個(gè)叫“move”的層。 然后鎖定“text”層和“grass”層。 在“move”層上繪畫(huà)一個(gè)如下圖填充的矩形。 混合模式改為“加熱”。調(diào)節(jié)漸變填充手柄，使之如圖所示。

2.2、選中剛才繪畫(huà)的矩形，按F8轉(zhuǎn)換為“動(dòng)畫(huà)”類(lèi)型元件，元件命名為“草”。 然后在“動(dòng)畫(huà)”設(shè)置對(duì)話(huà)框中“幀”設(shè)為“10”。按“確定”后會(huì)有一個(gè)提示窗口，也按“確定”通過(guò)。

2.3、更改畫(huà)布上“草”的動(dòng)畫(huà)實(shí)例的混合模式為“加熱”。

　?。?）按住shift，拖動(dòng)“草”動(dòng)畫(huà)實(shí)例的紅色控點(diǎn)，使之到達(dá)如圖1所示的位置。

　　（2） 單擊紅色控點(diǎn)，檢查最后一幀是否如圖2所示，否則繼續(xù)按著shift拖動(dòng)紅色控點(diǎn)以達(dá)到圖2的效果。

2.4

　?。?）調(diào)節(jié)時(shí)間：打開(kāi)幀面板，同時(shí)選中第2到第10幀，然后雙擊然后雙擊右方數(shù)字位置，彈出“幀延時(shí)”，輸入“10”。雙擊幀1，輸入“100”。

　?。?） 同時(shí)選中第1到第10幀，然后單擊幀面板右上角的菜單，點(diǎn)選“重制幀”。

　?。?） 調(diào)節(jié)時(shí)間：幀11時(shí)間設(shè)為“200”，幀12～18設(shè)為“10”，幀19設(shè)為“100”。

2.5、現(xiàn)在要制作草生長(zhǎng)的效果。

　　選中幀11，選中“草”的動(dòng)畫(huà)實(shí)例，拖動(dòng)紅色和綠色控點(diǎn)，交換紅色控點(diǎn)和綠色控點(diǎn)的位置。

　　這樣，從幀11到幀19就模擬了草的生長(zhǎng)效果了。

最后選擇gif格式導(dǎo)出gif動(dòng)畫(huà)。

技術(shù)總結(jié)：

利用fireworks的混合模式制作gif動(dòng)畫(huà)，可以產(chǎn)生顏色變化多端的感覺(jué)。

以上就是用Fireworks制作草生草長(zhǎng)之草樣年華gif動(dòng)畫(huà)過(guò)程，敬此獻(xiàn)給要畢業(yè)的同學(xué)們，希望大家喜歡！

最新評(píng)論