illustrator教學-設計切圖之解決illustrator神秘多出來的1像素

1 / 1

illustrator神秘多出來的1像素

之前做過一陣子介面設計,用工作區域轉就會出現illustrator多出神秘1PX的情況,本來要150*150 轉圖出現變成151*151

有時候一張兩張就進PS改 但是一百多張呢!!! 這個情況我去爬了很多文 都說是以拉裡無解的BUG!!!!

(但我就是不信邪 怎麼可能 精準的已拉大神 出這種包!

(ノ゚∀゚)ノ 今天教大家兩種轉檔方式

第一種是直接用工作區域轉出完美像素的檔案,另一個是用切片轉存為網頁裝置(適合轉多尺寸圖檔)

關於illustrator切圖切版我查過很多資料,最重要的最後一個步驟就是需要把很多圖示出成不同尺寸。

網路上也有許多切圖神器,導入進去就切好最新版的尺寸。

但是!神器通常都只搭配一種尺寸。

由於工作需要自己切兩種安卓和蘋果的,我又不想多轉檔,想要直接在以拉裡面做比較順 (碎碎念)

方法1.直接用工作區域轉出完美像素的檔案  

範例就是安卓APP的主ICON mdpi螢幕上icon為48*48px 也就是最原始的比例48X1倍 1.用工作區域
用48*48px做一個工作區域 圖示完全貼齊

長寬都顯示為 48px 但轉出圖檔卻發現
疑! 居然變成49X48px 到底是哪裡出了問題呢!

原來是以拉連 工作區域的座標 X,Y 軸的小數點也會進入計算!
所以不是BUG 而是illustrator 太精密囉!!

解決方法就是 記得按下工作區域連接圖檔的按鈕 然後把位置座標改成整數 (可以進去編輯框 用鍵盤的↑↓鍵修改 會直接變成整數喔)記得以後出圖 上面四個鍵入框都必須沒有小數點喔!!

然後 我們就成功得到完美無缺的像素拉!

想當初我轉了超超超超超級多冤枉的檔案 O _ Q

把以前在痞克邦的QA搬過來~