当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop制作酷炫导航条

Photoshop
Photoshop结合数位板绘制逼真的眼睛教程
那村老师结婚照片偏灰修复教程
photoshop 图片处理中八种快速突出主体的方法
Photoshop调成人物照片的暗黄质感色彩教程
Photoshop调出乏色照片的梦幻效果教程
Photoshop 手机废片的艺术效果
PS鼠绘一枝国画腊梅教程
photoshop打造漂亮的数码金属水晶按钮教程
Photoshop制作通透的滤色水晶按钮教程
photoshop 双环水晶纹理按钮制作教程
Photoshop白边水晶按钮制作教程
photoshop 高光按钮制作常用教程
Photoshop 黑白水晶按钮制作教程
photoshop 巧用图层样式制作漂亮水晶按钮教程
photoshop 水晶按钮常用制作教程
photoshop Vista风格按钮制作教程
photoshop 木头风格按钮的制作教程
photoshop 网页常用水晶按钮的制作教程
photoshop 美女水晶按钮的制作
photoshop 人像网页按钮制作教程

Photoshop 中的 photoshop制作酷炫导航条


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

最终效果:

1.新建一个600*150的文件,背景填充黑色。选择“圆角矩形工具”画一个同样填充黑色的圆角矩形,

选择“添加图层样式—斜面浮雕—描边”:

得到如下效果:

2.制作高光区。新建图层,选择钢笔工具,绘出一个方框如下:

右键单击钢笔路径转换成选取并填充白色。

黑色的圆角矩形框载入选区--ctrl+左击图层,选择白色图层,反选—删除,删除多余的部分。

添加由(#4a4a49)到(#d5d5d5)的渐变叠加:

得到如下效果:

3.输入导航文字颜色分别为:#ffffff & #d9ff3f;

4.输入“-----”旋转90°作分割线,添加白色正方形小方框;

5.软键盘输入“¬“;完成。

供稿:蜗爱css(www.woaicss.com)