網(wǎng)頁(yè)設(shè)計(jì)師必備的11款PS插件

時(shí)至今日，各種工具和插件已經(jīng)多如繁星，而且通常最好和最有用的工具都是收費(fèi)的。為此，圖趣網(wǎng)專門(mén)整理出了這些免費(fèi)優(yōu)質(zhì)的Photoshop 插件，希望能對(duì)網(wǎng)頁(yè)設(shè)計(jì)師和愛(ài)好者們有所幫助。

　　Layrs Control

　　適用版本：CS6，CC

　　這是一款基礎(chǔ)的PS插件，為你提供日常使用的支持。在這款圖層控制插件的幫助下，你可以輕松刪除無(wú)用的圖層效果，刪除空白無(wú)效的圖層，柵格化智能對(duì)象，還可以根據(jù)扁平化的設(shè)計(jì)規(guī)則將視覺(jué)元素扁平化。在扁平化流行的今天，也許這款插件正是你所需要的。

　　Cut&Slice

　　適用版本：CS6, CC

　　這是一款專門(mén)用來(lái)切割布局、導(dǎo)出切片并為不同設(shè)備設(shè)備輸出切片的便捷工具。對(duì)于需要考慮多尺寸屏幕的網(wǎng)頁(yè)設(shè)計(jì)師而言，這款工具堪稱神器。Cut&Slice在導(dǎo)出切片的時(shí)候，會(huì)根據(jù)所需的設(shè)備類型進(jìn)行單獨(dú)優(yōu)化。當(dāng)圖層命名符合特定語(yǔ)法規(guī)則的時(shí)候，Cut&Slice會(huì)根據(jù)輸出的設(shè)備類型，自動(dòng)地為單個(gè)圖層或者一組圖層附加動(dòng)作，包括裁剪、縮放、檢測(cè)按鍵狀態(tài)等。

　　Render.ly

　　適用版本：CC

　　Render.ly的基礎(chǔ)功能和Cut&Slice的有點(diǎn)相似，不過(guò)Render.ly擁有更多實(shí)用的功能。它允許用戶在布局和圖層上留下評(píng)論，然后同步到云端，在網(wǎng)上發(fā)布。Render.ly的另一個(gè)好處就是，它非常聰明地優(yōu)先輸出更容易處理的元素，以提高處理圖層切片的速度。

　　CSS3Ps

　　適用版本：CS3+

　　CSS3Px是一款能將PS的形狀與樣式轉(zhuǎn)化為CSS3和SCSS/SASS的優(yōu)秀工具。它的處理范圍非常廣，包括純文本圖層，內(nèi)陰影、外發(fā)光效果，還有各種圖形，這也就意味著它可以將按鈕的內(nèi)外陰影，邊緣弧度都用角度都轉(zhuǎn)化為樣式表。

　　這款插件是基于云的，這是優(yōu)勢(shì)，也存在問(wèn)題。它的優(yōu)勢(shì)在于無(wú)需通過(guò)重新安裝來(lái)獲取新的功能的特性，但是同樣的，它的缺陷也來(lái)自云，CSS3Ps需要連接互聯(lián)網(wǎng)，因?yàn)樗械臇|西都需要在服務(wù)器上生成再輸出。

　　Composer

　　適用版本：CS5, CS6, CC

　　這款名為Composer的插件讓你可以同時(shí)對(duì)多個(gè)不同的圖層進(jìn)行相同的操作，這可以讓設(shè)計(jì)師從可怕的繁瑣工作中解脫出來(lái)。雖然它在操作數(shù)上有限制，但是它會(huì)覆蓋你所做出的任何修改。

　　GuideGuide

　　適用版本：CS5, CS6, CC

　　如果你需要制作多種不同尺寸樣式的引導(dǎo)頁(yè)或者說(shuō)明，那么這款插件是你的不二選擇。

　　WebFont

　　適用版本：CS5, CS6, CC

　　一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師要做出令人驚艷的設(shè)計(jì)作品，往往會(huì)用一些非常用的字體，不幸的是，這些字體并不會(huì)在所有瀏覽器中都正常顯示。通過(guò)這款插件，你可以直接在PS的窗口中”試用”哪些web字體，看看它們實(shí)際顯示的效果。這款插件直接接入到了Google字體和weblnk調(diào)用了上千款web字體。當(dāng)然，英文字體居多。

　　Divine Elemente

　　Divine Elemente是最令人激動(dòng)的PS插件之一。Divine Elemente這個(gè)項(xiàng)目所針對(duì)的對(duì)象并不僅僅是專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師，還希望能造福于那些僅了解PS基礎(chǔ)知識(shí)的博客和網(wǎng)站管理員，因?yàn)镈ivine Elemente號(hào)稱是旨在創(chuàng)建”wordpress和Photoshop之間的隱形橋梁”。

　　在Divine Elemente的幫助下，任何人都可以創(chuàng)建wordpress主題，無(wú)需專門(mén)的前端/后端知識(shí)。你所需要做的，就是裝上插件，按照內(nèi)置的藍(lán)圖創(chuàng)建布局，然后將你的PS設(shè)計(jì)轉(zhuǎn)化成HTML/CSS/PHP代碼。非常驚艷吧!這款插件唯一的缺陷在于它目前僅僅只適用于windows系統(tǒng)。不過(guò)，使用Mac的同學(xué)也不用擔(dān)心，因?yàn)殚_(kāi)發(fā)商表示在不久的未來(lái)將會(huì)發(fā)布Mac的版本。同時(shí)，開(kāi)發(fā)商還承諾了更多的好處：搜索引擎優(yōu)化，使用HTML編輯器，XAMPP支持，兼容性提升等等。

　　這款插件可以免費(fèi)試用，有付費(fèi)版本，而付費(fèi)版本中可以享受升級(jí)、高級(jí)主題/插件等一系列福利。

　　Random User Generator

　　適用版本：CS6, CC

　　當(dāng)創(chuàng)建網(wǎng)頁(yè)布局的時(shí)候，常常需要同時(shí)創(chuàng)建示例用戶，這些示例用戶得擁有逼真的名字的照片，這個(gè)時(shí)候，你就需要這款插件。只需要輕輕一點(diǎn)，插件會(huì)自動(dòng)為你生成一個(gè)擁有名字和頭像的隨機(jī)用戶，看起來(lái)還滿逼真的樣子，你再也不用為此到處翻找了。當(dāng)你在做網(wǎng)頁(yè)版面編排設(shè)計(jì)的時(shí)候，隨機(jī)生成的人物角色可以很好地填補(bǔ)需要用戶頭像和基本信息的位置。這款插件是在RandomUser API的協(xié)助下完成的。

　　BlendMeIn

　　適用版本：適用版本：CS6, CC

　　BlendMeln可能是最受網(wǎng)頁(yè)設(shè)計(jì)師追捧的PS插件之一。當(dāng)網(wǎng)頁(yè)設(shè)計(jì)成為了你每個(gè)項(xiàng)目必須的組成部分之時(shí)，如何時(shí)刻把控并運(yùn)用高質(zhì)量網(wǎng)頁(yè)元素就顯得很重要了。于是BlendMeln的重要性就凸顯出來(lái)了：它提供了許多的設(shè)計(jì)資源，并且都是分層的PSD文件和矢量的AI文件，裝上它，你所需要做的就是根據(jù)關(guān)鍵詞來(lái)搜索，并且無(wú)需離開(kāi)PS或者AI的窗口。不論你是PS重度用戶還是新手，這種插件都是你必裝的吧?

　　FlatIcon

　　適用版本：適用版本：CS5, CS6, CC

　　快到碗里來(lái)!裝上Flaticon插件，超過(guò)38000個(gè)扁平化的圖標(biāo)就到你的PS窗口中去了!這款插件是Freepik.com網(wǎng)站制作的，它也是目前網(wǎng)上最大的分層PSD資源站。