Monica：是這樣的，你都用什麼軟體畫icon
Icon前輩：有分前製跟後製。前置作業可以使用 Illustrator或是 photoshop，端看你的使用習慣。但是用 photoshop 的話 尺寸一定一開始就要確定好。而重點應該是在後製，我們使用的軟體叫做 Art Icon。
Monica： 那你們有甚麼樣的流程嗎？
Icon前輩：流程的話，前製就是照你要畫的東西做出來就對了。我會建議使用 illustrator，因為他是向量，在轉存不同大小的尺寸時比較不麻煩。作 icon 是一個pix，一個 pix 在計較的。重點其實是在進 art icon之後。
Monica：那檔案格式的部分呢？
Icon前輩：在 illustrator 做好之後，就選擇「存網頁格式」。 在轉存網頁格式那一頁，就可以選擇你要縮放的尺寸。基本上 64x64 是 vista 使用的尺寸，一般我們看到桌面的 icon尺寸是 32x32，在清單列表上的則是 16x16，中間還有一個比較特殊的尺寸，是 24x24。
Monica：我知道瀏覽器上面的圖示是24px。
Icon前輩：恩~總之依照你的需求，在這邊轉成你需要的尺寸後，直接用ICON軟體打開！打開之後，就要把檔案轉為 256色。因為PNG進來時是24BIT，如果你的圖有透明度，就會是32BIT。
Monica：在ill畫不是一定是32bit阿? 另外，png不是有分24bit跟8bit?
Icon前輩：喔！千萬別存 8BIT！ PNG 是這樣子的。PNG = R+G+B 三個色版，每個色版 8 BIT，8+8+8=24，所以 產生PNG "24"。
Monica：嗯！
Icon前輩：如果再加上一個"透明色版"，就是32BIT。也因此 PNG 8BIT 品質自然是很差的。這個部分應該就解謎了吧。
Monica：我不知道在ill當中，要怎麼去掉8bit的透明度？
Icon前輩：很簡單，就是不要做透明度！全透明是沒問題，但是半透明不要做，只要有半透明的東西，就會把透明色版加進去。
Monica：我知道了！就是不要去調alpha的那塊！
Icon前輩：Yes!甚至連layer濾鏡都不要做。
Monica：但是如果我用遮罩了話呢？而且是從白到透明的漸變效果？
Icon前輩：用遮罩基本上應該是沒問題，只要後面仍有有色部分，不要讓變透明的那一個區塊後面都沒有物件就ok。也就是說，要盡量讓icon完形。另外，要注意illustrator是全彩向量軟體，不能拿點陣的思維來操作他。
Monica：原來如此。關於icon的部分，我之前是在ill畫，直接copy到ps，調好大小之後，轉到icon軟體。
Icon前輩：恩，千萬別這麼作。
Monica：為什麼？
Icon前輩：illustrator 是向量軟體，photoshop 是點陣軟體。中間會有破壞性轉換!問題就是出在這破壞性轉換，只要是向量轉點陣，一定會有這問題，會少1pix，或少個2pix。
Monica：天阿….可是png不也是點陣？
Icon前輩：但png是最折衷的檔案，存好後直接進art icon，而不是進ps破壞一次，進art icon又破壞一次。Ps的最小單位是1pix，illustrator因為是向量，因此最小單位可以是0.1pix，在ps中，小於0.5pix的點，會被消去；大於0.5pix的點，會被當成1pix來處理。試想你在ill製做的圖檔，被增加或消去20個pix就好，你的圖會變成甚麼樣子？
Icon前輩：另外，ill是準32bit全彩繪圖空間。但ps是點陣軟體，可以選擇16色～32bit。因此有些ill可以顯示出來的顏色，到ps會被降轉，也就是顯示不太出來。因此一開始製做的過程，可以依照喜好去選要在ps製作，還是在ill製作，兩者各有好壞。Ps製做的好處是，進art icon需要修邊、銳利化的工比較少，缺點是一但尺寸縮放，或是稍事修改就要大費周章。
Monica：對不起，我忘記BMP可以存幾個顏色了，可以告訴我嗎？
Icon前輩：可以存很多色～可以存到32bit。
Monica：那為什麼不存成bmp檔？比較大嗎？
Icon前輩：這是其一，其二是bmp沒有透明色，也不能做堆疊。我是指半透明堆疊。
Monica：對對！原來是這樣子！所以只要在ill畫，就是直接到icon軟體做後製，不要再經過ps。我之前都跑去ps調整大小、轉色階，然後轉了色階之後就痛苦得要死。
Icon前輩：是低～會多一道破壞的手續。要轉色階了話，就去icon軟體就好，但在ill作圖進去icon軟體的話，要做的工就是銳利化。
..................................................待續..........................................................................
留言列表
