動態圖解PS製圖過程中的幾個功能技巧

一、參考線

1、通過形狀新建參考線(Photoshop CC 2014.2)

在之前的冷知識 第二期 裡曾經提到過,通過選區邊界的吸附特性來快速創建參考線的技巧,


動態圖解PS製圖過程中的幾個功能技巧


現在Adobe在更新中加入了類似的功能,使用起來更加方便~如下圖:


動態圖解PS製圖過程中的幾個功能技巧


一個不過癮,來試試多個圖層。


動態圖解PS製圖過程中的幾個功能技巧


一鍵創建參考線,就是這麼簡單~使用方法也是非常簡單【我自定義了快捷鍵,這個功能本身是沒有的】,在視圖中找到“通過形狀新建參考線“即可:


動態圖解PS製圖過程中的幾個功能技巧


2、新建參考線版面(Photoshop CC 2014.2)

有心的同學應該已經發現了,視圖中的另一個新項目:新建參考線版面:


動態圖解PS製圖過程中的幾個功能技巧


通過這一功能,我們可以快速的為整個頁面創建成套的參考線,另外Adobe還給出了四種參考線預設:8列、12列、16列、24列。


動態圖解PS製圖過程中的幾個功能技巧


另外我們也可以將常用的參考線版面存儲成預設,比如960模板等


動態圖解PS製圖過程中的幾個功能技巧


以行為例,我們來說一下這三個參數:

數字:一共有幾組(兩根)參考線

高/寬度:這一組(兩根)參考線間的距離

裝訂線:組與組之間的距離


動態圖解PS製圖過程中的幾個功能技巧


另外下面還有邊距和兩個選項,字面意思,很好理解,這裡就不再累述了

在我的冷知系列文章發佈以來,有大量的同學來問我關於參考線的技巧,在這裡列出一些尚未解決的問題:

1、批量移動參考線——像AI一樣,一選一批,一起移動一起刪除

2、跨文檔移動——類似圖層移動那樣,從一個PSD文檔可以拖到另一個文檔中,如果兩個文檔尺寸相同的話可以實現原位置粘貼

3、斜向參考線——就是非垂直/水平參考線,可以斜著擺的參考線,目前基本不可能,算是大家的YY產物

各位看官,若是有解決的辦法或者線索,可以回覆文章,分享給眾小夥伴們。

二、快速切片

不知什麼版本的功能,剛剛查了下貌似在CS5之前就有了,以前還真沒注意到,通過這一功能可以快速為N個圖層快速創建切片,看圖:


動態圖解PS製圖過程中的幾個功能技巧


一鍵創建以圖層形狀為邊界的切片

但是有的時候,我們的切圖並不是“貼邊切“的,需要為圖形留出邊界來保證一批切圖的相同尺寸,那麼我們可以先做一層所需尺寸的模板作為切圖參考:


動態圖解PS製圖過程中的幾個功能技巧


利用標準化模板創建切片

方法還是十分簡單:圖層——新建基於圖層的切片(我設置了快捷鍵,本身是木有的)

三、生成圖像資源增強版——抽出資源(Photoshop CC 2014.2)

冷知識番外篇中有介紹過一個CC14.1的新功能——生成器,可以自動將所需圖層導出為不同尺寸的切圖。這次的新功能 抽出資源相當於是輕量版的生成圖像資源


動態圖解PS製圖過程中的幾個功能技巧


方法:選中文件/組,找到文件——抽出資源… 點擊後進入抽出資源界面


動態圖解PS製圖過程中的幾個功能技巧


整個界面中沒有什麼太難理解的地方,右側抽出資源那裡有0.25x、0.5x、2x、3x幾個不同尺寸切圖的選項,如果不夠的話點擊齒輪或者左下角的設置會有更多的選擇


動態圖解PS製圖過程中的幾個功能技巧


下面的自動提取,當文檔變更後會重新生成資源,類似生成器。

四、直接選擇模式切換(>PhotoshopCC)

冷知識第三期 中有吐槽過這一新設定:

1、路徑選擇工具的優化(CC+)

本條是針對PSCC及以上版本的技巧(在PSCC發佈之初本是沒有這個功能的,後續的更新中才加上),第一次使用CC時相信很多人在使用路徑選擇工具時都有一些不適感——尼瑪怎麼什麼都能選!

事情是醬紫的,在CC中,Adobe將路徑工具的級別變為全局(與AI類似),雙擊可將目標圖層鎖定,在未鎖定的情況下路徑選擇不受圖層限制,通俗點說就是,無論你有多少個圖層,是否上鎖,只要存在就可以被選中,但是選中了卻未必可以操作(比如選中的路徑中包含上鎖圖層),這與我們以往的操作習慣有很大出入,Adobe也發現了這個問題,所以在後續版本中增加了這個切換功能


動態圖解PS製圖過程中的幾個功能技巧


如上圖,這回應該比較好理解了吧~在第一次框選時可以選中任意路徑圖層(包括上了鎖的),重新調整過左上角的選擇現有圖層/所有圖層後,則只能選擇當前圖層,有點類似移動工具的自動選擇。

通過這一設置,我們可以控制路徑選擇的範圍,需要選擇某一路徑而不想被其他圖層打擾時使用“現用圖層”,當需要批量操作時選用“所有圖層”,隨心控制,就是這麼炫酷~

這裡對此功能再做一下拓展:

這個功能其實還是很好用的(除了啥都能選這點),比如你在做一個複雜icon的時候,用了大量的圖層,為了達到效果,有的時候同一個形狀會複製出多個層,當做完後發現某個形狀需要做調整,卻只能挨個圖層調整,這點很不爽~有了自動選擇所有圖層後便解決了這個問題~真是個令人又愛又恨的功能!

那麼有沒有什麼辦法快速切換這兩個狀態呢?


動態圖解PS製圖過程中的幾個功能技巧


注意看左上角的變化~ 通過設置快捷鍵來達到這個效果,不過藏得較深,之前一直都沒有找到:


動態圖解PS製圖過程中的幾個功能技巧


鍵盤快捷鍵中,工具標籤中的最後一個。

工具標籤中的快捷鍵需要只可以用單一字母來設置,不能使用功能鍵+字母/數字。所以需要替換一個,是否設置就看各位的習慣了。

五、移動工具的改變(Photoshop CC 2014.2.1)

這就是我前面說的“重大變更”了,不知道大家有沒有注意,

在以往使用移動工具時,

1、在勾選了“自動選擇”後,點擊圖層後按下Ctrl點擊畫布任何位置都會作用在這個圖層上,以此我們可以輕鬆地移動細小的物件比如1px的細線神馬的。

2、在不勾選“自動選擇”時,默認就是上面的功能,在按下Ctrl後點擊其他圖層則會直接選擇到其他圖層上。

但在新版更新後,這個功能貌似被去掉了,取而代之的是按住Ctrl來切換自動選擇圖層/組(若未勾選“自動選擇”則會是切換勾選自動選擇),說起來有點繞,看下圖吧


動態圖解PS製圖過程中的幾個功能技巧


這個功能咋說呢,反正暫時我還沒用習慣,不過貌似是把邏輯捋順了,在此拿出來供大家參考下。

六、打開/關閉所有組、打開/關閉其他組(Photoshop CC 2014.2)

這個問題也是很多人都在問了,新版本終於有了這個功能~


動態圖解PS製圖過程中的幾個功能技巧


使用方式:按住Ctrl點擊組前面的箭頭即可,注意此功能貌似只針對最外層組有效,裡面的就不好使了,另外一個:


動態圖解PS製圖過程中的幾個功能技巧


一條圖層,多個區域均可右鍵點擊,每個區域出現的列表也各不相同,圖中是右鍵點擊組前面的箭頭,在列表中選擇打開/關閉其他組。

相關推薦

推薦中...