当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 简单的蓝色导航按钮

Photoshop
Photoshop 潮流风格运动鞋广告
Photoshop 五彩斑斓的水晶字
photoshop 利用选区和滤镜增强人物肤色质感
Photoshop 手机照片处理成卡通手绘效果
Photoshop 彩色线条运动美女
photoshop Lab模式下快速打造暗褐色婚片
Photoshop 漂亮的梦幻立体字
Photoshop 一颗梦幻的云彩心
Photoshop 擦拭起雾玻璃特效
photoshop 把曝光过度的人物照片转手绘效果
Photoshop 滤镜制作脱落的墙壁效果
Photoshop 宝宝照片加上梦幻装饰效果
Photoshop 石质立体字效果
photoshop 鼠绘漂亮的紫色婚纱美女
Photoshop 梦幻的蓝紫色室外婚片
photoshop CMYK模式下调出人物照片个性蓝色调
Photoshop 漂亮的彩色光影翅膀
Photoshop 通透的彩色玻璃珠子
Photoshop 画笔绘制高科技神奇的鹿
Photoshop 儿童照片可爱的紫色调

Photoshop 简单的蓝色导航按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 704 ::
收藏到网摘: n/a

最终效果

1、新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,选择径向渐变工具。从中间拖动得到下面效果:

 2、添加散射光条文。新建一层,左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状,如果没有可以点击右边的小箭头,追加形状。

3、选中并在图层上拖动得到如下效果:

4、前景色设为白色(#ffffff),选择钢笔工具,右击路径--填充路径。得到下图:
 
5、右击路径--删除路径。选择“滤镜”-模糊-高斯模糊-5个像素。单击确定。图层混合模式改为“柔光”。不透明度为30%。

6、新建一图层命名为“nav”。拖出一个黑色矩形框。高度根据自己需要。

7、填充改为:10%。新建一图层,制作边线。画两根1px线,上边一根黑色,透明度50%,下面一根白色。

 8、复制顶线,移动至底部:



9、新建图层,做出如下选区,注意上下边缘:

10、填充黑色,不透明设为“0”,描边:

 8、复制顶线,移动至底部:

9、新建图层,做出如下选区,注意上下边缘:

10、填充黑色,不透明设为“0”,描边:
 
13、制作右下角高光边框:

14、添加图层蒙版,前景黑色背景白色。拖动得到如下效果:

15、复制做好的按钮,再打上文字,完成最终效果: