2009年12月25日 星期五

[技巧]直接用photoshop設計ico圖示檔

基本上要讓photoshop支援ico檔案格式,只要裝個外掛就好,以往我都是使用Axialis IconWorkshop這套軟體,他可以直接裝外掛到photoshop之中,然後由photoshop中直接轉圖案到IconWorkshop裡面存成ico檔,不過IconWorkshop這套軟體要錢,且我只用他來找ico以及擷取ico圖示轉成圖片來使用,這樣有點大才小用,所以就換成另外一種方式。

在xp及以上的作業系統下,我們直接在photoshop中把圖片存成png檔後,接著把副檔名改成ico,你會巧妙的發現,怎麼這樣也能變ico檔?!!太神奇了,恩~這樣神奇的事情就此打住吧,先不管上面的做法,我們還有第三種做法是可以讓photoshop直接把圖案存成ico檔,這樣不是更方便嗎?

首先請各位到這個網址http://www.telegraphics.com.au/sw/去選擇下載適合你系統的增效模組檔案

下載增效模組

然後把下載下來的壓縮檔中的ICOFormat.8bi檔案解壓縮到photoshop安裝資料夾中的"增效模組"資料夾中(英文為Plug-ins\File Formats資料夾)

解壓縮到資料夾

接著打開photoshop試著畫一個美美的圖案看看,畫完之後存檔,選擇檔案格式…挖!!!真的有ico檔案格式啦~~

ico檔案格式

存成ico檔案時會有一個對話窗問你,要存成ico還是vista下的png檔? 當然不要懷疑,就選擇ico吧~瞧瞧這張圖,透明的質感連背景都可以瞧見,多麼正點阿~~XD(這圖片是之前印表機用illustrator繪製給客戶的省電燈泡,不是照片喔~)

存成圖示之後的效果

就這麼簡單~快去下載來玩玩看吧~

2009年12月24日 星期四

[軟體] 多版本IE測試解決方案:ieTester、Internet Explorer Collection、Multiple IE

在網頁設計這一塊領域,對於越來越多人學習的CSS來說,不同瀏覽器對CSS解讀與支援程度上面的差異,一直是網頁設計師致力於解決的問題,而其中最糟糕的就是IE瀏覽器,因為版本不同就造成CSS解讀上面的有所差異,這樣子的作法讓許多設計師都很頭痛,在這邊提供幾個可同時測試多版本IE的方案給各位,目前所知大概有以下三個軟體可以做到同時在一台電腦,一個作業系統下安裝多個IE版本或是模擬多個IE版本的方式
ieTester



這一套軟體可獨立在一個模擬的畫面中開啟模擬多個版本的IE畫面,就目前來說算是很方便的一套工具軟體,但因為是模擬的,所以原本安裝在IE中的外掛會是無效的狀態,而在Dreamweaver中也無法直接以ieTester用預覽的方式來檢視開啟的網頁檔案,必須要用拖拉的方式,把網頁檔案拖拉到ieTester的視窗中,或是把網址貼到 ieTester的網址列才能開啟該網頁檔案,算是唯一的缺點,但目前實際使用新的版本時,似乎有不穩定的情況。


Internet Explorer Collection



這一套可以安裝多個ie版本在電腦系統中,包含原本ie有安裝的外掛也都可以用,但是對於ie8似乎會有些問題,且安裝時最好是系統安裝最新版本ie,再使用這套軟體來安裝低階版本的ie,才是正確的使用方式。


Multiple IE



這一套軟體目前好像沒看到有更新,可以安裝的IE版本有IE6及更早坂本,算是最早期我使用的一個做法,不過目前我都改採用ieTester來測試了。


免安裝獨立版本ie
這個可能需要去尋找一下,目前ie6、ie7、ie8都有找到可免安裝的綠色版ie,但大都不是很穩定,所以就看運氣啦^^~