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

2024-10-21 14:10:03

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

打开图片

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

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

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

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

一、使用切片工具

1、点击切片工具C;

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

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

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

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

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

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

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

二、使用切片选择工具

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

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

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

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

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

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

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

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

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

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

三、基于参考线的切片

1、点击选择工具;

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

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

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

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

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

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

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

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

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

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

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

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切片详解
猜你喜欢