瑞星卡卡安全论坛

首页 » 综合娱乐区 » 影音贴图 » 卡卡PS大学堂——第24课 ps制作Windows 7风格导航
冰心一点 - 2009-11-4 16:14:00
一个Windows 7风格的导航菜单。下面是简单的制作步骤。




制作背景
(1)新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,
选择径向渐变工具。从中间拖动得到下面效果:




(2)添加散射光条文。新建一层,左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状,如果没有可以点击右边的小箭头,追加形状。




选中并在图层上拖动得到如下效果:




前景色设为白色(#ffffff),选择钢笔工具,右击路径--填充路径。得到下图:




右击路径--删除路径。选择“滤镜”-模糊-高斯模糊-5个像素。单击确定。图层混合模式改为“柔光”。不透明度为30%。




添加Windows 7字样及logo。

制作导航背景

(1)新建一图层命名为“nav”。拖出一个黑色矩形框。高度根据自己需要。





填充改为:10%。新建一图层,制作边线。画两根1px线,上边一根黑色,透明度50%,下面一根白色。





复制顶线,移动至底部:




制作导航按钮

(1)新建图层,做出如下选区,注意上下边缘:


用户系统信息:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; Alexa Toolbar)
冰心一点 - 2009-11-4 16:15:00
填充黑色,不透明设为“0”,描边:




(2)复制上面的图层,清除图层样式,添加如下样式:




渐变叠加,颜色由白色 到透明。描边:




得到如下:




制作右下角高光边框:




添加图层蒙版,前景黑色背景白色。拖动得到如下效果:




最终:


win7素材图

附件: win7.rar
鬼鬼小猫咪 - 2009-11-4 16:30:00
下面的那些按钮是单独做的控件吗?
冰心一点 - 2009-11-4 16:33:00
第一个导航按钮图层

将其复制、粘贴、移动即可得到其他按钮
鬼鬼小猫咪 - 2009-11-4 16:43:00
哦,原来是这样,谢谢.
冰心一点 - 2009-11-4 16:54:00
:kaka12: 或者按钮部分你可以不厌其烦的重复制作....
A小可 - 2009-11-4 17:12:00


我承认我偷懒了,我这是显卡不好的win7,哈哈,建议PS能力稍强点的来学习这次的教程。

不过楼主的教程,也太偷工减料了:kaka8:
图匪 - 2009-11-6 19:41:00
Up  加油 多出教程
junONEforTWO - 2009-11-7 13:32:00
很好,把颜色调暗,就可以做桌面了:kaka7: :kaka7:
航少 - 2009-11-9 20:43:00
该用户帖子内容已被屏蔽
航少 - 2009-11-9 20:45:00
该用户帖子内容已被屏蔽
丁丁1112 - 2009-11-10 0:34:00
study~~~
藏马007000 - 2009-11-10 15:46:00
多整点WIN7的素材
1
查看完整版本: 卡卡PS大学堂——第24课 ps制作Windows 7风格导航