最终完结篇特制版!那些你不知道的PHOTOSHOP冷知识(四) - 优设-UISDC

最终完结篇特制版!那些你不知道的PHOTOSHOP冷知识(四)

2014/12/08 34553评论区

编者按:Adobe刚有了重大更新,多了很多超方便的功能,今天@回音UI分享会 的@Nefish_Ven 同学总结了一下,有一键创建参考线、快速切片、轻量级生成图片资源、打开/关闭所有组等等,都是能大大提高工作效率的贴心功能,想体验的同学来涨姿势咯。

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

还木有更新到最新版的同学,这个神器还是不能丢哎:《PS 参考线插件GuideGuide下载及使用说明》

冷知识系列第三期:《最终完结篇!那些你不知道的PHOTOSHOP冷知识》

冷知识系列第一期:《那些你不知道的PHOTOSHOP冷知识》

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

那么进入正题~

一、参考线

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

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

冷知识系列第二期:《第二弹!那些你不知道的PHOTOSHOP冷知识之乾坤大挪移》

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. 批量移动参考线——像AI一样,一选一批,一起移动一起删除
  2. 跨文档移动——类似图层移动那样,从一个PSD文档可以拖到另一个文档中,如果两个文档尺寸相同的话可以实现原位置粘贴
  3. 斜向参考线——就是非垂直/水平参考线,可以斜着摆的参考线。目前基本不可能,算是大家的YY产物

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

二, 快速切片(<Photoshop CS5)

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

看图~

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

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

利用标准化模板创建切片。

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

三,生成图像资源增强版 —— 抽出资源

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五,移动工具的改变(Photoshop CC 2014.2)

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

在以往使用移动工具时,

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

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

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

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

六,打开/关闭所有组、打开/关闭其他组

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

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

另外一个:

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

好了,这次就讲到这里了,至于还有木有,随缘吧~~以后冷知识的形式会变得自由些,碰到Adobe更新出优异的功能我会第一时间为大家做解析哒!

20141208224131

【那些鲜为人知的Photoshop技巧合集】

设计师必备的17个技巧!
《设计师应该知道的17个PS技巧》

四大神技镇天下,炫技必备!
《PS神技GET√ 你百分百不知道的四大PS技巧》

轻松完成抠图的小技巧!
《实用技巧:六招教你去掉图片上的文字》

投稿者:@回音UI分享会

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量87万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-trivial-knowledge-4

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里