制作一款打字效果的LOGO

2024-09-11 13:32:15

字體：大中小

供稿：網(wǎng)友

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

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

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

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

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

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

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

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

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

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

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

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

圖10

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

　　因?yàn)槲淖质窃趧?dòng)畫(huà)的播放過(guò)程中逐個(gè)展現(xiàn)出來(lái)的，這個(gè)過(guò)程只需要4幀。所以我們把第1幀中的文本對(duì)象進(jìn)行刪除。而第2幀中則用

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

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