1免費PS網頁設計工具（一）

　　【PConline 教程】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

　　本文由天津達內java老師編輯，轉載者請攜帶版權信息，同時可以進入“天津達內IT培訓”搜狐主頁面了解更多資訊或QQ3158895217與老師互動。