Photoshop轻松制作Apple网站导航条按钮

[复制链接]
查看3462 | 回复3 | 2009-1-26 22:34:18 | 显示全部楼层 |阅读模式

马上注册登陆,显示高清大图

您需要 登录 才可以下载或查看,没有账号?注册(请务必填写正确的邮件地址,否则无法通过验证)

×
1.新建立一个500*50px的文档,然后选择矩形选框工具,设置模式为固定大小宽为 480px 高为 35px 绘制一个矩形选区。


                               
登录/注册后可看大图



2.现在,执行“选择” ->“修改” ->“平滑”在出现的对话框中设置为33px,创建一新图层,把选区填充为任意颜色。


                               
登录/注册后可看大图



3.设置该图层的图层样式:渐变叠加,#949494- #d2d2d2进行渐变。


                               
登录/注册后可看大图



投影: #b1b1b1。


                               
登录/注册后可看大图



4.填写一些字符,这里使用英文字符Segoe UI字体,颜色#383838,大小为14pt。


                               
登录/注册后可看大图



5.为文字添加投影样式。


                               
登录/注册后可看大图



6.现在效果如下。


                               
登录/注册后可看大图



7.现在我们在文字之间添加分隔线。创建新图层,使用铅笔工具,绘制两条线,使两条线分开1px,颜色设置为白色。最后改变图层模式为柔光,不透明度降低到20%。


                               
登录/注册后可看大图




8.创建一新图层,绘制一条1px线,颜色为#808080,把它放到上面两条线的中间,图层模式不变,把不透明度降低到35%,效果如下。


                               
登录/注册后可看大图




9.依次复制上面两个图层,把这种效果添加到**的导航文字中间,效果如下。


                               
登录/注册后可看大图




10.现在,我们来简单制作翻滚效果。在一个文字的区域设置选区,效果如下图。


                               
登录/注册后可看大图



11.创建新图层,填充选区为任意颜色,然后添加图层样式,渐变叠加: #666666- #a1a1a1。


                               
登录/注册后可看大图




12.把字体的颜色改变为白色,并且添加投影效果: #454545。


                               
登录/注册后可看大图



13.最终效果如下。


                               
登录/注册后可看大图
meing | 2009-6-28 19:44:32 | 显示全部楼层
很感谢这么详细的讲解!
李力李力 | 2015-4-8 23:02:09 | 显示全部楼层
不知怎样用

本版积分规则