精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>图象处理>Photoshop教程>正文

Photoshop制作水晶按钮网页导航


来源:bonesblog.net 时间:07-09-10 点击: 点击这里收藏本文

  水晶效果按钮在很多网站运用得越来越多,在下面教程中,我们就跟着作者的思路,学习如何用photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以根据页面的整体效果做调整~

  我们先看看效果图

推荐!Photoshop制作水晶按钮网页导航
效果图

  我们开始学习教程

  新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置

推荐!Photoshop制作水晶按钮网页导航
图1

  新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

推荐!Photoshop制作水晶按钮网页导航
图2

  如果大家得到这样的结果

推荐!Photoshop制作水晶按钮网页导航
图3

  就需要将“对齐像素”的选项给勾上

推荐!Photoshop制作水晶按钮网页导航
图4

  为这个图层添加图层样式

推荐!Photoshop制作水晶按钮网页导航
图5

9 7 3 1 2 3 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.