手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop制作有阴影的水晶导航按钮
Photoshop制作有阴影的水晶导航按钮
摘要:本教程是向大家介绍利用Photoshop制作有阴影的水晶导航按钮,效果非常不错,适合新手朋友学习,本Photoshop教程的按钮制作比较简单...

本教程是向大家介绍利用Photoshop制作有阴影的水晶导航按钮,效果非常不错,适合新手朋友学习,本Photoshop教程的按钮制作比较简单。大致的过程:先画好想要的按钮形状,可以使任意图形。然后设置一些图层样式,后面加上高光和文字即可。 感兴趣的朋友可以学学这种制作方法

最终效果:

Photoshop制作有阴影的水晶导航按钮1

1、把底图层填充成灰色,再创建一个新图层,在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5px的下拉阴影,如下图:

Photoshop制作有阴影的水晶导航按钮2

2、新建一图层,起名”深色”,用深兰色填充(颜色值为#0141af) 如下图:

Photoshop制作有阴影的水晶导航按钮3

3、用橡皮擦工具(模式:画笔 直径:200px 硬度:0 不透明:100% 流量:80% ) 在”深色”层点几下,如下图:

Photoshop制作有阴影的水晶导航按钮4

4、制一个”深色”层,应用这个层的混合选项里的内阴影,具体数值如下图:

Photoshop制作有阴影的水晶导航按钮5

5、用椭圆选框工具画出如下图这个样子:

Photoshop制作有阴影的水晶导航按钮6

新建一个层起名为”白色” 选区反选(Ctrl+Shift+i)后填充白色,如下图:

Photoshop制作有阴影的水晶导航按钮7

载入咱们最早保存的那个选区,执行反选(Ctrl+Shift+i) 然后Delete多余白色,结果如下图:

Photoshop制作有阴影的水晶导航按钮8

6、对这个”白色”层应用高斯模糊 (滤镜—模糊—高斯模糊) 模糊值为:3px 如下图:

Photoshop制作有阴影的水晶导航按钮9

7、调整”白色”层的透明度,如下图:

Photoshop制作有阴影的水晶导航按钮10

最终效果:

Photoshop制作有阴影的水晶导航按钮11

以上就是Photoshop制作有阴影的水晶导航按钮步骤,关键步骤都讲完了,剩下的就是根据自己的需要加上字啊,阴影什么的,大家可以自己尝试制作一下。希望本教程对大家有一定的帮助!

【Photoshop制作有阴影的水晶导航按钮】相关文章:

用Photoshop制作自己喜爱的动画表情

Photoshop制作唯美喜庆的新年人物签名效果图

photoshop合并图层操作步骤及注意事项

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

Photoshop将照片转成水彩画特效

使用Photoshop为图片批量加水印的方法

Photoshop快速制作朦胧感艺术照片

Photoshop简单制作通透的水晶按钮

photoshop教你制作自定义笔刷

用Photoshop缩小图片而不改变像素的方法分享

精品推荐
分类导航