手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop 玻璃图标按钮
Photoshop 玻璃图标按钮
摘要:最终效果图1、新建文档,使用圆角矩形工具Alt键绘制一个圆角正方形,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:icon-bg,...

最终效果图

Photoshop 玻璃图标按钮1

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

Photoshop 玻璃图标按钮2

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

Photoshop 玻璃图标按钮3

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

Photoshop 玻璃图标按钮4

4、按Ctrl单击该图层,然后执行“选择”“修改”“扩展”,来扩大选区范围,,大概为1px,然后在icon-bg下面新建图层,把矩形选区填充为白色,该图层命名为shine,效果:

Photoshop 玻璃图标按钮5

#p# 5、下面我们在最下图层的颜色改变为黑色,当作背景来使用,当然你可以设置其他颜色的背景

Photoshop 玻璃图标按钮6

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

Photoshop 玻璃图标按钮7

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

Photoshop 玻璃图标按钮8

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

Photoshop 玻璃图标按钮9

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

Photoshop 玻璃图标按钮10

#p# 10、然后隐藏黑色背景层:

Photoshop 玻璃图标按钮11

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

Photoshop 玻璃图标按钮12

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

Photoshop 玻璃图标按钮13

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

Photoshop 玻璃图标按钮14

14、拼合图层,在最下面建立一图层,绘制一个较小的椭圆:

Photoshop 玻璃图标按钮15

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

Photoshop 玻璃图标按钮16

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

Photoshop 玻璃图标按钮17

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

Photoshop 玻璃图标按钮18

18、最后调整透明度,最终效果效果如下:

Photoshop 玻璃图标按钮19

【Photoshop 玻璃图标按钮】相关文章:

Photoshop和ImageReady绘制精巧漂亮闪图

Photoshop制作可爱装饰相框

Photoshop绘制逼真相机镜头的详细图文教程

解读Photoshop等高线

Photoshop动作用法及批量处理图片方法

Photoshop绘制圣诞甜蜜拐棍糖果

Photoshop中关于图层的42条技巧

用Photoshop鼠绘头发详细过程

photoshop制作gif动画实例

Photoshop滤镜功能的使用方法图解

精品推荐
分类导航