淘宝美工:[2]Photoshop切片详解
PS是图像处理的软件,对于刚接触PS不久的电脑小白来说,一些细节的问题还是不会的对吧,比如如何切片!下面小编将“切片的详解”分享给要的朋友们!GO……
打开图片
1、打开PS软件,本文所演示的是photoshop cc的版本哦;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/49701aebf6a75f0f1016425a97324b18502c4c91.jpg)
2、点击“文件”菜单打开,快捷是CTRL+O或者选中你所要做切片的图片拖入到Photoshop软件中;(切片有三种方法下面将一一做演示,看看哪一种更适合你)
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/49c5d3e34b2c56eee542b0baf775e5f4fdf54091.jpg)
一、使用切片工具
1、点击切片工具C;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2cdda02bbef781423bfb9b691.jpg)
2、拖动鼠标选框需要做切片的模块,框选时需要将图片放大一点,点击工具栏上的放大缩小图标按钮或使用放大图片的快捷键是CTRL+空格+鼠标左键,缩小图片的快捷键是ALT+空格+鼠标左键;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/1562a0b9763e21c214ebd764e6e89a618725b191.jpg)
3、图片框选好后,再点击切片选择工具将框选的模块调整到最佳的位置;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/ba97ffd06de89a613518772745e8b004551bad91.jpg)
4、这样切片的模块就设置好了。
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/87645f93cee8b004e326e7bb79260d9a300ea991.jpg)
二、使用切片选择工具
1、点击切片选择工具C;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/d04eec260d9a310eaba4df9e31b842406bfea291.jpg)
2、在图片中右击,选择点击“划分切片”;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/c255efc595ee41c1721a9ae78d88912ca4ca9b91.jpg)
3、输入你需要划分的模块数量,点击确定;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/a48bc2e8904800fcbacaaebad42043715edb9391.jpg)
4、将模块的位置调整好后,在右下角的模块中右击增加一个小模块,点击确定;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/423041db3620b93a19b41671ad0f8835dc8a8a91.jpg)
5、这样切片的模块就设置好了。
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/589f5b0788013870087c0c382d08a50f95fc8391.jpg)
三、基于参考线的切片
1、点击选择工具;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/95bd4e8c9bcec7f86f4a6b69034ce54a2e27fb91.jpg)
2、按CTRL+R将标尺调出来然后,开始拉参考线;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b017fe005f43df39187021cf391.jpg)
3、参考线拉好后,点击“切处工具”;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/025d87c0affce186d1129ec61f1fbee435daeb91.jpg)
4、在属性栏上点击“基于参考线的切片”;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/359bee5e4a2379710320a06c93196120a6cde391.jpg)
5、如果将横线的参考线也拉出来的话,将要把不需要的切片模块删除掉,所示还是建议模块少的话,就不要将横线的参考线拉出来了,删除单个参考线的方法是将参考线再拉回去;(可以参照“切片选择工具”的第四个步骤)
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6ef8cc3407fed7997bbaf4dd91.jpg)
6、选择“切片选择工具”;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/03f26bd7997bbbf4d266446e5549610f8a56d691.jpg)
7、将切片的模块调整好,这样切片的模块就设置好了。
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/df087f0f8b56ad042056215ddae10ef85956d091.jpg)
保存切片文件
1、切片的模块设置好后,接下来就要保存了,点击“存储为Web所用格式……快捷键ALT+SHIFT+CTRL+S;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/50a010f85856d53dbc1aee5d47d2bb665059ca91.jpg)
2、进入“存储为Web所用格式“界面,点击保存的格式及品质,再点击“存储”;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/50189b40102a04e2229c0cf62b7aa010bd33c291.jpg)
3、选择保存的格式,一般选择的是“HTML和图像”一起保存;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/18aebc5f0c14c27bf5bcb03d2a46b7b1eff93996.jpg)
4、出现保存的警告可以不用管它,点击“确定”;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/efb861bd4c7c34b3137f050e5841037de0373196.jpg)
5、这个就是刚刚小编所保存的文件了;
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/023cff37c97622bc4bfbf9d3a05fd54604962896.jpg)
6、打开“images”文件夹里面就是所切好的小模块图了。
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/2a1ecb460596b814c8ee83b743d246fe464e2296.jpg)
清除参考线与清除切片
1、清除参考线与清除切片——点击“视图”菜单,点击“清除参考线”或“清除切片”,好了本文就演示到这里,谢谢大家的观看,再见!
![淘宝美工:[2]Photoshop切片详解](https://exp-picture.cdn.bcebos.com/b442d6d246fe474e83bd050bb0ef354f51b81f96.jpg)