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

作者:布噜盒子 出处: 首先建立背景 然后用圆角矩形 圆角5px 尺寸和颜色图片有说明 这里使用软画笔提亮背景,笔触300像素大小 原教程中没有的步骤,为了让字体有一点突出感,我加了点投影,细微的变化 拉渐变,可以

学PS新手:ps基本操作知识

经典的Photoshop技巧大全,如果你是初级阶段的水平,熟读此文并掌握,马上进阶为中级水平。绝对不是广告噢。 1. 快速打开文件 双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。 2. 随意

作者:布噜盒子   出处:
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图

首先建立背景

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(1)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(2)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(3)

  

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(4)

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(5)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(6)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(7)

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

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

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(8)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(9)

  分享完毕~

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

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(10)
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(11)
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(12)

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(10)
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(11)
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(12)作者:布噜盒子   出处:
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图

首先建立背景

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(1)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(2)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(3)

  

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(4)

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(5)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(6)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(7)

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

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

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(8)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(9)

  分享完毕~

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

作者:布噜盒子   出处:
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图

首先建立背景

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(1)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(2)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(3)

  

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(4)

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(5)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(6)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(7)

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

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

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(8)

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

  

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(9)

  分享完毕~

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

Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(10)
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(11)
Photoshop教程:轻松绘制黑色风格导航条文字(3)插图(12)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部