gif文件：

png源文件：

作品名稱：《大學(xué)四年紀(jì)念－草樣年華》
作品格式：gif動(dòng)畫
創(chuàng)作原因：為紀(jì)念草樣的大學(xué)生活
作品介紹：用草周而復(fù)始的賤生表達(dá)大學(xué)四年頹廢中有理想的生活狀態(tài)
by rockhward2007.7.12

|||

gif文件：

png源文件：

作品名稱：《大學(xué)四年紀(jì)念－草樣年華》
作品格式：gif動(dòng)畫
創(chuàng)作原因：為紀(jì)念草樣的大學(xué)生活
作品介紹：用草周而復(fù)始的賤生表達(dá)大學(xué)四年頹廢中有理想的生活狀態(tài)
by rockhward2007.7.12

|||

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

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

1.1

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

1.2

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

|||

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

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

2.1

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

2.2

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

|||

2.3

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

1. 按住shift，拖動(dòng)“草”動(dòng)畫實(shí)例的紅色控點(diǎn)，使之到達(dá)如圖1所示的位置。
2. 單擊紅色控點(diǎn)，檢查最后一幀是否如圖2所示，否則繼續(xù)按著shift拖動(dòng)紅色控點(diǎn)以達(dá)到圖2的效果。

2.4

1. 調(diào)節(jié)時(shí)間：打開幀面板，同時(shí)選中第2到第10幀，然后雙擊然后雙擊右方數(shù)字位置，彈出“幀延時(shí)”，輸入“10”。雙擊幀1，輸入“100”。
2. 同時(shí)選中第1到第10幀，然后單擊幀面板右上角的菜單，點(diǎn)選“重制幀”。
3. 調(diào)節(jié)時(shí)間：幀11時(shí)間設(shè)為“200”，幀12～18設(shè)為“10”，幀19設(shè)為“100”。

2.5
現(xiàn)在要制作草生長(zhǎng)的效果。
選中幀11，選中“草”的動(dòng)畫實(shí)例，拖動(dòng)紅色和綠色控點(diǎn)，交換紅色控點(diǎn)和綠色控點(diǎn)的位置。
這樣，從幀11到幀19就模擬了草的生長(zhǎng)效果了。

|||

end

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

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

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

下面是另一個(gè)作品《waste my time，waste my life》

gif文件：

png源文件：