一、
新建文件:预设-自定;宽度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. textarea不能提交html格式的代码

    解决方法:web.config中<system.web>节点添加 <httpRuntime targetFramework="4.5" requestValida ...

  2. Javascript中自动切换焦点

      <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g ...

  3. SecureCRT issue "Could not open clipboard: Assess is denied" (无法打开粘贴板:访问被拒绝)

    I got an issue when copying some line/word (actually just select the context ) in the Linux terminal ...

  4. vsftp 使用匿名帐号登陆

    1.正常安装. 2.改配置文件:vi /etc/vsftpd/vsftpd.conf #允许匿名用户登录FTP anonymous_enable=YES #设置匿名用户的登录目录(如需要,需自己添加并 ...

  5. ubuntu下查看cpu信息

    查看CPU信息cat /proc/cpuinfo 几个cpu more /proc/cpuinfo |grep "physical id"|uniq|wc -l 每个cpu是几核( ...

  6. 学习java annotation

    Annotation介绍 内置注解 自定义注解 元注解 /** * 测试自定义注解的使用 * */ @SxtAnnotation01 public class Demo02 { @Annotation ...

  7. javascript + jquery函数大全

    JAVASCRIPT Array 函数   array创建数组 concat()连接两个或更多的数组,并返回结果. join()把数组中所有元素组成字符串. pop()删除并返回数组的最后一个元素 s ...

  8. 2016年12月14日 星期三 --出埃及记 Exodus 21:9

    2016年12月14日 星期三 --出埃及记 Exodus 21:9 If he selects her for his son, he must grant her the rights of a ...

  9. CSS——清除浮动

    <div id="main" class="clear"> <div id="left"> </div> ...

  10. js css 构建滚动边框

    注:预览效果请点击result选项卡,个人认为这种效果非常适合做友情链接. 完整代码 <!DOCTYPE html> <html xmlns="http://www.w3. ...