Ps CC使用技巧

小编话:工欲善其事,必先利其器作为一位UI设计师,Photoshop一定是你的必备软件吧!只会用还不行,高效的利用才是王道。今天给大家带来的是来自八只熊酷站分享的PS CC使用技巧,作者从软件、习惯、技巧等三个方面给大家分析,教你如何更高效的玩转UI设计
24102423_0

作为工作繁忙的设计师,我们一直追求高效、敏捷地完成设计任务,那究竟要如何提升UI设计效率呢?本文将从软件、习惯、技巧等三个方面来阐述笔者的一些心得总结。

软件篇

工欲善其事,必先利其器。UI设计要更有效率,捷径就是从最常使用的Photoshop(下文简称PS)软件出发。

PS软件更新很快,但出于对版本稳定性的追求,笔者并没有新版本出来就马上更新的习惯。而PS CC版本的出现,却改变了笔者的看法。用好PS CC,会在设计效率方面带来很大提升。

24102423_124102423_2

1.Photoshop CC精彩新功能

多重形状和路径选择

使用Photoshop CC提供的多重形状和路径选择,可以同时选取多个路径、形状和矢量蒙版,不需按多次鼠标即可完成更多任务。即使在拥有许多路径的多图层复杂图像文件中,也可以使用新的滤镜模式,直接在画布上锁定路径 (及任何图层)。

24102423_3

简易绘制虚线

PS CC不需要手工计算像素来进行绘制虚线,虚线绘制变成基础控件。

24102423_4

文字优化

旧版本的PS在使用微软雅黑字体时,无法清晰显示。而PS CC 增加了WindowsLCD的文字选项,编辑文字时选择WindowsLCD,就可在PS中获得文字外观的真实预览效果。

24102423_5

背景存储与自动复原

使用PS CC,能够在背景储存大型的 PS 档案,同时还可继续工作;也可透过全新的自动复原选项保留所做的编辑,而不会中断工作进度。

24102423_6

PS软件效率更高,大型文件处理更快

PS CC对代码进行了优化,软件算效率有了很大的提升。

24102423_7

可编辑的圆角矩形

PS CC可以生成4个不一样圆角的矩形,圆角设置更加精准。

24102423_8

更精细的描边

描边能精确到0.x,能做更加精致的效果。

24102423_9

2.简单设置Photoshop CC

说了这么多好处,也谈谈问题。在使用PS CC的过程中,笔者经常遇到假死、闪退、崩溃的问题。出现这些问题的主要原因是目前大部分用户使用的都是机械硬盘,而从PS CS6开始就增加了一个后台储存的新功能,该功能的好处是定时给你的psd文件进行保存,但这个功能在设计的时候并没考虑到目前大部分用户使用的都是7200转速的机械硬盘。我们平时做设计稿很有可能同时打开多个甚至数十个psd文件,如果当前运行的十个psd文件都同时储存,而刚好我们也在进行PS操作,那出现假死、闪退、崩溃的机率就非常大了。

所以为了使用更稳定,可以在使用PS CC前先做一下如下设置,关闭后台储存功能。

24102423_10

3.Photoshop CC bug一览表和解决方法

除了关闭后台存储来降低软件崩溃的问题,这里笔者还根据工作经验,汇总了一些PS CC的常见问题。部分问题可以解决,但仍有部分问题只能留待下个版本的更新优化。

24102423_11

习惯篇

1.同一个项目尽量在一个psd里

在项目中统一功能块、功能尽量保存在同一个psd里,日后使用会更加方便,节约在不同psd文件里查找时间。

24102423_12

 2.时刻保持图层命名、归类

良好的归类、图层、命名习惯,在团队合作中psd源文件可用度效率更高,日后修改也会节省时间。

24102423_13

3.尽量使用智能对象

智能对象好处在于合并对象后不破坏对象,同时可以让这个合并后的对象具有可编辑特性,同时具备同步更新功能。

24102423_14

4.在文件夹中加蒙版,操作一步到位

在文件夹加蒙版,再次修改的时候只需要把图片放入文件夹即可,可以减少重复调整蒙版等工作。

24102423_15

 5.输出尽量简单

如果项目有命名标准建议以标准来命名,如项目没命名标准建议用简单易懂的中文命名方式命名。

24102423_16

 6.安装psd缩略图补丁

安装PSD缩略图补丁,一目了然PSD文件的内容,提高效率拒绝猜测。

24102423_17

技巧篇

 1.精简快捷键

如果你肯花一点点时间来练系这些快捷键,腾出你闲置的左手放到键盘上,相信这会让你的工作更加快捷高效。

24102423_18

 2.设置隔离图层快捷键

设置隔离图层快捷键,好处在于进入了隔离图层后不会对其他图层进行误操作。

技巧:进入隔离图层后,按Ctrl可以进行对画布中的其他图层加入此隔离图层。

24102423_19

 3.色阶的解决办法

我们做效果图的时候经常会使用大面积渐变,时常会出现比较严重的色阶问题,通常出现这些明显色阶的时候,可以通过使用高斯模糊对色阶进行模糊化处理。

24102423_20

 4.文本框的好处

当你需要处理一大段文字时,文本框的好处就会体现出来,它会永远保持你字体的宽度整齐展现。

24102423_21

5.对齐像素

平时画icon的时候会常常使用到二分一、三分一或者其他比例的线条,所以一般会对网格对齐功能进行关闭。而做界面的时候我们要求更加精准的界面,所以通常会开启网格对齐功能。

开启与关闭网格对齐方法:Ctrl+K 勾选“将矢量工具与变化和像素网格对齐”

24102423_22

 6.图形可以合并

PS CC图形图层集体合并后,仍然是可编辑图形。

技巧:合并图层快捷键Ctrl+e,能把选中的图层快速合并。

24102423_23

说了这么多,PS CC确实是一个有助于提升UI设计效率的好软件。当然,以上所述仅为笔者个人经验总结,如有错漏欢迎指出,愿与大家交流!

原文地址:腾讯ISUX (http://isux.tencent.com/ui-ps-cc-skill.html)

转载地址:八只熊酷站

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3076/

(0)
Smiler李想Smiler李想
上一篇 2015-01-22 10:40
下一篇 2015-01-22 17:17

相关推荐

  • 设计效果评估及产品迭代-有理有据做设计

    近期关注了几篇关于考核产品效果的文章,话题都是围绕如何权衡“数据指标”和“用户体验”。本人更认可的是Facebook总监的说法“ 数据目标是很有用的,但它和用户体验不应陷入永久的竞争对立局面 ”。在我们评估设计效果…

    2017-03-08
  • 小而美:清晰的可穿戴设备界面

    [国外设计第116期] 移动端的设计教育我们要设计得小,如今,可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人,但只要回到设计理论的本源,你就能做出正确的选择。 提到穿戴设备的设计,就要面临一系列…

    2015-12-29
  • 2017年的Logo,这样设计才会火!

    设计是变换无穷的,而且不断地演变,与新的潮流和品味融合。此种特性不论是在时尚界、平面设计或是其他业界中都相当普遍可见。 Logaster特地做了2016年Logo总评比,预测有哪些热门趋势将主导2017年的Logo设计风格。…

    2017-03-03
  • 产品不能忽视

    在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处。但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位。所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。

    2014-12-28
  • 【设计作品分享】一个让你丢掉负能量的产品——BICH

    作者:梁雅婵,授权载于我是UE网。

    2015-11-27
  • 移动应用(APP)UI设计规范之尺寸上篇

    作者:玄岳  http://www.zcool.com.cn/article/ZMzc5MTQ0.html

    2015-12-21
  • iOS和Android 界面设计尺寸规范

    iOS和Android 界面设计尺寸规范 摘要:刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大,文字该用多大才合适,我要做几套界面才可以?什么七七八八的也着实让人有些头疼。   废话不多说,希望大家…

    2015-01-13
  • 什么样的技巧能帮你说再见给沉闷的 Web 设计?

    总是有趣网站设计吸引了越来越多的客户停止。千篇一律的 web 设计已经不能满足今天的"关键"用户并且试图抓住他们的注意力,他们的好奇心必须打开尽可能多的可能,并赢得在细节中,让他们感受到设计者的意图在细节中…

    2015-01-05
  • UI设计之4个字体设计小技巧

    内容在设计中起着至关重要的作用。不管你是从事网站设计、移动应用程序设计、还是可穿戴ui设计,你的设计必须能够清楚地传递出设计的意图和目的。由于文本是基于沟通的目的,所以需要对字体设计有着深刻的理解。当然,…

    2015-05-14