淘宝美工:[2]Photoshop切片详解

2025-04-21 10:41:20

PS是图像处理的软件,对于刚接触PS不久的电脑小白来说,一些细节的戒彬尢欤问题还是不会的对吧,比如如何切片!下面小编将“切片的详解”分享给要的朋友们!GO……

打开图片

1、打开PS软件,本文所演示的是photoshop cc的版本哦;

淘宝美工:[2]Photoshop切片详解

2、点击“文件”菜单打开,快捷是CTRL+O或者选中你所要做切片的图片拖入到Photoshop软件中;(切片有三种方法下面将一一做演示,看看哪一种更适合你)

淘宝美工:[2]Photoshop切片详解

一、使用切片工具

1、1.1、点击切片工具C;

淘宝美工:[2]Photoshop切片详解

2、1.2、拖动鼠标选框需要做切片的模块,框选时需要将图片放大一点,点击工具栏上的放大缩小图标按钮或使用放大图片的快捷键是CTRL+空格+鼠标左键,缩小图片的快捷键是ALT+空格+鼠标左键;

淘宝美工:[2]Photoshop切片详解

3、1.3、图片框选好后,再点击切片选择工具将框选的模块调整到最佳的位置;

淘宝美工:[2]Photoshop切片详解

4、1.4、这样切片的模块就设置好了。

淘宝美工:[2]Photoshop切片详解

二、使用切片选择工具

1、2.1、点击切片选择工具C;

淘宝美工:[2]Photoshop切片详解

2、2.2、在图片中右击,选择点击“划分切片”;

淘宝美工:[2]Photoshop切片详解

3、2.3、输入你需要划分的模块数量,点击确定;

淘宝美工:[2]Photoshop切片详解

4、2.4、将模块的位置调整好后,在右下角的模块中右击增加一个小模块,点击确定;

淘宝美工:[2]Photoshop切片详解

5、2.5、这样切片的模块就设置好了。

淘宝美工:[2]Photoshop切片详解

三、基于参考线的切片

1、3.1、点击选择工具;

淘宝美工:[2]Photoshop切片详解

2、3.2、按CTRL+R将标尺调出来然后,开始拉参考线;

淘宝美工:[2]Photoshop切片详解

3、3.3、参考线拉好后,点击“切处工具”;

淘宝美工:[2]Photoshop切片详解

4、3.4、在属性栏上点击“基于参考线的切片”;

淘宝美工:[2]Photoshop切片详解

5、3.5、如果将横线的参考线也拉出来的话,将要把不需要的切片模块删除掉,所示还是建议模块少的话,就不要将横线的参考线拉出来了,删除单个参考线的方法是将参考线再拉回去;(可以参照“切片选择工具”的第四个步骤)

淘宝美工:[2]Photoshop切片详解

6、3.6、选择“切片选择工具”;

淘宝美工:[2]Photoshop切片详解

7、3.7、将切片的模块调整好,这样切片的模块就设置好了。

淘宝美工:[2]Photoshop切片详解

保存切片文件

1、切片的模块设置好后,接下来就要保存了,点击“存储为Web所用格式……快捷键ALT+SHIFT+CTRL+S;

淘宝美工:[2]Photoshop切片详解

2、进入“存储为Web所用格式“界面,点击保存的格式及品质,再点击“存储”;

淘宝美工:[2]Photoshop切片详解

3、选择保存的格式,一般选择的是“HTML和图像”一起保存;

淘宝美工:[2]Photoshop切片详解

4、出现保存的警告可以不用管它,点击“确定”;

淘宝美工:[2]Photoshop切片详解

5、这个就是刚刚小编所保存的文件了;

淘宝美工:[2]Photoshop切片详解

6、打开“images”文件夹里面就是所切好的小模块图了。

淘宝美工:[2]Photoshop切片详解

清除参考线与清除切片

1、清除参考线与清除切片——点击“视图”菜单,点击“清除参考线”或“清除切片”,烂衣茫庥好了本文就演示到这里,谢谢大家的观看,再见!

淘宝美工:[2]Photoshop切片详解
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢