手機UI設計師必知的八個Photoshop CC小技巧

Photoshop CC 2015年發(fā)了很多更新版本。最近的一次版本更新就在上個月。Adobe?Photoshop?cc 2015是ADOBE官方推出的最新版Photoshop軟件。

親愛的UI設計師們,你們已經(jīng)開始用了嗎?

Photoshop CC

今天25學堂跟大家繼續(xù)分享8個操作Photoshop CC小技巧。真的是滿滿的干貨。

 

俗話說:工欲善其事,必先利其器。手機UI設計要更有效率,捷徑就是從最常使用的Photoshop CC開始入手。

我們先來看看?Photoshop 新老版本的優(yōu)缺點信息圖:不知道你有沒有自己總結(jié)過呢?

Photoshop 新舊版本的優(yōu)缺點

下面我們重點來看看hotoshop CC操作使用當中的一些小技巧和小功能。

 

1、多重形狀和路徑選擇

使用Photoshop CC提供的多重形狀和路徑選擇,可以同時選取多個路徑、形狀和矢量蒙版,不需按多次鼠標即可完成更多任務。即使在擁有許多路徑的多圖層復雜圖像文件中,也可以使用新的濾鏡模式,直接在畫布上鎖定路徑 (及任何圖層)。

003

2、簡易繪制虛線

PS CC不需要手工計算像素來進行繪制虛線,虛線繪制變成基礎控件。

005

3、文字優(yōu)化

舊版本的PS在使用微軟雅黑字體時,無法清晰顯示。而PS CC 增加了WindowsLCD的文字選項,編輯文字時選擇WindowsLCD,就可在PS中獲得文字外觀的真實預覽效果。

 

004

 

 

4、背景存儲與自動復原

使用PS CC,能夠在背景儲存大型的PS檔案,同時還可繼續(xù)工作;也可透過全新的自動復原選項保留所做的編輯,而不會中斷工作進度。

006

5、PS軟件效率更高,大型文件處理更快

PS CC對代碼進行了優(yōu)化,軟件效率有了很大的提升。

007

 

6、可編輯的圓角矩形

PS CC可以生成4個不一樣圓角的矩形,圓角設置更加精準。

008

 

7、更精細的描邊

描邊能精確到0.x,能做更加精致的效果。

009

 

8、導出

留心的童鞋可能已經(jīng)發(fā)現(xiàn),在之前CC2014版中被炒得很火的切圖神器“抽出資源”在此版本中不見了,沒錯,這個“導出”可以算是“抽出資源”的進化版,在首選項中已經(jīng)出現(xiàn)了針對此功能的設置,在這里可以選擇導出圖片的格式(JPG、PNG、GIF、PNG-8甚至SVG)和是否透明以及導出位置(自定或默認文件夾),具體用法在后文中會有詳細介紹~

首選項中的“導出”功能,有興趣的小伙伴們趕快去嘗試下這些小小功能吧!

下面是Photoshop CC導出功能的詳細解讀:

1. 快速導出為PNG/JPG/PNG-8/GIF/SVG

方法很簡單:點擊對應圖層/組,右鍵即有“快速導出為XXX”的選項(名稱隨著存儲格式發(fā)生變化),存儲位置方面,還記得上面說到的首選項嘛?在那里可以進行設置,在使用默認文件夾時,配合快捷鍵直接操作,無彈窗,炒雞效率。

手機UI設計師必知的八個Photoshop CC小技巧

同時選取多個圖層可以一次性導出多張切圖

手機UI設計師必知的八個Photoshop CC小技巧

或者將多個圖層編組,對組執(zhí)行快速導出,那么輸出的將是一張針對組的切圖

能夠快到什么程度呢?

這么說吧,在使用快捷鍵且圖層整理明確的情況下,2分鐘輸出一套ICON切圖輕輕松松~

手機UI設計師必知的八個Photoshop CC小技巧

一鍵導出多個ICON切圖

2. 導出為...

相當于快速導出的擴展模式,在導出前可以設置各種參數(shù),比如留白和輸出尺寸等等~

手機UI設計師必知的八個Photoshop CC小技巧

根據(jù)圖層執(zhí)行“導出為...”操作

如圖所示,在右側(cè)“畫布大小”中可設置輸出圖片的尺寸,底部縮放按鍵左邊有一個小按鈕也蠻好用,點擊后可將背景變暗,方便輸出白色圖層

手機UI設計師必知的八個Photoshop CC小技巧

快捷鍵(Windows版):

快速導出:Ctrl+Shift+‘????? 導出為...:Ctrl+Shift+Alt+’

 

最后,一個小技巧分享:

我們平時做設計稿很有可能同時打開多個甚至數(shù)十個psd文件,如果當前運行的十個psd文件都同時儲存,而剛好我們也在進行PS操作,那出現(xiàn)假死、閃退、崩潰的機率就非常大了。

所以為了使用更穩(wěn)定,可以在使用PS CC前先做一下如下設置,關閉后臺儲存功能。

簡單設置Photoshop CC

如果各位還有一些更好用的Photoshop CC的小技巧,記得分享給我們,讓我們手機UI界面設計的效率大大提升!

以上部分內(nèi)容來源:http://isux.tencent.com/ui-ps-cc-skill.html

每天更新,
全站高品質(zhì)素材免費下載!