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

news/2025/3/5 5:04:24/

74634850_1.jpg

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

最终效果图:

74634850_2.jpg

素材下载:

74634850_3.jpg

第一步:

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

然后我们使用圆角矩形工具,圆角为“10”。拉出一个矩形来。

74634850_4.jpg

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

-投影:

74634850_5.jpg

-内阴影:

74634850_6.jpg

-斜面与浮雕:

74634850_7.jpg

这是3个样式以后的效果:

74634850_8.jpg

然后我们继续添加样式:

-光泽:

74634850_9.jpg

-颜色叠加:

74634850_10.jpg

-渐变叠加:

74634850_11.jpg

-图案叠加,图案素材在上面那个压缩包里面:

74634850_12.jpg

-描边:

74634850_13.jpg

做完以后效果是这样的:

74634850_14.jpg

第二步:

现在我们来制作玻璃的高光部分,这是在黑色背景下面的效果。

74634850_15.jpg

新建一个背景图层,填充黑色

我们先做边框的反光效果,这里需要用到光的投射知识,这里我就不多说了,学过美术的应该都知道,菜鸟们就跟着学下,然后自己去翻阅下相关知识。

我们先把玻璃的图层复制,命名为“光1”,把填充改成“0”,然后选择图层-右键-删除图层样式。然后双击此图层添加样式。就会做出下面的效果。

74634850_16.jpg

下面这几步很关键,希望大家能看得空。

我们将“光1”图层复制,命名为“光2”,然后用选取工具,按图下辅助一层,然后将它命名为“边1”,然后在复制“边1”一次,命名为“边2”,将其隐藏,等下用。

74634850_17.jpg

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

74634850_18.jpg

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

74634850_19.jpg

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

74634850_20.jpg

然后我们选择“光2”图层,也是用蒙板的方法:

74634850_21.jpg

然后在“光2”图层上选取右边一块,如下:

74634850_22.jpg

用蒙板做出的效果是:

74634850_23.jpg

上面还有一块我这就不写了,相信做了上面几步,这一步已经毫无难度了。就是在“光2”上面,选取,然后删除,在蒙板。。。。

做完这几步后的效果是:

74634850_24.jpg

最后我们将这几个图层合并,合并前可以先把他包一个文件夹里,把图层都选中,然后CTRL+G,然后在拖到面板下方的复制,在CTRL+E合并,将原有的包隐藏就可以了:

然后将此文件命名为“边框”,双击次图层添加一个外发光。

74634850_25.jpg

这边框的反光最后一步就是用加深和减淡工具,插出高光来:

74634850_26.jpg

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

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


http://www.ppmy.cn/news/812484.html

相关文章

android 画笔压痕效果,【自制样机教程】如何用Ps做一个压痕效果的Logo样机

小编又来啦 不知道上次的游记大家看的怎么样 今天再给你们介绍一个logo的样机 这次的教程主要用到了图层样式 来看看怎么做吧 ———————————— 通过本次的教程学习,你会锻炼到Ps的波纹滤镜以及图层样式的综合应用。 1、绘制过程详解 图层样式的效果很多&am…

计算机ps相框怎么做,如何在PS中制作相框?在PS中制作相框的具体方法

软件大小: 151MB 软件版本: 6.4.3.0 软件类型: 图片处理 查看详情 直接下载 有的用户还不熟悉photoshop中的一些操作,例如如何在PS中制作相框?下文就是小编给大家分享的在PS中制作相框的具体方法。 photoshop制作简约的相片相框的…

ps切图怎么做成html,PS切图怎么导出网页 PS切图怎么生成源代码

PS切片工具切出来的切图可怎么导出网页?PS切图怎么生成源代码?PS切片的网址和源代码功能在PS切片的编辑功能里,添加URL地址,切片存储为WEB所有格式,优化存储结果保存成“HTML和图像”或者“仅HTML”。这样保存出来的切片就是网页的图片,带有源代码功能。下面来看看PS切图…

图像处理——简单浮雕效果和倒影效果实战

一、浮雕效果 【原理:】每个像素的RGB值都设置为该位置的初始值减去其右下方第二的像素的差,最后统一加上128用于控制灰度,显示出类似浮雕的灰色。这样处理的思路是,将图像上的每个点与它的对角线的像素点形成差值,这…

字体凹陷效果html,在PS中,想做凹进去的效果,怎么做?例如文字凹进木板中?...

回答: 1、新建(CTRLN)600x500ps白色背景。然后,选择滤镜—杂色—添加杂色,弹出添加杂色对话框。 2、在弹出的杂色对话框中,数量设为40,分布设为平均分布,颜色设为单色。选择滤镜—模糊—动感模糊&#xff0…

ps怎么制作流体_PS制作流体效果的字体

在用Photoshop表现各种反光材质的时候,我们一般都会选择金属、塑料、玻璃等对光反射比较强烈的材质。这一次,我们来试试用水——这种最普通不过的东西,来表现一种反光强烈、闪亮和透明的表面效果。 步骤 1、首先,在Photoshop中新建…

java 浮雕效果,制作逼真缝线牛皮文字效果的PS教程

教程由两部分构成:牛仔布补丁和牛皮字。两部分制作方法也非常类似,过程:先用选区等截取想要的纹理,用图层样式加上初步的浮雕效果,然后缩小选区,增加描边,缝纫的线条等即可得到初步的效果&#…

计算机ps相框怎么做,计算机学前班第五课--PS做相框

用Ps给相片加上艺术相框,制作方法介绍: 一、自制新相框。 1、在Photoshop新建一个文件,尺寸可以根据情况自定,背景为白色。 2、选择矩形选框工具,在选项栏上选择样式为固定长宽比,然后将宽度和高度分别设为10和8,也就是宽度和高度的比为10比8。 3、在画布的中央位置上绘…