ps快速切图

妈呀,不得不感慨一下,切了这么久的图,竟然不知道有个切图工具这么好用

以前我的切图流程:

拿到ui设计好的psd文件 ==> 拉基准线 ==> 切片工具切图 ==>(如果图片下还有别的图层)用移动工具找到别的图层,右侧把多余的图层隐藏掉 ==> 文件导出,存储为web所用格式 ==>完成

结果有这么一天,看着ui给我的切片文件那么快,好奇问了一下,额。。。。工具原来这么用,图层原来这么用。。。可能专业的ui使用这个方法不以为然,但是我这里,拜过了。。。

下面是快速切图的方法奉上:

1.点击移动工具,然后点一下要切的图片,右侧自动选中当前图层

2.打开切图神奇(窗口 ==> 扩展功能 ==> Cutterman-切图神奇)

3.选择模式、导出图片的格式及导出图片的存放位置(新建文件夹后,再点击新建文件夹就能新增存放的位置),最后点击“导出选中图层”,完成

另外,如果ui给的图层需要合并成一个图片导出的话,按住ctrl键,鼠标挨个选择需要合并的图层,之后Ctrl+E合并图层即可

使用这个方法,省去了拉基准线、切图片以及隐藏不必要的图片这些操作,美滋滋。。。

原文地址:https://www.cnblogs.com/duanzhenzhen/p/11595955.html

时间: 2024-12-12 09:35:28

ps快速切图的相关文章

前端PS常用切图技巧

前言:前端涉及到的 ps 操作不算复杂,基本上就是切图,本文总结了常用的几种切图技巧. 工具:photoshop cs6 . photoshop cc 1. 传统切图 01 这是最笨的一种方法,核心就是用选区工具选中我们要的切图区域,复制到新文件,然后整个保存下来,这样的切图方法几乎没有可取之处,不过我最初确实就是这样干的... 2. 传统切图 02 这种效率要高一些,可以同时切多个图片,用切片工具选中多张我们需要的图片区域,点击文件->保存为 web 所用格式,这种方法的缺点是默认会保存多张图

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

今天想导出svg格式的图片支持webFont,结果AI打不开了,文件好像损坏了,于是就想办法在PS里面导出. 网上搜索到一篇文章,腾讯的 http://isux.tencent.com/ps-photoshop-cc-fd.html, 同时还会引用到一个三方脚本  http://hackingui.com/design/export-photoshop-layer-to-svg/ , 三方脚本的一篇文章 http://www.ui.cn/detail/53284.html. 最终找到了解决办法,

两种快速切图方式

今天给大家分享一下我自己在前端工作中的一些切图小技巧,虽然好的UI会给我们把图切好,但是他们切的图不一定百分之百符合我们的需求,所以还是自己动手丰衣足食嘛,看本教程之前希望大家能先看看慕课网的切图教程 http://www.imooc.com/learn/506 哦. 这里给大家介绍我在实际工作中用的两种切图方法,一种是"图层切图",这种切图方式比较适合切形状不规则的png格式的小图标,如企业logo等等,而另外一种是"切片切图",这种切图方式比较适合形状规则的jp

ps前端切图常用快捷键

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

photoshop 快速切图

发现一个详细好方法:http://blog.csdn.net/zhangxiaowei_/article/details/42143307 具体如下:

PS切图小技巧

第一部分:一些快捷键 相对于设计和绘画,切图用到的ps并不多,以下我总结一些在切图中比较常用的快捷键,这些快捷键能答复的提高你的工作效率,并且看起来很酷. 自由的控制视图系列 自由的浏览图片:按住空格后,鼠标拖动自由的缩放图片:按住alt+滚轮切换到实际像素(100%):Ctrl + 1工作区类型切换:Tab 控制内容系列 通过画面上点选一个图层:Alt + 鼠标右键在画面上拖动一个图层:V 切换到移动模式 鼠标拖动复制拖动一个图层:移动模式下 Alt+拖动删除一个图层:选中要删除的图层 按下

做一个会PS切图的前端开发

系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图.所谓传统切图就是切图人员基本上都是自己分割图层切图,传统切图又分为全手工切图和参考线切图:现在CC版本提出的精准切图,切图人员可以依赖计算机把图层对象精确的切割出来,这样切割出来的图层肯定比传统切图切出来的精准度高.另一方

手把手教你使用PS切图

在IT公司中一般都是一个UI设计师对应多个程序员,所以有时候UI设计师有点忙不过来,但是我们也不能干等着,所以这时候就需要自己动手,丰衣足食了,下面就来介绍一下如何使用PS进行切图,不过Android中还有.9图片的概念,所以这里还需要介绍一下如何制作.9图片,关于.9图片的知识转战:http://blog.csdn.net/jiangwei0910410003/article/details/16986079 这里就以一张demo.psd图片作为案例: 这里通过三个例子来进行演示 第一.把中间

第144天:PS切图方法总结

一.切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图.所谓传统切图就是切图人员基本上都是自己分割图层切图,传统切图又分为全手工切图和参考线切图:现在CC版本提出的精准切图,切图人员可以依赖计算机把图层对象精确的切割出来,这样切割出来的图层肯定比传统切图切出来的精准度高.另一方面,CC版本可通过脚本执行全自动切图,这样完全解放了切图人员的