photoshop cc 智能切圖

這節分享一個photoshop cc 開始有的自動生成圖標的方法

 

psd練習文件

http://pan.baidu.com/s/1pL2dwL1

• 1

工具：我這裏用的是photoshop cc 2015

沒有photoshop，這裏準備了photoshop cc 2015的安裝包和破解工具，具體安裝和破解方法能夠百度一下

http://pan.baidu.com/s/1gfJUEzT

• 1

---

開始

1.打開給你們準備的psd文件 

2.選擇「編輯」=》「首選項」=》「增效工具」 

3.勾選「啓用生成器」，選擇「肯定」 

4.重啓一下photoshop

5.重啓後，從新打開咱們的文件，感受參考線太礙事了，咱們用快捷鍵「CTRL」+「；」把參考線隱藏了。

6.選擇「文件」=》「生成」=》「圖像資源」 

7.用以前同樣的方法找到咱們要的圖標的圖層 

8.咱們須要的圖標放在了icon這個分組中，如今咱們將icon重命名爲icon.png 

9.如今咱們打開咱們存放psd文件的文件夾中，能夠發現如今多了一個文件夾 

10.打開這個多出來的文件夾就會看到咱們的圖標躺在那裏了，是否是很激動！！！ 

11.咱們還能夠繼續把第二個圖標重命名爲icon.jpg 

12.而後會發現剛纔那個文件夾中又多了一個icon.jpg文件 

13.如今把第三個圖標改成icon.svg 

14.你應該已經猜到了，文件夾中又多了一個svg文件 

15.咱們用編輯器打開這個svg文件，就能夠看到svg的代碼，這裏設定了寬高，若是將width和height刪除，就能夠獲得自適應的圖標文件（能夠任意縮放） 

16.若是不想要要這個圖標，咱們能夠把文件的命名從新改回來 

17.而後看到文件夾中的svg文件沒有了 

---

這個方法生成圖標很是的方便，很適合咱們生成svg圖片，能夠保存到fontello或者iconfont中，強烈建議！