首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Glossy Navigation [with rollover effect!]

[ 作者来源:FireNova+pictual 编辑整理:PhotoShop资源网 更新时间: 2006-07-18 录入: 黄叶飞扬 ]

Hey time to show you how to make another type of glossy navigation heh lol ^_^

1. Open a new document and on a new layer make a rectangle using the rectangular marquee tool or just press 'M' on your keyboard and it will select it for you. Fill that rectangle in with some color.

按此在新窗口浏览图片


2. Apply these effects as they will give you the effect of the menu.

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片


3. Now hold ctrl down and click on the layer with the menu on. With it still selected make a new layer and then fill it with white. Press 'D' and then click ctrl+backspace. That will fill it in white for you.

按此在新窗口浏览图片


4. With the rectangle still selected move it up but you must have the rectangle marquee tool selected as you can only do it by that tool. Once you are above half way click ctrl+shift+I. That inverts the selection and now click backspace. That will delete the bottom half of the white rectangle.

按此在新窗口浏览图片


5. Once you deleted it click ctrl+d. This deselects the selection. Now set the layer with the white rectangle on at a lower opacity. I set mine to 15%. All is left is to add some text.

按此在新窗口浏览图片


6. You can always make a rollover effect and i will show you how to make it but not do it in imageready. Just on a new layer with the same color as the menu apply this effect.

按此在新窗口浏览图片


7. And you end up with something like this. 按此在新窗口浏览图片

按此在新窗口浏览图片


Hope you guys enjoyed the tutorial. 按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!