手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop 轻松绘制黑色风格导航条文字
Photoshop 轻松绘制黑色风格导航条文字
摘要:首先建立背景然后用圆角矩形圆角5px尺寸和颜色图片有说明这里使用软画笔提亮背景,笔触300像素大小原教程中没有的步骤,为了让字体有一点突出感...

首先建立背景

Photoshop 轻松绘制黑色风格导航条文字1

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

Photoshop 轻松绘制黑色风格导航条文字2

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

Photoshop 轻松绘制黑色风格导航条文字3

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

Photoshop 轻松绘制黑色风格导航条文字4

Photoshop 轻松绘制黑色风格导航条文字5

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

Photoshop 轻松绘制黑色风格导航条文字6

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

Photoshop 轻松绘制黑色风格导航条文字7

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

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

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

Photoshop 轻松绘制黑色风格导航条文字8

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

Photoshop 轻松绘制黑色风格导航条文字9

分享完毕~

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

【Photoshop 轻松绘制黑色风格导航条文字】相关文章:

Photoshop打造非主流冷色调风格

Photoshop怎么导入eps格式文件?

Photoshop绘制牛仔裤口袋仿真细节图

photoshop滤色抠选透明的泡泡

Photoshop CS4最新窗口截图教程

Photoshop教程:绘制一枝傲雪红梅

photoshop简单绘制一条平行直线

Photoshop制作陈黄色调动漫风格的橱窗少女签名教程

Photoshop快速简单制作黄金手镯

Photoshop 制作苹果导航栏效果教程

精品推荐
分类导航