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

Photoshop
Photoshop抠图实例教程:怀恋抽出滤镜
Photoshop教程:打造迷人的大眼睛美女
国内外最佳的photoshop教程网站推荐
Photoshop调出人物照片的艳丽蓝色调
Photoshop打造一只绿色的蝴蝶精灵
用Photoshop轻松打造淡色非主流效果
photoshop照片教程:有浪漫感觉的美女
photoshop教程:绚彩头发效果制作
photoshop调色新方法:阳光美女色彩
photoshop打造圣诞美女
photoshop打造动感水裙效果
Photoshop调出照片的柔和梦幻色彩
Photoshop教程:韩式动态签名制作
photoshop打造健康质感美女照片
Photoshop CS4教程:庆元旦迎新春海报
Photoshop教程:人像照片的简单修饰
Photoshop调出人物照片时尚的淡紫色
Photoshop三步调出照片柔和的蓝黄色
Photoshop快速给淡色美女图片上色
Photoshop制作隙云效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-20   浏览: 435 ::
收藏到网摘: 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

 

  分享完毕~

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