網(wǎng)頁設計師必備的11款PS插件

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

　　Layrs Control

　　適用版本：CS6，CC

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

　　Cut&Slice

　　適用版本：CS6, CC

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

　　Render.ly

　　適用版本：CC

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

　　CSS3Ps

　　適用版本：CS3+

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

　　這款插件是基于云的，這是優(yōu)勢，也存在問題。它的優(yōu)勢在于無需通過重新安裝來獲取新的功能的特性，但是同樣的，它的缺陷也來自云，CSS3Ps需要連接互聯(lián)網(wǎng)，因為所有的東西都需要在服務器上生成再輸出。

　　Composer

　　適用版本：CS5, CS6, CC

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

　　GuideGuide

　　適用版本：CS5, CS6, CC

　　如果你需要制作多種不同尺寸樣式的引導頁或者說明，那么這款插件是你的不二選擇。

　　WebFont

　　適用版本：CS5, CS6, CC

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

　　Divine Elemente

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

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

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

　　Random User Generator

　　適用版本：CS6, CC

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

　　BlendMeIn

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

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

　　FlatIcon

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

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