淘宝美工:[2]Photoshop切片详解

2025-10-08 23:21:58

1、打开PS软件,本文所演示的是photoshop cc的版本哦;

淘宝美工:[2]Photoshop切片详解

2、点击“文件”菜单打开,快捷是CTRL+O或者选中你所要做切片的图片拖入到Photoshop软件中;

(切片有三种方法下面将一一做演示,看看哪一种更适合你)

淘宝美工:[2]Photoshop切片详解

1、切片的模块设置好后,接下来就要保存了,点击“存储为Web所用格式……快捷键ALT+SHIFT+CTRL+S;

淘宝美工:[2]Photoshop切片详解

2、进入“存储为Web所用格式“界面,点击保存的格式及品质,再点击“存储”;

淘宝美工:[2]Photoshop切片详解

3、选择保存的格式,一般选择的是“HTML和图像”一起保存;

淘宝美工:[2]Photoshop切片详解

4、出现保存的警告可以不用管它,点击“确定”;

淘宝美工:[2]Photoshop切片详解

5、这个就是刚刚小编所保存的文件了;

淘宝美工:[2]Photoshop切片详解

6、打开“images”文件夹里面就是所切好的小模块图了。

淘宝美工:[2]Photoshop切片详解

1、清除参考线与清除切片——点击“视图”菜单,点击“清除参考线”或“清除切片”,好了本文就演示到这里,谢谢大家的观看,再见!

淘宝美工:[2]Photoshop切片详解

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢