Photoshop CS6工具箱切片工具使用和存储切片实例详解教程

1移动区可以分别对Photoshop图层、文字、选择区域进行移动2选区工具2.1矩形选择工具:可以对图像选一个矩形的选择范围，一般对规则的选择用多。

2.2椭圆选择工具:可以对图像选一个矩形的选择范围，一般对规则的选择用多。

2.3单行选择工具，可以对图像在水平方向选择一行像素，一般对比较细微的选择用。

2.4单列选择工具，可以对图像在垂直方向选择一列像素，一般对比较细微的选择用。

3套索工具：3.1.套索工具，可任意按住鼠标不放并拖动进行选择一个不规则的选择范围，一般对于一些马虎的选择可用。

3.2.多边形套索工具，可用鼠标在图像上某点定一点，然后进行多线选中要选择的范围，没有圆弧的图像勾边可以用这个工具，但不能勾出弧线，所勾出的选择区域都是由多条线组成的3.3.磁性套索工具，这个工具似乎有磁力一样，不须按鼠标左键而直接移动鼠标，在工具头处会出现自动跟踪的线，这条线总是走向颜色与颜色边界处，边界越明显磁力越强，将首尾连接后可完成选择，一般用于颜色与颜色差别比较大的图像选择。

4快速选择工具和魔棒选择工具4.1.快速选择工具，是从Photoshop CS3版本开始增加的一个工具，它可以通过调整画笔的笔触、硬度和间距等参数而快速通过单击或拖动创建选区。

拖动时，选区会向外扩展并自动查找和跟随图像中定义的边缘。

4.2.魔棒工具，用鼠标对图像中某颜色单击一下对图像颜色进行选择，选择的颜色范围要求是相同的颜色，其相同程度可对魔棒工具双击，在屏幕右上角上容差值处调整容差度，数值越大，表示魔棒所选择的颜色差别大，反之，颜色差别小。

5裁剪工具、透视裁剪工具、切片工具、切片选择工具5.1.裁剪工具可以对图像进行剪裁，裁剪选择后一般出现八个节点框，用鼠标对着节点进行缩放，用鼠标对着框外可以对选择框进行旋转，选择好双击或按回车键即可结束裁切。

5.2透视裁剪工具：可以任意拖动网格裁剪图片。

使裁剪不仅仅局限于规则图形5.3.切片工具和切片选择工具，切片工具是用来划分切片的，他就相当于是一把刀，而切片选择工具是用来选择划分好的切片，可以对一个独立的切片进行编辑。

photoshop切⽚⼯具使⽤（选取⼯具）？许多⽹页为了追求更好的视觉效果，往往采⽤⼀整幅图⽚来布局⽹页。

但这样做的结果就是使下载速度慢了许多。

为了加快下载速度，就要对图⽚使⽤切⽚技术。

也就是把⼀整张图切割成若⼲⼩块。

并以表格的形式加以定位和保存。

⼏乎所有的图象处理软件都包括切⽚功能，并能⽅便地输出切⽚和包括切⽚的html⽂件。

所以，当你需要使⽤⼤图作⽹页，需要把它们切成多个图⽚（切⽚）时，可以借助这些软件的帮助，⽽⽆须⽤插⼊表格的⽅法。

下⾯，⽤photoshop软件中，切⽚的使⽤为例说明使⽤⽅法。

1。

在photoshop（以下简称ph）中选择切⽚⼯具。

（如图⼀）在要进⾏切割的图⽚上‘画’出每个切（如图⼀）上为切⽚⼯具⽰意图（如图⼆）割区域，可见每个切割区域都会带上⼀个数字标签。

(图中的兰⾊线框）（如图⼆） 2。

执⾏：⽂件（file）--存储为web所⽤格式（save for web），在弹出的save for web对话框中，可以单击上⽅的视图标签，选择、切换⼆或四视图或其他优化格式视图。

然后单击左边⼯具条中的切⽚选择⼯具，在任⼀你选定的切割的视图中点击切⽚，此时你选中的切⽚变⾊，表⽰已经选中。

设置最终输出的每个切⽚是以什么类型的⽂件保存。

（gif或jpg）（图三） 3。

每进⾏⼀次设置，其输出的⽂件⼤⼩都会改变。

可以在视图下⽅看到结果。

可以按个⼈需要反复切割，使⼤⼩和效果都满意为⽌。

（图四） 4。

在弹出的将优化结果存储为（save optimized as）对话框中‘保存类型’选择‘html and lmage‘最下⽅选择⽹站⽂件夹的路径，便可将包括html⽂件和对应的切⽚图形⽂件，都保存到⽹站⽂件夹中了。

默认状态下，切⽚存放在’image‘⽂件夹⾥。

（图五）（图三）（图四）（图五） 打开你的⽹页⽂件中存放的html⽂件，⼏可以看到所有的切⽚都被安放好了。

⽽下载速度要快了许多。

是不是很爽？（见图六图七）（图六）（图七） 你快试试吧！1. 使⽤切⽚⼯具创建切⽚：选择切⽚⼯具。

ps中如何使用切片工具裁剪图片？
你知不知道通过裁剪图片可以实现快速上传图片？在对图片进行裁剪时，如果我们使用切片工具把图片裁剪成多块，可以加快在网页上的上传速度。

本文介绍ps中使用切片工具裁剪图片的两种方法：1、使用划分切片法裁剪；2、使用参考线切片法裁剪（更简单的方法）。

1、使用划分切片法裁剪
第一步：打开要切片的图片，把图片放在画布中。

第二步：点击左手边的导航栏，点工具栏的切片工具，选择切片工具——划分切片。

第三步：ctrl r调出标尺，在图片上绘制表格，框选出要做链接的部分，使用基于参考线的切片选项，按照绘制的表格划分切片。

第三步：将图片划分好后，我们点工具栏最下面的键计入IR状态下编辑图片。

第四步：点击“文件”—“存储为web格式”
2、使用参考线切片法裁剪（更简单的方法）
第一步：打开要切片的图片，把图片放在画布中。

第二步：在你要切的地方拉好参考线，切换到“切片工具”。

第三步：实施剪裁。

第四步：第四步：点击“文件”—“存储为web格式”
以上就是ps中使用切片工具裁剪图片的两种方法，如果要求不严格，使用第二种就可以啦~更多ps学习推荐：ps教程。

利用Adobe Photoshop软件进行图片的切片和Web优化在如今这个数字化的时代，无论是个人用户还是企业机构，都离不开图像处理软件的帮助。

而Adobe Photoshop作为业界领先的图像处理软件之一，在图片的切片和Web优化方面具有独特的优势和功能。

本文将介绍如何使用Adobe Photoshop软件来进行图片的切片和Web优化，以满足使用者在网页设计、UI设计等领域的需求。

一、图片切片图片切片是将一张大图分割成多个小图的过程，这样可以使得图片的显示更加快速，同时也方便网页制作以及对图片的进一步处理。

1. 打开Adobe Photoshop软件并导入图像首先，我们需要打开Adobe Photoshop软件，并导入我们想要进行切片的图像。

可以通过直接拖拽图片到软件窗口中或者通过导航菜单上的“打开”来导入图片。

2. 选择切片工具在工具栏中，有一个名为“切片工具”的工具，点击该工具即可进入切片模式。

3. 创建切片使用切片工具，可以自由地拖出需要切片的区域。

通过调整切片的大小和位置，我们可以灵活地切割出我们需要的片段。

4. 保存切片切片完成后，我们需要点击“文件”菜单下的“存储为Web所用格式”选项。

在保存的对话框中，选择合适的格式（如JPEG、PNG等）以及保存路径，保存切片后的图片。

二、Web优化在网页的设计中，为了提高页面加载速度和用户体验，对图片进行优化是一个非常重要的环节。

Adobe Photoshop提供了多种优化方法，以减小图片的文件大小，同时又能保持较高的视觉质量。

1. 图片格式的选择在进行Web优化时，我们可以选择合适的图片格式以实现最佳的视觉效果和文件大小。

例如，JPEG格式适用于照片和复杂的渐变图像，而PNG格式适用于像素级别较高的图像和图标。

2. 压缩图片质量通过调整图片的质量，可以在保持较高视觉效果的同时降低文件大小。

在保存图片时，选择适当的压缩质量参数来平衡视觉效果和文件大小。

切图技巧大揭秘：Photoshop的切片工具使用方法Photoshop是一款广泛使用的图像编辑软件，它提供了许多强大的工具和功能。

其中一个非常常用且实用的功能就是切图工具。

切图工具可以帮助我们将一张大的图片切分成多个小的图层，方便在网页设计、平面设计等领域中使用。

下面就让我们揭秘一下Photoshop的切片工具使用方法。

第一步，打开你需要切图的图片。

在Photoshop中，点击文件->打开，选择你想要切图的图片，并点击“打开”按钮。

第二步，选择切片工具。

在工具栏中，找到切片工具。

它的图标是一个小方框，里面有一把刀。

你也可以按键盘上的C键快捷访问该工具。

第三步，选择你想要切图的区域。

使用鼠标点击并拖拽，在图片上拉出一个矩形，表示你想要切下来的区域。

可以看到，这个区域被自动划分为一个独立的图层，并在“图层”面板中显示。

第四步，切片设置。

在切片工具的选项栏中，你可以设置切片的类型和参数。

有三种类型可选：普通、角落、负角落。

这些类型通常用于网页设计中的不同布局需求。

你可以根据实际情况选择合适的类型。

此外，你还可以设置其他参数，如切片名称、输出格式等。

第五步，创建切片。

完成切片设置后，点击菜单栏的“图层”->“创建切片”，或者使用快捷键Ctrl+Shift+Alt+S。

Photoshop会自动根据你的设置创建切片，并在“图层”面板中显示。

第六步，优化切片。

对于每个切片，你可以在“图层”面板中进行进一步的优化。

例如，你可以编辑切片的属性，如链接、目标、图像替换文字等。

你还可以设置切片的交互效果，如鼠标悬停或点击时发生的动作。

第七步，导出切片。

完成切片优化后，你可以导出每个切片作为独立的图像文件，或者将整个切片保存为一个网页文件。

在菜单栏中选择“文件”->“导出”->“存储为Web所用格式”。

在弹出的对话框中，你可以设置导出的选项，如图像格式、质量、保存路径等。

完成设置后，点击“保存”按钮即可。

ps中的切片工具怎么用
ps中的切片工具怎么用
ps中的切片工具怎么用
01、打开PS软件，点击“文件”，再点击弹出的下拉菜单中的“打开”，打开想要切片的`图片。

02、找到左面的裁剪工具，右键后在弹出的工具里面点击切片工具。

03、点击切片工具后会出现一把小刀，随意拉动会切割图片，每块被切除的图片都在左上角有一个数字标号。

04、完成后点击左上角文件，选择“存储为web......”一项。

05、选择好存储格式。

点击下面的存储。

06、选择存储位置，下面的储存格式可选图像和html(网页打开)。

07、找到之前选定的储存位置，可以看到很多张被切开的图片按顺序排列。

拓展
ps如何用参考线切图
1、在ps中打开需要编辑的目标图片，在工具区准备进行编辑。

2、使用快捷键ctrl+r呼出ps参考线，如图所示分别有两条参考线在图片的上方和左方。

3、使用鼠标在参考线上拖拽出参考线对需要的部分进行分割。

4、右键点击裁剪工具呼出裁剪菜单在菜单中找到切片工具根据参考线进行切割即可。

ps切片工具快捷键
快捷键ctrl+shift+Alt+S
PS中的切片工具有什么用
PhotoShop中：切片工具是该软件自带的一个平面图片制作工具。

切片工具：
将一个完整的网页切割许多小片，以便上传。

是将我们设计的网页设计稿切成一片一片的，或一个表格一个表格的，这样深圳印刷厂
可以对每一张进行单独的优化，以便于网络上的下载。

可以做成网格的，然后可以用dreamwaver来进行细致的处理。

利用切片工具可以快速的进行网页的制作。

第二章：选择选区操作２．１移动工具2.1.1按住shift键的同时，按住鼠标左键可以将图片2拖动到图片1的正中位置。

2.1.2移动工具属性设置2.1.2.1自动选择图层，如果勾选住，将鼠标放在图片的某个图层时，会自动选择该图层；如果不勾选住，将鼠标放在图片的某个图层时，不会自动选择该图层。

2.1.2.2显示变换控件。

不勾选如下图左所示；勾选如下图右所示，方便改变图层的形状大小。

2.1.2.3如下图所示，重叠的地方图层太多时，可以点击鼠标右键进行选择。

２．２选框（区）工具快捷键是M：矩形选框工具与椭圆选框工具快捷键都是M，两者间的快速切换“shift”+“M”2.2.1矩形选框2.2.1.1用选框工具画好的矩形，取消时：可以“选择”→“取消选择”；快捷键为”ctrl”+“D”；或者画好之后，在空白处直接点击左键。

2.2.1.2画正方形时，按住shift键，再绘制。

2.2.1.3画图形时，一般为从起始点划向结束点，如果要从中心点画起，首先要经过以下途径：a，先画出标尺线，标尺线在“视图”→“标尺”，快捷键为“ctrl”+“R”。

用鼠标左键点住标尺按住左键不放向需要的地方拉去。

删除已经拉出的十字标尺线的时候，要先处于选择的状态，然后用鼠标左键点住标尺线按住左键不放，向标尺的地方拉去。

b，按住“ALT”键进行绘制。

2.2.2椭圆选框2.2.2.1椭圆选框与矩形选框绘制方法一致。

2.2.3除了矩形选框、椭圆选框外，还有单行选框工具和单列选框工具。

这两项选框工具的默认宽度为一个像素。

2.2.4选区属性2.2.4.1下图中属性依次为“新选区”、“添加到选区”、“从选区减去”、“与选区交叉”。

2.2.4.2上述属性切换时，默认是第一个，依次切换时快捷键依次是按住“shift”、“alt”、“shift+alt”。

2.2.5选区实例一实例“相机+红斜杠”a，首先新建一个文档b，再新建一个图层命名为相机，在图层上画出相机，填充为黑色。

photoshop如何进行切图
如果大家需要在网站上用到图片，那么就可能会用到photoshop 切图这个命令工具。

下面是店铺带来关于photoshop如何进行切图的内容，希望可以让大家有所收获!
photoshop进行切图的方法
一、打开要分割的图片，点工具栏的切片工具。

二、将划分切片的水平划分为4，垂直划分为3，点好后出现12个等分的图片。

三、将图片划分好后，我们点工具栏最下面的键计入IR状态下编辑图片。

四、直接点文件，将优化结果储存为HTML格式。

五、保存在电脑桌面或其它文件夹，会出现一个HTML格式的网页，我们打开另一个文件名为Images的文件包，里面就是我们刚才分割好的小图片。

六、我们打开这些小图时会返现默认为索引颜色，这时选择菜单：图像 > 模式 > RGB颜色就可以对这些小图片进行处理了。

1.记熟快捷键绝对是王道，左手时刻放在ctrl alt 空格 shift键附近，ps cs3.0以下切片快捷键是K，cs4.0变成了C和裁剪工具共用，可以第一次点选到切片工具上。

2.隐藏某个图层时同时按住ctrl和alt右击想要隐藏的地方（文字图层有时候点不到因为正好点到空地了，也可能这些文字是图片上的）。

3.按住ctrl点切片可以选中切片。

4.右击切片可以看切片长宽已经切片名，在这里命名在最后保存的时候会以这个名字保存。

5.按住ctrl然后按住鼠标可以拖拽切片。

6.选中切片按方向键可以一个像素一个像素的移动切片。

7.如果在用方向键移动切片时可以按住shift键这样每次可以移动十个像素。

8.按住ctrl和alt键之后可以复制当前选中的切片，可以快速做出多个大小相同的切片，可用在导航条等需要相同大小图片的地方。

9.第八条中，如果想要在X方向或Y方向复制的话可以在按住ctrl和alt之后再按住shift，这样约束你的移动方向必须是45°的整数倍。

10.如果一个切片不能确定到底有没有画的正好，应该用放大镜工具放大来确定，如果发现没画好但是老拽不到那个位置可以放大到不能再大，这时候一定能拽到你要的位置。

11.并不是所以图都可以一次性切完的，例如一个完整的背景和背景上的一个图标，这时候应该先切完一个，另一个下次切（我没有成功做出一次切出来等试出来了我第一时间告诉大家）。

12.如果需要一个固定高度的切片，可以直接在编辑切片里写上长宽。

13.记住ctrl+alt+shift+S →存储为web所用样式，在这里可以改变图片格式，修改图片质量、大小，保存gif动画等操作，是一个很好用的快捷键，如果你的ps版本是超级精简版的连这个功能都被扔了，建议安装一个有的。

14.ctrl+alt+shift+S之后在最右上角有个叫优化菜单的很容易被忽略的安钮，点它你可以直接保存你的图片到你想要的大小（一定范围内）。

15.图片颜色比较单一的情况下建议保存为png或者gif格式（图片长宽无所谓），可以保证图片质量的情况下保存一个比较小的图片。

Photoshop CS6中文版切片选择工具实例讲解教程Photoshop CS6中文版切片选择工具实例讲解教程Photoshop CS6中文版“切片选择工具”Photoshop CS6中文版“切片选择工具”使用方法：如感觉02切片太小，想调成02切片大小，选择Photoshop CS6中文版工具箱“切片选择工具”，鼠标移动到图像中02切片内，单击鼠标选择切片，当把鼠标放在切片边缘线上时，出现【?】箭头，这时按住鼠标左键拖动，可扩大或缩小切片选区大小；如图：1.删除切片方法：在要删除的切片选区内，单击鼠标右键，弹出如下对话框，选择Photoshop CS6“删除切片”即可。

如图：2.编辑切片选项：在要删除的切片选区内，单击鼠标右键，弹出如下对话框，选择Photoshop CS6“编辑切片选项”，在弹出的对话框中设置各个选项。

如图：①名称：切片的名称，可自己设置名称。

②URL：设置点击切片后打开的网站网址。

③目标：打开网址的方式blank（在浏览器新窗口中打开）。

④信息文本：输入想要显示文本，在网页浏览器左下角将会显示所输入的文本。

⑤Alt标记：输入文本，当鼠标停放在所输入标记的切片上不动时，将提示所输入的文本内容。

3.划分切片：如果感觉某一块切片还是比较大，那么可以在切片上点击鼠标右键，从弹出的菜单中选择“划分切片”选项。

如在弹出的对话框中，选择水平划分，输入重新划分为3份，点击“确定”按钮后，所选择的Photoshop CS6切片将被重新水平划分为3份。

如在Photoshop CS6弹出的对话框中，选择垂直，输入重新划分为4份，点击“确定”按钮后，所选择的切片将被重新垂直划分为4份。

注：Photoshop CS6水平划分和垂直划分可以同时选择使用。