01 20
土耳其在煙花中的動畫GIF
在本教程中,我將使用Fireworks CS6創建一個火雞的動畫GIF,其中尾部羽毛可以改變顏色。 我將首先創建一個插圖並複制它。 我將對其進行更改,將它們都轉換為符號,創建第二個狀態並預覽動畫。 然後,我將更改這兩個狀態的持續時間,將該文件保存為動畫GIF,並在瀏覽器中查看它。
儘管在本教程中使用了Fireworks CS6,但您應該可以使用任何最新版本的Fireworks 甚至Photoshop。
編者註:
Adobe不再提供Fireworks CC作為Creative Cloud的一部分。 如果您正在尋找Fireworks,可以在Creative Cloud的“查找其他應用程序”部分找到它。 當Adobe宣布它不再支持或更新應用程序時,您可以認為應用程序消失之前只是時間問題。 這方面的一個典型例子是最近宣布的關於Shockwave和Contribute主任的聲明。
由湯姆格林更新
02之20
創建一個新文檔
我將通過選擇File> New來創建一個新文檔。 我將使寬度和高度為400 x 400像素,分辨率為每英寸72像素。 我將選擇白色作為畫布顏色,然後單擊確定。
接下來,我將選擇File> Save,用png擴展名命名文件火雞,選擇我要保存的位置,然後單擊Save。
03 20
畫一個圓圈
在“工具”面板中,我將單擊“描邊”顏色框並選擇黑色,然後在“填充顏色”框中選擇一個棕色樣本或在十六進制數字值字段#8C4600中鍵入。
在“屬性”面板中,我將使筆觸寬度為2像素。 然後,我將選擇“工具”面板中的“橢圓”工具,單擊“矩形”工具旁邊的小箭頭或其他可見形狀工具即可找到該工具。 按住Shift鍵的同時,我將點擊並拖動以創建一個大圓圈。 使用班次可以確保圓圈完美圓滑。
04之20
畫另一個圈子
再次,當我畫另一個圓時,我將按住shift鍵,只有這個圓比上一個小。
使用指針工具,我將點擊並拖動小圓圈到位。 如圖所示,我希望它重疊在大圓的頂部。
05 20
繪製一個圓角矩形
使用圓角矩形工具,我將繪製一個矩形。 使用指針工具,我將它移動到位。 我希望它能夠居中並略微重疊在小圓圈的底部。
06年20月
組合路徑
我將按住Shift鍵,點擊小圓圈然後點擊圓角矩形。 這將選擇兩種形狀。 然後我會選擇修改,合併路徑>聯合。
07的20
換顏色
在“工具”面板中,我將單擊填充框並選擇一個奶油色樣本,或在十六進制值字段中鍵入#FFCC99,然後按回車鍵。
08 20
讓眼睛
我可以繪製兩個小圓圈來製作眼睛,但是我將使用Type工具來製作眼睛。 我將點擊工具面板中的類型工具,然後在畫布上。 在屬性檢查器中,我將選擇Arial Regular作為字體,使尺寸為72,並將顏色更改為黑色。 我按住Alt或Options鍵,同時按住8號鍵,這會生成一個子彈。 在製作另一顆子彈之前,我會按空格鍵。
09年20月
做喙
在“工具”面板中,我將點擊“多邊形”形狀工具。 在“屬性”面板中,我將為填充選擇橙色樣本,或在十六進制值字段中鍵入#FF9933。 同樣在屬性面板中,我將使寬度為1的筆劃變黑。
接下來,我將選擇“窗口”>“自動形狀屬性”。 我將點擊多邊形的形狀,表明我希望點和邊都是3,半徑是180度。 為了使三角形變小,我將在Outer Radius值字段中輸入20。 這個數字取決於三角形開始的大小。 然後我按回車。
使用指針工具,我將點擊三角形並將其拖動到我認為應該坐在喙上的位置。
10 20
使Snood
從火雞嘴上垂下的紅色物稱為Snood。 為了製作一個,我將使用鋼筆工具。
在工具面板中選擇鋼筆工具後,我將點擊填充框並選擇紅色樣本,或者在十六進制值字段中輸入#FF0000,然後按回車鍵。
使用鋼筆工具,我將單擊以創建形成路徑的點,並且有時單擊並拖動以創建圓形路徑。 當最後一點與第一點相連時,我會形成一個看起來像火雞的外形。
11 20
製造腿
通過點擊填充框然後點擊喙,我可以將填充顏色設置為與喙相同的橙色。 選擇鋼筆工具後,我會將筆觸顏色設置為黑色,並在“屬性”面板中將筆觸寬度設置為2。
接下來,我將使用鋼筆工具創建形成類似火雞腿的形狀的點。 選擇形狀後,我將選擇“編輯”>“重複”。 然後,我將選擇“修改”>“變換”>“水平翻轉”。 使用指針工具,我會將腿放在最佳位置。
12 20
減小尺寸
我將選擇“選擇”>“全選”。 然後,我將點擊“工具”面板中的“縮放”工具。 包圍盒將出現帶有可以向內或向外移動的手柄 。 我會點擊一個角落的手柄並向內移動,使整體變小,然後按回車鍵。
隨著我所有的形狀仍被選中,我將使用指針工具將火雞移動到位。 我希望它在畫布上居中。
13 20
製作尾羽
使用橢圓工具,我將點擊並拖動以形成長橢圓形。 然後我會選擇“編輯”>“重複”。 我會一次又一次地複制橢圓形,直到總共有五個橢圓。
14 20
更改顏色
選擇其中一個橢圓,我將點擊填充框並選擇不同的顏色。 我會用三個橢圓做這個,為每個橢圓選擇一種不同的顏色。
15 20
移動橢圓
使用指針工具,我將點擊並拖動五個橢圓以將其全部選中。 然後,我將選擇“修改”>“排列”>“發送至”。 當我將它們移動到位時,這將導致尾羽落在火雞身後。
我將點擊遠離橢圓形以取消選擇它們,然後單擊一個橢圓形,將它們分別拖到彼此相鄰並部分位於火雞後面的位置。
使用智能引導可以幫助均勻定位彼此相對的橢圓。 如果在工作中看不到智能嚮導,請選擇“查看”>“智能嚮導”>“顯示智能嚮導”。
20 20
旋轉橢圓
我想旋轉橢圓並重新定位它們。 為此,我將選擇一個,然後選擇“修改”>“變換”>“自由變換”。 然後,我將點擊並拖動我的光標在邊界框外,以稍微旋轉橢圓。 使用指針工具,我會將橢圓定位到我認為最好的位置。
我將以同樣的方式旋轉剩餘的橢圓,並將它們放置到位; 均勻分配它們。
20 20
保存並另存為
看著我的圖像,我發現火雞在畫布上太低,所以我會選擇Select> Select All,然後使用指針工具將火雞放在畫布中央。 當我對它看起來很滿意時,我將選擇“文件”>“保存”。
接下來,我將點擊一個尾羽來選擇它,然後在填充框中選擇一種不同的顏色。 我會為每個尾羽執行此操作,然後選擇“文件”>“另存為”。 我將使用png擴展名重命名文件turkey2,然後單擊保存。
18 20
轉換為符號
我將選擇文件>打開,導航到我的turkey.png文件,然後單擊打開。 我將點擊頂部的turkey.png標籤,然後選擇選擇>全選。 然後我將選擇“修改”>“轉換”>“轉換為符號”。 我將其命名為符號1,為類型選擇圖形,然後單擊確定。
我將點擊turkey2.png選項卡並執行相同的操作,只有我將這個符號命名為2。
19 20
創建一個新的狀態
我將點擊turkey.png標籤。 如果我的狀態面板不可見,則可以選擇“窗口”>“狀態”。 在States面板的底部,我將點擊New Duplicate States按鈕。
當我點擊第一個狀態來選擇它時,我看到它有一個符號。 當我點擊第二個狀態時,我發現它是空的。 要將符號添加到此空白狀態,我將選擇“文件”>“導入”>導航到我的turkey2.png文件,單擊“打開”,然後再次打開。 然後,我將點擊畫布的右上角將文件放置在正確的位置。 現在,當我在第一個和第二個狀態之間點擊時,我看到兩個都保存圖像。 我也可以按窗口底部的播放/停止按鈕來預覽動畫。
如果我不喜歡動畫的速度,我可以雙擊每個州右側的數字進行調整。 數字越大,持續時間越長。
20 20
保存動畫GIF
我將選擇文件>另存為,重命名文件,選擇動畫GIF(* .gif),然後單擊保存。
要在我的瀏覽器中打開並播放動畫GIF,我將啟動瀏覽器並選擇“文件”>“打開”或“打開文件”。 我將導航到保存的動畫GIF文件,選擇它,單擊打開,然後欣賞動畫。
有關:
• 優化動畫GIF
•野生土耳其的簡介
•感恩節土耳其歷史
•你見過的最瘋狂的火雞