分类

软件教程

ps切片工具怎么用?photoshop切片工具使用教程

作者:WinWin7   来源:本站整理   日期:2018-05-10
Photoshop(PS)是很多朋友处理图像的首选软件,在PS中有一个切片工具,可以很方便的把一张图切片成小块,并且还支持html web页,每个切片作为一个独立的文件存储,文件中包含切片自己的设置、颜色调板、链接、翻转效果及动画效果,可以提高页面的加载速度,提高客户体验。下面小编分享的是ps切片工具怎么用教程。

PS切片工具使用方法:

1、打开原本准备好的一张图片,可以把图片直接拉到PS中,也可以用菜单栏上的文件工具来打开文件。
 
PS切片工具怎么用?PS切片工具的使用方法

2、把图片缩放到合适的大小,然后选择左手边工具栏上的一把像小刀一样的工具,然后右击,出同三个选择,选择“切片工具” 
 
PS切片工具怎么用?PS切片工具的使用方法

3、然后鼠标变成小到,在您想切片的地方开始占,然后往左拉或者往下拉,就出会现一个四方形的区域块,这就是您要切除的范围,直到拉到您觉得合适地方为止,小编切了几个案例,分别用了一些颜色来区分开给大家看得更清楚。每一个片块代码一个区域,都会在上面有蓝色数字标识的。
 
PS切片工具怎么用?PS切片工具的使用方法

4、保存时,选择文件》存储为WEB和设备所用格式,这是一种专门为网页制作人设置的格式。
 
PS切片工具怎么用?PS切片工具的使用方法

5、选择存储。
 
PS切片工具怎么用?PS切片工具的使用方法

6、格式类型可根据您的需求来,如果选择HTML类型就会有一个自动生成的网页模式给您看。小编选择了“HTML和图像”
 
PS切片工具怎么用?PS切片工具的使用方法

7、根据之前保存的路径,找到该文件夹,然后打开就能看到一张张图片,就是根据您刚才切片的规格分开存放的
 
PS切片工具怎么用?PS切片工具的使用方法
 
PS切片工具怎么用?PS切片工具的使用方法
 
PS切片工具怎么用?PS切片工具的使用方法

PS切片工具技巧:


为什么会出现分隔符?没切好!

PS切片出现分隔符怎么解决?切出没有分隔符的图片!

对,看这编文章,你就可以切出没有分隔符的组图。

相关文章

推荐下载