繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS教程:快速制作质感的网页按钮
- Photoshop
- 通道抠图让漂亮MM无处不在：桔子教程系列
- 精细调整还你山清水秀：桔子教程系列
- 桔子教程合集封面制作
- 桔子自然去除双下颌
- Photoshop基础教程：曲线调整实战攻略之亮度篇
- Photoshop基础教程：曲线调整实战攻略之反相篇
- Photoshop基础教程：曲线调整实战攻略之饱和度篇
- Photoshop基础教程：曲线调整实战攻略之对比度篇
- Photoshop基础教程：曲线调整实战攻略之颜色调整篇
- Photoshop基础教程：曲线调整实战攻略之选择篇
- 找回调整损失掉的亮度信息
- 调色游戏（色相/饱和度调偏色猫）
- PS CS2新增功能之Vanishing Point消失点工具的使用
- 图层样式高级混合（桔子回答学友问）
- 桔子跑光照片修复教程
- 桔子系列—头发融入背景抠图教程
- 桔子可选颜色实战篇
- 桔子自然美肤教程—简单实用纹理保留篇
- 桔子PS表格制作全新方法！
- 桔子教你做抽线效果详解
Photoshop 中的 PS教程:快速制作质感的网页按钮
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-01 浏览: 297 ::
收藏到网摘: n/a
网页按钮制作的要点是质感的细节处理，比如文中的按钮主要是四边的效果制作，看着不明显但细节处理好后按钮的质感就能体现出来。当然颜色的选择也很重要。
按扭效果图：
1.打开photoshop,然后新建一个文档250*150,并填充背影:#252a38.
2.在工具箱上选择椭圆图标并设置如图:
新建一个图层,然后填充一个颜色.
3.在调色板上设置如下:
使用渐变,渐变如下
4.双击图层,打开图层样式,给图层添加阴影.
再添加一个描边,但是这样描边和平常不太一样,是用渐变抽边,设置如图所示.
5.在工具箱上选择加深和减淡工具,设置如图:
然后在图所标识的地方,涂沫如下.
效果如下:
6.选择椭圆选区,作出效果如下.
7.添加渐变,设置如图:
从上而下线性渐变
按ctrl+D取消选区,并更改图层的不透明度:40%,混合模式为:opacity.
8.现在使用文字工具,添加文字并设置图层样式.
效果如下:
9.添加下面的文字,效果如下:
10.在这个网站下载图标(icon).然后导入photoshop,按ctrl+U,设置如下,最后更改混合模式:overlay.
你也可以做一个导航菜单:
评论 (0) All
