当前位置:首页 > 日记 > 正文

Photoshop 玻璃图标按钮

Photoshop 玻璃图标按钮
最终效果图

1、新建文档,使用圆角矩形工具Alt键绘制一个圆角正方形,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:icon-bg ,效果如下图:

2、复制图层,命名为glass,改变填充为白色填充,透明度为50%,使用矩形选区工具绘制如下选区,然后按Delete删除:

3、现在我们就得到了一个最基础的玻璃效果了,为了效果更加好,我们接下来继续修饰使用椭圆形选区选择下部分,然后进行羽化,半径大约30px左右,然后按Delete删除:

4、按Ctrl单击该图层,然后执行“选择”“修改”“扩展”,来扩大选区范围,,大概为1px,然后在icon-bg下面新建图层,把矩形选区填充为白色,该图层命名为shine,效果:
  12 3 4 阅读全文5、下面我们在最下图层的颜色改变为黑色,当作背景来使用,当然你可以设置其他颜色的背景

6、再次使用圆形工具绘制选区,然后进行羽化,半径为30px,选择shine层然后按delete键两次:

7、重复上面做法,选择上部分,这次是按delete一次:

8、下面可以稍微设置一下shine层的不透明度:

9、然后按住Ctrl键单击icon-bg,然后再次扩展(“选择”“修改”“扩展”),然后在shine图层下面创建一图层,然后绘制一黑色的矩形选区,该层命名为icon-frame:
  1 23 4 阅读全文10、然后隐藏黑色背景层:

11、选择icon-frame层,图层模式的渐变填充选项设置如下颜色渐变:

12、添加几个白色形状,效果如下:

13、你可以继续来添加一些图层样式效果使之更加具有玻璃反射效果:

14、拼合图层,在最下面建立一图层,绘制一个较小的椭圆:
  1 2 34 阅读全文15、拼合图层,然后再复制该图层,垂直翻转:

16、拼合图层,然后再复制该图层,垂直翻转:

17、然后使用圆形工具选择下部分,羽化半径30px,然后按delete键删除:

18、最后调整透明度,最终效果效果如下:
1 2 3 4阅读全文

相关文章

PS CS5怎么制作个性的课程表?

PS CS5怎么制作个性的课程表?

课程表,个性,电脑软件,PS,新的学期才刚开始,又有新的课程了,那么怎么用photoshop做一个带有背景的有自己特色的课程表呢?软件名称:Photoshop CS5 绿色版官方中文正式原版软件大小:104.06MB更新时间:2014-06-011、首先打开excel,建立一个课程表。因…

利用js编写网页进度条效果

利用js编写网页进度条效果

网页,进度条,效果,电脑软件,js,一、基本思路为了让我们编写的网页进度条满足现有需求,又足够轻便,所以使用原生js写一个构造函数,为了见名知义,可以把该函数命名为”Loading”。该函数接收2个参数,分别为arr、callback。其中arr定义图片数组,call…

js鼠标跟随运动效果

js鼠标跟随运动效果

鼠标,运动,效果,电脑软件,js,本文实例为大家分享了js鼠标跟随效果展示的具体代码,供大家参考,具体内容如下1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span2、给span标签添加字段3、设置基本的样式cursorPlay的宽度 9…

如何修改Excel2007自选图形中的文

如何修改Excel2007自选图形中的文

文字,图形,修改,格式,电脑软件,  给Excel2007中的自选图形添加文字,可能有些朋友还不太懂。在Excel中,输入进去的字怎么修改格式,其实这些都有不难。以下是小编为您带来的关于修改Excel2007自选图形中的文字格式,希望对您有所帮助。修改Excel…

excel2007资源不足解决方法excel资

excel2007资源不足解决方法excel资

解决方法,电脑软件,excel,strong,Excel,  在Excel 2007中,对于表格较大的文件,在多次调用的过程中,会出现以下问题“可用资源不足,EXCEL无法完成此任务,请少选择一些数据或关闭其他应用程序”,今天,小编就教大家如何对资源不足的解决…

Photoshop合成简约大气温馨的家居

Photoshop合成简约大气温馨的家居

家居,简约,大气,海报,温馨,本教程主要使用Photoshop合成简约温馨的家居主题海报,制作主题海报是一项综合工程,首先要对客户的建议进行深入分析,找准思路;然后画出稿图;再搜集所需的素材进行溶图即可。喜欢的朋友让我们一起来学习吧。最终效果画…

分享一道关于闭包、bind和this的面

分享一道关于闭包、bind和this的面

闭包,分享,面试题,电脑软件,bind,要解决的问题是针对下面这个ul,为每一个li添加一个点击事件,弹出对应的index<ul id="text"> <li>这是第一个li</li> <li>这是第二个li</li> <li>这是第三个li</li></ul>解答一:bind,将当前匿名函数指向this,将…

如何将PPT字母设计成霓虹灯效果

如何将PPT字母设计成霓虹灯效果

霓虹灯,字母,效果,如何将,电脑软件,  PPT的字体可以设计很多种效果,同样,我们也可以给字母设计一些好看的效果出来。以下是小编为您带来的关于将PPT字母设计成霓虹灯效果,希望对您有所帮助。将PPT字母设计成霓虹灯效果具体操作如下:先设置PPT…

浅谈键盘上回车按钮的js触发事件

浅谈键盘上回车按钮的js触发事件

事件,键盘,浅谈,按钮,电脑软件,input 的回车触发事件。简单,就当做个笔记咯。$("#querySearcher").live("keyup", function (e) { if (e.keyCode == 13) { xxxxxx(); } });以上这篇浅谈键盘上回车按钮的js触发事件就是小编…

ppt2010怎么打包ppt2010文稿打包的

ppt2010怎么打包ppt2010文稿打包的

步骤,方法,教程,文稿,电脑软件,  所谓打包,指的就是将独立的已综合起来共同使用的单个或多个文件,集成在一起,生成一种独立于运行环境的文件。将PPT打包能解决运行环境的限制和文件损坏或无法调用的不可预料的问题,那么下面小编就教你ppt2010…

Photoshop创意合成沙发上的美女人

Photoshop创意合成沙发上的美女人

创意,人像,思路,美女,沙发上,本教程主要使用Photoshop详解沙发人像后期创意合成教程,这是国外大神Aaron Nace的一个教程,大家可以看看这个教程的后期调整思路,整体的创意非常的不错,在这里和大家一起学习。效果图:处理画面背景部分抢眼的东西,目…

React根据宽度自适应高度的示例代

React根据宽度自适应高度的示例代

示例代码,自适应高度,宽度,电脑软件,React,有时对于响应式布局,我们需要根据组件的宽度自适应高度。CSS无法实现这种动态变化,传统是用jQuery实现。而在React中无需依赖于JQuery,实现相对比较简单,只要在DidMount后更改width即可Try on Codepe…