photoshop CC智能切圖

網頁設計在技術層面上，第一步是美工作出網頁效果圖，第二步就是網頁前端進行網頁切圖。網頁切圖工具經常使用的有fireworks、PS，這裏使用PS進行網頁切圖。

咱們經過設計稿，獲得咱們想要的產出物（如.png,.jpg文件），給網頁提供圖片素材（HTML:img，CSS:background）。

1、使用PS工具

一、PS首選項設置

編輯——》首選項——》單位與標尺，將標尺和文字的單位都改成像素。

默認"標尺"的單位是釐米，"文字"的單位是點。

二、面板

在「窗口」菜單下開啓：

工具（默認已開啓）

選項（默認已開啓）

圖層（默認已開啓）

信息（默認已開啓）

歷史記錄（手動開啓）

關閉其餘不須要的功能，將以上功能放置在合適的區域，窗口——》工做區——》保存工做區，

能夠經過下面兩種辦法恢復ps默認窗口。

窗口——》工做區——》復位基本功能。

窗口——》工做區——》基本功能（默認）。

2、切圖方法

一、photoshop CC智能切圖

我的以爲這種方法適用於本身作設計本身切圖的狀況。

第一步

經過文件菜單開啓智能切圖。

第二步

開啓智能切圖後，只要將ps文件中圖層或羣組（group）按照想要輸出的圖片名稱和格式命名。

第三步

當保存psd的同時，切圖文件就會自動生成到psd相同路徑下的子文件夾中。該文件夾中的圖片會實時更新。

輸出文件命名技巧

1，若是一個圖層須要輸出多種格式圖片，命名能夠用逗號分割。(例如：a.jpg,a.png)

2，同一個圖層想輸出多種質量的圖片，能夠在命名後加參數。 (好比：a.png8,b.png32 這樣就會輸出一張8位的a.png和一張32位的b.png文件)

3，JPG默認輸出是90%的質量，也能夠命名加參數控制(例如：a.jpg50%)

 

圖片默認自動生成到psd相同路徑下的子文件夾中，不知道怎麼修改這個默認的圖片存儲位置？有誰知道還請告知

 

 

參考資料：

頁面製做部分之PS切圖

http://www.cnblogs.com/jingwhale/p/4396235.html

 

本文做者starof,因知識自己在變化，做者也在不斷學習成長，文章內容也不定時更新，爲避免誤導讀者，方便追根溯源，請諸位轉載註明出處：http://www.cnblogs.com/starof/p/4835703.html有問題歡迎與我討論，共同進步。