photoshop怎么切图
大家好,今天格子啦未大家带来:photoshop切图怎么切图。
1.传统切图
(1)打开一个psd文件,选择ps左边菜单栏的裁剪工具,选择切片工具。首先我们对这个psd文件进行分析,有意识的将其划分成几个选区,然后通过鼠标的拖拽用切片工具将我们所需要的图案切下来,如下图:
如上图,蓝色标号的切片是我们手动选择的切片,灰色标号是自动生成的切片,然后导出这些切图,选择文件—>导出—>存储为Web所用格式,保存到你要用的文件夹里。
问题:观察上述操作,我们会发现这样一个一个图案切太麻烦耗时了,如果一个电商网站要你切几百个图肿么办?于是有下面一个较为方便的.办法:
(2)一般设计师在设计的时候通常会用到参考线,那我们也可用参考线来简化切图操作,首先选定你要切的某个图案的图层,然后用鼠标拖动左部或顶部的标尺将其拉到该图案的边界,该边界会自动吸附参考线,因而比较准确,这样这个图案的参考线就设置好了,同理再去设置其他图案的参考线,如下图:
由于参考线密集,会出现很多我们不需要的切片,我们可以点击鼠标右键删除不需要的,我们发现像这样一次性切图太累了,要删除很多不用的切片,所以建议将psd文件进行裁剪一块一块切,然后关闭参考线检查切图。最后将切片导出到文件夹里。
以上就是传统切图方式,比较麻烦耗时且不精准,所以我们使用计算机进行精准切图。
2.精准切图
下面我们来用photoshop的脚本进行一种更加快捷精准的切图方法。它的优点在于,自动化切图省时省力,计算机自动计算,尺寸更精确。
首先打开一个psd文件,选择文件—>导出—>将图层导出到文件—设置其属性,选择存储位置和保存类型,勾选透明区域,交错,裁剪图层,最后运行导出,这个过程需要等几分钟。建议还是一块一块区域切。
oshop CC版本的精准切图—自动切图
(1)首先我们选择一个需要切的图案,选择其图层。然后设置参数,选择编辑—>首选项—>增效工具—>勾选启用生成器,点击确定。选择文件—>生成—>图像资源。我们发现在psd文件所属目录下会生成一个空的.assets文件夹,最后我们将该图层的名字后缀改为.png,会发现assets文件夹里多出了我们切的图案,这样一个图案就切好了。
(2)在(1)的基础上,很容易导出SVG格式,只需要将该图案所在的图层名字后缀改为就可以。
-
提升PS技术的小技巧
PS作为UI设计的基础软件工具是肯定要掌握的,在工具熟练了之后在能更好的设计出作品,下面给大家介绍PS基础小技巧。一、通道有人说通道是“黑社x”,也就是只有黑、灰、白三类颜色,是一个从无到有的过程。通道记录了颜色的.信息。像我们电脑上看到的图片一般是RGB模...
-
photoshop快速调出喜欢的色调
匹配颜色“匹配颜色”这个功能真是很早很早很早以前就出现了!可是还是很少有人知道怎么用。我在这里先给大家热热昨天的“菜”。不知道大家有没有遇到过自己有一张照片,但是不喜欢这个颜色,然后找到另一张颜色很好看的图想替换颜色的想法。比如以前在学校画小图...
-
PS如何制作一个开始答题的按钮
我们可以使用PS工具做一个按钮,这个按钮工具在很多应用中都会使用,通过按钮的制作我们可以了解更多PS工具的应用。以下是小编为大家搜索整理的.PS如何制作一个开始答题的按钮,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!1、新建设一个图片...
-
photoshop常用的一些基础知识
本教程为您详细讲解photoshop的一些基础知识,主要是为初学者准备的,如果您已经入门,那就去看提供的其他Photoshop教程。*文件菜单*一般认为文件菜单是最原始和初级的,往往不屑一顾,其实在文件菜单中还有许多我们没有认识的东西诸如“新建”、“打开”等常用的命...