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

2016-01-29 22:55 21 1 收藏

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

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

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

 

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

来源:http://www.tulaoshi.com/n/20160129/1514233.html

延伸阅读
PS简单绘制滑动的开关按钮 tuLaoShi.com PS简单绘制滑动的开关按钮
标签: PS PS基础
先看效果图。 新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层,再画一个小的白色圆角矩形,图层不透明度50%。 下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变,图层不透...
photoshop绘制圆形水晶按钮 最终效果图 1.新建文件,宽、高都TuLaoShi.com为5,单位cm,分辨率200,模式为RGB,白色背景。 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选通过拷贝的图层项(图层1)。 3.新建图层(图层2),使用渐变工具,设置成前景色到透明渐变,前景色设置为R:255,拉出如图渐变...
photoshop绘制精致刷新按钮 TuLaoShi.com 效果图 制作教程
PS绘制不同状态下的网页按钮 PS绘制不同状态下的网页按钮 LV. ★ 初入设计,学做按钮。只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角。 LV. ★★(描边、字体、内阴影) 看了很多案例,学会了一些小技巧,内描边1PX深色描边,使效果有所提升。注意描边要贴近按钮色,不要用纯黑和纯白。 其次,字体的...

经验教程

214

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部