为什么切图怎么切不可以随便切?

666被浏览35,313分享邀请回答1198 条评论分享收藏感谢收起311 条评论分享收藏感谢收起308被浏览27,095分享邀请回答renamy.com/这款插件使用会有奇效 !
我用过的切图工具大致有两类。一类是一个窗口的形式放在PS里,点击上面的选项,按钮,配合一些简单的命名规则,导出想要导出的切图。另一类是没有固定的窗口,但有一套复杂的规则,根据规则编辑图层后,会再后台默默的自动为你切好图。我要向题主推荐的是后者。
前者比较有名的,我尝试过的有:
第一个我几乎有一年的使用经验,后两者有过几天的试用经验。国人做的那个Cutterman因为它要再微博上问作者求邀请码所以我也没能体验。但从介绍能看出跟上述三款功能重合度非常高。
题主要求省心省力,优雅大气。这类型的工具都是不具备省心省力,优雅大气的特点的。首先PS上面随时立个窗口在那里,而且画风还跟PS略有差别。谈何优雅? 谈何大气? 每次做完准备出图之后都要选中图层然后点一次导出,后面万一要修改,改过之后又要选中相应图层点一次导出,谈何省力? 接着面对不断闪烁的屏幕等个几秒到几十秒,时不时还报个错导致导出中断,谈谈何省心?
这类工具将UI设计师从「切片工具」时代拯救了出来,但现在有了更好的工具,建议题主远离这类工具。
自从我接触到了 ,我便抛弃了 这款伴我一年多的业界良心产品,它的省心省力在于:它能不打扰你的创作,只要你命名好了,它就回在后台默默帮你切出来,而且只要PSD文件发生了改变,它就能发现并且把改变的图更新。还有个小细节就是。即使你电脑上没有PS。它也能切图。
但自从PS更新到14.1之后,便有了「生成图片资源:」的功能。在14.2里进一步完善,变得更加可用。目前已经可用到让我抛弃了。
它的体验非常接近,但相比Slicy主要区别在于:
优点:PS内置功能,可以少打开一个App (是不是感觉优雅了一些? 省力了一些?)由Adobe自己开发维护 (是不是感觉大气了一些?)指定切图面积的时候可以使用图层蒙版+剪切蒙版,而非必须添加一个名为@bounds的形状图层。( 简直太省心省力了! 从未有过如此清新脱俗的感觉! ! ! )导出不同尺寸的图层可以不限于两倍,而可以自定百分比或固定多个尺寸,甚至格式。( 比如你做了一个纯矢量的icon,需要导出几十个尺寸。这时你只需把名称改一下即可,其他工具的话对不起你只有复制多个出来缩放+命名了。)不局限于Mac平台,PC也一样能用。
缺点:无法多级文件夹的存放切图,例如我可以再PS里给一个图层命名为:「主页/按钮们/按钮1.png」, 便会创建一个「主页」文件夹里放一个「按钮们」文件夹,并把这个图层导出来命名为「按钮1.png」不过这功能随着PS链接智能对象的推出,一个PSD不用再嵌套那么多东西了,所以不太必要。速度感觉上比略慢,不过还可以接受。因为他们再处理文件上的逻辑有差异。碰到其他不认识的图片会保留,而PS是会自动生成专用的文件夹,所以它会把不认识的图片删掉,而且每次你保存PSD,它貌似都会重新遍历图层并重新生成切图以保证无误。这点Adobe有待提高 (北京时间6月19号 即下周四凌晨1点 Adobe将发布CC系列的一次较大更新,PS的更新肯定没跑,期待它针对UI设计方面的更新吧!
综上,我建议你选择吧PS升级到最新版本然后用自带的 「文件&生成&图像资源」 功能来切图。
( 配合这款插件使用会有奇效 !
至于很多小工具作为卖点的生成安卓各类尺寸的图,生成.9图。其实你并不会经常用到。即使需要,你也可以吧icon做成矢量的同时,用PS自带的规则加上150% 200% 50%等方式达到 ( 这点其实很多小工具也做得并不完美 )。.9图的话可录一个动作(根据选区填充黑面再各种对齐相减剩下最后的黑边)来快速创建。6029 条评论分享收藏感谢收起0添加评论分享收藏感谢收起QQ不能发图片不能切图发图片_百度知道
QQ不能发图片不能切图发图片
神奇了,QQ发图不能发了,切图再发也不可以,输入聊天窗口能看到,但是点发送以后就什么都没有,奇怪了,但是同一台电脑登陆的另一个QQ号码就可以发,见鬼了,那个高手懂什么回事帮解决下!
我有更好的答案
你首先打开装QQ的盘,然后进入你发图片发不了的那个QQ,然后找到image文件夹,然后把里面的图片全部删除掉就可以了
采纳率:30%
Documents and Settings\Administrator\Application Data\Users&#92是不是用了去除QQ广告的工具了?;不能发送截图的QQ号码&#92?先备份一下聊天记录和QQ表情.然后删除C:\Tencent&#92
为您推荐:
您可能关注的内容
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。前端切图你真的会了吗? - 简书
前端切图你真的会了吗?
前端07班 王
O(∩_∩)O~
Paste_Image.png
大家晚上好!今天晚上由于公司没有加班,所以我能在十一点之前写我的博客了,呵呵,在这里我要谢谢我们公司的老板因为考虑到我在学前端开发课程,就破天荒的提前让我早早地下班了......
呵呵,简单的开了一个玩笑,希望小伙伴们在学习前端开发的时候不要太压抑了,能够每天保持一颗好心情,平常心。OK,下面开始正题咯!
今天我要写的博客名字是“前端切图你真的会了吗?”我觉得这个问题虽然有些小儿科,但是也是每个学习前端开发人员必备小技能之一哦,所以,咱尽然选择了学习前端开发课程,切不可掉以轻心,切不可天天都想着学习一些高大上的东西,要不然,到头来吃亏的是自己哦,我觉得不管做什么事情都要从一点一滴开始,积少成多......
就目前前端开发切图使用最多的工具之一就是Adobe公司的photoshop,因此,我们就要了解它,甚至懂它!
Photoshop cc2015版本.png
Photoshop 是视觉设计师最强有力的武器之一,其实 Photoshop 也为前端开发同学带来很多惊喜。特别是从 Photoshop CC 版本开始,它变得越来越有趣。
自动切图(含WebP、SVG格式):
前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能,无需花更多时间来切图了。只需在图层名后添加相应格式后缀(如.png),即可自动输出所需格式的图片。
请保持菜单“编辑-&首选项-&增效工具”中的“生成器”为启用状态;
依次点击菜单“文件-&生成-&图像资源”,确认该菜单项已被勾选;
Photoshop CC自动切图与前端CSS代码
Photoshop CC自动切图与前端CSS代码
试着修改某个图层命名(如 iTunes.png),然后检查当前 psd 文件所在目录下的“文件名-assets” 的目录,打开此目录,发现 iTunes.png 已经躺在里面了。
Photoshop CC自动切图与前端CSS代码
常用技巧:
@2x Retina 图片的输出,在图层前添加 200% 即可,如 200% logo@2x.
开启 WebP、SVG 格式的自动输出: 新建 generator.json 文件,内容如下:
{ "generator-assets": { "svg-enabled": true, "webp-enabled": true }}
将此配置文件拷贝至: Windows: (Win+R后输入 %USERPROFILE% )目录下,如 C:\Users\xxx Mac OS: $HOME 如“Macintosh HD&Users&xxx” 目录下 WebP 输出暂只支持 Mac OS。
Photoshop CC 终于推出了“复制CSS” 功能。它能让开发人员快速获取形状的 CSS 代码。其实不少设计师也很想学习 CSS,有了这个功能,可以让这些爱学习的设计师熟悉 CSS 代码与图形的对应关系;
Photoshop CC自动切图与前端CSS代码,PS教程,思缘教程网
右击图层面板上的图层,选择“复制 CSS”,或点击菜单“图层-&复制 CSS”;
多个图层的批量获取,请选择多个图层,执行 Ctrl+G,将所选图层转为图层组。然后在该组上右击,选择“复制 CSS”,即可批量获取 CSS 代码。
智能对象暂不支持“复制 CSS”功能,您可以栅格化该图层再来使用。
当前的版本的此功能,包含了很多冗余信息和不太友好的写法,可能不是大家真正需要的。于是 ISUX 前端团队改进了这个功能,您可以下载“”来增强 Photoshop CC 自带的“复制 CSS”功能,提升 CSS 代码的真正采用率;目前的优化有:
自动识别 CSS Sprite 图片,获取 background-position 信息; * 自动识别是否图标; * 优化 CSS3 渐变、文字、边框、阴影等 CSS 代码; * 优化 RGB 颜色值成 十六进制颜色; * 去除冗余 CSS 属性,如 position, z-index, left, top 等。
您也可以反馈更好的建议,让这个功能真正为大家所用。
前端开发同学接手的 psd 文档,往往有大量图层,我们需要对其进行整理。例如删除空白、锁定、文本等图层。我们还可以通过图层类型、名称、效果、属性等条件进行快速定位图层。
Photoshop CC自动切图与前端CSS代码
Photoshop CC自动切图与前端CSS代码
Photoshop CC自动切图与前端CSS代码
Photoshop CC自动切图与前端CSS代码
使用此功能可以很方便定位到当前选定图层,非常适合含有大量图层的 psd 文档。
另外隔离图层也是个很不错的功能。开启隔离图层功能之后,我们可以通过移动选择工具,点选画布上的内容,找出我们需要的图层将其整理成一个独立的 psd 文件。
WebP 是 Google 为减少数据量、加速网络传输的目的而开发的图片格式。特别适合移动端图片的传输。大大节省带宽,目前只有 Google Chrome 浏览器对其原生支持。
Photoshop CC 的 Mac OS 版自带输出 WebP 功能。Windows 下您可以下载此插件来输出 WebP 格式。安装后,可以在 Photoshop 菜单“文件-&另存为” 对话框中选择“WebP格式图片”。
WebP for Photoshop v0.5b5, 16 December 2013 |
Photoshop CC 新增了动作条件,可以根据不同条件执行命令或其他动作。
Photoshop CC自动切图与前端CSS代码
智能参考线/使用图层颜色
这两个功能并不是 Photoshop CC 的新功能。为什么要在这里说呢,因为它能辅助我们一秒居中对齐、一秒贴边,这个非常实用。另外也建议设计师使用图层颜色来标出改动位置,这样前端开发同学便能快速定位图层。
Photoshop CC自动切图与前端CSS代码
Photoshop CC自动切图与前端CSS代码
OK,今天学习前端开发切图就点到为止了哦,希望小伙伴们多多指教,谢谢......
注:因为时间关系,故以上图片素材均从网上复制过来,如有侵犯版权请联系我,谢谢合作。
填写您的个人简介可以帮助其他人更好的了解您。
自动切图(含WebP、SVG格式): 前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能,无需花更多时间来切图了。只需在图层名后添加相应格式后缀(如.png),即可自动输出所需格式的图片。 请保持菜单“编辑-&首选项-&增效工具”中的“生成器”为启用状态; 依...
CSS 绝对底部 - 前端 - 掘金来自国外的设计达人,纯CSS,可以实现: 当正文内容很少时,底部位于窗口最下面。当改变窗口高度时,不会出现重叠问题。甚至,创造该CSS的人还专门成立一个网站介绍这个CSS底部布局方案。不知道他有没有去申请专利:)&!DOCTYPE htm...
2016 腾讯 TST 校招面试经历,电面、笔试写代码、技术面、hr 面,共 5 轮 - 后端 - 掘金(出处:http://www.cnblogs.com/linguanh/) 前序: 距离2016 腾讯 TST 校招面试结束已经5天了,3月27日至今,目前还在等待消息。...
开始之前…… 这篇文章并不是教你如何美化图片的,它针对前端开发的图片操作。 这篇文章注重细节,像是工具类文章。所以需要耐心读下去,耐心练习。 这算是一篇课程笔记,来自网易前端开发微专业,所以难免遇到一些细节问题。 这篇文章特点是涉及多个概念,比如单独图层,说这个的目的是我在...
欢迎使用 Sketch 3 的用户手册,这个手册的内容同时适用于新手和熟练用户。如果你对于这个手册的内容有任何想法和疑问,请通过邮箱
随时联系我们。我们会不断的完善本手册。 介绍Sketch 是一款适用于所有设计师的矢量绘图应...
过去的一周 放弃了好声音的练习 —度想放弃画画 因有隐隐的不舍 咬牙切齿地坚持了下来 混沌的一周 混沌的画 心情无处逃逸 它在画中露出得意的坏笑 它在早餐中展示它的疲惫 它在家人相处中露出粗暴 它在晨起的身体看到倦怠 它偷偷地说,你并非你想象的那样 是 我并非—直在高亢的状...
写在前面的话 今天介绍的两位嘉宾一定不如昨天的三位名气大,但如果你喜欢理财投资,错过了会非常可惜。 因为他们不是“网红”,是专业领域的大拿,名气小只是因为咱们小白靠近不了人家的圈子。 想了半天,还是决定把更干的干货分享出来,小白学习理财终有一天会走向专业、走向精深,多接触一...
文/网络转载 图/ifeng 我们都希望在最好的年华遇见一个人,可往往是遇见一个人,才迎来最最美好的年华。 生活不可能像你想象得那么好,但也不会像你想象得那么糟。 我觉得人的脆弱和坚强都超乎自己的想象。 有时,我可能脆弱得一句话就泪流满面;有时,也发现自己咬着牙走了很长的路...
不同的操作系统,换行符不统一。windows
/r/nlinux/unix
/n 本想着使用BufferedWriter中的newline()进行统一换行,其API解释为:“Writes a l...}

我要回帖

更多关于 网站切图怎么切 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信