瑞星卡卡安全论坛综合娱乐区影音贴图 卡卡PS大学堂——第24课 ps制作Windows 7风格导航

12   1  /  2  页   跳转

卡卡PS大学堂——第24课 ps制作Windows 7风格导航

卡卡PS大学堂——第24课 ps制作Windows 7风格导航

一个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)
分享到:
gototop
 

回复:卡卡PS大学堂——第24课 ps制作Windows 7风格导航

填充黑色,不透明设为“0”,描边:




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




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




得到如下:




制作右下角高光边框:




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




最终:


win7素材图

附件附件:

文件名:win7.rar
下载次数:548
文件类型:application/octet-stream
文件大小:
上传时间:2009-11-4 17:24:16
描述:rar

最后编辑冰心一点 最后编辑于 2009-11-04 17:24:16
gototop
 

回复:卡卡PS大学堂——第24课 ps制作Windows 7风格导航

下面的那些按钮是单独做的控件吗?


gototop
 

回复 3F 鬼鬼小猫咪 的帖子

第一个导航按钮图层

将其复制、粘贴、移动即可得到其他按钮
gototop
 

回复 4F 冰心一点 的帖子

哦,原来是这样,谢谢.


gototop
 

回复 5F 鬼鬼小猫咪 的帖子

或者按钮部分你可以不厌其烦的重复制作....
gototop
 

回复: 卡卡PS大学堂——第24课 ps制作Windows 7风格导航



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

不过楼主的教程,也太偷工减料了
最后编辑A小可 最后编辑于 2009-11-04 17:15:57
总是这样,来一次,一次离开,曾经灌注了心血的地方,从那刻开始变得那么陌生。
昔日的吵吵闹闹,渐渐的退出视野,那些熟悉的人们,在各处,各自生活。
而这里,成为了“痕迹”。
多少年过去,不知又能留下多少的“痕迹”?
来来去去,最后还不只是剩下了回忆么?


Copyright © https://blog.axiaoke.cn All Rights Reserved.
gototop
 

回复:卡卡PS大学堂——第24课 ps制作Windows 7风格导航

Up  加油 多出教程
gototop
 

回复:卡卡PS大学堂——第24课 ps制作Windows 7风格导航

很好,把颜色调暗,就可以做桌面了
gototop
 

回复: 卡卡PS大学堂——第24课 ps制作Windows 7风格导航

该用户帖子内容已被屏蔽
gototop
 
12   1  /  2  页   跳转
页面顶部
Powered by Discuz!NT