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

Photoshop
Photoshop初学者实例教程:打造逼真大理石效果
Photoshop教程:绘制质感很强的眼睛
Photoshop手绘教程:绘制HDV高清摄像机
Photoshop初学者实例教程:绘制一本软抄笔记本
Photoshop教程:绘制服装款式设计效果图
Photoshop教程:打造质感金属链条和木质纹理吊牌
Photoshop教程:教你把美女放进灯泡里
photoshop教程:打造可爱色彩透明的宝石
Photoshop手绘教程:绘制眼睛的详细过程
photoshop教程:简单制作非主流人物动画效果
photoshop教程:打造照片特殊颜色效果
photoshop逐帧动画实例教程:图层样式打造霓虹闪耀
Photoshop合成教程:打造神奇海底沉船场景效果
photoshop鼠绘教程:绘制质感闪亮铅笔
Photoshop调色教程:LAB模式调整花间蜜语婚片
Photoshop教程:将普通照片打造成水墨风景画
Photoshop合成教程:打造中华太极仙境效果
Photoshop教程:合成打造可爱海豹荔枝
Photoshop CS3教程:设计制作网页页面隔竖线
Photoshop教程:制作漂亮自然的光影壁纸效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 267 ::
收藏到网摘: 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简单绘制专业的网页按钮