首页 web前端 PS教程 Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Jun 01, 2016 pm 02:32 PM
玻璃

玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来,比较规则的图形直接用图层样式做出初步的质感,再增手工增加一些高光等即可。其它部分可以按自己需要添加。 玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来,比较规则的图形直接用图层样式做出初步的质感,再增手工增加一些高光等即可。其它部分可以按自己需要添加。
最终效果

Photoshop设计制作个性的玻璃博客主页


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

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

4、在画布中心位置拉出下图所示的圆角矩形。

Photoshop设计制作个性的玻璃博客主页
 
5、给圆角矩形设置图层样式,分别设置混合选项、内阴影、渐变叠加,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页
 
7、先清除当前图层样式后再设置新的样式,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页
 
9、把混合模式改为“柔光”,不透明度改为:10%,效果如下图。

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

12、选择椭圆工具拉出下图所示的四个小圆。

Photoshop设计制作个性的玻璃博客主页
 
13、给小圆添加图层样式,分别设置:斜面和浮雕、描边、渐变叠加、投影,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页
 
14、用钢笔勾出下图所示的选区。

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

17、填充白色,取消选区后适当高斯模糊1个像素。再添加下图所示的图层样式。

Photoshop设计制作个性的玻璃博客主页
 
18、添加图层蒙版,用黑白渐变把底部的过渡拉出来。

Photoshop设计制作个性的玻璃博客主页

19、再用圆角矩形工具拉出下图所示的几个圆角矩形。

Photoshop设计制作个性的玻璃博客主页

20、再设置图层样式,分别设置混合选项、描边、内阴影,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页
 
21、导入照片,并添加文字,效果如下图。

Photoshop设计制作个性的玻璃博客主页

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

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

最终效果:

Photoshop设计制作个性的玻璃博客主页

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

康宁大猩猩玻璃在重庆工厂开启本地化生产,明年初进入正式量产阶段 康宁大猩猩玻璃在重庆工厂开启本地化生产,明年初进入正式量产阶段 Dec 19, 2023 am 08:03 AM

康宁大猩猩玻璃在重庆工厂开启本地化生产,明年初进入正式量产阶段

iPhone 15 Pro内部将重新设计维修成本有望降低 iPhone 15 Pro内部将重新设计维修成本有望降低 Aug 01, 2023 am 09:41 AM

iPhone 15 Pro内部将重新设计维修成本有望降低

iPhone 15 Pro 及 Pro Max 玻璃背盖维修费大幅降低 66% iPhone 15 Pro 及 Pro Max 玻璃背盖维修费大幅降低 66% Sep 18, 2023 pm 09:09 PM

iPhone 15 Pro 及 Pro Max 玻璃背盖维修费大幅降低 66%

一加Ace 3 Pro钛空镜银真机首度公布:首创液态金属玻璃工艺 一加Ace 3 Pro钛空镜银真机首度公布:首创液态金属玻璃工艺 Jun 22, 2024 pm 01:15 PM

一加Ace 3 Pro钛空镜银真机首度公布:首创液态金属玻璃工艺

手机到底用陶瓷还是玻璃 荣耀赵明笑谈:耐用耐刮才是王道 手机到底用陶瓷还是玻璃 荣耀赵明笑谈:耐用耐刮才是王道 Mar 19, 2024 pm 07:40 PM

手机到底用陶瓷还是玻璃 荣耀赵明笑谈:耐用耐刮才是王道

全球最长最大!'玻璃王”在中国淄博诞生:长 26 米、宽 3.66 米,面积 95 平方米 全球最长最大!'玻璃王”在中国淄博诞生:长 26 米、宽 3.66 米,面积 95 平方米 Jul 23, 2024 am 11:46 AM

全球最长最大!'玻璃王”在中国淄博诞生:长 26 米、宽 3.66 米,面积 95 平方米

同档罕见!一加Ace 3V搭载玻璃后盖:3D好手感 同档罕见!一加Ace 3V搭载玻璃后盖:3D好手感 Mar 23, 2024 pm 09:16 PM

同档罕见!一加Ace 3V搭载玻璃后盖:3D好手感

vivo S19 Pro首发搭载金刚盾双抗玻璃:抗摔性能提升150% vivo S19 Pro首发搭载金刚盾双抗玻璃:抗摔性能提升150% May 31, 2024 pm 10:03 PM

vivo S19 Pro首发搭载金刚盾双抗玻璃:抗摔性能提升150%

See all articles