美文网首页前端切图
17个前端切图快捷键,你知道几个?

17个前端切图快捷键,你知道几个?

作者: am1ng | 来源:发表于2017-06-13 19:16 被阅读127次

都说前端切图很简单,好吧, 那起码我比你快! 相对于设计,web前端切图用到的PS技能较少,在切图过程中掌握一些必要的快捷键,可以使你的工作更有效率。

1.自由的控制视图系列

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

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

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

工作区类型切换:Tab

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

2.控制内容系列

通过画面上点选一个图层:Alt + 鼠标右键

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

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

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

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

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

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

3.实用工具系列

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

放弃选区:Ctrl+D

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

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

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

文/切版网

www.qieban.cn

相关文章

  • 17个前端切图快捷键,你知道几个?

    都说前端切图很简单,好吧, 那起码我比你快! 相对于设计,web前端切图用到的PS技能较少,在切图过程中掌握一些必...

  • PS前端切图 、快捷键

    切图,方法一 适用于无法选择图层的图片,如.png,.jpg格式的图片 切图:方法二 如果图片格式为psd格式图片...

  • Sketch切图怎么保证尺寸一致,背景透明

    1、选中你需要切图的icon,点击右下角的“+” 2、按住快捷键“S”或者点击切图工具-切刀icon,然后画出切图...

  • 前端工程——基础篇

    喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。你好,切图仔。 不知道你的团队如何定义前端开发,据我所知,...

  • 前端切图

    准备工作 1、设置:首选项-》单位与标尺-》像素窗口-》面板-》选项、工具、信息(F8)、图层(F7)、历史记录 ...

  • 前端切图

    前端技能之切图如何一稿适配iOS、AndroidAndroid适配的那些P事 切图的基本要素 清楚需要切出什么样的...

  • 前端切图

    https://www.imooc.com/article/43991切图:从UI给的PSD文件中切出前端可以用的...

  • PS-CC说其实切图可以很简单的嘛!

    如果你是设计师中的前端开发工程师,你一定需要切图;如果你是前端开发工程师的设计师,或许你偶尔也要自己切图;倘若两者...

  • 前端工程化与「Webpack」

    # 前端工程化   近几年来,前端领域飞速发展,前端的工作早已不再是切几张图,写几个页面那么简单,项目比较大时,很...

  • 前端切图,知道这些就够了

    相信每一个刚上手项目的前端都会被这种七零八碎的PS切图搞得晕头转向,下面就来一篇干货,传授前端切图的每一项必杀技,...

网友评论

    本文标题:17个前端切图快捷键,你知道几个?

    本文链接:https://www.haomeiwen.com/subject/ymqjqxtx.html