β

新人小技巧!PS里不透明度和填充有什么区别?

优设-UISDC 72 阅读

photoshop-opacity-and-padding-1

有朋友问,填充和不 透明度 有什么区别,什么时候该用不 透明度 ?什么时候该用填充?今天 @P大点S微博 用通俗易懂的方式给同学们科普一下这两者的区别,案例生动形象,值得一读。

填充和不 透明度 都是图层的一个选项,其位置都是位于图层面板选项。

1lzx20160428

“不透明度”(Opacity),这个很好理解吧,就是图层的透明度。“填充fill”呢,什么意思?我们先看一张图。

2lzx20160428

看上去,不透明度和填充好像没有区别。但是事实上,是有区别的。我们再看一张图,我给设问的LOGO添加一个3像素的黑色描边图层样式。

4lzx20160428

我们可以看到,在不透明度和填充未作调整之时,它们两个的显示效果是一致的,接下来,我们将不透明度和填充都修改为50%,效果如下:

3lzx20160428

现在,我们可以看到,效果是有明显差别的,差别在哪呢?相信不是色弱的朋友,都会看得出来,蓝色部分是一样的,差别就在于黑色部分。这个黑色部分是什么呢?就是我们刚才添加的描边图层样式。

在调整不透明度后,图层的图层样式,其颜色跟着图层的不透明度变化,而调整填充后,变化的仅仅是图层本身,图层样式不受影响。

那么,我们可以得出一个结论,不透明度的调整相对于整个图层,包括图层的样式,都在调整的范围之内,不透明度设置为50%的时候,图层的LOGO主体包括其所拥有的图层样式,全部变成50%,而填充呢,仅仅是对于图层自身的透明度起变化,图层样式丝毫不受其影响。

所有,其差别就在于,不透明度是针对整个图层的(包括图层样式),而填充是针对图层本身的。

那么,问题来了,什么时候使用不透明度,什么时候使用填充,怎么把握?

比如说,我给一张图片,添加水印。

other-1461638885

像这个时候,我们用不透明度还是用填充?答案是:随便!因为,我们只是添加了个LOGO,没有应用任何的图层样式,调整不透明度和填充,其效果是一致的,没有任何的差别, 所以,随便用哪个都行。

那么,什么时候用填充呢?当然是你有用到图层样式的时候,又不想让图层对象本身显示的时候。

常见的大概有以下几种:

1、文字特效

利用几个不同的图层样式来叠加效果,丰富效果。

5lzx20160428

6lzx20160428

2、ICON图标

利用不同的图层样式来添加细节,加强投影之类的。

8lzx20160428 7lzx20160428

3、Mock-Up模板

利用多个图层样式,丰富效果,打造智能模板。

9lzx20160428

比较常用的大概就是这几种了,原理都是一样的,利用填充为0时,图层样式不受影响的特点,通过几层不同图层样式的叠加,营造丰富的效果。

欢迎关注可能是最用心做原创教程的微信公众号:

psqr21111111

「技多不压身的设计师才有高薪资!」

  1. 平面设计: 《超赞!设计师完全自学指南》
  2. 交互设计: 《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计: 《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发: 《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧: 《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案: 《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南: 《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图: 《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址: pdadians

yestone-uisdc-2

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

================ 关于优设网 ================
“优设网 uisdc.com “是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及 PS教程
【特色推荐】
设计师需要读的100本书 :史上最全的设计师图书导航: http://hao.uisdc.com/book/
设计微博 :拥有粉丝量112万的人气微博 @优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航 :全球顶尖设计网站推荐,设计师必备导航: http://hao.uisdc.com

作者:优设-UISDC
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网

发表评论