那些你不知道的Photoshop冷知识④——不安分的Adobe

本来已经打算将 第三期 作为这一系列的完结篇的~但我发现Adobe在这次更新变更了我常用的功能键使用方式(后文详述),于是我查看了PS的更新日志,发现这几次更新中又多了一些亮点,其中针对图层组做了一些优化,还有个“抽出资源”的新东东,而对参考线则新增两个新功能,从此曾经的必备插件贵的贵的(guideguide)等终于可以光荣下岗了~

哈哈哈,看来是要食言了!刚刚金盆洗手,肥皂还没打完就又要重出江湖了~PS冷知识第四期走起!

那么进入正题~

一,参考线

1.通过形状新建参考线(Photoshop CC 2014.2)

在之前的冷知识 第二期 里曾经提到过,通过选区边界的吸附特性来快速创建参考线的技巧,

现在Adobe在更新中加入了类似的功能,使用起来更加方便~如下图:

一个不过瘾?来试试多个图层~

一键创建参考线,就是这么简单~使用方法也是非常简单(我自定义了快捷键,这个功能本身是没有的),在视图中找到“通过形状新建参考线“即可

2.新建参考线版面(Photoshop CC 2014.2)

有心的同学应该已经发现了,视图中的另一个新项目:新建参考线版面

通过这一功能,我们可以快速的为整个页面创建成套的参考线,另外Adobe还给出了四种参考线预设:8列、12列、16列、24列。

另外我们也可以将常用的参考线版面存储成预设,比如960模板等

以行为例,我们来说一下这三个参数:

数字:一共有几组(两根)参考线

高/宽度:这一组(两根)参考线间的距离

装订线:组与组之间的距离

另外下面还有边距和两个选项,字面意思,很好理解,这里就不再累述了

在我的冷知系列文章发布以来,有大量的同学来问我关于参考线的技巧,在这里列出一些尚未解决的问题:

1.批量移动参考线——像AI一样,一选一批,一起移动一起删除

2.跨文档移动——类似图层移动那样,从一个PSD文档可以拖到另一个文档中,如果两个文档尺寸相同的话可以实现原位置粘贴

3.斜向参考线——就是非垂直/水平参考线,可以斜着摆的参考线。。。目前基本不可能。。。算是大家的YY产物

各位看官,若是有解决的办法或者线索,可以回复文章,分享给众小伙伴们~

二, 快速切片(<Photoshop CS5)

不知什么版本的功能,刚刚查了下貌似在CS5之前就有了……以前还真没注意到,通过这一功能可以快速为N个图层快速创建切片~

看图~

一键创建以图层形状为边界的切片

但是有的时候,我们的切图并不是“贴边切“的,需要为图形留出边界来保证一批切图的相同尺寸,那么我们可以先做一层所需尺寸的模板作为切图参考:

利用标准化模板创建切片

方法还是十分简单:图层——新建基于图层的切片(我设置了快捷键,本身是木有的)

三,生成图像资源增强版——抽出资源(Photoshop CC 2014.2)

冷知识番外篇中有介绍过一个CC14.1的新功能——生成器,可以自动将所需图层导出为不同尺寸的切图。这次的新功能 抽出资源相当于是轻量版的生成图像资源

方法:选中文件/组,找到文件——抽出资源… 点击后进入抽出资源界面

整个界面中没有什么太难理解的地方,右侧抽出资源那里有0.25x、0.5x、2x、3x几个不同尺寸切图的选项,如果不够的话点击齿轮或者左下角的设置会有更多的选择

下面的自动提取,当文档变更后会重新生成资源,类似生成器。

关于切图方面,可以看下回音分享人&好基友卡米Q新写的这篇文章: http://www.zcool.com.cn/article/ZMTM4MjIw.html 《切,切个大西瓜!》切图小经验 卡米Q

四,直接选择模式切换(>PhotoshopCC)

冷知识第三期 中有吐槽过这一新设定:

——————————————————————引用开始——————————————————————

1.路径选择工具的优化(CC+)

本条是针对PSCC及以上版本的技巧(在PSCC发布之初本是没有这个功能的,后续的更新中才加上),第一次使用CC时相信很多人在使用路径选择工具时都有一些不适感——尼玛怎么什么都能选!

事情是酱紫的,在CC中,Adobe将路径工具的级别变为全局(与AI类似),双击可将目标图层锁定,在未锁定的情况下路径选择不受图层限制,通俗点说就是,无论你有多少个图层,是否上锁,只要存在就可以被选中,但是选中了却未必可以操作(比如选中的路径中包含上锁图层),这与我们以往的操作习惯有很大出入,Adobe也发现了这个问题,所以在后续版本中增加了这个切换功能

如上图,这回应该比较好理解了吧~在第一次框选时可以选中任意路径图层(包括上了锁的),重新调整过左上角的选择现有图层/所有图层后,则只能选择当前图层,有点类似移动工具的自动选择。

通过这一设置,我们可以控制路径选择的范围,需要选择某一路径而不想被其他图层打扰时使用“现用图层”,当需要批量操作时选用“所有图层”,随心控制,就是这么炫酷~

——————————————————————引用结束——————————————————————

这里对此功能再做一下拓展:

这个功能其实还是很好用的(除了啥都能选这点),比如你在做一个复杂icon的时候,用了大量的图层,为了达到效果,有的时候同一个形状会复制出多个层,当做完后发现某个形状需要做调整,却只能挨个图层调整,这点很不爽~有了自动选择所有图层后便解决了这个问题~真是个令人又爱又恨的功能!

那么有没有什么办法快速切换这两个状态呢?

注意看左上角的变化~ 通过设置快捷键来达到这个效果,不过藏得较深,之前一直都没有找到:

键盘快捷键中,工具标签中的最后一个~

工具标签中的快捷键需要只可以用单一字母来设置,不能使用功能键+字母/数字。所以需要替换一个,是否设置就看各位的习惯了~

【五,移动工具的改变(Photoshop CC 2014.2.1)】

——Adobe在CC2014.2.2中已将此功能还原~~估计是被太多人吐了槽了~~~~~

恩……这就是我前面说的“重大变更”了,不知道大家有没有注意,

在以往使用移动工具时,

1.在勾选了“自动选择”后,点击图层后按下Ctrl点击画布任何位置都会作用在这个图层上,以此我们可以轻松地移动细小的物件比如1px的细线神马的。

2.在不勾选“自动选择”时,默认就是上面的功能,在按下Ctrl后点击其他图层则会直接选择到其他图层上。

但在新版更新后,这个功能貌似被去掉了,取而代之的是按住Ctrl来切换自动选择图层/组(若未勾选“自动选择”则会是切换勾选自动选择),说起来有点绕,看下图吧

这个功能。。。咋说呢,反正暂时我还没用习惯,不过貌似是把逻辑捋顺了。。。在此拿出来供大家参考下。。。

六,打开/关闭所有组、打开/关闭其他组(Photoshop CC 2014.2)

这个问题也是很多人都在问了,新版本终于有了这个功能~

使用方式:按住Ctrl点击组前面的箭头即可,注意此功能貌似只针对最外层组有效,里面的就不好使了……

另外一个:

一条图层,多个区域均可右键点击,每个区域出现的列表也各不相同,图中是右键点击组前面的箭头,在列表中选择打开/关闭其他组~

那么 期待下一期吧

原文发布于微信公众号 - 设计谜(UXMystery)

原文发表时间:2017-03-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员互动联盟

【编程入门】互联网的本质技术

首先要知道网站访问大概是什么个过程: 假设你在浏览器地址栏输入这个问题的地址 http://www.zhihu.com/question/22689579 访问...

478110
来自专栏游戏杂谈

libjpeg的问题

游戏项目是基于cocos2d-x开发的,但线上发现一个bug就是玩家在设置完自定义头像后直接闪退。凡是在设置该玩家头像的地方,游戏就直接闪退。最终定位到的问题是...

16340
来自专栏娱乐心理测试

小程序如何引入外部字体(方法详解)

2.4K50
来自专栏Albert陈凯

2018-06-18 Windows Intellij IDEA 常用快捷键

18790
来自专栏LiveEdu在线科技教育平台

如何创建Vim Dotfile?

Dotfile是电脑系统里的隐藏文件,它是专门给更高级的用户,如开发者、程序员或工程师使用的,让他们用来调整系统。如何创建Vim-Dotfile? 可以参考以下...

23680
来自专栏前端布道

前端开发必备之chrome插件

Chrome浏览器目前是网络上可用的最好的浏览器之一,并且自2011年11月超越了Firefox浏览器之后,已经成为了互联网上占主导地位的浏览器。 本篇文章将与...

47360
来自专栏FD的专栏

React 中引入 Angular 组件

为了在我的编辑器中使用 Angular,我用 Angular 编写了一个重命名功能。而为了使用它,我得再次使用一次 customEvent,而在这个微前端架构的...

10730
来自专栏互联网杂技

react+redux+webpack教程4

接着上回新闻搜索的例子。现在我们要通过路由进入一个新的页面来查看新闻详细内容。 react和路由并没有什么直接关系,用什么路由都可以。不过使用react-rou...

377100
来自专栏Web 开发

Deploy WordPress On SAE

也没怎么刻意去选择,从各种cPanel主机,到VPS,再到AppFog等Pass,基本上都玩了一遍了。

9800
来自专栏计算机编程

SNS项目笔记<一>--项目启动

在新版本下,ionic得到的健硕性的更新,angular却减少了自己的体积,正所谓:“ionic吃好了,angular减肥了”于是我们也可以抛弃以前的一些坑,直...

10420

扫码关注云+社区

领取腾讯云代金券