時間:2022-07-06 22:00:01 | 來源:建站知識
時間:2022-07-06 22:00:01 來源:建站知識
無論是博客還是網(wǎng)站,做一個ico顯示在地址欄上面,是很有必要的。好的圖標(biāo)能留給訪問者很深印象哦。所以Ken今天給博客加上了一個ico,感覺還湊合,所以就發(fā)一份教程,希望能給各位朋友幫助。用到的工具有Photoshop版本隨意以及Axialis IconWorkshop 6.3,軟件可以到網(wǎng)上下載(注意安全問題哦)。
首先,打開Photoshop軟件,我用的是Photoshop9.0,文件》新建》設(shè)置如下圖:
然后就發(fā)揮自己的創(chuàng)造力,創(chuàng)造屬于自己的ico。我簡單的做了一個,用于教程。
制作的過程中,注意把需要透明的地方選中(推薦用魔棒工具),然后按Del刪除,見到一些灰白相間的網(wǎng)格則是代表透明部分。
作品完成以后,單擊文件》儲存為Web所用格式》如下配置:
之后便可以打開Axialis IconWorkshop軟件。
單擊 文件》打開,然后打開你剛才保存的.gif文件。然后按圖操作:
從圖標(biāo)創(chuàng)建 Windows 圖標(biāo),然后如下圖配置。
按下確定后,程序很快就把.gif文件轉(zhuǎn)換成ico,然后我們就保存吧。
保存以后的ico文件更名為favicon.ico,上傳到網(wǎng)站的根目錄,然后就可以生效啦。不過我估計只能在ie7以上或者某些瀏覽器可以看到效果了。
附上psd文件,覺得設(shè)計一個ico麻煩的話就來我博客下載改吧。
原創(chuàng)文章請注明轉(zhuǎn)載自許澤鋒博客,本文地址:
關(guān)鍵詞:教程,地址,透明
微信公眾號
版權(quán)所有? 億企邦 1997-2022 保留一切法律許可權(quán)利。