學科:設計師/Photoshop

新功能

新功能簡表可參考 http://zh.wikipedia.org/wiki/Photoshop 以下僅着重列舉跟 UI 設計相關的功能點：

CS5

• 支持多語言包切換界面語言

CS6

這代是對 UI 設計 改進最大的一代。

• 全新深色界面，工具欄佈局更易調整
• 大量與形狀相關的改進，形狀終於由矢量蒙板升級為一等公民了
  • 全新的形狀工具欄
  • 對齊像素
  • 指定寬高、位置
  • 事實形狀屬性面板
  • 點擊畫布空白處以交互方式創建形狀
  • Command/Ctrl + H 快速隱藏/顯示描點
  • 選中形狀層，創建一個選區，點擊圖層蒙板可以快速應用選區指定的蒙板，按 Option/Alt 反向
  • 可以將形狀和文字的樣式拷貝成 CSS

• 智能對象縮放的處理方式調整，內容大小的變化會反映在嵌入文檔中
• 動作支持條件分支。可以記錄工具的操作，如畫筆。新增動作回放設置，可以按步驟慢速按一步一步執行，並可設置間隔時間
• 新增筆刷，筆刷系統有改進
• 圖層面板改進，支持圖層篩選
• 逆天的內容感應修補，典型場景如：移動、扣除物體，修補紋理，高質量的圖像非成比例拉伸
• 基礎的視頻編輯功能
• 預設遷移
• 形狀描邊大增強，除了可以快速切換線形（實線、虛線）外，還可設置拐角點樣式、使用漸變、甚至紋理填充描邊
• 新 Mercury 引擎帶來性能提升
• 後台自動保存文檔
• 預設導入/導出

CC

• 可在矩形或圓角矩形創建後，調整其尺寸、位置及圓角。並可同時調整多個圖層上的矩形
• 文字圖層增加新的抗鋸齒渲染方法，可以更接近的模擬文字在屏幕上的呈現效果
• 預設雲同步

14.1

• Adobe Generator - 命名圖層/組實時自動切圖，詳見： http://blogs.adobe.com/photoshopdotcom/2013/09/introducing-adobe-generator-for-photoshop-cc.html

參考

• Photoshop 的新增功能 http://helpx.adobe.com/tw/photoshop/using/whats-new.html

插件

• Cut&Slice me http://www.cutandslice.me —— 這是一個自動切圖插件，只需按照一定規則命名、分組好圖層，插件會一鍵自動完成 iOS、Android 的切圖工作。覆蓋 iOS 普通、@2x，Android ldpi 到 xhdpi，及一般PC上的切圖
• CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.
• GuideGuide http://www.guideguide.me —— 按給定網格系統生成相應輔助線的利器
• Tych Panel http://lumens.se/tychpanel/—— 開源的位圖拼貼插件

參考

• Adobe Photoshop Scripting
• PS-Scripts: Photoshop Scripting Community