DIV CSS 佈局教程網

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

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

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

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

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

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

步驟七、加入4桢，

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

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

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

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

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

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