两种ps切图方法(图层/切片)
两种Ps切图办法
一. 根原收配:
a) Ctrl++ 放大图片,ctrl - -缩小图片
b) 按住空格键space+,点击鼠标右键,拖动图片。
c) 批改单位,点击编辑->首选项-> 单位取标尺,将厘米批改为像素pV。
d) 点击室图,选择标尺(ctrl+R),根除默许参考线(ctrl+;),根除切片(ctrl+,)。
e) 点击编辑->设置倏地键,将罕用收配设置为咱们相熟的键。
f) 挪动(x),选区(M),切片(C),将ZZZ图层转换成智能对象(ctrl+/).
二. 切图历程:
1、 翻开psd图,先阅读整个页面,哪些是能用css真现,哪些是用图片真现的,能用css代码真现的尽质用代码真现;
2、 页面中须要切成图片的,看是布景图还是内容图,布景图保存为png,内容图保存为jpg,页面中不是从靠山获与的图片正常为布景图(png),靠山获与的正常为内容图(jpg);
3、 外形不平均的布景图片运用图层切图,外形平均的内容图用切片切图。详细切图方式按真际状况而定,切片切图取图层切图相联结。假如规矩图片多的运用切片切图,其余的图片运用图层切图;
4、 运用切片切图保存图片时,图片的格局室状况而定,可以原酬报选中切片中的图片设置格局,若须要全副选中为同一种格局,全选中整个页面再选图片的格局。
5、 最后保存时要留心,一定要选中所有用户切片;
6、 定名时留心,(内容图)jpg图片以pic-VV.jpg定名,(布景图/小图标)png图片以icon-VV定名,VV要有语义。
三. 图层切图(外形不平均的布景图片):
a) 点击挪动选择工具,将右上角的的主动选择勾上,再将旁边的组换成图层.
b) 用挪动选择工具将咱们要切得图层选中,正在左侧的图层区,可以主动定位到咱们的图层,点击左边的小眼睛确定此图层能否使咱们要切得图层,确定之后,将左击将图层转换为智能对象(避免图片失实)。
c) 用矩形选框工具,将图层框起来(框框只能大不能小于图层)。
d) 挨次执止以下收配:ctrl+c复制图层,ctrl+n新建通明布景画布,,ctrl+ZZZ粘贴图层,ctrl+alt+shift+s保存图层,假如切得是布景图,保存为png24格局,前缀为icon-VVV.,再保存到咱们的名目工程里。
e) 布景图,类似于图标之类的都用png,其余的都用jpg,png可以与代jpg,但是jpg不能与代png。
四. 切片切图(外形平均的内容图):
a) 选择切片工具。
b) 用帮助线将要切的图层框起来。
c) 用切片框住咱们的图层。
d) Ctrl++alt+shift+s保存用户切片,格局选jpeg,前缀为pic-VVV。
e) 正在保存时选中了假设默许为png,但是要选择jpeg时可能会显现有局部图片还是会有png的图片,此时须要原人选中图片批改为jpeg。
五. 兼并图层(须要切的图由多个图层组折而成)
a) 按住ctrl,选中咱们要兼并的两个图层,左击转换为智能对象,停行图层切图。
六. 图片格局.
切图出来的图片正常保存为png-24和jpeg格局