對於Web設計和Web開發,無論你是專業的還是業餘的,你都需要一些好的工具來工作。
作為一位設計師,有時我會誤認為每個人都瞭解Photoshop的形狀、效果、字型設計。有時候缺少規範導致錯誤的前端輸出。有時最終的作品和實際期待的不一樣。
我相信,為web設計師列出一些好的Photoshop工具和資源是很有幫助的。在這裡我已經為web設計師精心挑選25個最佳Photoshop工具和外掛,來幫助他們創造精美和有創意的專案或作品。盡情地去享受吧!!
1. GuideGuide
GuideGuide是一個Adobe Photoshop外掛,它使你輕鬆地在檔案或者選區上設定參考線和網格。它以檔案作為參考建立參考線。如果你在檔案裡建立了選區,GuideGuide會使用選區代替檔案作為參考線。對於查詢特定元素的中點,在其他網格里建立網格,或者在一個物件周圍設定確定的空間是一件很方便的事。
2. Refill Readr
Refill Readr讓你使用Pixel Dropr載入任意的refill並且在Photoshop裡持續使用。你同樣可以直接訪問Refill Store,一個下載收費或免費refill的地方。
3. Pictura
Pictura是一個直接在Photoshop裡查詢和應用Flick上的圖片的外掛。有了它再也不用分心去下載圖片了。找到想要的圖片並就可以使用,所有的這些行為都不用離開你的設計環境。尋找沒有版權的圖片?你可以使用過濾器來檢視你可以免費使用甚至是使用在商業上的圖片。
4. CSS3Ps
CSS3Ps是Photoshop的一個免費雲外掛,用來把圖層轉換為CSS3樣式。這個外掛解決了把一張圖片轉換為CSS樣式時顏色、名稱、大小等屬性的對應問題。這是一個精巧、快速的外掛。你僅需要獲取一份副本並把這個外掛放進CSS編輯區裡。
5.Griddify
Griddify是一個製作參考線和網格的Photoshop皮膚。它不僅精巧而且高速。它幫助你在Photoshop利用參考線建立自定義的網格系統,垂直柵格,和一些其他的動作。確保你已經安裝了Adobe擴充套件管理器,然後下載Griddify,並使用Adobe擴充套件管理器安裝它。安裝成功後,開啟你的Photoshop CC。你會在“window”選單裡的“Extensions”下找到Griddify皮膚。最讚的是,Griddify是免費和開源的。
6. Photoshop Layer to SVG
每個互動設計師都會被巨大的工作量所困擾,這裡有一種解決方案。這有一個指令碼能節省你大量的零碎時間。一旦指令碼被啟用,會自動把所有的向量圖層一“.svg”為字尾匯出在一個SVG檔案中,同時也把它們的形狀和顏色屬性匯出。
7. Ink
Ink Photoshop外掛通過從排版,效果和形狀大小記錄你的圖層來給你提供一些額外的重要資訊。
8. Cut & Slice me
這個外掛可以用來把資源匯出到不同的裝置,並可以通過給不同的圖層命令來改善工作流程。它能把檔案剪下為PNG格式並把它們匯出,切掉多餘畫素,甚至可以建立重疊片(overlapping slices)。
9. Shortthumbnode
Short Thumb是Adboe Photoshop的一個CC生成外掛。
10. Modular Grid Pattern
Modular Grid Pattern是一個為web設計師準備的應用。它能幫助你在Adobe Photoshop、Adobe Fireworks、GIMP、Microsoft Expression Design和其他的軟體中快速、簡單地建立模組化網格。能夠在主流的穩定版瀏覽器裡執行:Google Chrome、 Safari、 Opera 或者 Mozilla Firefox。
11. Nomorebanding
Nomorebanding是一個修復Photoshop漸變帶的擴充套件。你只需要簡單地選擇動作和按下按鈕。你的文件將會轉換為一個16位的文件並且會生成一個新的圖層,在你的組或文件上面來改善文件的顏色帶。
12. Psd.rb
Psd.rd用來開啟PSD格式檔案,並使你輕鬆的使用Photoshop文件。Psd.rd是用Ruby編寫的Photoshop檔案解析器。允許你以一種易管理的樹結構方式來處理Photoshop文件,從而找出文件中的重要資料。
13. Composer
這個外掛使你只需點選一次就可以更新Photoshop裡的多個圖層。它提供給你更多的設計和維護的便利。選擇圖層並執行任意的命令更新位置,圖層皮膚,透明度,或更新所有。
14. MakephotoshopFaster
Photoshop的緩慢讓你失望?一些簡單的調整會變得更好。
15. Photoshop Lady
Photoshop Lady旨在收集網際網路上最好的免費Photoshop教程。把所有的高質量教程被分類為 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture &Patterns 和 User Interface Design。
16. 2xScaler
一個用於App設計的Photoshop擴充套件,點選一次把設計尺寸改為兩倍大。
17. Pixel Proliferation
Pixel Proliferation是一個神奇的工具集,能夠讓你管理螢幕解析度。
18. Layrs
這是一個免費的外掛,能夠收藏一些好的指令碼集合和處理Photoshop中的繁雜的操作。它的一些神奇的特性是:圖層名稱編輯器,合拼所有圖層效果,整合小物件,刪除空層,並提供不同的選項給你去刪除沒有的效果。
19. Free Effects for PS
免費版的Perfect Effects
它能提供最佳的方式讓你即時微調照片達到驚人的效果,或者創意地把你的圖片轉化為獨一無二樣式的圖片。
20. TychPanel
Tych Panel是一個自動化處理圖片並排佈局的Adobe Photoshop擴充套件。這使你更容易地建立雙聯佈局,三聯佈局,多聯佈局和無限制的自定義佈局。
21. Mr.Stacks
MR.STACKS是一個能快速生成分鏡圖,堆圖和PDF的Photoshop外掛。用了做CD,贈品或者其他你想要的。
22. Web Font Plugin
Photoshop網頁字型外掛,讓你設計使用類似的網頁字型。
23. HSL Color Picker
Photoshop的一個實用外掛,能讓你在你的設計裡建立HSL效果。
24. Layour Wraper
Layout Wraper是一個實用的Photoshop佈局修飾外掛。
25. Zeick
Zeick – Photoshop CC和CC 2014的外掛,允許你匯出向量形狀圖層為SVG檔案