分享

PS教程:制作透明玻璃效果(一)

2016-06-25  雁门阁
1

今天给大家带来的是制作透明玻璃的教程,这个教程对于光的效果制作有难度,但是只要你有好的分析方法,我想这个PS教程对你不会有什么难度。让我们开始吧。

最终效果图:

经典设计聚合网

素材下载:

玻璃纹理
经典设计聚合网

第一步:

把“木纹”下载下来,直接就在上面开工,因为它的用处是背景,也不会编辑它。所以不需用新建,但是在其它的设计制作中,大家还是要习惯性的CTRL+J。

然后我们使用圆角矩形工具,圆角为“10”。拉出一个矩形来。
经典设计聚合网

现在我们双击矩形图层。命名为“玻璃”,双击添加样式, 具体的地方我就不在图上画了,大家自己仔细看下
-投影:
经典设计聚合网

-内阴影:
经典设计聚合网

-斜面与浮雕:
经典设计聚合网

这是3个样式以后的效果:
经典设计聚合网

然后我们继续添加样式:
-光泽:
经典设计聚合网

-颜色叠加:
经典设计聚合网

-渐变叠加:
经典设计聚合网

-图案叠加,图案素材在上面那个压缩包里面:
经典设计聚合网

-描边:
经典设计聚合网

做完以后效果是这样的:
经典设计聚合网

第二步:

现在我们来制作玻璃的高光部分,这是在黑色背景下面的效果。
经典设计聚合网

新建一个背景图层,填充黑色
我们先做边框的反光效果,这里需要用到光的投射知识,这里我就不多说了,学过美术的应该都知道,菜鸟们就跟着学下,然后自己去翻阅下相关知识。
我们先把玻璃的图层复制,命名为“光1”,把填充改成“0”,然后选择图层-右键-删除图层样式。然后双击此图层添加样式。就会做出下面的效果。
经典设计聚合网

下面这几步很关键,希望大家能看得空。
我们将“光1”图层复制,命名为“光2”,然后用选取工具,按图下辅助一层,然后将它命名为“边1”,然后在复制“边1”一次,命名为“边2”,将其隐藏,等下用。
经典设计聚合网

现在我们用选取工具删除“光2”的左边一部分。下面是把“边1”隐藏起来的效果。
经典设计聚合网

然后选择“边1”,然后添加蒙板,用渐变工具做个虚实效果。怎么拉我就不多说了。太简单了。
经典设计聚合网

然后将“边2”的眼睛点开,同上用渐变工具做个虚实效果。把透明度调成:40%。
经典设计聚合网

然后我们选择“光2”图层,也是用蒙板的方法:
经典设计聚合网

然后在“光2”图层上选取右边一块,如下:
经典设计聚合网

用蒙板做出的效果是:
经典设计聚合网

上面还有一块我这就不写了,相信做了上面几步,这一步已经毫无难度了。就是在“光2”上面,选取,然后删除,在蒙板。。。。
做完这几步后的效果是:
经典设计聚合网

最后我们将这几个图层合并,合并前可以先把他包一个文件夹里,把图层都选中,然后CTRL+G,然后在拖到面板下方的复制,在CTRL+E合并,将原有的包隐藏就可以了:
然后将此文件命名为“边框”,双击次图层添加一个外发光。
经典设计聚合网

这边框的反光最后一步就是用加深和减淡工具,插出高光来:
经典设计聚合网

这里可能会有人把黑色背景取消掉,发现边框和外发光是黑色的,这里没事,后面那一步我们会告诉大家怎么做

今天就先到这,写了3个多小时,太累了,可能会有些细节没写出来,希望大家见谅,如有问题可以新浪@经典设计网

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 全屏 打印 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多