制作一款打字效果的LOGO

2024-09-11 13:32:15

字體：大中小

供稿：網(wǎng)友

所謂打字效果，就是文字在光標(biāo)的帶動下，富有節(jié)奏感般地挨個展現(xiàn)出來。這種效果在網(wǎng)站的logo制作中還不多見。因此我們今天就一起來制作這樣一個動態(tài)的網(wǎng)站logo。最終的效果如圖01。

圖01“智慧生活logo”源文件下載(50k，zip壓縮文件)

　　啟動firework后新建一個88*31大小的畫布。這種大小也正是網(wǎng)站logo最為常用的尺寸。然后點(diǎn)擊“層”面板右上角的下拉按鈕，把“單層編輯”的選勾去掉。這樣就可以使鼠標(biāo)指針跨圖層地進(jìn)行對象的選取了。如圖02。

圖02
　　準(zhǔn)備工夫做好后我們就來正式繪制了。在畫布上用“矩形”工具畫一個88*31大小的長方形，使其覆蓋整個畫布。然后用“波浪”漸變進(jìn)行填充，漸變色由# 009900至# 56bb12。再用35%的“煙霧效果”進(jìn)行紋理填充，如圖03。

圖03
　　然后再為該矩形對象添加一個“內(nèi)側(cè)發(fā)光”的特效，發(fā)光色為# ffffff，其它各項(xiàng)設(shè)置如圖04。

圖04用“矩形”工具再畫一個88*31的長方形。描邊色為# 019a00，不采用任何填充。然后使其與畫布進(jìn)行居中對齊。如圖05。

圖05
　　這樣，logo的背景也是繪制完成了。考慮到這是一個動態(tài)的logo，而且部分動作效果可以使用動畫元件來完成。因此為了后續(xù)操作的方便，我們再次點(diǎn)擊“層”面板右上角的下拉列表，從中選擇“共享此層”。也就是把“層1”設(shè)置為共享層，以后該層內(nèi)的背景對象將被其它幀共用。

　　在“層”面板中新建一個圖層——“層2”。然后用“文本”工具在畫布上輸入相關(guān)網(wǎng)站或論壇的名稱。在這里我輸入的是“智慧生活”，字體為15號的加粗黑體，色值為# ffffff，使用“勻邊消除鋸齒”。最后使該文本對象保持與畫布垂直對齊。如圖06。

圖06
　　用“矩形”工具畫一個16*16的正方形，對其使用無描邊的“條狀”漸變填充，左右兩個漸變滑塊均為純白色，而不透明度則由100%至20%，如圖07。

圖07
　　我們通過該正方形對象的屬性框中，將其寬度設(shè)置為1像素，然后通過鍵盤方面鍵的移動，使其緊靠在“智”字的左邊。這樣，一個光標(biāo)的形狀也就繪制出來了，如圖08。

圖08
　　在這個光標(biāo)對象上點(diǎn)擊鼠標(biāo)右鍵，從彈出菜單中選擇“轉(zhuǎn)換為元件”。然后會彈出一個元件屬性對話框。在名稱欄中我們可形象的將其命名為“光標(biāo)”，類型為“圖形”。從而把這個對象轉(zhuǎn)成圖形元件。此時啟動“庫”面板的話，可以看到里面就有我們剛轉(zhuǎn)換完成的“光標(biāo)”元件。選中它，并將其直接拖拽至畫布當(dāng)中。然后通過方向鍵的移動，把它放置在“活”字的右邊并與“智”字前的光標(biāo)元件進(jìn)行水平對齊，如圖09。

圖09
　　將當(dāng)前的兩個光標(biāo)對象同時選中，然后選擇菜單欄中的“修改—元件—補(bǔ)間實(shí)例”項(xiàng)。然后在彈出的“補(bǔ)間實(shí)例”窗口中設(shè)置步驟數(shù)量為3，并勾選“分散到幀”選項(xiàng)。此時啟動“幀”面板時可以看到，在兩個光標(biāo)之間已建立了所需的動畫幀數(shù)。如圖10。

圖10

　　我們繼續(xù)回到第一幀中進(jìn)行操作。將“智慧生活”這個文本對象復(fù)制后，在其它幀中進(jìn)行粘貼。而粘貼后的文本對象仍然會在畫布上的原位置中，因此不必?fù)?dān)心動畫在播放過程中會出現(xiàn)文本偏移的情況。

　　因?yàn)槲淖质窃趧赢嫷牟シ胚^程中逐個展現(xiàn)出來的，這個過程只需要4幀。所以我們把第1幀中的文本對象進(jìn)行刪除。而第2幀中則用

上一篇：QQ皮膚制作全程實(shí)錄

下一篇：Fireworks制作可愛&quot;蔥頭&quot;小P孩