Photoshop仍然是眾多網頁設計師最喜歡用的軟體之一,強大的功能讓PS可以幫設計師們省下不少功夫。為進一步提升工作效率,節省時間和減少腦力耗費,本期的國外精品翻譯教程將給大家帶來一些關於網頁設計Photoshop資源、插件和腳本等等。
它們之中有些可以加快常規設計任務的完成,讓你將更多的精力集中在重點設計上;有些就如架設在PS和網頁代碼之間的橋樑,輕鬆利用兩者的優點,能有效提高工作質量。文章中所提供的資源,除非特別說明,否則都是免費的哦。當然,需要注意的是,要在Photoshop CC 2015上操作。
HTML Block
是不是曾經為網頁代碼和PS不能同時兼容感到苦惱?實際上如果應用HTML Block,可以很好地解決這個問題。這款插件使用WebKit引擎來渲染動態HTML/CSS,然後放置在PS特殊的模塊中。如果想在設計使用網頁字體,獲得字體渲染的網頁瀏覽效果,或者創建大小可控功能,這個插件能幫到你。

圖01
PAGE LAYERS
如果喜歡在瀏覽器中設計,但需要用到PS文件,這樣的情況下可以考慮這款Page Layers。這款截屏軟體可以將網頁元素分離並轉換為PS文件,並對頁面各個元素進行命名。同時在重設或者改進現有頁面設計時候也是相當有用。Page Layers可兼容Mac OS X,售價$34.99。

圖02
BJANGO ACTIONS
Bjango包含很多動作和腳本的開源性組合,適合解決Photoshop眾多使用需求。其中,縮放文檔、圖像切片、元素定位都是相當高效的。

圖03
免費PS網頁設計工具(二)
DITTO
這款名為Ditto的插件可以讓你掌控各類元素的參數,比如顏色、文本字元串、文字大小、行高、XY位置以及可視性。對於編輯PSD文件,Ditto並不是必需品,但如果想保持參數保持最新狀態,Ditto是一個安全的選項。

圖04
RENAMY
處理大型項目時會創建很多圖層,圖層都需要進行重命名以便進行管理,但感到太繁瑣不想處理?Renamy或許可以幫到你。這款插件可以選擇多個圖層,只需點擊就能重新命名。Demo版本插件是免費的,但只允許使用在五個項目中,付費版本就完全沒限制。

圖05
DUPLLLICATOR
當設計複製圖層或圖層組時,Duplllicator可以提升這個操作的效果。只需要選擇副本的數量,設置好副本間的水平垂直間距就行了。這款插件需要在Photoshop CC、CC 2014及以上版本中使用。

圖06
SIZE MARKS
Size Marks是一款可以將矩形選框轉換為有測量標記的腳本,適合在工程類設計使用,它可以在Photoshop CC 2014 /CC 2015中使用。

圖07
MAGIC WAND TRICKS
雖然這款工具是最後介紹,但並非不重要哦,這款工具其實已經深藏在Photoshop中,它就是魔術棒!實際上魔術棒的應用會比你想像中的更加靈活。它非常適用於創建切片,同時可以快速令圖層和圖層組居中,適合與直方圖結合使用,甚至用來計算選區內的圖像數量。

圖08
小結
今天的PS教程就介紹到這裡啦,喜歡這些工具的網友可以點擊鏈接嘗試使用。希望能幫助你們提升PS編輯效率。謝謝!
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/277183.html