来自公众号:解志邦

嘿,伙计们,伙计们。

最近对618海报的欣赏,大家看起来都很酷吗?

各大企业有没有对各种耍花招的整体工作方式视而不见?

果然暗暗下定决心,默默努力起来:今年双十一,我也会一起卷起来,创作优秀的作品!

在设计的卷中,即使加入了权大军,也要重视方式方法。


今天呢,就是我们久违了的教程环节。


我们来解析一个今年非常火的材质表达:


长虹玻璃。


长虹玻璃原本是家装设计中的一种室内设计产品,属于压花玻璃的一种,视觉上呈现出垂直而下的竖形条纹,有着不同于平面的凹凸质感。



由于其既能提高空间的通透感,又能带来一种朦胧又梦幻的视觉感受,还与时下流行的极简风、轻奢风都相得益彰,长虹玻璃绝对算得上是近两年室内装修的网红爆品了。



而这些特性不仅在室内设计中大放异彩,在平面设计中同样能起到相同的效果,因此,在电商设计中越来越多的页面开始引入长虹玻璃的元素,给画面增加虚实结合的朦胧美。



今天我们就用最简单的方法,教会大家制作长虹玻璃效果。



虽说,这种玻璃很多时候是用三维做,用C4D的玻璃材质,上个凹凸贴图或者加点起伏,调整折射率啥的。


但是毕竟不是所有人都学了C4D。


所以,今天就来看看用PS要怎么做!


先来看下做完效果的前后对比。



学会今天的教程,做出这个效果,只需要几分钟。


再根据自己的需求添加一些细节,做出明暗和色彩的变化。


虽然没有三维出来的那么自然,但是用这种方式给我们的设计做背景,也是完全够用的。



这次的素材基本来源网络,只是借鉴过来,把制作方法教给大家。


老规矩,知其然再知其所以然。学会怎么做之前,要先知道为什么要这么做。


这次跟之前做水面倒影是一个原理,主要运用的功能就是PS的置换。



我们都知道PS的蒙版中,黑色代表隐藏,白色代表显示。


置换就是利用图片的黑白信息,让图片形成一个上下的错位。


先在图片中圈出一块白色的区域:



复制三个相同区域出来,依次调整成黑色--白色--黑色。



接着,把图片合并,先把这个图存下来。现在我们就有了一个类似钢琴键的PSD。



然后,就可以开始置换大法。


复制一层图片,在滤镜中选择【扭曲--置换】,点击确定。



找到我们刚才存的PSD,打开,就能看到这个效果。



有没有get到置换的好用,就跟开头说的一样,根据图片的黑白关系进行了错位。


白色区域向上错位,黑色区域向下错位。



大概了解这个操作原理后,我们看下这些参数到底是什么意思。



比如说原图长这样:



折回,就是把图片复制然后水平翻转,重复这个过程,直到撑满整张画布。



重复边缘像素的话,则会把最边上的像素无限拉伸,直到充满画布。这种效果我们日常用的不多,这次也不是我们教程的重点。



我们在参数设置上,一般选择【扭曲--置换--折回】。


上面的【伸展以适合】和【拼贴】,这两种情况对于我们做这个玻璃效果几乎没什么区别,大家自由选择就好。

至于水平比例和垂直比例的这一部分,我们换一个图,让大家感受的更清晰一些。



先来看下【水平比例0,垂直比例100】的效果。



可以看到亮色区域朝上,暗色区域朝下,但是中间细节的过渡不是很好。


而且垂直方向变化的很夸张,但是水平方向,左右并没有一个明显的错位。



同理,【水平比例100,垂直比例0】,玻璃的垂直方向没有被拉伸,而水平方向会出现一种被拉伸的感觉。



这个时候已经有点长虹玻璃的意思了。


当然,垂直和水平可以结合使用,效果更佳。【水平比例100,垂直比例100】就会变成这样:



我们可以根据需求,调整水平和垂直的参数,达到一个理想中的满意状态。


理解原理后,回过神来,我们开始研究细节。


折回状态下,颜色杂乱是因为PS的折回是根据图片本身的黑白关系进行计算。



原图的明暗对比强烈,算出的图片过渡生硬,这是很正常的。


还有一个点需要注意,玻璃的效果好不好看,光影是否复杂,需要哪些反光、折射等,这些是跟环境直接挂钩的。


如果环境空无一物,那玻璃自然什么都不会透出来。



做效果的时候,不能总是“我以为是”,一定要联系实际,想想现实生活中,玻璃是什么样的。


回到正题,我们需要利用矩形做出一个区块,然后直接复制粘贴,得到这样一张黑白关系明显的素材。



然后,按照之前教的,开始折回,经过尝试,发现参数上设置80,100,比较适合这张图片。



点击刚刚存好的素材,就能得到这样一张图片。



还是跟之前一样的问题,直接置换,图片过渡生硬。


所以,可以先给它进行一个模糊处理,选择哪一种模糊都行,最终目的就是让图片的颜色过渡更加柔和。



我们这次选择了【形状模糊】,这个模糊状态下出现的效果跟长虹玻璃的透射很相似。



把原图模糊后,重新滤镜扭曲置换。


这地方的参数要根据图片的具体形态,进行选择。



然后删除不需要的部分,这样一个长虹玻璃的效果就基本完成了。



如果觉得有些地方,还是差强人意,比如这个红色框框里的过渡就很碍眼。



可以把下面没问题的地方拉长,挡住上面有缺陷的地方



其实这个时候效果已经可以了,但是为了让自己的作品更突出,我们可以继续精化。



复制一个素材进去,然后加一个【柔光】或【叠加】的图层,这两个图层的作用就是让它暗的地方更暗,亮的地方更亮。



然后,玻璃中较为模糊的地方就能清晰起来,细节有了,质感自然也就提升了。



如果觉得这样出来的效果过于规整,缺少点长虹玻璃那种流动的感觉。


我们可以再复制一层素材,加强柔光的效果,然后将素材向左或向右平移几个像素,形成一种微妙的错位感。



这样,玻璃出来的效果就会更加美观。


如果还是不够,就再次复制,但是需要降低一些不透明度。或者,我们试着Ctrl+I,反向处理一下,得到的明暗层次也会发生变化。



其实这个地方可以用的方法很多,跟前面的参数选择一样,需要我们在实际操作中试着对不同图层进行处理,以得到最优效果。


下面就是我们的老朋友了,利用曲线调色优化视觉呈现。



还可以将玻璃的边角压暗,增加质感。



甚至可以用画笔加细节,形成一种光影折射下明暗不均的斑驳感。



一个扩展知识,如果觉得画笔画的过于生硬,可以将图层颜色调成灰色。



然后利用滤镜中的分层云彩,加上动感模糊,也可以得到这种黑白分布不均的感觉。



再把做好的图层叠进去,调整色阶,同样的再改成柔光模式。



然后按照之前的逻辑,利用曲线、画笔等调整细节,这样画面的层次就会更加丰富。



然后,我们海报的长虹玻璃效果就做完了。



是不是很简单!快把“我学到了”打在评论区上!让我看到你们举起的双手。



没学会的同学也不要慌,这不还有视频教程嘛


点击下面链接或B站搜索【杰视帮设计】,即可查看完整教学视频:






细心的同学会发现,这篇教程里的很多参数设置或者功能选择,我们都没有给大家一个明确的规范。


这就跟我们日常生活工作中,需要见什么人说什么话是一个道理。


设计向来没有标准规范,具体问题,具体分析,反复尝试,才能获得最优结果。



这也是我们为什么一直强调要理解技巧背后的逻辑。


万变不离其宗,

只有真正理解为什么这么做,才能随机应变,灵活处理每一个稿子


最后,如果大家有什么感兴趣的,想学或者想看我们分析的,都可以评论区留言告诉我们!


我们会认真讨论,尽快给大家安排上。


好的教程需要大家的支持和帮助,你们的反馈是我们进步的不竭动力。


山高水远,我们下个教程再见。


本文转自微信公众号:文案圈(ID:cwcode),图片来源网络,版权归原所有者所有,本文仅供分享交流,如有侵权,请联系我删除,谢谢!

1.《关于玻璃怎么做视频教程,你需要知道这些今年超火的“长虹玻璃”是什么?怎么做?只用PS,10分钟就搞定》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《关于玻璃怎么做视频教程,你需要知道这些今年超火的“长虹玻璃”是什么?怎么做?只用PS,10分钟就搞定》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/gl/3336079.html