开发面试题 JavaSE 物联网项目 ssh命令 dictionary iframe ant electron sms Amaze UI vue提交表单 android富文本框架 本地安装mysql python中items python的open函数 python运行 java介绍 java手册 java学习平台 球中的小鬼 雪地求生 groupy 脚本 mysql使用教程 办公室复印机使用方法 maven项目打包 js获取数组长度 cad特性匹配 r330不能识别墨盒 现代操作系统 backtrack4 foobar2000插件 搜狐影音播放器 熊猫头表情包制作 devenv cad圆形变成多边形 免费录屏工具 方正像素字体 cad标题栏 破天螺旋
当前位置: 首页 > 学习教程  > 编程学习

两种ps切图方法(图层/切片)

2021/1/9 1:59:36 文章标签: ps鼠标放大缩小

两种Ps切图方法 一. 基础操作: a) Ctrl 放大图片,ctrl - -缩小图片 b) 按住空格键space,点击鼠标左键,拖动图片。 c) 修改单位,点击编辑->首选项-> 单位与标尺,将厘米修…

两种Ps切图方法

一.      基础操作:

a)    Ctrl++ 放大图片,ctrl - -缩小图片

b)    按住空格键space+,点击鼠标左键,拖动图片。

c)    修改单位,点击编辑->首选项-> 单位与标尺,将厘米修改为像素px。

d)    点击视图,选择标尺(ctrl+R),清除默认参考线(ctrl+.),清除切片(ctrl+,)。

e)    点击编辑->设置快捷键,将常用操作设置为我们熟悉的键。

f)     移动(V),选区(M),切片(C),将v图层转换成智能对象(ctrl+/).

二.      切图过程:

1、        打开psd图,先浏览整个页面,哪些是能用css实现,哪些是用图片实现的,能用css代码实现的尽量用代码实现;

2、        页面中需要切成图片的,看是背景图还是内容图,背景图保存为png,内容图保存为jpg,页面中不是从后台获取的图片一般为背景图(png),后台获取的一般为内容图(jpg);

3、        形状不均匀的背景图片使用图层切图,形状均匀的内容图用切片切图。具体切图方式按实际情况而定,切片切图与图层切图相结合。如果规则图片多的使用切片切图,其他的图片使用图层切图;

4、        使用切片切图保存图片时,图片的格式视情况而定,可以自己为选中切片中的图片设置格式,若需要全部选中为同一种格式,全选中整个页面再选图片的格式。

5、        最后保存时要注意,一定要选中所有用户切片;

6、        命名时注意,(内容图)jpg图片以pic-xx.jpg命名,(背景图/小图标)png图片以icon-xx命名,xx要有语义。

三.      图层切图(形状不均匀的背景图片):     

a)    点击移动选择工具,将左上角的的自动选择勾上,再将旁边的组换成图层.

b)    用移动选择工具将我们要切得图层选中,在右侧的图层区,可以自动定位到我们的图层,点击左边的小眼睛确定此图层是否使我们要切得图层,确定之后,将右击将图层转换为智能对象(防止图片失真)。

c)    用矩形选框工具,将图层框起来(框框只能打不能小于图层)。        

d)    依次执行以下操作:ctrl+c复制图层,ctrl+n新建透明背景画布,,ctrl+v粘贴图层,ctrl+alt+shift+s保存图层,如果切得是背景图,保存为png24格式前缀为icon-xxx.,再保存到我们的项目工程里。

e)    背景图,类似于图标之类的都用png,其他的都用jpgpng可以代替jpg,但是jpg不能代替png

四.      切片切图(形状均匀的内容图):

a)    选择切片工具。

b)    用辅助线将要切的图层框起来。

c)    用切片框住我们的图层。

d)    Ctrl++alt+shift+s保存用户切片,格式选jpeg,前缀为pic-xxx。

e)    在保存时选中了假如默认为png,但是要选择jpeg时可能会出现有部分图片还是会有png的图片,此时需要自己选中图片修改为jpeg。

五.      合并图层(需要切的图由多个图层组合而成)

a)    按住ctrl,选中我们要合并的两个图层,右击转换为智能对象,进行图层切图。

六.      图片格式.

切图出来的图片一般保存为png-24和jpeg格式


本文链接: http://www.dtmao.cc/news_show_1100182.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?