桌面天下美化技术1区's Archiver

24小时热点信息 系统美化技术交流1区 | 资源下载分享 | 邀请才可以登陆 娱乐时尚2区 | 免费开放注册 天下fans的后园,博客、日记、相册!很好玩、很强大

发表于 2007-8-30 10:06

用PS制作Vista风格网站导航条

Photoshop制作Vista风格网站导航条。  新建立文件500px * 50px,制作480px * 30px的一个选区。
[align=center][url=http://www.68design.net/art/images/UMpno1MKe5T1UbD.jpg][img]http://www.68design.net/art/images/UMpno1MKe5T1UbD.jpg[/img][/url][/align]  执行“选择”-> “修改” -> “平滑”,设置半径为 2px。效果如下。
[align=center][url=http://www.68design.net/art/images/KCLRf2C1H9TeVT7.jpg][img]http://www.68design.net/art/images/KCLRf2C1H9TeVT7.jpg[/img][/url][/align]  创建一个新图层,填充选择为任何颜色。
  应用图层样式。渐变颜色为 #313332 到 #46474a
[align=center][url=http://www.68design.net/art/images/2Dj3P5dMjjSD1ue.jpg][img]http://www.68design.net/art/images/2Dj3P5dMjjSD1ue.jpg[/img][/url][/align]  描边颜色为 #676767。
[align=center][url=http://www.68design.net/art/images/5RxAur9ey1kE4kB.jpg][img]http://www.68design.net/art/images/5RxAur9ey1kE4kB.jpg[/img][/url][/align]  选择上面的部分。
[align=center][url=http://www.68design.net/art/images/KRDg0SKVM8TnERA.jpg][img]http://www.68design.net/art/images/KRDg0SKVM8TnERA.jpg[/img][/url][/align]  新建立一图层,从上到下用白色到透明进行渐变填充。
[align=center][url=http://www.68design.net/art/images/31jlhWD2vWgj9NG.jpg][img]http://www.68design.net/art/images/31jlhWD2vWgj9NG.jpg[/img][/url][/align]  图层模式改为线性减淡,不透明度35%。
[align=center][url=http://www.68design.net/art/images/dQrUKmq1QM52xsd.jpg][img]http://www.68design.net/art/images/dQrUKmq1QM52xsd.jpg[/img][/url][/align]  效果如下。
[align=center][url=http://www.68design.net/art/images/jJARbdtGxbOLIGH.jpg][img]http://www.68design.net/art/images/jJARbdtGxbOLIGH.jpg[/img][/url][/align]  再建新图层,使用单行选框工具在上部选择1px区域。
[align=center][url=http://www.68design.net/art/images/uVcPst3CJfLkSVo.jpg][img]http://www.68design.net/art/images/uVcPst3CJfLkSVo.jpg[/img][/url][/align]  填充为白色。
[align=center][url=http://www.68design.net/art/images/ydp6dZTjMCfd4IY.jpg][img]http://www.68design.net/art/images/ydp6dZTjMCfd4IY.jpg[/img][/url][/align]  按Ctrl单击最下面的图层
[align=center][url=http://www.68design.net/art/images/FOTE7wM6uKPPHyz.jpg][img]http://www.68design.net/art/images/FOTE7wM6uKPPHyz.jpg[/img][/url][/align]  执行“选择” -> “反选”,按Del。
[align=center][url=http://www.68design.net/art/images/u0OVz4aoMzD9N8t.jpg][img]http://www.68design.net/art/images/u0OVz4aoMzD9N8t.jpg[/img][/url][/align][align=center][url=http://www.68design.net/art/images/As6wuNlVSafeRdg.jpg][img]http://www.68design.net/art/images/As6wuNlVSafeRdg.jpg[/img][/url][/align]  改变图层混合模式为柔光,不透明度为60%。
[align=center][url=http://www.68design.net/art/images/FxSnzRqEbwEcexA.jpg][img]http://www.68design.net/art/images/FxSnzRqEbwEcexA.jpg[/img][/url][/align]  下面添加一些字符。创建一 130px * 24px 选区,然后“选择” -> “修改” -> “平滑”,设置半径为2px。
[align=center][url=http://www.68design.net/art/images/RzOwZ6U8VqRfd0m.jpg][img]http://www.68design.net/art/images/RzOwZ6U8VqRfd0m.jpg[/img][/url][/align][align=center]建立新图层,任意颜色填充选区,添加图层样式,渐变设置 #000000 到 #2f3233。[/align][align=center][url=http://www.68design.net/art/images/Gri78jIATCAO4xx.jpg][img]http://www.68design.net/art/images/Gri78jIATCAO4xx.jpg[/img][/url][/align]  描边设置 #0f1011 到 #575858。
[align=center][url=http://www.68design.net/art/images/ZiemU9SPcA3Q04J.jpg][img]http://www.68design.net/art/images/ZiemU9SPcA3Q04J.jpg[/img][/url][/align]  创建新层,然后按Ctrl单击图层,执行“编辑” -> “描边”设置如下。
[align=center][url=http://www.68design.net/art/images/atoJozNubBMsFyP.jpg][img]http://www.68design.net/art/images/atoJozNubBMsFyP.jpg[/img][/url][/align]  图层不透明度设置为15%。
[align=center][url=http://www.68design.net/art/images/YqCcht7xwyZk2St.jpg][img]http://www.68design.net/art/images/YqCcht7xwyZk2St.jpg[/img][/url][/align]  选择一半创建新图层填充颜色,然后从上到下应用白色到透明的渐变效果。
[align=center][url=http://www.68design.net/art/images/d2KoraUavYPlpdz.jpg][img]http://www.68design.net/art/images/d2KoraUavYPlpdz.jpg[/img][/url][/align]  不透明度设置为80%。
[align=center][url=http://www.68design.net/art/images/xS3th63iXM3i8sD.jpg][img]http://www.68design.net/art/images/xS3th63iXM3i8sD.jpg[/img][/url][/align]  添加字符,字体为Verdana 字号11pt,白色。
[align=center][url=http://www.68design.net/art/images/evoLn0yaKRem5s8.jpg][img]http://www.68design.net/art/images/evoLn0yaKRem5s8.jpg[/img][/url][/align]  我们在文字中间添加分隔线.创建新层,使用单列选框工具选择区域,填充颜色为#1a1b1c,向右移动选区1px再次填充为#5d5f60再向右移动1px填充为#232526
[align=center][url=http://www.68design.net/art/images/eYmOXyBaq8t2Ssm.jpg][img]http://www.68design.net/art/images/eYmOXyBaq8t2Ssm.jpg[/img][/url][/align]  用20px柔笔刷擦除上下的部分,图层不透明度设置为50%
[align=center][url=http://www.68design.net/art/images/loP6qYiKielCB0Z.jpg][img]http://www.68design.net/art/images/loP6qYiKielCB0Z.jpg[/img][/url][/align]  复制该图层移动到下一个位置.
[align=center][url=http://www.68design.net/art/images/YWIrcB1hlwyXr2s.jpg][img]http://www.68design.net/art/images/YWIrcB1hlwyXr2s.jpg[/img][/url][/align]  最终效果
[align=center][url=http://www.68design.net/art/images/JIKFlfR6uWtQumb.jpg][img]http://www.68design.net/art/images/JIKFlfR6uWtQumb.jpg[/img][/url][/align]

jjp_sy 发表于 2008-1-21 09:27

会画但不会用:dtbq005

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.