网页设计 » 视觉设计 » PS光影运用教程(附高质量PS光影笔刷)

PS光影运用教程(附高质量PS光影笔刷)

发表于: 视觉设计. 评论 (2)
Sponsor

在设计素材中有一类非常实用的素材,只要使用它,就能提升整体视觉效果,尤其适用于海报、主图、电商详情页以及网页设计中,它就是光影素材。

如何用光影提升视觉效果?(附高质量PS光影笔刷)

光影素材怎么做呢?

比如说窗户格、植物影子、阳光素材等等

如何用光影提升视觉效果?(附高质量PS光影笔刷)

其实在我之前的一篇关于详情页的文章中,就说到过如何表现光影、如何制作、运用,感兴趣的同学可以翻阅下面这篇文章《电商详情页不会做?这些实用技巧你都会吗?》

为什么这类素材很实用?

因为素材本身就具有很强的环境感,即便是很简单的画面,一旦被赋予环境感后层次感就会有立竿见影的提升,使得整体画面更丰富和出彩,比如下面的案例:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

这个海报已经足够简单了,真正提升画面效果和出彩度的是构图还是排版?又或者产品本身?

显然都不是!

是窗户格的光影形式,可以说这也是海报出彩的主要原因,越是简约的设计,越需要这种画龙点睛的手法和素材,下面再看几个案例:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

不难发现,光影素材在电商设计中的实用度真的很高,富有环境感的画面,其实就是在模拟现实生活中的环境,所以总是会给人一种真是、亲切的感受。

现实生活中的光影形态多种多样,千篇一律的窗户格反而有失新意,但如果都要自己制作多少有点复杂和耗时,有没有什么办法能解决这一痛点?

当然有了!

现成的素材,直接拿来用岂不美哉?看看我珍藏多年的光影素材:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

……

有点多放不下,暂且先放这么多吧,另外还有上百款光影笔刷:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

关于笔刷如何安装,其实很简单,可以在PS画笔工具模式下载入画笔,也可以直接将后缀名为.abr的画笔安装包拖拽到PS空白区域,这样就安装成功了。

如何使用光影素材?

如果是PNG格式的图片或者PSD,直接拖拽你想使用的素材到作品中,在使用这些素材时,常用的图层模式是:正常、正片叠底、柔光和叠加。选择合适的图层模式即可。

再说下如何运用到实际工作中,下面是一位读者自己做的练习,跟我说总感觉少点什么,又不知道怎么修改?运用今天的素材,我简单改一下:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

首先我们要先找问题:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

问题找到后就要解决,前提是我不改变整体结构,保留主要元素,这样大家对比看前后变化会更直观一些:

如何用光影提升视觉效果?(附高质量PS光影笔刷)
如何用光影提升视觉效果?(附高质量PS光影笔刷)

如何用光影提升视觉效果?(附高质量PS光影笔刷)

最后来看下改前改后的对比:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

改后:

如何用光影提升视觉效果?(附高质量PS光影笔刷)

一招鲜吃遍天啊~

↓ 高质量PS光影素材 + 笔刷已打包 ↓
扫码关注,公众号内回复「光影素材」即可下载

作者 | 老张
来源 | 美工美邦(id:laozhang-sj)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论2 Responses to “PS光影运用教程(附高质量PS光影笔刷)”

  1. 小彭 - 回复

    红色背景板上面的效果怎样做的啊

    • 设计 达人 -

      添加肌理


{ 发表评论 }