首 页 | 网页模板 | 教程 | 源码下载 | 书籍下载 | 图片素材 | 字体 | JAVA特效 | FLASH源码 | 软件 | 矢量 | 论坛 | 其它 |
设为主页
加入收藏
联系站长
平面设计 | 网页制作 | 程序编写 | 数 据 库 | 媒体动画 | 网络冲浪 | 服务器相关 |
当前在线
广告:P4服务器电信机房6999/年即送产权 | 疾风下载
Photoshop教程-3d导航按钮
2004-9-1 6:07:00  作者:模板天下收集整理  来源:未知 网友评论 0 条 论坛
  

此教程虽然有一些老了点,我们此次更新的目的是让大家再学习一下这里的技巧,技巧多了才能制作出再好的作品来


3dbar1.gif (2922 bytes) 1、新建RGB文件[200宽*200高]、选一种颜色填充背景,新建一层,画一个圆角矩形(方法可参照前面的圆角教程),缩小选区[3]个像素,如图。
3dbar2.gif (2522 bytes) 2、新建一层,Ctrl+Shift+I反转选区,用黑色填充;然后Ctrl+A、Ctrl+X,将这层内容存入剪贴板。
3dbar3.gif (2740 bytes) 3、回到圆角矩形层,按着Ctrl单击层调入选区,Ctrl+Shift+V粘贴,做出黑色边框。
3dbar4.gif (2983 bytes) 4、在粘贴后自动建立的遮罩层上使用模糊滤镜:Filter-Blur-Gaussian Blur[3.5],模糊值与导航按钮的立体感成比。
3dbar5.gif (3124 bytes) 5、点击圆角矩形层,按Ctrl和方向键向上、向右各移动一个像素。然后为这一层添加阴影,内嵌线条,导航文字,使用其它色彩,导航按钮就完成了[如果要强化边缘,可以在这步移动之前新建一层,用白色描边:Edit-Stroke(Outeside、1),层合成模式选Overlay,层透明度降到(60-70)%。]
3dbar6.gif (2600 bytes) 6、应用示例[psd]。
3dbar7.gif (2872 bytes) 左图是参考EyeBall的导航栏做的,我们将不断把国外站点的优秀作品、界面做出来,介绍给大家。敬请期待。

>> 相关文章

关于网站 | 客服中心 | 服务条款 | 友情链接 | 广告联系 | 本站历程 | 网站导航

吉ICP备05000107号