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

Photoshop
PS一张漂亮的花朵壁纸
photoshop p出玻璃的犀利感效果
Photoshop打造璀璨珠帘
Photoshop简单快速制作茄子图标
PS手绘教程:绘制浪漫忍者美少女漫画背景
PS合成悬在空中的城堡废墟
Photoshop合成通往天界的神秘大门
Photoshop海报创意设计:热爱自然
Photoshop教程:彩色立体文字积木效果
Photoshop鼠绘教程:逼真的化妆水瓶子
Photoshop教程:绘制绚丽的数字气泡
Photoshop入门教程:网点和线性光
Photoshop美容教程:眼部睫毛修饰教程
Photoshop画笔和路径绘制精美梦幻特效
PNG格式图片优化技巧(网页设计师必须)
Photoshop鼠绘教程:绘制玻璃量杯
Photoshop简单规划VISTA风格网站首页布局
Photoshop制作带血的3D触角
Photoshop合成教程:令人赞叹的音乐壁纸
Photoshop制作钢丝绕成的弹簧文字特效

Photoshop 中的 photoshop制作酷炫导航条


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

最终效果:

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

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

得到如下效果:

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

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

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

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

得到如下效果:

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

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

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

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