對于網(wǎng)頁設(shè)計(jì)師而言,Photoshop是必不可少的工具。而事實(shí)上,Photoshop除了其原有的基礎(chǔ)功能之外,我們還可以給PS配置許多功能強(qiáng)大的PS插件,這些PS插件可以讓平時(shí)復(fù)雜繁瑣的操作變得更加簡單。這里,我們就和大家分享25款國外設(shè)計(jì)師經(jīng)常會用到的PS插件。
1、BlendMe.in
這插件是多數(shù)網(wǎng)頁設(shè)計(jì)師和做手機(jī)界面的UI設(shè)計(jì)師特別喜歡的,blendeme提供很多優(yōu)秀的UI設(shè)計(jì)元素,如圖標(biāo)、UI kits、等等。
插件提供的素材版權(quán)均為免費(fèi),格式是分層PSD或AI矢量文件。用戶安裝后,可以通過關(guān)鍵詞來快速搜索資源。此外,這個插件也可用于Illustrator,可以節(jié)省大量的時(shí)間和精力。
圖01
2、Web Font Plugin
該插件可模擬出一個網(wǎng)站使用Web字體的情況。當(dāng)網(wǎng)址可用時(shí),該插件允許你用相同的Web字體來進(jìn)行設(shè)計(jì),同時(shí)也支持你通過搜索你的模擬Web字體,以及連接到谷歌字體,其內(nèi)嵌1000多個谷歌字體,方便設(shè)計(jì)師直接預(yù)覽Web字體效果。
圖02
3、CSS3Ps
CSS3Ps插件是一個云服務(wù)基礎(chǔ)的應(yīng)用,可將CSS3文件和你的PS圖層聯(lián)系在一起。該插件用于創(chuàng)建CSS3漸變相當(dāng)有用。
圖03
4、Cut&Slice Me
該插件讓智能切圖變得特別簡單。同時(shí),它還支持導(dǎo)出不同設(shè)備類型的切片。該功能對有不同尺寸屏幕需求的設(shè)計(jì)師來說確實(shí)很好用。
圖04
5、GuideGuide
有了該插件,你可以快速搞定網(wǎng)頁P(yáng)S向?qū)У墓ぷ鳌_@個插件就是主要用于解決畫柵格線。
圖05
6、Devine Elemente
這是一個收費(fèi)PS插件,個人版99美元,開發(fā)者版199美元,此外還有一個無限的免費(fèi)試用版,該免費(fèi)版本也包含有大量常用功能。該插件主要允許你將一個分層的PSD文件轉(zhuǎn)換為包括HTML、CSS和PHP文件的完整的WorPress網(wǎng)站。
圖06
7、Web Zap
有了這個插件,用PS創(chuàng)建網(wǎng)站原型的速度就可以大大提升。該插件允許你從數(shù)千個組件庫中拖拉網(wǎng)頁元素進(jìn)行組裝,快速創(chuàng)建網(wǎng)站原型。
圖07
8、PixelDropr
該插件允許你創(chuàng)建自己的元素庫,并將其用于其他目標(biāo)項(xiàng)目中。
圖08
9、SpecKing
PS中一個非常重要的插件。該插件允許你快速創(chuàng)建設(shè)計(jì)規(guī)格和注釋。
圖09
10、Perspective Mockups
該插件是一款收費(fèi)插件,其能用一種專業(yè)的方式來對你的網(wǎng)站原型進(jìn)行展示。
圖10
11、Subtle Patterns
該插件收集了許多精美的紋理和圖案應(yīng)用,包含復(fù)古色彩的和現(xiàn)代設(shè)計(jì)。同時(shí),它也支持用戶進(jìn)行不同元素間的巧妙組合。
圖11
12、Extensis Web Font Plug-in
Extensis,提供WebINK作為Web字體解決方案,是一種相當(dāng)先進(jìn)的Web字體方案。
圖12
13、Layer Style Jailbreak
千萬不要被你的圖層效果面板給俘虜了,該插件就是幫助你用自由變換工具進(jìn)行塑造其它圖層。
圖13
14、GuideGuide2
對于打造自己的系統(tǒng)來說,該插件可完美放置PS參考線。用途相當(dāng)大。
圖14
15、Make Photoshop Faster
該插件通過調(diào)整高速緩存層次和圖像預(yù)覽來提高PS性能,該技巧雖然很簡單,但功能很強(qiáng)大。
圖15
16、Photoshoptimize
該插件證明了提升PS性能有許多秘密的小技巧,其能大大加快PS速度。
圖16
17、Adobe Kuler
這款功能強(qiáng)大的取色器插件在PS中出現(xiàn)的頻率很高。其已經(jīng)完全集成在Creative Suite 4和5。
圖17
18、Sprite Generator
該插件可幫助你創(chuàng)建CSS Sprites,整個過程是自動化的,用戶唯一需要做的就是刪除任何不需要的額外的空間。
圖18
19、1140 Grid
對于那些剛剛開始的網(wǎng)格系統(tǒng),你會發(fā)現(xiàn)一些共用事實(shí),它們的每個理論基礎(chǔ)都是940px或960px.或978px。但該插件提供的1140px就打破了常規(guī),作為流體網(wǎng)格,相當(dāng)有趣。
圖19
20、Expanding Universe Toolset for Managing Screen Resolutions
該插件功能非常強(qiáng)大,主要用于管理屏幕分辨率。
圖20
21、Photoshop Secret Shortcuts
該插件可讓我們更加熟練高效地使用PS軟件來創(chuàng)建網(wǎng)頁。
圖21
22、Colorotate
一個類似于Kuler的插件,都是取色器應(yīng)用。不同之處主要體現(xiàn)在3D性能上,該插件更能幫助我們大腦理解色彩的3D。
圖22
23、Layer Vault
該插件非常適合于團(tuán)隊(duì)工作,版本控制很方便。另外一個特點(diǎn)就是,該插件的視覺效果很好。
圖23
24、HSL Picker
PS內(nèi)置顏色選擇是一個比較寬泛的系統(tǒng),包括RGB和CMYK。而該插件可把你的十六進(jìn)制值轉(zhuǎn)換到HSL。
圖24
25、Layer Styles
該插件實(shí)現(xiàn)了CSS也有類似PS軟件效果面板,讓你可以調(diào)整CSS3特性,如投影,內(nèi)陰影,背景,邊界及邊界半徑等等,同時(shí)可在瀏覽器中實(shí)時(shí)預(yù)覽結(jié)果。
圖25
新聞熱點(diǎn)
疑難解答
圖片精選