在Fireworks中創建一個動畫GIF

01 20

土耳其在煙花中的動畫GIF

文字和圖片©Sandra Trainor

在本教程中,我將使用Fireworks CS6創建一個火雞的動畫GIF,其中尾部羽毛可以改變顏色。 我將首先創建一個插圖並複制它。 我將對其進行更改,將它們都轉換為符號,創建第二個狀態並預覽動畫。 然後,我將更改這兩個狀態的持續時間,將該文件保存為動畫GIF,並在瀏覽器中查看它。

儘管在本教程中使用了Fireworks CS6,但您應該可以使用任何最新版本的Fireworks 甚至Photoshop。

編者註:

Adobe不再提供Fireworks CC作為Creative Cloud的一部分。 如果您正在尋找Fireworks,可以在Creative Cloud的“查找其他應用程序”部分找到它。 當Adobe宣布它不再支持或更新應用程序時,您可以認為應用程序消失之前只是時間問題。 這方面的一個典型例子是最近宣布的關於Shockwave和Contribute主任的聲明。

由湯姆格林更新

02之20

創建一個新文檔

文字和圖片©Sandra Trainor

我將通過選擇File> New來創建一個新文檔。 我將使寬度和高度為400 x 400像素,分辨率為每英寸72像素。 我將選擇白色作為畫布顏色,然後單擊確定。

接下來,我將選擇File> Save,用png擴展名命名文件火雞,選擇我要保存的位置,然後單擊Save。

03 20

畫一個圓圈

文字和圖片©Sandra Trainor

在“工具”面板中,我將單擊“描邊”顏色框並選擇黑色,然後在“填充顏色”框中選擇一個棕色樣本或在十六進制數字值字段#8C4600中鍵入。

在“屬性”面板中,我將使筆觸寬度為2像素。 然後,我將選擇“工具”面板中的“橢圓”工具,單擊“矩形”工具旁邊的小箭頭或其他可見形狀工具即可找到該工具。 按住Shift鍵的同時,我將點擊並拖動以創建一個大圓圈。 使用班次可以確保圓圈完美圓滑。

04之20

畫另一個圈子

文字和圖片©Sandra Trainor

再次,當我畫另一個圓時,我將按住shift鍵,只有這個圓比上一個小。

使用指針工具,我將點擊並拖動小圓圈到位。 如圖所示,我希望它重疊在大圓的頂部。

05 20

繪製一個圓角矩形

文字和圖片©Sandra Trainor

使用圓角矩形工具,我將繪製一個矩形。 使用指針工具,我將它移動到位。 我希望它能夠居中並略微重疊在小圓圈的底部。

06年20月

組合路徑

文字和圖片©Sandra Trainor

我將按住Shift鍵,點擊小圓圈然後點擊圓角矩形。 這將選擇兩種形狀。 然後我會選擇修改,合併路徑>聯合。

07的20

換顏色

文字和圖片©Sandra Trainor

在“工具”面板中,我將單擊填充框並選擇一個奶油色樣本,或在十六進制值字段中鍵入#FFCC99,然後按回車鍵。

08 20

讓眼睛

文字和圖片©Sandra Trainor

我可以繪製兩個小圓圈來製作眼睛,但是我將使用Type工具來製作眼睛。 我將點擊工具面板中的類型工具,然後在畫布上。 在屬性檢查器中,我將選擇Arial Regular作為字體,使尺寸為72,並將顏色更改為黑色。 我按住Alt或Options鍵,同時按住8號鍵,這會生成一個子彈。 在製作另一顆子彈之前,我會按空格鍵。

09年20月

做喙

文字和圖片©Sandra Trainor

在“工具”面板中,我將點擊“多邊形”形狀工具。 在“屬性”面板中,我將為填充選擇橙色樣本,或在十六進制值字段中鍵入#FF9933。 同樣在屬性面板中,我將使寬度為1的筆劃變黑。

接下來,我將選擇“窗口”>“自動形狀屬性”。 我將點擊多邊形的形狀,表明我希望點和邊都是3,半徑是180度。 為了使三角形變小,我將在Outer Radius值字段中輸入20。 這個數字取決於三角形開始的大小。 然後我按回車。

使用指針工具,我將點擊三角形並將其拖動到我認為應該坐在喙上的位置。

10 20

使Snood

文字和圖片©Sandra Trainor

從火雞嘴上垂下的紅色物稱為Snood。 為了製作一個,我將使用鋼筆工具。

在工具面板中選擇鋼筆工具後,我將點擊填充框並選擇紅色樣本,或者在十六進制值字段中輸入#FF0000,然後按回車鍵。

使用鋼筆工具,我將單擊以創建形成路徑的點,並且有時單擊並拖動以創建圓形路徑。 當最後一點與第一點相連時,我會形成一個看起來像火雞的外形。

11 20

製造腿

文字和圖片©Sandra Trainor

通過點擊填充框然後點擊喙,我可以將填充顏色設置為與喙相同的橙色。 選擇鋼筆工具後,我會將筆觸顏色設置為黑色,並在“屬性”面板中將筆觸寬度設置為2。

接下來,我將使用鋼筆工具創建形成類似火雞腿的形狀的點。 選擇形狀後,我將選擇“編輯”>“重複”。 然後,我將選擇“修改”>“變換”>“水平翻轉”。 使用指針工具,我會將腿放在最佳位置。

12 20

減小尺寸

文字和圖片©Sandra Trainor

我將選擇“選擇”>“全選”。 然後,我將點擊“工具”面板中的“縮放”工具。 包圍盒將出現帶有可以向內或向外移動的手柄 。 我會點擊一個角落的手柄並向內移動,使整體變小,然後按回車鍵。

隨著我所有的形狀仍被選中,我將使用指針工具將火雞移動到位。 我希望它在畫布上居中。

13 20

製作尾羽

文字和圖片©Sandra Trainor

使用橢圓工具,我將點擊並拖動以形成長橢圓形。 然後我會選擇“編輯”>“重複”。 我會一次又一次地複制橢圓形,直到總共有五個橢圓。

14 20

更改顏色

文字和圖片©Sandra Trainor

選擇其中一個橢圓,我將點擊填充框並選擇不同的顏色。 我會用三個橢圓做這個,為每個橢圓選擇一種不同的顏色。

15 20

移動橢圓

文字和圖片©Sandra Trainor

使用指針工具,我將點擊並拖動五個橢圓以將其全部選中。 然後,我將選擇“修改”>“排列”>“發送至”。 當我將它們移動到位時,這將導致尾羽落在火雞身後。

我將點擊遠離橢圓形以取消選擇它們,然後單擊一個橢圓形,將它們分別拖到彼此相鄰並部分位於火雞後面的位置。

使用智能引導可以幫助均勻定位彼此相對的橢圓。 如果在工作中看不到智能嚮導,請選擇“查看”>“智能嚮導”>“顯示智能嚮導”。

20 20

旋轉橢圓

文字和圖片©Sandra Trainor

我想旋轉橢圓並重新定位它們。 為此,我將選擇一個,然後選擇“修改”>“變換”>“自由變換”。 然後,我將點擊並拖動我的光標在邊界框外,以稍微旋轉橢圓。 使用指針工具,我會將橢圓定位到我認為最好的位置。

我將以同樣的方式旋轉剩餘的橢圓,並將它們放置到位; 均勻分配它們。

20 20

保存並另存為

文字和圖片©Sandra Trainor

看著我的圖像,我發現火雞在畫布上太低,所以我會選擇Select> Select All,然後使用指針工具將火雞放在畫布中央。 當我對它看起來很滿意時,我將選擇“文件”>“保存”。

接下來,我將點擊一個尾羽來選擇它,然後在填充框中選擇一種不同的顏色。 我會為每個尾羽執行此操作,然後選擇“文件”>“另存為”。 我將使用png擴展名重命名文件turkey2,然後單擊保存。

18 20

轉換為符號

文字和圖片©Sandra Trainor

我將選擇文件>打開,導航到我的turkey.png文件,然後單擊打開。 我將點擊頂部的turkey.png標籤,然後選擇選擇>全選。 然後我將選擇“修改”>“轉換”>“轉換為符號”。 我將其命名為符號1,為類型選擇圖形,然後單擊確定。

我將點擊turkey2.png選項卡並執行相同的操作,只有我將這個符號命名為2。

19 20

創建一個新的狀態

文字和圖片©Sandra Trainor

我將點擊turkey.png標籤。 如果我的狀態面板不可見,則可以選擇“窗口”>“狀態”。 在States面板的底部,我將點擊New Duplicate States按鈕。

當我點擊第一個狀態來選擇它時,我看到它有一個符號。 當我點擊第二個狀態時,我發現它是空的。 要將符號添加到此空白狀態,我將選擇“文件”>“導入”>導航到我的turkey2.png文件,單擊“打開”,然後再次打開。 然後,我將點擊畫布的右上角將文件放置在正確的位置。 現在,當我在第一個和第二個狀態之間點擊時,我看到兩個都保存圖像。 我也可以按窗口底部的播放/停止按鈕來預覽動畫。

如果我不喜歡動畫的速度,我可以雙擊每個州右側的數字進行調整。 數字越大,持續時間越長。

20 20

保存動畫GIF

文字和圖片©Sandra Trainor

我將選擇文件>另存為,重命名文件,選擇動畫GIF(* .gif),然後單擊保存。

要在我的瀏覽器中打開並播放動畫GIF,我將啟動瀏覽器並選擇“文件”>“打開”或“打開文件”。 我將導航到保存的動畫GIF文件,選擇它,單擊打開,然後欣賞動畫。

有關:
優化動畫GIF
•野生土耳其的簡介
•感恩節土耳其歷史
•你見過的最瘋狂的火雞