用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣(3)

來源:優(yōu)設(shè) 作者:kingtent 學習:5810人次

cs5中只有形狀對齊

9.使用電子表格來計算縮略圖的尺寸

想要創(chuàng)建一個iPad app來展示大量的縮略圖?使用電子表格來計算縮略圖的尺寸和之間的尺寸。電子表格實時的計算并展示了在改變一個尺寸之后對其他元素的影響以及它們是否適用于屏幕。下載(iPad-Grid-Calculator)我在創(chuàng)建iPad app使用創(chuàng)建的微軟Excel 表格(文件中包含了4個表格,6×6, 5×5, 4×4 和3×3)。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

10.自動導(dǎo)出資源文件

如果你必須創(chuàng)建圖片資源,選擇文件(File)〉腳本(Script)〉將圖層導(dǎo)出到文件(Export Layers to Files)。

11.圖層復(fù)制的時避免給圖層名添加后綴同時避免圖層效果得到擴張

對每次復(fù)制圖層都在圖層名稱后面添加“副本(copy)”的字眼很是惱火?同時惱火的是每次復(fù)制粘貼圖層效果的時候圖層效果就會擴張?可以圖層面板選項中將兩者關(guān)閉。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

12.以15°的步長旋轉(zhuǎn)

在自由旋轉(zhuǎn)的時候,可以按住Shift以15°的倍數(shù)旋轉(zhuǎn)。

13.保存樣式

保存多次使用的樣式到樣式面板,這樣免去每次都復(fù)制粘貼的麻煩。

14.在打開的兩個文件之間移動圖層

按下V選擇移動工具〉選中想要移動的圖層〉在當前文件內(nèi)(不是圖層面板)左擊不松開〉拖動光標到目標文件的名稱標簽上〉當文件切換之后將光標拖動到文件內(nèi),然后松開鼠標。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

15.設(shè)置全局光為90°

當光源在90°的時候高光、陰影以及其他圖層效果看起來最好。為了避免重復(fù)設(shè)置,在混合選項中(斜面和浮雕、內(nèi)發(fā)光和陰影)勾選使用全局光;蛘哌x擇圖層〉圖層樣式〉使用全局光。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

16.在你創(chuàng)建圖層的時候你便對它進行命名

在將設(shè)計文檔發(fā)給開發(fā)人員之前對圖層命名是件令人頭痛的事情。因此不妨形成在創(chuàng)建圖層的同時就給它命名的習慣。

17.使用自定義快捷鍵

注意哪些工具和任務(wù)是你最常用到的,為它們創(chuàng)建快捷鍵。例如,如果你發(fā)現(xiàn)將一個文件發(fā)送給開發(fā)人員處理的時候你需要重命名大量的圖層,我使用功能鍵F2作為快捷鍵。

18.使用徑向漸變

使用徑向漸變有時候會看起來有點扁平。試試用徑向漸變作為背景,還可以用內(nèi)發(fā)光來強調(diào)。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

19.努力做到非破壞的編輯

通過使用智能對象和調(diào)整圖層來做到一個非破壞性的工作流程。當你發(fā)發(fā)現(xiàn)自己需要重復(fù)編輯同樣?xùn)|西的時候這會幫你減少很多痛苦。

20.在對文件作重大改變之前備份文件

當你發(fā)現(xiàn)保存了自己不想要的變化,或者在撤銷更改之前意外地關(guān)閉了文件(譯者注:這樣會導(dǎo)致丟失歷史記錄),備份文件會大大減少你的痛苦。

21.使用快捷鍵給形狀圖層和文本填色

你可能知道使用Alt/Ctrl + Delete 給圖層或者選區(qū)填充前景色/背景色。它同樣適用于形狀圖層和文本。

22.Photoshop的怪異之處——投影和內(nèi)陰影尺寸

還記得訣竅1中關(guān)于保證尺寸和圖層效果為偶數(shù)像素嗎?你或許在對所有的都設(shè)置了偶數(shù)之后,仍然迷惑于為什么按鈕的高度仍然是奇數(shù)。罪魁禍首便是 Photoshop的怪異之處,投影增加了尺寸。投影的大小(size)值設(shè)置為1px或者2px,投影將會產(chǎn)生同樣的尺寸,如下圖所示。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

23.使用智能參考線來進行更為完美的對齊

來讓Photoshop對你的元素進行智能對齊。在視圖(View)〉顯示(Show)〉智能參考線(Smart Guides)處打開。一旦你使用過智能參考線,你會再也離不開它了。

用PS設(shè)計APP過程中改進IOS設(shè)計流程的30個密訣,PS教程,16xx8.com教程網(wǎng)

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
紗筱夜2019-05-06 07:50
很不錯
過幾番ii2018-07-30 09:36
絕對好看
qq9297318122018-01-06 11:45
1保持尺寸為偶數(shù)
每人都是雙面蝶2017-05-29 01:39
回復(fù)一下
陪你聽風1192017-05-28 04:20
努力學習

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!