DIV CSS 佈局教程網

這裡介紹的是用“網頁三劍客”之一的Fireworks來制作透明背景Logo的方法。

軟件名稱：

fireworks8簡體中文版 (含序列號)

軟件大小：

88MB

更新時間：

2014-09-09

1、打開軟件之後“文件”菜單“新建”一個文檔，“寬度”和“高度”根據實際選擇你需要的，這裡注意：“畫布顏色”應選擇“透明”，如下圖：

2、導入你的Logo圖片，如果圖片背景是單一的顏色，可以按如下方法處理成透明：

選擇左邊工具箱裡的“魔術棒”工具，然後點擊圖片的背景，連續的單一顏色就會被選中，如下圖，這時再單擊“Delete”鍵選中的背景就會被刪除，成為透明。（如果背景不是單一的顏色，可以用“套索”工具把圖像摳出來，如果你會Photoshop也可以用Photoshop做好之後粘貼過來，摳圖操作比較麻煩，這裡不介紹）

3、逐步把其它未選中的背景刪除之後，用左邊工具箱裡的“文本工具”（也就是那個A字）添加你想要的文字，並用濾鏡美化，調節好布局使它成為你最終想要的樣子。（本人不善於配色，做得比較難看）

4、接下來就是保存了，別急，如果你直接保存的話，背景是不會透明的，而是白色的。這時，應該選擇“文件”菜單裡的“圖像預覽”，快捷鍵“Ctrl+Shift+X”，如下圖。這時，會打開“圖像預覽”窗口如下，注意左上角的“格式”要選擇 GIF

5、要想使背景透明，這是關鍵的一步。右鍵單擊圖片的背景，這時的背景已不是之前看到的透明，而是白色的。注意要點擊圖片而不是外面那一大塊的白色，然後選擇“透明”，如下圖：這時就可以看到透明的背景了

6、最後，單擊窗口下面的“導出”按鈕，保存 gif 格式圖片就成功了。把做好的Logo上傳到你的網站上就可以看到效果了。