前端必备:PS切图小技能

一、准备工作:工作区设置

1.新建图层的参数设置:


宽度一般是:1920px;
颜色:RGB;
背景内容:透明;
可以存储为预设,方便以后直接使用

2.参考线

调出参考线:视图——显示——智能参考线勾选上
只能用V移动工具拖出参考线。
参考线横变竖,按Alt。

新建参考线:视图——新建参考线
快捷键:Alt+V+E

【备注】当选中一个图层的时候,参考线会自动吸附到该选中图层的边缘。

3.右侧工具栏仅需保留4项:

图层、历史记录、信息、字符

其中,“信息”——设置——“信息黑板选项”设置如下图

4.统一单位像素

编辑——“首选项”设置如下

★上述操作完成后,“窗口”——“工作区”——“新建工作区”设置如下图:


方便以后直接调用。

二、常见切图方式

精准选中要切的图片方法:

V移动工具下。


自动选择勾选框可以不勾选,选择为图层。
选中需要的图片事点下Ctrl。即可选中对应图层。

1、传统切图方式:

方式1.切片工具直接选取切图

方式2.基于参考线切图

用参考线选取- 在切片工具下-找到“基于参考线切图”


方式3.裁剪工具

先用矩形选框选中——“图像“-裁剪——存储为web格式

方式4.转为智能对象

在V移动工具状态下,选中要切的图层——转化为智能对象;
用M矩形选框工具,大致选中智能转化的图,Ctrl+C复制,ctrl+N新建后,Ctrl+V粘贴;
图层中的背景图层,取消勾选——存储为web格式

2、精准切图

利用Photoshop的脚本切图

自动化切图,省时省力
计算机自动计算,尺寸更精准
命名依据PSD图层

第一步:


第二步:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 PHOTOSHOP常用快捷键大全 1.1文件 新建CTRL+N 打开CTRL+O --文件置入:打开位图、...
    征程_Journey阅读 9,734评论 0 9
  • 一、照片名称:调出照片柔和的蓝黄色-简单方法, 1、打开原图素材,按Ctrl + J把背景图层复制一层,点通道面板...
    潇湘妃子JC阅读 9,863评论 0 17
  • 如果你是初级阶段的水平,熟读此文并掌握,马上进阶为中级水平。绝对不是广告噢。 常见技巧 经典的Photoshop技...
    打豆豆阅读 13,184评论 0 81
  • 每一个生命的存在最起码有两重身份的加持——生活中的人和职业中的人。就生活中的人而言,由于生活的环境不同,描绘的人生...
    杏坛耕夫阅读 3,523评论 1 2
  • 夜深人静 睡眠这无形的网撒向大地 蜷缩在角落里 困乏的人儿已落网 任凭网在梦里浮沉 沉寂在无边的黑夜 黑已不再是黑...
    小板凳槿沐阅读 1,163评论 0 2