朋友圈9宫格留白_一个小技巧让你的朋友圈眼前一亮

在互联网快速发展的时代，朋友圈、微博、贴吧等每天都占据了我们一定的时间，总会习惯性地在饭前饭后刷一刷朋友圈、看一看微博，那么今天，教大家一个小技巧，让你朋友圈的九宫格别出心裁；

效果图

制作照片九宫格效果主要应用了PS的切片工具

那就让我们进入切片工具的世界，一探究竟！

1、什么是切片工具，有什么用

切片工具：为了使网页浏览更加流畅，在网页制作中往往过程不会直接使用整张大尺寸的图像；通常情况下都会应用到切片工具将整张图像分割成多个部分，并以表格的形式加以定位和保存；

切片工具

2、切片工具的应用

在对图像切片过程中，为了不产生分隔符，可选中基于参考线的切片；

a.在PS中打开需要处理的素材；

素材

b.创建参考线，执行视图→标尺命令，PS工作区出现标尺，右击标尺选择像素，接着用选择工具在标尺出拉出参考线即可；

效果图

c.单击切片工具，点击基于参考线的切片，即对网页进行切片处理；

效果图

d.存储切片的格式为储存为web所有格式，并设置弹跳出的窗口；

窗口设置

注意：设置前全选所有小图片(选择左列上的第二的图标，出现光标后，在工作区域拉选所有图片即可)；设置的品质在85-90之间就可以保留照片原有的清晰度；

e.单击窗口存储按钮后，会再弹跳出一个对话框；

窗口设置

选择保存格式，一般为“HTML和图像”，即可在DW中修改代码又可在图片编辑器中打开；最后，点击保存按钮即可。

3、图片九宫格的制作

a.在PS中打开图片；

素材

b.在朋友圈九宫格为正方形，故需对图片进行处理，得到正方形；点击裁剪工具，设置为裁剪比例1:1；

设置效果

c.裁剪完成后，为了使图片平均分成9等份，选择切片工具，将鼠标放在图像上右击，选择切片划分，设置弹跳出的对话框；

对话框设置

效果图

d.存储切片，存储为web所有格式，设置对话框(按上文的步骤存储即可，不再重复)；

存储得到的文件夹

得到九张的图片后，接下来，就可以发朋友圈啦！！！让我们看一下效果↓↓↓↓