UI設(shè)計師的photoshop配置技巧圖文介紹教程

　　操作：菜單 → 文件 → 新建

　　寬度：640像素

　　高度：1136像素(4英寸iPhone設(shè)備)

　　分辨率：72像素/英寸(ppi)

　　顏色模式：RGB顏色

　　背景內(nèi)容：白色(可選)

　　顏色配置文件：不要色彩管理此文件(更多顏色設(shè)置后)

　　像素長寬比：方形像素

　　配置如下圖：

　　對齊設(shè)置

　　這個處就是當(dāng)你使用圖層、形狀等操作時自動對齊網(wǎng)格，畫矢量圖不怕模糊邊緣，確保每個像素保持清晰。

　　設(shè)置：

　　菜單 → 視圖 → 對齊

　　菜單 → 視圖 → 對齊到 → 全部

　　首選項設(shè)置

　　操作：菜單 → 編輯 → 首選項 → 常規(guī)，建議按下圖設(shè)置

　　啟用輕擊平移

　　僅僅是一個滑移效果，占內(nèi)存又不能提高操作效率，建議關(guān)掉。

　　根據(jù)HUD垂直移動來改變圓形畫筆硬度

　　功能挺好用的，按Alt+右鍵左右/上下移動可以分別改變畫筆的大小和硬度。

　　將矢量工具與變換與像素網(wǎng)格對齊

　　強(qiáng)烈建議開啟這個功能，這個讓你不會產(chǎn)生半像素虛邊，十分好用。但在需要微調(diào)整時可暫時關(guān)閉它。

　　文本設(shè)置

　　字體我一般把字體設(shè)置為犀利，如果你是Photoshop CC版本，它有一個Windows LCD/Mac LCD抗鋸齒功能，文字可以為網(wǎng)頁一樣效果了，所以建議升級到Photoshop CC吧。

　　操作：首先選定文本 → 字符工具(AA)選擇Windows LCD/Mac LCD

　　全局光

　　繼蘋果iOS人機(jī)界面指南，你應(yīng)該把燈光設(shè)置為90°。

　　操作：圖層 → 圖層樣式 → 全局光 → 90°

　　網(wǎng)格設(shè)置

　　現(xiàn)在設(shè)計iOS界面都要兼容視網(wǎng)膜(Retina),所以我把每個網(wǎng)格設(shè)置為2像素，這樣我就不怕圖像在視網(wǎng)膜設(shè)備下變得模糊了。

　　操作：菜單 → 編輯 → 首選項 → 參考線、網(wǎng)格和切片，網(wǎng)格線間隔：4像素;子網(wǎng)格2?；蛘呔W(wǎng)格線間隔：2像素;子網(wǎng)格1。我喜歡前者^_^

　　導(dǎo)出設(shè)置

　　不管我們是做網(wǎng)頁不審設(shè)計iOS APP應(yīng)用程序時，導(dǎo)出圖像最好是使用”存儲為Web所用格式”來導(dǎo)出。

　　這里通過”存儲為Web格式…”導(dǎo)出PNG-24為例，其中默認(rèn)設(shè)置比較重要，如下圖：

　　操作：菜單 → 文件 → 存儲為Web格式所用格式

　　預(yù)設(shè)：PNG-24

　　透明：勾選

　　交錯：未勾選

　　嵌入顏色配置文件：未勾選 (Photoshop CC版本才有)

　　轉(zhuǎn)換為 sRGB：未勾選

　　質(zhì)量：兩次立方

　　Retina顯示器設(shè)置

　　如果你是使用帶Retina視網(wǎng)膜的MacBook Pro，你應(yīng)該確保你是使用2800×1800像素(1440×900點(diǎn))

　　操作：Apple菜單 → 系統(tǒng)偏好設(shè)置 → 顯示 → 最適合顯示器

　　顏色配置

　　顏色配置是極為復(fù)雜的一個操作，如果你不是這領(lǐng)域的大神，那么還是老老實(shí)實(shí)的用推薦的配置吧，這里我選擇了Marc Edwards(http://bjango.com/articles/photoshop)的顏色配置選項。

　　總結(jié)

　　本指南針是針對UI設(shè)計的Phtoshop基本設(shè)置介紹，除了以上這些，大多數(shù)設(shè)計師都會有自己使用的自定義設(shè)置，所以如果你有一些技巧設(shè)置，歡迎在下方留言處分享給我們。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com