DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks使用技巧 >> 用Fireworks教你怎麼制作文字變動的LOGO
用Fireworks教你怎麼制作文字變動的LOGO
編輯:Fireworks使用技巧     

作品簡介:

 步驟一、建立一個300*300的畫布

步驟二、用矩形工具畫出一個88*31的方框(邊框顏色填充;中間部分不填充);再隨便截取一張圖片大小也是88*31,將剛才的矩形方框放到這張圖片上,形成一個帶邊框的矩形圖案。如圖:

用Fireworks教你怎麼制作文字變動的LOGO_軟件自學網

步驟三、用矩形畫出一個高8px 長88px的矩形,此教程由軟件自學網首發,填充為白色,再創建一個大小同樣的矩形,填充為線性(黑、白),調節線性填充的方向。如圖:

用Fireworks教你怎麼制作文字變動的LOGO_軟件自學網

步驟四、將剛才作的兩個矩形重疊,(白色的在下方,線性填充的在上方)然後選中這兩個矩形,選擇菜單-->修改-->蒙板-->組成蒙板。如圖:

用Fireworks教你怎麼制作文字變動的LOGO_軟件自學網

步驟五、把剛才做好的蒙板移到圖案矩形的上部,修改蒙板的填充邊緣為羽化度1,使其與圖形的結合不至於太生硬。這樣就形成了一種有光澤度的感覺。如圖:

用Fireworks教你怎麼制作文字變動的LOGO_軟件自學網

步驟六、從新建立一個88*31的畫布,將剛才制作的制作的所有圖形復制到新建的畫布上。

步驟七、加入4桢,

第一桢保持沒有文字的圖案;(桢延時=50)

第二桢插入文字,並將文字效果定義為高斯模糊,模糊度為1.5,(桢延時=10)如圖:

用Fireworks教你怎麼制作文字變動的LOGO_軟件自學網

第三桢完全復制剛才的第二桢所有內容,只是將文字部分的高斯模糊效果去掉,使文字清晰;(桢延時=100)

第四桢完全復制第二桢的所有內容,保留剛才的高斯模糊效果,(桢延時=10)

步驟八、如再有文字的加入,只要重復剛才第七步中的四個分桢設定即可。

這樣一個有光澤感的,並且有文字動畫效果的logo就做好了,請朋友們借鑒,發揮想象力,作出更漂亮的logo來。

用Fireworks教你怎麼制作文字變動的LOGO_軟件自學網


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved