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

Photoshop
Photoshop 一个搞笑的头像表情
Photoshop 制作带火焰的金属字
Photoshop 给手机人物照片加上糖果色
Photoshop 梦幻的紫色彩妆美女(脸部处理)
photoshop 鼠绘忧伤的古代武士
Photoshop 制作比较酷的另类的火焰字
Photoshop 水晶风格苹果图标制作教程
photoshop 合成电锯惊魂恐怖片的宣传海报
Photoshop调色室内人物照片流行的粉青色
Photoshop 个性的黑白颓废签名效果制作方法
Photoshop 磨皮方法高低频保细节磨皮
photoshop 巧用替换颜色快速打造紫色的照片
Photoshop 一只非常可爱的卡通松鼠
photoshop 用变形工具制作非常完美的艺术图片
Photoshop 制作苹果导航栏效果教程
photoshop 让图片如丝带飘起来
photoshop 闪亮的艺术字效果
Photoshop 黑白照片淡红的中性色调色方法
photoshop 对比色修复偏色照片
Photoshop 漂亮的彩色星光壁纸制作方法

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


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