今天分享的21款擴(kuò)展插件，特別適合網(wǎng)頁(yè)設(shè)計(jì)師。這些神器可以讓平時(shí)復(fù)雜繁瑣的操作變得更加簡(jiǎn)單，想節(jié)省時(shí)間，提高效率的童鞋，請(qǐng)用力戳 Ctrl + D！

人氣神器推薦：

《這效果超火！教你創(chuàng)建高大上的多邊形字體》
《取色指南！7款靠譜工具幫你選取完美配色》

Layrs

免費(fèi)的PS擴(kuò)展，能為你簡(jiǎn)化繁瑣的操作，比如：圖層名稱編輯器、刪除未使用的圖層效果、合拼所有圖層效果、刪除空層、柵格化所有智能對(duì)象。

blendme.in

這插件是多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師和做手機(jī)界面的UI設(shè)計(jì)師特別喜歡的，blendeme提供很多優(yōu)秀的UI設(shè)計(jì)元素，如圖標(biāo)、UI kits、等等。

插件提供的素材版權(quán)均為免費(fèi)，格式是分層PSD或AI矢量文件。用戶安裝后，可以通過(guò)關(guān)鍵詞來(lái)快速搜索資源，確實(shí)好用，建議大家裝上去體驗(yàn)下。

Cut&Slice me

這個(gè)PS擴(kuò)展可以智能切圖和導(dǎo)出切片功效，并能導(dǎo)出不同設(shè)備類型的切片，這功能對(duì)有不同尺寸屏幕需求的設(shè)計(jì)師來(lái)說(shuō)確實(shí)很好用。如果你的圖層命名能符合Cut&Slice的命名規(guī)則，它導(dǎo)出的切片還能幫你根據(jù)設(shè)備類型來(lái)優(yōu)化切圖命名。

Render.ly

Render.ly這個(gè)擴(kuò)展和Cut&Slice功能類似，它有個(gè)特點(diǎn)就是可以給你的布局上留下說(shuō)明、評(píng)論并能同步到云端。

CSS3Ps

可以方便的把帶圖標(biāo)樣式的圖層、形狀導(dǎo)出為CSS3、SCSS、格式。比如一些帶漸變、圓角、內(nèi)發(fā)光、內(nèi)陰影樣式的圖形或文字都可以導(dǎo)出來(lái)。這個(gè)比一些CSS3生成功能還方便呢。

Composer

可以同時(shí)對(duì)多個(gè)圖層進(jìn)行相同的操作。

Web Font Plugin

網(wǎng)頁(yè)字體插件，內(nèi)嵌1000多個(gè)Google字體，方便設(shè)計(jì)師直接預(yù)覽Web字體效果。

現(xiàn)在很多英文站都直接使用網(wǎng)頁(yè)字體，所以這個(gè)插件用來(lái)做英文站的設(shè)計(jì)師更實(shí)用！

ZEICK

將Photoshop的圖標(biāo)導(dǎo)出成SVG格式，SVG圖標(biāo)好處就是像矢量格式一樣，在網(wǎng)頁(yè)自由縮放都不會(huì)模糊，另外網(wǎng)頁(yè)設(shè)計(jì)師還能結(jié)合icomoon.io來(lái)生成自己的網(wǎng)頁(yè)圖標(biāo)字體。

PS: 這個(gè)只能在Photoshop CC版本上使用。

GuideGuide

幫你解決畫(huà)柵格線的煩惱。

詳細(xì)試用方法優(yōu)設(shè)有過(guò)專文介紹呦：《PS 參考線插件GUIDEGUIDE下載及使用說(shuō)明》

Breezy

PNG切圖工具，支持一次性選定多個(gè)圖層以及組來(lái)分別導(dǎo)出，導(dǎo)出的文件名以圖層來(lái)命名。

有的用戶可能上面的插件用不過(guò)，可以嘗試用這個(gè)來(lái)代替。

Skeuomorphism.it

幾秒鐘就能實(shí)現(xiàn)一個(gè)扁平化效果的Photoshop插件。

Flat icon

Flaticon網(wǎng)站之前有介紹過(guò)，內(nèi)置38000多個(gè)扁平化圖標(biāo)，現(xiàn)在出了PS插件，超實(shí)用，可以直接在PS上搜索圖標(biāo)，并且是適量格式的，所以能輕易對(duì)圖標(biāo)進(jìn)行修改。

Bounce

Bounce可以說(shuō)是一個(gè)獲取設(shè)計(jì)靈感的插件，它集成Dribbble社區(qū)，你不需要打開(kāi)Dribbble網(wǎng)站就能看到流行的設(shè)計(jì)作品。

Divine Elemente

這是一個(gè)令人激動(dòng)的Photoshop擴(kuò)展，它可以將PSD直接生成WordPress主題。所以即使你不懂前端和后端代碼，你也可以輕松創(chuàng)建自己的Wordpress博客出來(lái)，是不是很神奇？網(wǎng)頁(yè)設(shè)計(jì)師們?nèi)缱霾┛偷脑挘苯佑眠@個(gè)插件即可，以后也不需要程序員來(lái)幫你制作后臺(tái)了。

Layer Guides

PS參考線擴(kuò)展。

2xScaler

這款Photoshop擴(kuò)展可以將你的設(shè)計(jì)一鍵轉(zhuǎn)換成@2x大小，如果做Retina屏的項(xiàng)目，這個(gè)可以有。

Save Panel

一個(gè)優(yōu)化PS保存的插件。

長(zhǎng)陰影生成工具

之前有一個(gè)長(zhǎng)陰影腳本，但格式是固定的，而這個(gè)PS插件卻好一些，可以設(shè)置陰影的長(zhǎng)度和透明度。PS: 如果陰影能設(shè)置左右方向確實(shí)不錯(cuò)。

以下是攝影師最愛(ài)的相片處理插件呦，喜愛(ài)攝影的童鞋也不能錯(cuò)過(guò)！

嘿嘿，如果你需要更多更專業(yè)插件，請(qǐng)用力，戳：《攝影師必備濾鏡Nik Collection詳解，讓你成為調(diào)色大師》

Fur 2

Fur2可以把照片變成抽象藝術(shù)。

Tych Panel 2

Tych Panel 2 可以讓你輕松制作出不同圖像布局。國(guó)內(nèi)也有類似的圖像布局工具，比如美圖秀秀。

Perfect Effects 8

很棒的圖像特效處理插件，共有125個(gè)風(fēng)格的照片效果，只需要點(diǎn)擊一直就能實(shí)現(xiàn)。常見(jiàn)的有復(fù)古、黑白、懷舊、照片邊框等等，具體自己可以嘗試使用。

Wire Worm

這個(gè)小插件將幫助你從圖像中移除電線等不需要的對(duì)象。雖然修復(fù)畫(huà)筆工具也能實(shí)現(xiàn)這個(gè)功能，但插件作者說(shuō)該插件擁有先進(jìn)色彩匹配和無(wú)縫修補(bǔ)效果。

總結(jié)

本文分享的Photoshop插件大部需要CS5以上的版本，所以設(shè)計(jì)師們應(yīng)該盡量升級(jí)老版本的PS軟件，讓自己的工作更高效！喜歡這些的分享的？可以分享給微博上的設(shè)計(jì)師童鞋呦！

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量69萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：