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

Photoshop
PS教程:制作非常时尚华丽风格的宣传海报
PS文字特效教程:岩石上的泥土字特效
Photoshop绘制精美的苹果Mac系统壁纸
Photoshop文字特效教程;晶格火焰字
PS图片合成:炫酷的iPhone手机天空之城
PS调色教程:给漂亮妹妹衣服换颜色
PS合成教程:MM照片添加炫彩漩涡特效
Photoshop钢笔工具绘制渐变的宾馆壁灯
PS图片调色教程:彩妆美女细节修饰
PS教程:非常喜欢的日系淡雅风格美女照片
PS图片合成:立体文字背景的美女照片
Photoshop CS4 令人惊异的“内容感知缩放”
Photoshop制作“星爷的狂笑”动态表情
Photoshop液化滤镜“恶搞”朋友照片
用Photoshop“调整边缘”干净抠图无白边
Photoshop打造美女脸部的质感肤色
Photoshop打造欧美流行的蓝红色人物照片
国外10位顶尖Photoshop设计大师
Photoshop中创建金属文字效果
Photoshop调出人物照片梦幻的粉红色

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


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