Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

ps制作属于自己的水晶导航,美工必学

[复制链接]
qdzhaokui 发表于 2010-6-27 10:10:58 | 显示全部楼层 |阅读模式
ps制作属于自己的水晶导航,美工必学
有问题请到中国logo设计制作网提问 提供logo设计服务 商标注册 商标设计 标志设计 vi设计服务
水源logo关注网站www.shylogo.com
欢迎加入我们素材推荐群113203719 我们每日会为大家推荐一些非常好 www.logozhizuowang.com

网站制作中导航栏的设置非常重要。漂亮的导航按钮和菜单会给网站增色不少。下面介绍一款精致的水晶风格按钮的制作。作者不仅介绍了按钮的制作还介绍了文字部分的制作方法,非常值得学习。
最终效果



1、创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。



2、应用层样式:内发光,混合模式:滤色,方法:柔和。



3、渐变叠加:颜色设置为:#5e80a3,#839db8,#b8c7d6。



4、描边: #5e80a3。



5、这就是它应该呈现的样子。



6、现在打上菜单文字,字体Segoe,大小:14 pt,颜色白色#ffffff。


7、给字体链接应用层效果:描边 #53769a。



8、创建一个新层。选择矩形选框工具,绘制1px宽度的线条并使用# ffffffs填充。



9、复制这个层接着在每个链接之间添加每个线条。现在选择矩形选框工具选取线条底部的区域覆盖到所有的线条,然后使用选择- >修改- >羽化和应用5px半径。按下Del然后采取相同的方法处理上方的线条。



10、将线条图层的混合模式改为柔光。



11、使用矩形选框工具选取你链接的内部区域 (在两个线条之间)然后填充任何你想要的颜色。


12、现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3。



13、这就是它应该呈现的样子。



14、现在使用矩形选框工具2px的半径绘制一个小矩形使用#ffffff填充。



15、应用如下的层效果到形状图层: 内发光(混合模式:叠加)。


16、渐变叠加: #e6e6e6 和 #ffffff。



17、描边: #5e80a3。



18、这就是它应该呈现的样子。



19、在形状内输入“search”使用Segoe字体,大小为 12pt 颜色#7b7b7b。



最终效果:


baoyu101 发表于 2010-6-27 11:03:51 | 显示全部楼层
看看呵呵呵呵呵
回复

使用道具 举报

yessc 发表于 2010-6-27 11:17:18 | 显示全部楼层
写的很辛苦,,支持一下
回复

使用道具 举报

nightowl 发表于 2010-6-28 12:30:50 | 显示全部楼层
感谢分享
回复

使用道具 举报

风尘守望者 发表于 2010-6-28 14:47:45 | 显示全部楼层
刚发的教程啊, 很美,很好。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-22 15:00 , Processed in 0.025762 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表