一、
新建文件:预设-自定;宽度1920,单位像素,高度自定义;分辨率:72像素/英寸;颜色模式:RGB,8位;背景色:透明;可存储预设,下次新建的时候,直接在预设中,选择那个名称,点确定。
视图:显示-智能参考线勾上;标尺勾上,快捷键ctrl+r;
窗口:库、颜色、通道、路径、属性、段落都关闭;信息。字符打开;
信息右侧打开属性:颜色选RGB,标尺单位:像素,文档尺寸勾上;
编辑:首选项-标尺-单位都选像素
窗口/工作区/新建工作区/名称:web切除,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。

二、快捷键

1.自由的控制视图系列

自由的浏览图片:按住空格后,鼠标拖动

自由的缩放图片:按住alt+滚轮

切换到实际像素(100%):Ctrl + 0

工作区类型切换:Tab

一直后退操作:Ctrl + Alt + Z

2.控制内容系列

通过画面上点选一个图层:Alt + 鼠标右键  ;或者在移动工具属性,勾上自动选择,图层。

选择选区:ctrl+鼠标单击图层(图层的小图标)

查看图层大小:ctrl然后点击图层,得到图层的选区,然后按F8,在信息窗口里面可以看到长和宽的尺寸;

取消选区:ctrl+D

在画面上拖动一个图层:V 切换到移动模式 鼠标拖动

复制拖动一个图层:移动模式下 Alt+拖动

删除一个图层:选中要删除的图层 按下 Delete

合并多个图层:选中要合并的图层 按下 Ctrl+E

选区内填充颜色:Alt+Delete (前景色) Ctrl+Delete(背景色)

缩放当前选择图层:Ctrl+T(自由变换模式)

新建图层:shift+ctrl+n;

路径转化为选区:ctrl+enter;

3.实用工具系列

画一个选区:点击M进入选区模式,鼠标拖画

放弃选区:Ctrl+D

吸管工具:点击I进入吸管模式,点选画面颜色

文字工具:点击T进入文字模式,点选画面的文字或者创建新文本

切片工具:点击C进入切片模式(旧版本会有不同)

4.参考线

ctrl+r,显示参考线
    Ctrl+分号,隐藏参考线

ps前端切图常用快捷键的更多相关文章

  1. 前端切图相关ps技术

    标签(空格分隔): 前端切图 复制图层到一个新的ps文件 对于单个图层 1.选中图层 2.CTRL+A全选 3.CTRL+C 4.CTRL+N新建文件,文件大小默认就可以(背景透明也在这个面板设置), ...

  2. 前端切图神器-cutterman

    之前我写过一篇关于前端切图的博客:https://www.cnblogs.com/tu-0718/p/9741058.html 但上面的方法在切图量大时依然很费时间,下面向大家推荐这款免费切图神器 c ...

  3. 使用PS进行切图

    一,设置PS 使用PS进行切图前的设置: 1,打开PS----打开PSD图片----点击窗口-----分别把:历史记录,信息,图层,三个打勾. 历史记录:可以回到之前想要的步骤,特别是不小心把图层的文 ...

  4. Mac下Web切图常用PS快捷命令

    Mac下 Z 放大镜 双击放大镜   图片会回到100%大小 C 切片工具 B 画笔    alt 在B模式下 吸取颜色 M   选区(默认) 点击第二次M   矩形选区 可以固定大小 shift+c ...

  5. 利用PS自动切图、支持svg且支持icoMoon——再也不用四处去转格式了

    今天想导出svg格式的图片支持webFont,结果AI打不开了,文件好像损坏了,于是就想办法在PS里面导出. 网上搜索到一篇文章,腾讯的 http://isux.tencent.com/ps-phot ...

  6. PS Web切图界面设置

    界面为移动工具时(快捷键V),选中左上角的图层. 点击视图,选中显示→智能参考线,与标尺. 点击窗口,把"库" "颜色"去掉,把屏幕右上角的"通道&q ...

  7. 前端切图实战(PSD设计稿转化为前端)

    课程来源:https://www.imooc.com/learn/668 一:读设计稿 划分:头部.尾部.公共部分.大概分多少块.logo的重用.列表有哪些.各部分用什么技术实现等等. 二:建立项目目 ...

  8. PS:切图

    1.从psd中获取资源 2.基本了解 3.简单的图片操作和调整 4.对自己的审美提高一.界面设置: 1.新建设置:ctr+n; 预设:Web,大小Web(1920*1080) 背景:透明 2.移动工具 ...

  9. sublime前端插件以及常用快捷键

    29个常用 Sublime Text 插件推荐 来源:互联网 作者:佚名 时间:06-18 09:27:55 [大 中 小] Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,P ...

随机推荐

  1. ACM题目————已知前序和中序求后序

    #include <iostream> #include <cstring> #include <cstdio> using namespace std; ], z ...

  2. 【转】在Eclipse中建立第一个Servlet程序

    转载地址:http://kin111.blog.51cto.com/738881/163354 继上篇在Eclipse中搭好了tomcat环境后,我们建立一个最简单的servlet程序,这个serve ...

  3. 过滤DataTable中的空数据

    DataTable dt = new DataTable(tableName); for (int i = 0; i < columnsNames.Length; i++) { dt.Colum ...

  4. U3D UGUI学习2 - Canvas

    Canvas Render Mode - UGUI不像NGUI,它没有UI摄像机.但有时候需要做相机动画就要调出来. 在Canvas里设置第二个选项即可调出. Pixel Perferct - 这个似 ...

  5. 【linux命令与工具】lsmod命令

    lsmod命令用来显示已被内核加载的模块的状态 描述: lsmod命令可以美观地显示/prco/module中的内容,这些内容是被已被内核加载模块的信息. 使用lsmod之后,系统会显示出目前已经存在 ...

  6. java提高篇---ArrayList

    一.ArrayList概述 ArrayList是实现List接口的动态数组,所谓动态就是它的大小是可变的.实现了所有可选列表操作,并允许包括 null 在内的所有元素.除了实现 List 接口外,此类 ...

  7. Mysql-学习笔记(==》存储过程 九)

    1.存储过程概念在大型数据库系统中,一组为了完成特定功能的sql语句集,经编译后存储在数据库中,用户通过指定存储过程的名字并给出参数(如果该存储过程带有参数)来执行它. 2.建立存储过程delimit ...

  8. 命令行下运行php的方法和技巧

    linux中直接用"php"命令来执行php文件 一般在linux命令行下运行php文件的代码: XML/HTML代码 linux下执行:#php安装路径 -f php文件路径 例 ...

  9. Xcode性能优化2

    使用Xcode Analyze进行代码静态检查 1,value stored to 'XX' is never read 改成: NSDate *date = [formatter dateFromS ...

  10. Swift 动画学习笔记

    视频地址: http://www.swiftv.cn/course/i275v5lz 1,动画属性 position(位置),opacity(透明度,0 全透明,1 不透明),Scale(尺寸),Co ...