這節分享一個photoshop cc 開始有的自動生成圖標的方法，真的超級好用，不看會後悔~(～￣▽￣)～
話說一二三的排版都不一致會不會有人介意(。・・)ノ
psd練習文件
http://pan.baidu.com/s/1pL2dwL1工具：我這裏用的是photoshop cc 2015
沒有photoshop，這裏準備了photoshop cc 2015的安裝包和破解工具，具體安裝和破解方法可以百度一下
http://pan.baidu.com/s/1gfJUEzT開始
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中，強烈建議！