1免費(fèi)PS網(wǎng)頁設(shè)計(jì)工具（一）

　　【PConline 教程】Photoshop仍然是眾多網(wǎng)頁設(shè)計(jì)師最喜歡用的軟件之一，強(qiáng)大的功能讓PS可以幫設(shè)計(jì)師們省下不少功夫。為進(jìn)一步提升工作效率，節(jié)省時間和減少腦力耗費(fèi)，本期的國外精品翻譯教程將給大家?guī)硪恍╆P(guān)于網(wǎng)頁設(shè)計(jì)Photoshop資源、插件和腳本等等。

　　它們之中有些可以加快常規(guī)設(shè)計(jì)任務(wù)的完成，讓你將更多的精力集中在重點(diǎn)設(shè)計(jì)上；有些就如架設(shè)在PS和網(wǎng)頁代碼之間的橋梁，輕松利用兩者的優(yōu)點(diǎn)，能有效提高工作質(zhì)量。文章中所提供的資源，除非特別說明，否則都是免費(fèi)的哦。當(dāng)然，需要注意的是，要在Photoshop CC 2015上操作。

　　HTML Block

　　是不是曾經(jīng)為網(wǎng)頁代碼和PS不能同時兼容感到苦惱？實(shí)際上如果應(yīng)用HTML Block，可以很好地解決這個問題。這款插件使用WebKit引擎來渲染動態(tài)HTML/CSS，然后放置在PS特殊的模塊中。如果想在設(shè)計(jì)使用網(wǎng)頁字體，獲得字體渲染的網(wǎng)頁瀏覽效果，或者創(chuàng)建大小可控功能，這個插件能幫到你。

　　

　　圖01

　　PAGE LAYERS

　　如果喜歡在瀏覽器中設(shè)計(jì)，但需要用到PS文件，這樣的情況下可以考慮這款Page Layers。這款截屏軟件可以將網(wǎng)頁元素分離并轉(zhuǎn)換為PS文件，并對頁面各個元素進(jìn)行命名。同時在重設(shè)或者改進(jìn)現(xiàn)有頁面設(shè)計(jì)時候也是相當(dāng)有用。Page Layers可兼容Mac OS X，售價$34.99。

　　

　　圖02

　　BJANGO ACTIONS

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

　　

　　圖03

　　免費(fèi)PS網(wǎng)頁設(shè)計(jì)工具（二）

　　DITTO

　　這款名為Ditto的插件可以讓你掌控各類元素的參數(shù)，比如顏色、文本字符串、文字大小、行高、XY位置以及可視性。對于編輯PSD文件，Ditto并不是必需品，但如果想保持參數(shù)保持最新狀態(tài)，Ditto是一個安全的選項(xiàng)。

　　

　　圖04

　　RENAMY

　　處理大型項(xiàng)目時會創(chuàng)建很多圖層，圖層都需要進(jìn)行重命名以便進(jìn)行管理，但感到太繁瑣不想處理？Renamy或許可以幫到你。這款插件可以選擇多個圖層，只需點(diǎn)擊就能重新命名。Demo版本插件是免費(fèi)的，但只允許使用在五個項(xiàng)目中，付費(fèi)版本就完全沒限制。

　　

　　圖05

　　DUPLLLICATOR

　　當(dāng)設(shè)計(jì)復(fù)制圖層或圖層組時，Duplllicator可以提升這個操作的效果。只需要選擇副本的數(shù)量，設(shè)置好副本間的水平垂直間距就行了。這款插件需要在Photoshop CC、CC 2014及以上版本中使用。

　　

　　圖06

　　SIZE MARKS

　　Size Marks是一款可以將矩形選框轉(zhuǎn)換為有測量標(biāo)記的腳本，適合在工程類設(shè)計(jì)使用，它可以在Photoshop CC 2014 /CC 2015中使用。

　　

　　圖07

　　MAGIC WAND TRICKS

　　雖然這款工具是最后介紹，但并非不重要哦，這款工具其實(shí)已經(jīng)深藏在Photoshop中，它就是魔術(shù)棒！實(shí)際上魔術(shù)棒的應(yīng)用會比你想象中的更加靈活。它非常適用于創(chuàng)建切片，同時可以快速令圖層和圖層組居中，適合與直方圖結(jié)合使用，甚至用來計(jì)算選區(qū)內(nèi)的圖像數(shù)量。

　　

　　圖08

　　本文由天津達(dá)內(nèi)java老師編輯，轉(zhuǎn)載者請攜帶版權(quán)信息，同時可以進(jìn)入“天津達(dá)內(nèi)IT培訓(xùn)”搜狐主頁面了解更多資訊或QQ3158895217與老師互動。