当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单绘制专业的网页按钮

Photoshop
Photoshop 逼真的流水动画
Photoshop 艳丽的金属边框字效果
photoshop 详细制作手拿神秘魔法球的女巫师
Photoshop 文字特效 晶莹的损边的玻璃字
Photoshop 艳丽梦幻的水下人物照片
photoshop 经典合成梦幻天空漂浮的小岛
photoshop 合成僧侣的信仰
photoshop 利用素材和样式制作超炫火焰字
arpad标志作品精选
国内顶级标志作品
Neverdone另类标志作品
国外体育运动标志
国外最新个性标志作品
最新创意网站标志
国外创意网站标志
流行酷站标志
Mystocklogo精美创意标志
房地产标志精选
国内外创意标志精选
非常直观的标志作品

Photoshop简单绘制专业的网页按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 720 ::
收藏到网摘: n/a

  在这个教程里我们教大家如何利用Photoshop简单制作一个流行的、专业的、具有光泽的网页中经常用到的按钮,最终效果如下:

Photoshop简单绘制专业的网页按钮

  1.新建立文档,创建一个新的图层,使用椭圆工具绘制选区,然后执行“选择”“修改”“平滑”,设置数值12。

  2.然后使用渐变工具从蓝色到浅蓝色进行线性填充:

Photoshop简单绘制专业的网页按钮

  3.新建立图层,使用“编辑”“描边”数值为 4 px.

  4.然后对选定区域执行高斯模糊,半径为 1,5:

Photoshop简单绘制专业的网页按钮

  5.下面开始制作反射效果,新建立图层,选定一定区域,然后执行“选择”“修改”“收缩”,数值为 8 px.:

Photoshop简单绘制专业的网页按钮

  6.在第一个下面的图层的上部执行渐变填充,然后执行高斯模糊滤镜:

 

Photoshop简单绘制专业的网页按钮

  7.执行“编辑”“变换”“斜切”:

Photoshop简单绘制专业的网页按钮

  8.复制图层设置不透明度为80。

  9.最后添加一种阴影效果:

Photoshop简单绘制专业的网页按钮