中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档 | 网通镜像
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 图形图象 > 图象处理 > PhotoShop
Photoshop教程-导航条
作者:未知 时间:2000-12-23 12:12 出处:01DC工作室 责编:chinaitpower
              摘要:Photoshop教程-导航条




















daohangbar1.gif (2290 bytes) 1、建RGB文件[200宽*300高]、选一个较深的颜色填充背景。新建一个图层,命名为buttons,选择正方形选取工具,在新的层上拉一个正方形,拉的同时按住SHIFT,以保持比例。
daohangbar2.gif (3262 bytes) 2、用鼠标按住渐变工具按钮,从弹出的工具栏中选择用红线圈住那个。
daohangbar3.gif (2191 bytes) 3、下"D"键,设置成默认颜色,然后从左下角向右上角拉一条渐变线,按住SHIFT键,(呈45度角)效果如左图。
daohangbar4.gif (2298 bytes) 4、接下来缩小选区:Selection>Modify>Contract [2],缩小两个像素点,然后用一个中等灰度的颜色进行填充,取消选区,效果如左图。
daohangbar5.gif (3241 bytes)
daohangbar6.gif (1999 bytes)
5、选取按钮的一半(如图),按住Alt-Ctrl-Shift不放,同时按键盘上的右方向键,向右移动,到你需要的按钮大小为止(如图)。
daohangbar7.gif (2590 bytes)
daohangbar8.gif (2303 bytes)
6、选取整个按钮,先按住Alt-Ctrl不放,按键盘上的向下方向键,向下移动一次,复制一个按钮,然后松开Alt键,移动新按钮(注意这时在同一个层上)到合适的位置,Ctrl+方向键一次移动1像素,Shift+方向键一次移动10像素。当然也可以使用Copy+Paste的方式效果如左图。

daohangbar9.gif (2956 bytes)
7、建立一个新层,用圆形选择工具拉出一个椭圆来。按D、X键设置前景和背景色。渐变方式选线性渐变(第一个)。
daohangbar10.gif (2898 bytes) 8、现在从右往左拉位置如红线所示,左边不要太黑了。
daohangbar11.gif (2790 bytes) 9、好了!现在先按住Ctrl键,然后单击Buttons层,选中按钮区域,再反转选区,按Del删除渐变层中按钮区域以外的部分,这时如左图。
daohangbar12.gif (3110 bytes) 10、在面板内选一个小的矩形,前景设为白色,背景深灰色,然后用线性渐变工具从下向上拉渐变线,注意要越过顶部一点,(渐变效果浅点更好),下面就是复制几个相同的内嵌按钮了,同前面的方法面一样,注意调节位置。OK!至此导航面板大功告成了^!^下面来做一些修饰,让它更漂亮!
daohangbar13.gif (4223 bytes) 11、你可以选各个层,渲染不同的颜色(用IMAGE/HUE/SATURATION来调节)也可以为各个层打上阴影,再加上文字及一些小修饰等,总之,现在一切任你自由发挥了!快试试吧,祝每一位朋友都拥有自己别具一格的导航条!
(左边这个我加了一个金属的外框)

关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有