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

Photoshop
Photoshop 梦幻的透光海洋立体字
Photoshop 照片处理成仿真的立体效果
Photoshop 风景照片处理成水彩画效果
Photoshop 人物照片个性蓝色调
Photoshop 一个卡通水晶立体箭头
Photoshop 闪动文字特效 红心跳动Love字
photoshop 白云字
Photoshop 深海里的海洋文字
Photoshop 照片装成清新的古典仿手绘效果
Photoshop 照片艺术深蓝色
Photoshop 人物照片干净的中性色
Photoshop 人物肤色个性灰色质感色调
Photoshop 个性的艺术名片
Photoshop 一个半透明的立体图标
photoshop Lab模式下两步调出照片漂亮蓝紫色
Photoshop 偏暗人物的光亮粉色调
Photoshop 可爱的背景图案
Photoshop 婚片润色及加上梦幻装饰
Photoshop 照片加上斑斓的蓝色背景
Photoshop 偏色多斑的中老年人图片修复

Photoshop 简单的蓝色导航按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 538 ::
收藏到网摘: 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、复制做好的按钮,再打上文字,完成最终效果: