5

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

 3 years ago
source link: https://www.shejidaren.com/ps-guangying-sheji-jiaocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

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

5月 29, 2021 发表于: 视觉设计. 评论

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光影素材 + 笔刷已打包 ↓
扫码关注,公众号内回复「光影素材」即可下载

image-pending.gif

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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }

姓 名 (必填)
邮 件 (必填)
网 站


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK