视觉设计 » 怎样凭空边一块玻璃出来?PS高阶教程~

怎样凭空边一块玻璃出来?PS高阶教程~

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

前言:逼真的玻璃效果是如何绘制出来的呢?一是直接画出来,而是靠工具来实现,今天我们用photoshop设计工具,教大家如何绘制晶莹剔透的玻璃效果,欢迎大家一起学习哦。

4000年前,它存于神秘的美索不达米亚;

3000年前,它闪耀在腓尼基人的烈火中;

2000年前,古罗马人用它装饰贵族门窗;

1000年前,它褪去神话的外衣变成日常;

100年前,伴随着工业化,它无处不在…

现在,它不仅是生活与工业中不可缺少的元素,它更是成为了设计与艺术中的宠儿。

怎样凭空边一块玻璃出来?PS高阶教程~

玻璃,这种本质和沙子一样的非晶无机非金属材料,得益于它透明、吸光、折射等其他艺术媒介罕有的特性,在设计师与艺术家的手中,注入了全新的灵魂,被赋予了新的生命。

怎样凭空边一块玻璃出来?PS高阶教程~

“光是玻璃的灵魂,赋予了它新的生命。”

上世纪60年代,Harvey Littleton发起了国际玻璃工作室运动,使玻璃从工厂引入到艺术家工作室中,以及大学的艺术教育体系中,彻底摆脱功能的限制,转变成一种自我表达的艺术材料。

怎样凭空边一块玻璃出来?PS高阶教程~

而Harvey也被后世称为“玻璃艺术之父”

怎样凭空边一块玻璃出来?PS高阶教程~

玻璃由于可塑性极强的特性,完美匹配了西方艺术对“自由”这一主题的向往,玻璃也自然成为了艺术家手中的宠儿。

美国艺术家dylan martinez的超写实玻璃雕塑;

怎样凭空边一块玻璃出来?PS高阶教程~

法国艺术家Julie Gonce玻璃雕塑作品;

怎样凭空边一块玻璃出来?PS高阶教程~

韩国艺术家Jiyong Lee源于细胞分裂的玻璃艺术;

怎样凭空边一块玻璃出来?PS高阶教程~怎样凭空边一块玻璃出来?PS高阶教程~

上海玻璃博物馆首任馆长庄小蔚《手工艺的诗歌》;

怎样凭空边一块玻璃出来?PS高阶教程~

清华大学美术学院工艺美术系副教授关东海《七剑》;

怎样凭空边一块玻璃出来?PS高阶教程~


而受到玻璃艺术的影响,平面设计中对玻璃的运用也愈加广泛了起来。

晶莹剔透,闪亮动人,玻璃在阳光的偏爱下,总能折射出这样动人的光彩。

怎样凭空边一块玻璃出来?PS高阶教程~

正因为这样的形象,玻璃这一元素尤其得到了美妆类目海报的青睐。迪奥、GUCCI、香奈儿、LV等奢侈品牌的产品海报上总能看到玻璃的影子。

怎样凭空边一块玻璃出来?PS高阶教程~

玻璃元素总能给人一种通透轻快的感受,催眠着消费者产品本身也拥有着同样的质感,靠着这种神奇的魔力,不断放大着消费者“买买买”的欲望。

怎样凭空边一块玻璃出来?PS高阶教程~

虽然玻璃质感的添加通常都符合了甲方的需求,也深得消费者的喜爱,但对于设计师而言,往画面中加入充满质感的玻璃,可不是什么笑得出来的好差事。

如何制造玻璃质感,如何凭空画一块玻璃?为什么画出来的玻璃总是差了点质感?这成了万千设计师说不出来的痛。

怎样凭空边一块玻璃出来?PS高阶教程~

理论上来说,只要能将你所观察到的一切都表达出来,画玻璃并不是什么难事。

所以今天,跟大家分享一下,在电商设计中,如何表现玻璃质感,如何凭空造一块玻璃。

怎样凭空边一块玻璃出来?PS高阶教程~


玻璃的绘制有两种方法:

1、直接画

2、靠工具

方法一简单粗暴,俗话说所见即所得,想做一块玻璃,照着画一块不就好了?

先用套索工具勾出侧面轮廓:

怎样凭空边一块玻璃出来?PS高阶教程~

用笔刷模拟侧面折射填充好侧面阴影:

怎样凭空边一块玻璃出来?PS高阶教程~

再勾出其他面,用画笔区分出高光区与折射区:

怎样凭空边一块玻璃出来?PS高阶教程~

你看,一块玻璃不就搞定了?

怎样凭空边一块玻璃出来?PS高阶教程~

只是脑子会了,手却废了?如果美术基础比不上杰克,那就往下看,我们来学习第二个方法。

怎样凭空边一块玻璃出来?PS高阶教程~

首先,观察现实生活中玻璃的形态与细节:

怎样凭空边一块玻璃出来?PS高阶教程~

由于光的反射,光穿过玻璃时会导致玻璃后方物体颜色发灰发白;而又由于光的折射,从不同的角度观看,不同面的深浅又不尽相同。

因此,在PS中,我们先用钢笔工具根据草图勾出玻璃的外形。

怎样凭空边一块玻璃出来?PS高阶教程~

将顶面的不透明度降低,加深侧面颜色,做出玻璃的透明质感。

怎样凭空边一块玻璃出来?PS高阶教程~

补齐侧面厚度,强化玻璃的体积感与透光感:

怎样凭空边一块玻璃出来?PS高阶教程~

当然,侧面不是一股脑的深色,由于光的折射,侧面会产生许多的光斑与光照痕迹,因此,新建图层,在侧面绘制一些光斑

怎样凭空边一块玻璃出来?PS高阶教程~

到这一步,是不是感觉已经有玻璃那味儿,但还缺了点真实玻璃的质感?别急,我们现在为这块玻璃注入灵魂——描边。

点选图形,右键描边一像素亮色边:

怎样凭空边一块玻璃出来?PS高阶教程~

再配合蒙版做出由于折射造成的不规则亮边:

怎样凭空边一块玻璃出来?PS高阶教程~

用同样的方法对底部和侧面轮廓做同样处理:

怎样凭空边一块玻璃出来?PS高阶教程~

最后,新建图层,吸取画面中的亮色,轻轻擦出顶面的受光反射感,强化玻璃的受光效果:

怎样凭空边一块玻璃出来?PS高阶教程~

关于玻璃中折射效果添加,有一个偷懒的办法:首先,盖印整个画面:

怎样凭空边一块玻璃出来?PS高阶教程~

将盖印画面向下移动一些,形成错位,再用选区工具选中玻璃区域:

怎样凭空边一块玻璃出来?PS高阶教程~

添加蒙版,降低不透明度,即可轻松做出玻璃中的折射效果:

怎样凭空边一块玻璃出来?PS高阶教程~

用这样的方法将画面中的玻璃都处理好,加上倒影和阴影,一张纯手工打造的化妆品类目简约海报就完成了。

怎样凭空边一块玻璃出来?PS高阶教程~


这种光滑的玻璃学会了,我们就来解决下一个问题,毛玻璃的效果制作。

我们以这款洗发水为例,如果要在画面左边做一款毛玻璃,你知道如何下手吗?

怎样凭空边一块玻璃出来?PS高阶教程~

毛玻璃也叫雾面玻璃、防眩玻璃等,是用金刚砂等磨过或以化学方法处理过的一种表面粗糙不平整的的半透明玻璃,也就是磨砂玻璃的俗称。

怎样凭空边一块玻璃出来?PS高阶教程~

通过上述定义,我们可以提取哪些关键词?表面粗糙、半透明、磨砂。

发现没有,和光滑镜面玻璃最大的差别,毛玻璃是半透明的。也就是说,透过这块玻璃,我们只能隐约看到背后物体,同时边缘有模糊的质感。

在这里,我们略过简单粗暴的用手画环节,直接给大家介绍一个偷懒的方法。

先盖印整个场景,只选取需要制作玻璃墙的部分,略微提亮后,点击滤镜-滤镜库。

怎样凭空边一块玻璃出来?PS高阶教程~

在滤镜库中选择玻璃效果,将纹理勾选为磨砂调整好扭曲度与平滑度等参数后,点击确定。

怎样凭空边一块玻璃出来?PS高阶教程~

然后用曲线工具提亮,模拟光照进入玻璃后形成的反射效果:

怎样凭空边一块玻璃出来?PS高阶教程~

接下来,我们对这块玻璃进行体积塑造,刻画玻璃的厚度。

用选区工具勾选出玻璃厚度,填充一个厚度边,用剪贴蒙版做出侧面的底色:

怎样凭空边一块玻璃出来?PS高阶教程~

接下来就是按之前的方法增加高光区,亮色边和黑边,最后盖印一层,移动几像素,制作它的折射感即可:

怎样凭空边一块玻璃出来?PS高阶教程~

虽然玻璃完成了,但是不是感觉这个玻璃依然和场景存在一种违和感?

怎样凭空边一块玻璃出来?PS高阶教程~

洗发露的应用场景通常都在浴室里,更何况图中产品和地面中都有水珠做点缀,因此,作为前景的玻璃墙,也应该布满了水珠才符合场景逻辑。

制作玻璃的一大要点,就是你要学会根据应用场景的不同给玻璃添加不同的效果。

怎样凭空边一块玻璃出来?PS高阶教程~

因此,我们再来试着刻画一些晶莹剔透的水珠。


水珠的表现手法同样有两种:

1、画一个。

2、叠一个。

如果你玻璃能用画笔两三下画出来,那水珠真的是分分钟就搞定了:

套索工具勾出水珠的大概外形:

怎样凭空边一块玻璃出来?PS高阶教程~

先用正片叠底图层打一个水珠的底色:

怎样凭空边一块玻璃出来?PS高阶教程~

再新建图层,用滤色模式把水珠的反光做出来。

怎样凭空边一块玻璃出来?PS高阶教程~

最后再用画笔点出最亮的高光点:

怎样凭空边一块玻璃出来?PS高阶教程~

最后做出阴影和反光,水珠的塑造就完成了,简单吧?

怎样凭空边一块玻璃出来?PS高阶教程~

且慢,放下手上的刀,第一种方法学不会,我们还可以学第二个方法嘛。

怎样凭空边一块玻璃出来?PS高阶教程~

我们在网上找一个水珠素材,最好是黑底的,不是也没关系,用之前做一个去色处理即可,但分辨率一定要够高。

怎样凭空边一块玻璃出来?PS高阶教程~

拖入文件中,将图层模式选为滤色模式,调整好水珠大小,如果水珠过多,配合蒙版擦除不需要的部分:

怎样凭空边一块玻璃出来?PS高阶教程~

最后运用色阶等工具去掉黑色部分,增强水雾感:

怎样凭空边一块玻璃出来?PS高阶教程~

你看,简单三步就能实现玻璃上的水珠效果了~

怎样凭空边一块玻璃出来?PS高阶教程~

这个方法够简单了吧?

今天的内容就到这里,你学废了吗?

怎样凭空边一块玻璃出来?PS高阶教程~

来源 | 杰视帮 ID:jacksean003

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }