文件管理 · 2022年9月16日

ps切片教程|怎样用PS做切片

Ⅰ ps怎么切片

使用工具栏中的切片工具。把图片缩放到合适的大小,然后选择工具栏上的一把像小刀一样的工具,然后右击,出同三个选择,选择“切片工具”即可。切片工具可以将源图像分成许多的功能区域。将图像存为Web页时,每个切片作为一个独立的文件存储,文件中包含切片自己的设置、颜色调板、链接、翻转效果及动画效果。

Ⅱ ps切片工具怎么用

1、打开要分割的图片,点工具栏的切片工具,选择切片工具——划分切片(这里我们假定将一张原图平均分为12张小图)。2、将划分切片的水平划分为4,垂直划分为3,点好后出现12个等分的图片。3、将图片划分好后,我们点工具栏最下面的键计入IR状态下编辑图片。4、直接点文件,将优化结果储存为HTML格式。5、保存在电脑桌面或其它文件夹,会出现一个HTML格式的网页,我们打开另一个文件名为Images的文件包,里面就是我们刚才分割好的小图片。那么ps切片工具怎么用呢?6、我们打开这些小图时会返现默认为索引颜色,这时选择菜单:图像 > 模式 > RGB颜色就可以对这些小图片进行处理了。

Ⅲ ps切片怎么用

方法是:1、在PS中打开图片。2、选择切片工具。3、右键图片–划分切片。4、在对话框中填入具体的数字。5、保存为WEB和设备所用格式。

Ⅳ Ps平面设计教程-平面设计快速切片

Ps平面设计教程-平面设计快速切片

作为美工,我们经常需要对一张大图切片,切成几张小图之后,让后输出web格式的文件,那么关于平面设计如何快速切片,我为大家分享Ps平面设计快速切片教程如下:

PS使用技巧

1.在画布中调整笔刷的各种参数

关于笔刷,用过PS的人基本上都知道几个快捷键,比如Ctrl+"["、"]"调整笔刷大小之类,这次我带来的方法比那个更加便捷,不但是大小上的调整,连同硬度和颜色都可以在画布中完成调整。

方法:

①在画布中按住Alt+鼠标右键——此时在画布上会出现一个红色的圆点,圆点代表了你笔刷的大小和硬度(越实越硬,越虚越软),拖动鼠标进行左右平移可以调整笔刷的大小,上下拖动可以调整硬度。

②按住Alt+Shift+鼠标右键——此时你会发现鼠标旁出现了一个色彩选取框,没错!现在你可以调节颜色了!按住右键不放,移动鼠标到想要的颜色上即可。

2.小抓手的组合用法

按住空格键将鼠标变成小抓手拖拽画布已经是相当普及的用法,几乎每个PS玩家都要使用,但是它的组合键却鲜有人知,这次为大家带来小抓手的组合级之一:全局拖拽——即使放大到很大比例仍然能瞬间让视图到达画布的任意位置。

方法为:按住空格键将鼠标变成小抓手后,再按住一个“Z”,然后按下鼠标——这时你会发现视图瞬间回到了全局,鼠标则变成了一个小方框,这个小方框就是你当前所能显示到的区域,拖动鼠标挪到想要去的地方,然后撒手,走你~

3.自由变换的附加用法

这一条有点老调重弹了,不过估计肯定会有不知道的,这里再提一下,Ctrl+T进行自由变换过一次后,用Ctrl+Shift+T可重复上次的变换,用Ctrl+Shift+Alt+T可实现复制本体并重复上次变换的效果。如图

4.利用Shift实现加速拖动

不知道大家有没有遇到过这种问题,有的时候为了对准细节不得不将视图放得很大,这时候拖动一个图层或者选区等到另一个地方要经历漫长的等待,看着下面的滚动条慢慢悠悠的走真是心急如焚呐……其实这个时候只要按住Shift,你会发现滚动条嗖的一下就过去了~这个技巧需要多练几次,因为按住Shift之后的拖拽速度真的是灰常快,可能一不注意就过头了,所以建议你可以一下下的点着而不是一直按着,不截图了,一用就明白。

5.钢笔工具绘制中转换折点

一个小技巧,在使用钢笔工具时,按住鼠标拖拽节点时按下Alt,即可实现对当前节点的一个转折。

6.利用Alt选中锁定图层

锁定图层大部分时候是因为不想再移动它,但有时真需要动它的时候却可能因为图层过多而找不到,即使勾选了直接选取图层也无法选中锁定了的,这个时候只要按住Alt在画布上点击被锁定的图层就可以选中了,不仅如此,其实被锁定的图层仍然可以进行一些操作,比如合并。不截图了

额外分享一个自己总结的有关三大功能键Shift、Ctrl、Alt的语义不完全总结,其实有的时候根据三种功能键的语义就能猜出某些功能的快捷键,一试一个准

万用滚轮

在大家使用PS时,滚轮这个东西实际上并不常用,但一个滚轮加上三功能键却可以完全实现缩放和平移、纵移、调整数值等功能。

①缩放

· Alt+滚轮:此法可实现对画布的无比例缩放,滚动时以鼠标所在位置为参照中心进行缩放。(PS:笔者不推荐此法,介绍这条纯粹为了引出第二个…)

· Alt+Shift+滚轮:等比例缩放画布,滚动时以鼠标所在位置为参照中心进行缩放(注意看动图中视图百分比的数值前后变化),墙裂推荐,我最常使用的快捷键之一,等比例缩放,完美替代Ctrl+”+”、Ctrl+"-"。

②移动

· 视图在超过一屏的情况下(或者在全屏下),直接鼠标滚轮即可实现纵向移动,每滚一小格是一个屏幕像素;按住Ctrl+滚轮可实现横向移动,也是每格一屏幕像素。

· 在上面的基础上加上Shift即可实现加速移动,每滚一小格就是一个屏幕,若是放到很大的倍数那么加上Shift还是十分方便的。

万能选区对齐大法

神技 !我一直用它!

这里的神奇之处在于,我可以在PS中实现以任意区域为对象进行对齐,这里类似AI中关键对象的设定(多选N个目标后,再次点击其中的一个目标将加重显示,这个时候使用对齐的话是以此目标为关键对象进行对齐),其实在PS中并不存在这种关键对象,但是我们仍然可以自己创造一个——选区!经过不完全测试,选区这个东西无论是选择还是对齐,其优先级都是凌驾于图层之上的(对于路径无效),所以当你在画板中创造一个选区之后,你的任何对齐方式都是以此选区作为关键对象的!这样图中的&#39效果就不难理解了吧。

· 拓展1:像AI一样,能不能让一图层以其中指定的某个图层为关键对象进行对齐呢?当然可以,只需要按住Ctrl点击想要对齐的图层,将它转换为选区即可,是不是So easy?

· 拓展2:每次都要在状态栏上点击对齐,是不是好麻烦?快捷键木有,这可怎么办?没关系,咱们自己设定一个就是了。打开编辑——键盘快捷键,打开图层那一页,找到上面的几项内容,然后根据自己口味进行修改吧! 以后对齐只用快捷键,高大上有木有!

· 拓展3:之前也说过了,选区的优先级凌驾于图层之上,同样图层具备的有些属性选区也同样具有,比如对齐边缘。

几个小技巧

· 有的小伙伴会经常在一组同样尺寸的源文件间切来切去,把一个文件中的东西拖到另一个里,拖过去发现位置变了还要再调整,是不是很烦恼?这里有一个小秘诀:在把物件拖到另一个文件中时,按住Shift,如果两个文件尺寸是一样大的,那么它就会粘在原来的位置;如果尺寸不同则会粘在画板正中央。此方法无论是图层、路径、形状、选区…只要是能拖动的东西都可以实现。

· 用Ctrl+Tab(Mac中是Control+Tab)可以在不同文件画板间切换。

· 一个文件中使用了N个同样的智能对象,只想更改其中一个?右键点击该层——通过拷贝新建智能对象。

· 利用方向键移动时嫌走得太慢?按住Shift试试看。

路径选择工具的优化(CC+)

本条是针对PSCC及以上版本的技巧(在PSCC发布之初本是没有这个功能的,后续的更新中才加上),第一次使用CC时相信很多人在使用路径选择工具时都有一些不适感——尼玛怎么什么都能选!

事情是酱紫的,在CC中,Adobe将路径工具的级别变为全局(与AI类似),双击可将目标图层锁定,在未锁定的情况下路径选择不受图层限制,通俗点说就是,无论你有多少个图层,是否上锁,只要存在就可以被选中,但是选中了却未必可以操作(比如选中的路径中包含上锁图层),这与我们以往的操作习惯有很大出入,Adobe也发现了这个问题,所以在后续版本中增加了这个切换功能

在第一次框选时可以选中任意路径图层(包括上了锁的),重新调整过左上角的选择现有图层/所有图层后,则只能选择当前图层,有点类似移动工具的自动选择。

通过这一设置,我们可以控制路径选择的范围,需要选择某一路径而不想被其他图层打扰时使用“现用图层”,当需要批量操作时选用“所有图层”

如何将统一图层中的多个形状快速成多个图层?

1.最好选用路径选择工具中的【选择所有图层(CC+)】

2.选中图层,切换至路径选择工具

3.点选所需形状/路径,【C】+【S】+J

4.重复步骤3,直到拆分结束

反向图层

比较隐秘的一个技巧~不知道大家有没有遇到过类似的困扰,排了一堆的图层,最后发现顺序全都反了,眼见如山的图层,怎么办,挨张调整顺序?有的同学可能要说,一定有类似的插件或者动作的,其实PS里一直都有这一功能的~

图层——排列——反向(选中多个图层才能使用)

非线性历史记录

开启了非线性历史记录的状态,可以看到在我进行撤销操作后在进行的操作,其记录会承接之前的步骤,也就是说 无论是否被撤销,所有的历史记录都将被保留,这样我们做图时的灵活性就变得更强了,当然弊端也不少,一是开启之后历史记录条数将增长得飞快,耗资源不说,关键步骤被刷掉就悲催了。再就是习惯问题了,我第一次开启时感觉务必的别扭……新鲜劲儿过去了就改回来了,不知各位看官是否有用得习惯的~开启方法见下图:

渐变窗口拉伸

不算冷,常玩PS的人应该都知道~调整超多拐点的渐变时会很费劲,那么在边缘把窗口拉开就可以了啊

显示蒙版

很多新手对于蒙版的概念不是很清楚,这个技巧可以让你很清晰地感受蒙版的原理:按住Alt点击蒙版(限图层蒙版,矢量蒙版无效),这时画板将切换至蒙版的灰度状态,使调整更加方便~按住Alt再次点击蒙版即可退出状态。顺便一提,按住Shift点击蒙版为停用。

通过形状新建参考线(Photoshop CC 2014.2)

在上面提到过,通过选区边界的吸附特性来快速创建参考线的技巧,现在Adobe在更新中加入了类似的功能,使用起来更加方便~

一键创建参考线,就是这么简单~使用方法也是非常简单(我自定义了快捷键,这个功能本身是没有的),在视图中找到“通过形状新建参考线“即可一键创建参考线,就是这么简单~使用方法也是非常简单(我自定义了快捷键,这个功能本身是没有的),在视图中找到“通过形状新建参考线“即可

新建参考线版面(Photoshop CC 2014.2)

有心的同学应该已经发现了,视图中的另一个新项目:新建参考线版面

通过这一功能,我们可以快速的为整个页面创建成套的参考线,另外Adobe还给出了四种参考线预设:8列、12列、16列、24列。

另外我们也可以将常用的参考线版面存储成预设,比如960模板等另外我们也可以将常用的参考线版面存储成预设,比如960模板等

以行为例,我们来说一下这三个参数:

数字:一共有几组(两根)参考线

高/宽度:这一组(两根)参考线间的距离

装订线:组与组之间的距离

快速切片

有的时候,我们的切图并不是“贴边切“的,需要为图形留出边界来保证一批切图的相同尺寸,那么我们可以先做一层所需尺寸的模板作为切图参考,然后再隐藏就是了:但是有的时候,我们的切图并不是“贴边切“的,需要为图形留出边界来保证一批切图的相同尺寸,那么我们可以先做一层所需尺寸的模板作为切图参考,然后再隐藏就是了:

PS:这是最新的发现,通过这个功能创建的切片跟所属的形状有连接关系,如果所属形状发生变化(位移、形变),切片也会跟着动,这一点好好利用的话也是十分便捷的PS:这是最新的发现,通过这个功能创建的切片跟所属的形状有连接关系,如果所属形状发生变化(位移、形变),切片也会跟着动,这一点好好利用的话也是十分便捷的

方法还是十分简单:图层——新建基于图层的切片(我设置了快捷键,本身是木有的)

生成图像资源增强版——抽出资源(Photoshop CC 2014.2)

冷知识番外篇中有介绍过一个CC14.1的新功能——生成器,可以自动将所需图层导出为不同尺寸的切图。这次的新功能 抽出资源相当于是轻量版的生成图像资源

方法:选中文件/组,找到文件——抽出资源… 点击后进入抽出资源界面

整个界面中没有什么太难理解的地方,右侧抽出资源那里有0.25x、0.5x、2x、3x几个不同尺寸切图的选项,如果不够的话点击齿轮或者左下角的设置会有更多的选择

下面的自动提取,当文档变更后会重新生成资源,类似生成器。

打开/关闭所有组、打开/关闭其他组(Photoshop CC 2014.2)

这个问题也是很多人都在问了,新版本终于有了这个功能~

使用方式:按住Ctrl点击组前面的箭头即可,注意此功能貌似只针对最外层组有效,里面的就不好使了

一条图层,多个区域均可右键点击,每个区域出现的列表也各不相同,图中是右键点击组前面的箭头,在列表中选择打开/关闭其他组~

;

Ⅳ 用ps怎么切图

具体操作步骤如下:

1、首先打开PS软件,导入需要切片的图片,点击工具栏剪裁工具,选择里面的切片:

Ⅵ 怎样用PS做切片

PS做切片的步骤如下:

一、、选择切片工具(如下图所示)

五、点击保存输出即可成功。