查看: 98|回覆: 0

[photoshop] photoshop制作出时尚耐看的深蓝色网站导航效果

[複製鏈接]

3

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2012-6-1
發表於 2011-8-10 11:09:03 | 顯示全部樓層 |閲讀模式
先看效果图

网站 导航 ps教程

新建文档560x300像素,背景黑色,建新层,画一白色圆角矩形。

网站 导航 ps教程

添加图层样式。

网站 导航 ps教程

网站 导航 ps教程

网站 导航 ps教程

颜色请采样我的截图,效果如下(局部)

网站 导航 ps教程

新建图层1,调出圆角矩形选区,填充白色,把选区左挪2像素。(最后的效果里我修改了一下,挪了1像素)

网站 导航 ps教程

删除,图层模式改为叠加,重复这个步骤,做出导航2端的亮边。

网站 导航 ps教程

输入一些白色文字,比如关于我们 联系方式博客等等,添加图层样式。

网站 导航 ps教程

网站 导航 ps教程

下面制作鼠标悬浮框,就是鼠标移到文字上面时,会有不同的视觉样式呈现,一般用CSS来完成,建新层,做一矩形选区,透明到黑径向渐变。

网站 导航 ps教程

图层模式柔光,不透明度90%。

网站 导航 ps教程

建新层,做如下矩形选区,填充白色。

网站 导航 ps教程

添加蒙版,黑白对称渐变,图层不透明度90%,可能会有超界的白边,用笔刷涂抹掉即可。

网站 导航 ps教程

这样,一个简单的网站导航就制作完成了,本ps教程到此结束。

网站 导航 ps教程

回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部