【轻知识】phper的2分钟PS切图教程

非设计人员,如果有误,请指正

引导——五步

1.ps打开psd文件
2.左边工具栏,左击“裁剪”,右击“切片工具”
3.右下角“图层”。隐藏无用的图层,留下你要的(把“小眼睛”关掉)
4.框选你要裁剪的内容
5.左上角右击“文件”,选择“存储为web和设备需要的格式”

正文

1.ps打开psd文件

【轻知识】phper的2分钟PS切图教程_第1张图片
第一步

2.左边工具栏,左击“裁剪”,右击“切片工具”

【轻知识】phper的2分钟PS切图教程_第2张图片
第二步

3.右下角“图层”。隐藏无用的图层,留下你要的(把“小眼睛”关掉)

【轻知识】phper的2分钟PS切图教程_第3张图片
第三步

4.框选你要裁剪的内容

为了方便框选,有个填充色(其他背景也可以,能让你明显的衬托出你要选的内容)没有去掉。否则透明,看不到内容。容易选错,或者多选(图尺寸能小就小,省用户流量)

【轻知识】phper的2分钟PS切图教程_第4张图片
04.png

去掉那个“填充色”

【轻知识】phper的2分钟PS切图教程_第5张图片
05.png
【轻知识】phper的2分钟PS切图教程_第6张图片
给切图命名

5.左上角右击“文件”,选择“存储为web和设备需要的格式”

【轻知识】phper的2分钟PS切图教程_第7张图片
存储

png-24格式

【轻知识】phper的2分钟PS切图教程_第8张图片
设置存储格式

延伸——多切图操作

保存的时候,当你想设置其他切图,你看不到其他切图,可以Ctrl+滑轮,把遮住的显示出来。

【轻知识】phper的2分钟PS切图教程_第9张图片
Ctrl+滑轮查看其他切图

右键选择其他切图

【轻知识】phper的2分钟PS切图教程_第10张图片
右键选择其他切图

保存的时候对其他切图进行设置

【轻知识】phper的2分钟PS切图教程_第11张图片
左键选择其他切图

你可能感兴趣的:(【轻知识】phper的2分钟PS切图教程)