PS教程:设计光感纤维网页导航按钮(3)

用ps制作关于我们按钮(3)

底部建新层，画一白色圆角矩形。 添加图层样式。 复制一个到另一侧，效果如下。

作者:佚名　  出处:UCD博客

我个人非常喜欢这种风格，在此和大家分享这篇教程！

下面是制作一张粗略的背景，为了体现质感，如果你不喜欢可以跳过，或者随你喜欢更换一个！
 

 

打开photoshop，新建一个400X400的文件，或者大一点也ok！找到下图两个颜色作为梯度背景色！

如下添加杂色数值不用很高0.5就好！

 

 

 添加一些纹理，或者用笔刷，图层20%的透明就好！

 
然后如下图用纹理笔刷（复古笔刷，随机网状笔刷）添加一些效果！
 

 

 

然后如下找一张图片叠加上去
 

OK！这一步完成了！

下面开始按钮制作！
用圆角路径工具勾出下面的形状！
 

复制几个

 

Ctrl+图层渐入选取，选择>修改>收缩2个像素

 

双击图层>渐变添加>添加如下颜色的渐变

用路径工具勾出下面的形状

 

删除选取能容

 

 

 对图层添加蒙版用黑到白的渐变拉出下面的效果

反向建出图层样式

一样拉出形状

删除能容，然后加蒙版拉渐变

 最后添加 文字 是不是很简单！

 

 
 

最后添加一层上面加一点光影渐变，减低透明度！

 

[完成]

是不是很简单！

作者:佚名　  出处:UCD博客

我个人非常喜欢这种风格，在此和大家分享这篇教程！

下面是制作一张粗略的背景，为了体现质感，如果你不喜欢可以跳过，或者随你喜欢更换一个！
 

 

打开photoshop，新建一个400X400的文件，或者大一点也ok！找到下图两个颜色作为梯度背景色！

如下添加杂色数值不用很高0.5就好！

 

 

 添加一些纹理，或者用笔刷，图层20%的透明就好！

 
然后如下图用纹理笔刷（复古笔刷，随机网状笔刷）添加一些效果！
 

 

 

然后如下找一张图片叠加上去
 

OK！这一步完成了！

下面开始按钮制作！
用圆角路径工具勾出下面的形状！
 

复制几个

 

Ctrl+图层渐入选取，选择>修改>收缩2个像素

 

双击图层>渐变添加>添加如下颜色的渐变

用路径工具勾出下面的形状

 

删除选取能容

 

 

 对图层添加蒙版用黑到白的渐变拉出下面的效果

反向建出图层样式

一样拉出形状

删除能容，然后加蒙版拉渐变

 最后添加 文字 是不是很简单！

 

 
 

最后添加一层上面加一点光影渐变，减低透明度！

 

[完成]

是不是很简单！

作者:佚名　  出处:UCD博客

我个人非常喜欢这种风格，在此和大家分享这篇教程！

下面是制作一张粗略的背景，为了体现质感，如果你不喜欢可以跳过，或者随你喜欢更换一个！
 

 

打开photoshop，新建一个400X400的文件，或者大一点也ok！找到下图两个颜色作为梯度背景色！

如下添加杂色数值不用很高0.5就好！

 

 

 添加一些纹理，或者用笔刷，图层20%的透明就好！

 
然后如下图用纹理笔刷（复古笔刷，随机网状笔刷）添加一些效果！
 

 

 

然后如下找一张图片叠加上去
 

OK！这一步完成了！

下面开始按钮制作！
用圆角路径工具勾出下面的形状！
 

复制几个

 

Ctrl+图层渐入选取，选择>修改>收缩2个像素

 

双击图层>渐变添加>添加如下颜色的渐变

用路径工具勾出下面的形状

 

删除选取能容

 

 

 对图层添加蒙版用黑到白的渐变拉出下面的效果

反向建出图层样式

一样拉出形状

删除能容，然后加蒙版拉渐变

 最后添加 文字 是不是很简单！

 

 
 

最后添加一层上面加一点光影渐变，减低透明度！

 

[完成]

是不是很简单！