PS的切片工具使用方法

溜溜自学 平面设计 2022-02-17 浏览:988

大家好,我是小溜,在做好一张图片时,有时要成一张图分成多张图,那这时就要用到切片工具了,(最常见的切片应用场所有淘宝详情页、淘宝店铺首页装修、网站等等)本文以PS CC2018版本为例,给大家演示一下具体的操作方法,希望本文内容能帮助到大家,感兴趣的小伙伴可以关注了解一下。

想要更深入的了解“PS”可以点击免费试听溜溜自学网课程>>

工具/软件

电脑型号:联想(lenovo)天逸510s; 系统版本:Windows7; 软件版本:Photoshop2017

方法/步骤

第1步

找到“切片工具”(如果左侧工具栏没显示,就要在裁剪处,按住左键不放就会出现很多在此的工具命令,并点选"切片工具“)

PS的切片工具使用方法步骤讲解Photoshop

第2步

如果想固定比例的话,点菜单栏下方的样式,选择”固定长宽比“此时在长和高各输入一个数值,如图所示,我第一个切片是长和高都输入1的,,第二个切片是长1,高2,可以明显看到,每次在画布上拉选时,他都会按这个比例切片。

PS的切片工具使用方法步骤讲解Photoshop

第3步

样式选择”固定大小“,我们可以在宽度和度高度各给一个数值,例如都给200,那么在画布上画时,都会是此大小的切片。

PS的切片工具使用方法步骤讲解Photoshop

第4步

样式选择”正常“就是可以任意在画布上画切片大小,大小不受限制。

PS的切片工具使用方法步骤讲解Photoshop

第5步

大家注意到,还有一个基于参考线的是灰色,因为图片上我们没有画出参考线,那我们来操作下,点菜单栏的 视图----标尺,此时会出现像尺子一样的在左侧和上方。那我们用鼠标在尺子那里左键拉到画面上,如图所示。

PS的切片工具使用方法步骤讲解Photoshop

第6步

拉好参考线后,点基于参考线的切片。

PS的切片工具使用方法步骤讲解Photoshop

第7步

如果把切片导出呢,那我们来操作下,点菜单中的:文件----导出-----存储为web所用格式

PS的切片工具使用方法步骤讲解Photoshop

第8步

出现提示后,一般默认即可。

PS的切片工具使用方法步骤讲解Photoshop

第9步

这里还有一个提示,存什么格式,html就是生成网页,图像就是图片的意思,然后保存到自己想要的盘。

PS的切片工具使用方法步骤讲解Photoshop

第10步

如图所示得到二个文件(如果要别人电脑打开这二个文件都要发给对方,或者你放服务器里,就把网址发给对方就能打开。)

PS的切片工具使用方法步骤讲解Photoshop

第11步

闲话不多说,让我们来打开刚刚的切片后效果,如下图所示。

PS的切片工具使用方法步骤讲解Photoshop


温馨提示

以上就是关于“PS的切片工具使用方法”全部内容了,小编已经全部分享给大家了,还不会的小伙伴们可要用心学习哦!虽然刚开始接触Photoshop软件的时候会遇到很多不懂以及棘手的问题,但只要沉下心来先把基础打好,后续的学习过程就会顺利很多了。想要熟练的掌握现在赶紧打开自己的电脑进行实操吧!最后,希望以上的操作步骤对大家有所帮助。

相关文章

首页