Photoshop制作质感网页导航条文字效果

2016-02-16 08:58 20 1 收藏

下面，图老师小编带您去了解一下Photoshop制作质感网页导航条文字效果，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - PS 】

先看看最终效果图

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

首先建立背景

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

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

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

Photoshop制作质感网页导航条文字效果,PS教程,图老师教程网

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

来源:http://www.tulaoshi.com/n/20160216/1570516.html

上一篇： Photoshop处理儿童生活照的教程
下一篇： Photoshop制作镶边水晶花效果

看过《Photoshop制作质感网页导航条文字效果》的人还看了以下文章更多>>

Photoshop制作透明风格的网页导航条

标签： PS PS基础

首先声明，这个透明的导航不是我发明的，我是借鉴和学习，其次，我在做的过程中遇到很多问题，是前辈们没有讲出来的。是通过我一点点研究出来的成果，所以解决的问题是原创，最后，希望把东西分享给更多的人，让大家少走弯路，多进步。先发一组模拟的效果图那么接下来我们开始吧 1. 新建一个画布(我的是1000*1000px，新手可以效仿)...

PS制作2016质感文字效果

标签： PhotoShop PS PS教程

PS制作2016质感文字效果。下面就让小编为大家介绍具体步骤; 效果图：

PS制作粉嫩质感文字效果

(图老师整理) 【PS文字特效】PS制作粉嫩质感文字效果 PS制作粉嫩质感文字效果

制作质感逼真水泥文字效果

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果图 1、新建一个宽度为12厘米，高度为7厘米，分辨率为350像素的文件。 2、选择工具箱中的“文字工具”，在文字面板中设置文字颜色为50%的灰色，在文件中输入文字，效果如图01所示。图01在文件中输入文字 3、按Ctrl键单击文字图层，调出文字选区，切换到通道面板，单击面板底部的“将选区存储为通道”按钮，将选区...

PS制作质感金属文字效果