photoshop-trivial-knowledge-5-1

@回音UI分享會?:這一次更新可謂是好貨頗多,極具誠意~特別是在UI設計方面更是下足了功夫,本次PS冷知識將圍繞Photoshop CC2015展開深度評測,挖掘其中最有價值的效率技巧帶給大家 >>>

有哪些搶眼的新功能?優設首發為你揭秘!《PS CC 2015來啦!逆天新功能你準備好接招了嗎?(附下載)》

2015年6月15日,Adobe推出最新的版本,也就是今天的主角——AdobeCC2015!

為慶祝這一“設”壇盛事,時隔半年,PS冷知識系列再次回歸!

本來打算昨天通宵寫完今天趕首發的,沒想到慢了一天網上已經是鋪天蓋地的CC2015測評,不過也無所謂了,知道你們不愛看靜態圖,何況是純文字介紹,這次照舊,新功能結合自己探索的用法全程操作錄屏包看包會~

那么咱們開始——

一、首選項

筆者在探索新版本時,首先注意的便是首選項的變化,可以發現這次更新之后首選項側邊欄多了不少東西,點進去之后才發現原來是進行了重新分類,那么有哪些好玩的功能呢?介紹以下三項:

1. 工具——過界

字面上可能不是很好理解,那么我們來看下動圖:

如圖所示:在未打開“過界”的時候,當畫布能夠在界面中顯示完全時,四周是不會再出現滾動條的,當打開“過界”后,即使畫布縮放得很小,依然可以用小抓手或滾輪來移動畫布。(在AI中一直是“過界”狀態)

2. UI縮放

hb220150168

Windows獨享的一項設置(Mac版本自動支持Retina所以不需要),此功能在2014版出現在“首選項—實驗性功能”中,叫了一個很啰嗦的名字:“對高密度顯示屏進行200%用戶界面縮放(僅限Windows)”,此設置的意義在于當用戶使用高分辨率顯示器時能夠根據需要縮放軟件UI界面以防文字過小。

3. 導出

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

dc20150618

首選項中的“導出”

二、圖層

CC2015這次最大的改變之一,畫板功能與AI接軌,多界面設計無阻礙!圖層樣式允許重復樣式疊加,大波一層流藝術家正在靠近~

1. 畫板設定

用過AI的童鞋應該對畫板都不陌生,這次在PS中也增加了畫板的設定并提供了豐富的預設,新建畫板有三種方式:直接新建、根據圖層新建、根據組新建。

圖層——新建——畫板…

根據圖層新建畫板

根據組新建畫板

畫板這個東西其實也并沒有什么特別的,說白了就是在組之上又多了一層嵌套,或者說是多個文檔顯示在同一個文檔里的效果。同一個圖層/組不能共存于兩個畫板,畫板與畫板存在層級關系但并無從屬關系(不能一個畫板嵌套另一個畫板)。

hb20150618

圖層從屬關系簡易圖

2. 圖層樣式

Photoshop CC2015中最大的亮點之一,多種圖層樣式可以在同一圖層中疊加了!同一樣式最多可以疊加十個,而且根據官方說明(現在還只有英文版),這種方式會比之前的多圖層更不易產生噪點、水波紋之類。

tc20150618 (1)

tc20150618 (1)

可以想象,不久之后將會出現許多一層流選手~但是要在同一圖層中設置眾多圖層樣式也并不是一件輕松的事情,切記貪多嚼不爛!而且多個相同樣式叫的名字也都一樣,如果一次設置太多真的好難區分~

tc20150618 (2)

成噸的樣式~

三、多端同步

原廠大法好!原廠大法好!原廠大法好?。ㄖ匾氖虑橐f三遍)

這次的更新中,Device Preview也算是一大亮點!功能很簡單——安裝移動端App(Adobe Preview),通過WIFI或USB即可進行多端同步,經測試,顯示效果很好,同步穩定時間快(延遲三秒左右,不同大小文檔時間不同),多畫板時可以在App中直接選擇要看哪個,什么PsPlay、ScreenRunner,都可以Say Goodbye了~

tb21050618

缺點是國內AppStore暫未上架,現在如果要使用需要去美國市場下載,流程略麻煩,感興趣的童鞋可以自行百度方法。

tb21050618

電腦端的設置也十分簡單:窗口—Device Preview打開界面,當手機裝好App且屬于同一WIFI環境或插入USB后即刻同步~

四、導出功能詳解

還記得大明湖畔的抽出資源嘛…前文說過,新版PS中,抽出資源已經消失,取而代之的是一系列的“導出”功能,Adobe這次直接將所有“導出”相關的功能整合在了一起,在文件——導出中可以看到。

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

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

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

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

能夠快到什么程度呢?

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

hb21050618 (1)

一鍵導出多個ICON切圖

2. 導出為…

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

根據圖層執行“導出為…”操作

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

hb21050618 (1)

快捷鍵(Windows版):

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

Mac版的導出沒有默認的快捷鍵,不過可以自行設置

五、段落樣式、字符樣式、字形

1. 段落樣式、字符樣式

其實并不是CC2015中更新出的,但卻是值得一說的效率功能。

hb21050618 (2)

如圖,通過預先添加的樣式,我們可以快速的從中選擇,是不是有種Word的趕腳…遺憾的是,這兩項功能目前尚不可導出(我沒找到),只能夠在當前文檔中使用,有點像圖層復合。

2. 字形

再說下CC2015新增的“字形”,初見此功能我是十分激動的,Adobe官方對這項功能的介紹是這樣的:

hb21050618 (2)

然而并沒有什么卵用……等待高人解釋此功能

六、設計空間

設計空間在CC2015中是作為實驗性功能出現的,不得不說設計空間的全新界面讓人眼前一亮,不過以目前版本的穩定性來說,可用性還沒有想象中那么好,這里就不擴展了~等有了比較穩定的版本之后再單獨寫文章說明~

小結:

正逢Adobe25周年,這次的新版本無論是哪一款軟件都可謂是極具誠意,特別是Photoshop對于UI設計方向的優化,真真的是讓我等UI狗喜極而涕~~另一方面PS與AI這兩款最常用的設計軟件之間的功能語義也越來越同步,可能保不準哪天合體成Photostrator了,至于PS冷知識系列,說好了要完結然而看來并沒有什么卵用~以后時機合適我會再來更新的~

hyqr

【人氣超高的Photoshop冷知識教程系列】

冷知識系列第一期:《那些你不知道的PHOTOSHOP冷知識》
冷知識系列第二期:《第二彈!那些你不知道的PHOTOSHOP冷知識之乾坤大挪移》
冷知識系列第三期:《最終完結篇!那些你不知道的PHOTOSHOP冷知識》
冷知識系列完結篇:《最終完結篇特制版!那些你不知道的PHOTOSHOP冷知識(四)》

投稿者:@回音UI分享會

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量96萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏