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

Photoshop
photoshop 利用滤镜及素材打造超酷的火焰字
Photoshop 古典的油画效果处理方法
Photoshop 调出美女质感的红紫色肤色
Photoshop 一只可爱的卡通小蜜蜂
photoshop 鼠绘忧郁的少女头像
各种男女围巾围法图文
Photoshop调色教程之外景人物柔美的淡橙色
Photoshop 偏色的人物照片修正并美化
Photoshop 调出偏暗人物图片时尚的粉色调
Photoshop 花纹装饰的立体字
phtoshop 鼠绘一张表情自然的明星图片
Photoshop 滤镜打造梦幻的彩色光束
Photoshop 打造漂亮的心形宝石
Photoshop 超酷的实物打散效果
Photoshop 打造浪漫的蓝黄色照片
Photoshop 偏暗人物自然美白教程
Photoshop 一棵梦幻的圣诞树
photoshop 合成给小猫绘制素描的现场图片
photoshop 简单三步冷色图片打造成柔美的暖色照片
Photoshop 一片漂亮的羽毛

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


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

 

  分享完毕~

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