photoshop怎么切图

photoshop怎么切图,第1张

1传统切图

(1)打开一个psd文件,选择ps左边菜单栏的裁剪工具,选择切片工具。首先我们对这个psd文件进行分析,有意识的将其划分成几个选区,然后通过鼠标的拖拽用切片工具将我们所需要的图案切下来。

蓝色标号的切片是我们手动选择的切片,灰色标号是自动生成的切片,然后导出这些切图,选择文件—>导出—>存储为Web所用格式,保存到你要用的文件夹里。

问题:观察上述 *** 作,我们会发现这样一个一个图案切太麻烦耗时了,如果一个电商网站要你切几百个图肿么办于是有下面一个较为方便的办法:

(2)一般设计师在设计的时候通常会用到参考线,那我们也可用参考线来简化切图 *** 作,首先选定你要切的某个图案的图层,然后用鼠标拖动左部或顶部的标尺将其拉到该图案的边界,该边界会自动吸附参考线,因而比较准确,这样这个图案的参考线就设置好了,同理再去设置其他图案的参考线

由于参考线密集,会出现很多我们不需要的切片,我们可以点击鼠标右键删除不需要的,我们发现像这样一次性切图太累了,要删除很多不用的切片,所以建议将psd文件进行裁剪一块一块切,然后关闭参考线检查切图。最后将切片导出到文件夹里。

以上就是传统切图方式,比较麻烦耗时且不精准,所以我们使用计算机进行精准切图。

2精准切图

下面我们来用photoshop的'脚本进行一种更加快捷精准的切图方法。它的优点在于,自动化切图省时省力,计算机自动计算,尺寸更精确。

首先打开一个psd文件,选择文件—>导出—>将图层导出到文件—设置其属性,选择存储位置和保存类型,勾选透明区域,交错,裁剪图层,最后运行导出,这个过程需要等几分钟。建议还是一块一块区域切。

3photoshop CC版本的精准切图—自动切图

(1)首先我们选择一个需要切的图案,选择其图层。然后设置参数,选择编辑—>首选项—>增效工具—>勾选启用生成器,点击确定。选择文件—>生成—>图像资源。我们发现在psd文件所属目录下会生成一个空的assets文件夹,最后我们将该图层的名字后缀改为png,会发现assets文件夹里多出了我们切的图案,这样一个图案就切好了。

(2)在(1)的基础上,很容易导出SVG格式,只需要将该图案所在的图层名字后缀改为svg就可以。

分类: 电脑/网络 >> 软件
问题描述:

photoshop中的切片工具是干什么的?怎么用?请知道的朋友,给我详细讲解一下,谢谢:)

解析:

切片工具(K)在工具栏中有两种模式,分别是切片工具跟切片选取工具。

·切片工具主要是将你在PS里制作的切成多块,犹如你切蛋糕一样切出你要的部分。切的时候建议用放大镜放大倍数来切或者在你知道要切多少象素的前提下用“视图”->“新参考线”建立参考线,然后用切片工具的属性栏中的基于参考线的切片。

·切片选取工具顾名思义就是选择你切好的切片,并且可以修改切片的大小。
以上就是我的简单理解,具体你可以参考F1帮助文件,或者多多尝试。

最后要说的就是你切好的要“存储为WEB所用格式(ctrl+alt+s)”,然后选择你要的格式以及参数保存。至于这里具体的相关设置,建议去google一下,也许你会有很多新的发现。

1、在PS界面,点击“文件”,点击“打开”,选择需要切片的。

2、在左侧的工具栏中,找到第5个工具,选择“切片工具”。

3、按住鼠标左键拉取一个矩形框来获取切图的位置,完成后会出现一个橙色边框,右键“编辑切片”,设置好名称和其他信息,点击“确定”。

4、按住“ctrl+shift+alt+S”键进行保存切片,点击“储存”。选择保存位置,输入名称,把格式改为“仅限图像”,切片设置为“所有用户切片”。

5、点击“保存”,返回桌面,点开“images”文件夹即可看到用ps切出来的了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12947977.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-08-28
下一篇2025-08-28

发表评论

登录后才能评论

评论列表(0条)

    保存