糯麦 NurMai

400-158-5662

糯麦科技

/

新闻资讯

/

技术讨论

/

深化PS光影研习,这项精微的艺术将无人能拒之门外

深化PS光影研习,这项精微的艺术将无人能拒之门外

原创 新闻资讯

于 2023-09-12 08:39:41 发布

20521 浏览

1.jpg


今天,我将向大家介绍一种具有广泛应用领域的技法,无论是电子商务还是传统的线下广告,都可以使用此技法。我将通过详细的步骤演示图来让大家更好地理解该技法的操作原理。下面,让我们开始今天的内容吧。


首先,让我们来欣赏一下整体效果。2017年360手机的发布海报便成功运用了该技法,可以看到,整体的光影变化十分细腻,品质感也极为出色。


2.jpg


那么要想完成这样的设计我们要把握好以下几个点。1.营造画面高端调性   2.文字金属化处理   3.光影自然转折的实现方法。


3.jpg


4.jpg

5.jpg


通常较为高端的设计有以下的特点,其中包括字形本身较细,除了主要文字其余明度都于背景呈现弱对比关系,还有设计整体装饰元素较少。


那么适合我们这个技法的较细字形,我可以推荐几个字体,OPPOSans(Light)、Acumin Variable Concept(Thin)、Source Sans Variable(ExtraLight)。


6.jpg


如果特别喜欢某一个字形也可以通过ps调整粗细,流程是首先选中需要调整对象的选区(Ctrl+鼠标左键点击缩略图层)-选择-修改-收缩(具体收缩多少像素要看你选择对象的大小可以多调整几次达到完整效果)


7.png

今天的案例我选择了这样的字型给大家演示。


8.png

9.jpg

10.jpg


首先修改文字的底色,颜色我个人习惯使用高饱和低明度,这个不是硬性规定,只要自己用着舒服就行,但一个好的底色对于后续的调整来说都是非常方便的。


11.png

添加斜面浮雕就可以制作出文字的金属感,注意我光泽等高线的选择,剩余参数都可以一边调整一边看。

12.png

看一下调整后的效果。


13.png

14.jpg

15.jpg


选择角度渐变,颜色选用黑白就可以,虽然我们用不到那么强的黑白变化但是后续都可以调整。可以看到角度渐变的转折是非常自然流畅的,这就是我们想要的自然转折。


16.jpg


17.jpg


先把数字5的前两个笔画拼出来,简单的移动旋转就可以了。




18.png

遇到弧线通过Ctrl+T-右键-变形,来调整明暗的方向,让其匹配到数字5的形态上,当然出现转折过硬的情况时就可以用蒙版过渡一下。

(数字5的第一个上弧部分我用画笔描了一下,到时候会被前面的金属层遮挡,大家忽略就可以)


19.png

整体用笔刷调整一下光影感受,让背景更丰富转折更自然。

20.png

对比一下。

21.png

加上做好的金属数字看一下效果。


22.jpg


最后整体微调一下颜色、对比度、锐化、颗粒等参数就完成啦~


23.jpg


大家可以上手练习一下,这种方法不仅仅是可以用在数字上,其中的知识点能用在很多方面,包括产品的光影渐变,国潮的浮雕调整方式等等

PS

电商设计

网页设计

小程序设计

阅读排行

  • 1. 几行代码就能实现Html大转盘抽奖

    大转盘抽奖是网络互动营销的一种常见形式,其通过简单易懂的界面设计,让用户在游戏中体验到乐趣,同时也能增加商家与用户之间的互动。本文将详细介绍如何使用HTML,CSS和JavaScript来实现大转盘抽奖的功能。

    查看详情
  • 2. 浙江省同区域公司地址变更详细流程

    提前准备好所有需要的资料,包含:房屋租赁合同、房产证、营业执照正副本、代理人身份证正反面、承诺书(由于我们公司其中一区域已有注册另外一公司,所以必须需要承诺书)

    查看详情
  • 3. 微信支付商户申请接入流程

    微信支付,是微信向有出售物品/提供服务需求的商家提供推广销售、支付收款、经营分析的整套解决方案,包括多种支付方式,如JSAPI支付、小程序支付、APP支付H5支付等支付方式接入。

    查看详情
  • 4. 阿里云域名ICP网络备案流程

    根据《互联网信息服务管理办法》以及《非经营性互联网信息服务备案管理办法》,国家对非经营性互联网信息服务实行备案制度,对经营性互联网信息服务实行许可制度。

    查看详情
  • 5. 微信小程序申请注册流程

    微信小程序注册流程与微信公众号较为相似,同时微信小程序支持通过已认证的微信公众号进行注册申请,无需进行单独认证即可使用,同一个已认证微信公众号可同时绑定注册多个小程序。

    查看详情