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中，强烈建议！