当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:轻松绘制黑色风格导航条文字

Photoshop
Photoshop教程:爱的乐章广告海报的制作
Photoshop调色教程:打造美女红润真实肤色
Photoshop创意设计教程:人体穿孔的特效制作
Photoshop教程:简单合成鸡蛋上的眼睛
Photoshop创意设计教程:用笔刷制作艳丽音乐海报效果
Photoshop鼠绘教程:教你绘制可爱猫蝶图
Photoshop教程:打造母亲节温馨时刻
photoshop教程:用计算来合成图像,超简单
photoshop调色教程:打造天空更蓝更通透
photoshop调色教程:打造照片暗调效果
PhotoShop教程:简单打造破损效果
Photoshop教程:用滤镜给天空加上云彩
PhotoShop教程:用滤镜打造3D荧光球效果
PhotoShop初学者实例教程:图层样式制作漂亮的化石
Photoshop教程:合成打造唯美睡美人效果
Photoshop创意设计教程:咖啡壁纸效果的制作
Photoshop翻译教程:精美婚纱照效果的制作
PhotoShop初学者实例教程:逼真玻璃效果几例
PhotoShop初学者实例教程:运用涂抹工具制作水池中的美女
Photoshop初学者实例教程:简单几步打造艺术效果

Photoshop教程:轻松绘制黑色风格导航条文字


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

  首先建立背景

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  然后用圆角矩形 圆角5px 尺寸和颜色图片有说明

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  这里使用软画笔提亮背景,笔触300像素大小

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  

  原教程中没有的步骤,为了让字体有一点突出感,我加了点投影,细微的变化

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  拉渐变,可以直接用矩形选框,距离外框10px即可,然后渐变图层透明度为5%

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  

  写上目录,选自己喜欢的颜色和字体

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  然后是加分割线和调整点击时候的色彩

  这是我的最终效果,字体有些模糊,但是我觉得跟整个质感匹配~

  只不过放网页上的话,字有些不清晰

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  这个是老外的最终效果,文字使用的是无样式

  

Photoshop教程:轻松绘制黑色风格导航条文字_ruanchen.com

 

  分享完毕~

  挺简单的导航制作,半小时左右就可以完成,甚至更快……有兴趣可以试试哈