当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS教程:快速制作质感的网页按钮

Photoshop
photoshop 利用液化滤镜快速给美女瘦身
Photoshop 制作 一张风格独特的新年贺卡
Photoshop制作神秘的火焰字效果
Photoshop将人物头像转成斑斓的火焰轮廓效果
Photoshop 打造清爽清晰的外景人物照片
photoshop 鼠绘一张简洁的写意国画
Photoshop 一张梦幻的紫色高光壁纸实例2
Photoshop 快速把杂乱的人物照片处理干净
Photoshop 中老年人脸上的皱纹快速消除方法
Photoshop 一款颓废风格的火焰字
photoshop 合成坐在圆窗上的美女
Photoshop 打造强对比的暗黄色外景照片
Photoshop 简单把美女头像转手绘效果
Photoshop 超酷的金属质感播放器
Photoshop 一颗带有蝴蝶结的立体心形
Photoshop 人物照片强对比的橙蓝色
photoshop 合成漂亮的森林女皇
Photoshop 人物脸部美白及细化五官
Photoshop 调出外景照片偏灰的红色调
photoshop 鼠绘一张另类的古典人物插画

Photoshop 中的 PS教程:快速制作质感的网页按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-01   浏览: 274 ::
收藏到网摘: 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.
网页美工教程,网页制作教程,导航菜单教程

你也可以做一个导航菜单: