切图的技巧

几种切图的技巧

我个人使用的是cc2015 比较之前的版本在切图上有些不同的;在工作中我时常用这么几种切图方式

切单个图片

  • 转化为智能对象

这个是我从慕课网上听来的,大概的思路就是:先转化成智能对象– 然后使用选择工具划区域(可以画大点范围,但要包住智能对象)– 然后就是使用ctrl+c –然后 ctrl+N 即新建对象– 最后ctrl+v;然后就是所谓的ctrl+shift+alt+s 保存网页格式即可;

  • 直接图层导出png

由于设置的默认格式是png 的,这个可以在首选项中设置的,一般情况下用这种格式也没什么不好的吧

  • 使用图像资源

这个算是cc提供的新功能了吧,首先文件–图像资源勾选上–然后在你选择的图层上面直接命名,命名的格式随意,你就会看到在psd文件的目录下生成一个默认的文件夹,里面就是你切好的图片;

  • 常规切图法

这个就是选择图层之后,然后拉线,之后用切片工具切图然后保存就可以了;

以上各有个的优点吧,反正配合使用就好了;

切多个图片

  • 使用标尺拉线

比较传统的切图方式,就是使用标尺拉线,然后选择标尺的基于标尺,就可以快速生成,很多切片,然后删除不需要的

  • 使用图层的

使用图层的新建基于图层的切片,这个是基于图层的操作的,也就是说要选中很多相应的图层,然后使用 图层–新建基于图层的切片–然后就是保存咯

如何制作雪碧图

  • fireworks

    我之前一直使用fireworks来制作雪碧图,虽然早就不更新了,但是使用fireworks来测量和生成雪碧图还是挺快速的

  • 然后是看到了使用compass的函数来拼和雪碧图

这样要使用sass配合compass封装的函数,我只是看到有人这么做,但是还没有自己实践过,后来看到compass也停止更新了,而且很多里面的函数也没有太多用处,大不了sass玩的溜直接仿一个;

  • 然后就是其他一些小型的工具、在线或者线下的

这个就更有针对性。而且好像要配置一些参数之类的,我觉得很规则的还可以,如果是非规则的,还不如直接用ps去拼呢;

热评文章