Photoshop简单绘制水晶网页导航按钮- Photoshop

当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单绘制水晶网页导航按钮

Photoshop: Photoshop文字特效:晶莹剔透的水果糖文字; 矢量的ipad ui设计的PSD源文件; 作品欣赏:PS设计的26个出色的动物机器人; 作品欣赏:别出心裁的个性酒瓶设计实例; Photoshop调色教程:红润肤色的美女; Photoshop文字特效:梦幻彩色发光文字; Photoshop图片合成教程:水彩效果海报; Photoshop教程:时尚个性的撕皮特效; Photoshop教程:轻松绘制逼真的Apple IPAD; Photoshop影楼调色教程:可选颜色的使用; Photoshop教程:调色制作恐怖的电影场景; Photoshop图片:逼真的流泪特效; Photoshop绘制黑色的实用网页导航按钮; Photoshop绘制红色风格美丽的花瓣壁纸; Photoshop绘制碳纤维风格的网页导航按钮; Photoshop经典教程:90后女孩照片仿手绘; Photoshop教程:轻松绘制黑色风格导航条文字; Photoshop入门教程:制作搞笑的GIF动画; Photoshop入门教程:色彩搭配设计讲解; Photoshop教程:水彩特效的卡通小男孩

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-01 浏览: 145 ::

收藏到网摘: n/a

来源：中国古曲网作者：采旎
本教程介绍非常简单的水晶按钮的制作方法。制作的时候只要用圆角矩形拉出按钮的大小，然后加上图层样式和高光即可。教程只是个参考，其他形状的按钮制作方法类似。
最终效果

1、新建一个大小自定的文件，选择圆角矩形工具，半径设置为15像素，前景颜色设置为蓝色，拉出一个圆角矩形，然后双击图层调出图层样式，参数设置如下图。

2、新建一个图层，给按钮添加高光效果。用圆角矩形工具再画一个较小的圆角矩形，如下图。

3、把高光图层的透明度适当降低，图层混合模式改为“叠加”，效果如下图。

4、调节图层效果，可以做出其他颜色的按钮，最后加上文字完成最终效果。