制作个性的透明玻璃网页用户信息展示

玻璃网页的制作与制作玻璃本身相似。重点是渲染边缘和中心的高光，对于比较规则的图形可以直接使用图层样式来创建初步的质感，然后手工增加一些高光等效果。其他部分可以根据需要进行添加。

新建文件及添加素材

1、新建一个800 * 600像素的文件，背景颜色任意。打开模板素材，将其拖入，效果如下图。

添加木纹图层样式

2、给木纹图层添加图层样式，选择内阴影，参数及效果如下图。

创建圆角矩形

3、选择“圆角矩形工具”，半径设置为5像素。

绘制圆角矩形

4、在画布中心位置绘制如下图所示的圆角矩形。

设置圆角矩形样式

5、给圆角矩形设置图层样式，包括混合选项、内阴影、渐变叠加，参数及效果如下图。

复制并缩小圆角矩形

6、将当前图层复制一层，按Ctrl T稍微缩小一点，比原图形少两个像素左右。

调整复制图层样式

7、先清除当前图层样式后再设置新的样式，参数及效果如下图。

添加杂色效果

8、调出当前图层选区，新建一个图层并填充黑色，执行滤镜 > 杂色 > 添加杂色，参数设置如下图。

调整混合模式和不透明度

9、将混合模式改为“柔光”，不透明度改为10%，效果如下图。

创建矩形选区

10、使用矩形选框工具拉出如下图所示的矩形选区。

添加高斯模糊

11、新建一个图层并填充黑色，取消选区后执行滤镜 > 模糊 > 高斯模糊，数值设为2，确定后将图层不透明度改为20%，效果如下图。

绘制小圆

12、使用椭圆工具绘制如下图所示的四个小圆。

设置小圆图层样式

13、给小圆添加图层样式，包括斜面和浮雕、描边、渐变叠加、投影，参数及效果如下图。

勾选选区并填充

14、使用钢笔工具勾勒如下图所示的选区。

填充并添加图层样式

15、填充白色后再添加如下图所示的图层样式。

绘制椭圆选区

16、新建一个图层，使用椭圆选框工具拉出如下图所示的选区。

填充并模糊

17、填充白色后取消选区，适当进行1像素的高斯模糊。然后添加如下图所示的图层样式。

添加图层蒙版

18、添加图层蒙版，使用黑白渐变将底部的过渡拉出。

绘制圆角矩形

19、使用圆角矩形工具绘制如下图所示的几个圆角矩形。

设置圆角矩形样式

20、再次设置图层样式，包括混合选项、描边、内阴影，参数及效果如下图。

导入照片和添加文字

21、导入照片，并添加文字，效果如下图。

绘制底部矩形并填充颜色

22、新建一个图层，在底部的框中使用矩形选框工具拉出一个矩形选区，然后任意填充颜色，最后添加如下图所示的图层样式，参数及效果如下图。

最终效果

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。