# 前端基本的ps切图,抠图和制作雪碧图的一些基本方法和技巧

1,154 阅读3分钟

R-C.jpg

一.切图:

1.首先,切图需要用到的软件是PS软件

6a63b81a209cc630d5216c9eb3b5b80.png

1.打开ps,把你想要切图的图片放进ps里面,用标尺把想要的图片围起来,然后找到切片工具进行切图

40604aa71b983f3aca38a38aef062b4.png 2.然后选择基于参考线的切片,点击文件-导出-储存为web所用格式(快捷键ctrl+shitf+alt+s)

7ee2ebda520ee315ddef3c746d1e052.png 3.最后用shift+鼠标左键 点击选择自己想要的切片,记得图片的格式一定要改为PNG-8或者PNG-24

1243debef571b9aac62526c21d6b17a.png 4.最后储存的时候要选择选中的切片进行保存,这样的话就只会保存你想要的切片

2f90cdb311dff69420fde16e13c4f76.png

二.抠图

抠图最常用的三种方法:利用框选工具,魔棒工具和钢笔工具可以进行一些简单的抠图工作。

1.框选工具的抠图方法:框选工具可以扣一些方方正正的图片,把你想要扣的图片用框选工具框选出来,然后ctrl+j复制图层,然后就可以得到你框选出的那部分图片了,一般这个方法用的较少。

2.魔棒工具适合颜色单一或者颜色相近的区域图像进行抠图,下面来进行操作看一下到底第怎么使用的;首先找到魔棒工具,然后点击黄色区域,之后右击鼠标选择反向,这样就会只选择老鹰,最后ctrl+j复制图层,就可以得到你想要的图片了;

381f72c988cc9297b2abfc26c8503bd.png

4391884da6961525258e0f45ac4ff3c.png

77bbf5f58147d849e126d2d8695fe17.png

3.钢笔抠图工具,首先在鸭子上找一个位置为起点,图形有弧角的时候,选择在转折的曲线上。这里就要注意了点的时候不能一点就松手,而是点击拖动一点点;否则的话就会造成两点之间是一条直线,而不是弧线;

接下来的操作方法是一样的,但是大家注意下这里,点击之后会产生两种点,一个方形的一个圆形的,按住Ctrl键,点击拖动鼠标对圆形点进行调节,按住shift键,点击拖动鼠标对方形点进行控制,按住alt键,点击方形点可以删除一个锚点。

e722f93d12e76c4b5aff1abd3e1a601.png

图形用路径选出之后,按住ctrl+回车键(Enter),就可以建立选区,最后还是一样的,ctrl+j复制图层,就可以得到你想要的图片了,如果还有需要修改的地方,比如边边需要优化一下的,可以使用橡皮擦进行擦拭。

c6f21a5504117e1d72c69814df95c45.png

1bb9ec4329eacbaa539fe12d8735b7a.png

三.制作雪碧图

1.首先在ps里面新建(ctrl+n)一个图层;背景一定要选透明的;

4b5ba1cd1bd1fda648ceef9d1f7e386.png

2.在阿里巴巴矢量图标库(iconfont)的官网上找到你想要制作雪碧图的小图标;然后把图标文件保存在电脑上,最后进行有序的排列在新建的图层上面,先拉一条中心的分割参考线作为对齐标准,这里需要用到的快捷键是左右键,每按一次就向左或者向右移动一个像素,按住shift加上左右键的话,就是向左或者向右移动10个像素。

3.做好的雪碧图如下所示:

15345a06fe74627fcdf54b95c9c828f.png